/* Versión 5 · Segunda parte: portada de marca, términos, Claude Code en el computador y comandos */
h2.ancho{max-width:none}

/* ---------- portada: símbolo de SITT ---------- */
.logo-portada{display:block;height:92px;width:auto;margin-bottom:34px}
.marca svg{width:100%;max-width:430px;display:block;margin-left:auto;overflow:visible;cursor:pointer}
.marca .v5-chico{transition:transform 1.1s var(--ease),opacity .7s}
.marca .v5-gran{opacity:0;transform-box:fill-box;transform-origin:center}
.marca svg.arma .v5-gran{opacity:1;animation:pop .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--t)}
.marca .v5-banda{opacity:.32;stroke-dasharray:100;stroke-dashoffset:100}
.marca svg.arma .v5-banda{animation:traza 1.1s var(--ease) both;animation-delay:calc(var(--t) + 600ms)}
.marca .v5-glow{opacity:0;transition:opacity 1.6s}
.marca svg.lista .v5-glow{opacity:.34;animation:respira 5s ease-in-out infinite}
@keyframes respira{50%{opacity:.16}}
.marca .v5-viaje{opacity:0;transition:opacity .8s}
.marca svg.lista .v5-viaje{opacity:.95}

/* ---------- términos ---------- */
.v5-ter{display:grid;grid-template-columns:860px 1fr;gap:28px;margin-top:14px;align-items:center}
.v5-mapa{display:block;width:100%;height:auto;overflow:visible}
.v5-mapa .gr{stroke:rgba(255,255,255,.08);stroke-dasharray:3 7;fill:none}
.v5-mapa .ej{stroke:rgba(255,255,255,.3);stroke-width:1.5;fill:none}
.v5-mapa .ey{font-size:17px;fill:var(--faint)}
.v5-mapa .ex{font-size:17px;fill:var(--muted)}
.v5-mapa .eje{font-size:17px;fill:var(--faint)}
.v5-mapa .ruta{fill:none;stroke:url(#v5gt);stroke-width:2.5;stroke-linecap:round;opacity:.75}
.v5-tp{cursor:pointer}
.v5-tp .h{opacity:.13;transition:opacity .4s}
.v5-tp.on .h{opacity:.45;animation:latido 1.6s ease-in-out infinite}
.v5-tp .tn{font-family:var(--tt);font-weight:500;font-size:21px;fill:#E8E8ED;transition:fill .3s}
.v5-tp .ta{font-family:'Inter',sans-serif;font-weight:400;font-size:17px;fill:var(--muted)}
.v5-tp.on .tn{fill:var(--c)}
.v5-tdet{min-height:400px;display:flex;align-items:center}
.v5-tdet-c{width:100%;padding:24px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--c,#2ED3C6) 50%,transparent);box-shadow:0 30px 80px -42px var(--c,#2ED3C6)}
.v5-tdet-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v5-tdet-h i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
.v5-tdet-h b{font-family:var(--tt);font-weight:500;font-size:38px;letter-spacing:-.035em}
.v5-tdet-h small{font-size:18px;color:var(--muted)}
.v5-tdet-h em{font-style:normal;margin-left:auto;padding:4px 12px;border-radius:999px;background:rgba(46,211,198,.15);color:#5BE0D3;font-size:17px}
.v5-tdet .que{font-family:var(--tt);font-weight:500;font-size:25px;letter-spacing:-.02em;line-height:1.3;margin-top:12px}
.v5-tdet dl{display:grid;gap:12px;margin:18px 0 0}
.v5-tdet dt{font-size:17px;color:var(--muted)}
.v5-tdet dd{margin:2px 0 0;font-size:19px;line-height:1.4;color:#E5E5EA}
.v5-otros{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:12px;font-size:18px;color:#C9C9CF}
.v5-otros>b{font-weight:500;color:var(--muted);font-size:17px;margin-right:4px}
.v5-otros span{padding:7px 14px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.v5-otros strong{font-weight:600;color:#F5F5F7}

/* ---------- Claude Code en el computador ---------- */
.v5-pc{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-top:12px;align-items:start}
.v5-mapa-acc svg{display:block;width:100%;max-height:400px;overflow:visible}
.v5-mapa-acc .anillo{fill:rgba(76,155,255,.05);stroke:rgba(76,155,255,.55);stroke-width:1.5;stroke-dasharray:5 7;transform-box:view-box;transform-origin:360px 220px;animation:giro-anillo 50s linear infinite}
@keyframes giro-anillo{to{transform:rotate(360deg)}}
.v5-mapa-acc .anillo-t{font-size:17px;fill:#9CC6FF}
.v5-rad{cursor:pointer}
.v5-rad .rayo{stroke:var(--c);stroke-width:2;opacity:.4;stroke-dasharray:4 6;fill:none;transition:opacity .4s}
.v5-rad .flujo{fill:var(--c)}
.v5-rad .h{fill:var(--c);opacity:.14;transition:opacity .4s}
.v5-rad circle.pop{fill:var(--c)}
.v5-rad .rn{font-family:var(--tt);font-weight:500;font-size:21px;fill:#E8E8ED;transition:fill .3s}
.v5-rad.on .h{opacity:.45;animation:latido 1.6s ease-in-out infinite}
.v5-rad.on .rayo{opacity:1;stroke-dasharray:none}
.v5-rad.on .rn{fill:var(--c)}
.v5-mapa-acc .hub rect{fill:#08080B;stroke:rgba(255,255,255,.38);stroke-width:1.5}
.v5-mapa-acc .hub .base{fill:rgba(255,255,255,.2)}
.v5-mapa-acc .hub .pr{font-family:var(--mono);font-size:19px;fill:#8A8A93}
.v5-mapa-acc .hub .cmd{font-family:var(--mono);font-size:19px;fill:#F5F5F7}
.v5-mapa-acc .hub .hubn{font-family:var(--tt);font-weight:500;font-size:19px;fill:#9CC6FF}
.v5-acc-det{margin-top:8px;padding:14px 18px;border-radius:16px;background:var(--soft);border:1px solid color-mix(in srgb,var(--c,#4C9BFF) 50%,transparent);min-height:104px}
.v5-acc-det b{font-family:var(--tt);font-weight:500;font-size:22px;letter-spacing:-.02em;color:var(--c)}
.v5-acc-det p{font-size:18px;line-height:1.4;color:#E5E5EA;margin-top:2px}
.v5-acc-det small{display:block;font-size:17px;color:var(--muted);margin-top:4px}
.v5-pc-der{display:grid;gap:14px}
.v5-t101{padding:16px 20px;border-radius:20px;background:#08080B;border:1px solid rgba(255,255,255,.13)}
.v5-t101>b{font-family:var(--tt);font-weight:500;font-size:22px;letter-spacing:-.02em}
.v5-t101>p{font-size:17px;color:var(--muted);margin:2px 0 8px}
.v5-t101 div{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:baseline;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}
.v5-t101 div.largo{grid-template-columns:1fr}
.v5-t101 code{font-family:var(--mono);font-size:17px;color:#5BE0D3;white-space:nowrap}
.v5-t101 span{font-size:17px;color:#D4D4D9;line-height:1.35}
.v5-mejor{display:grid;gap:12px}
.v5-mejor div{padding:12px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 7%,transparent)}
.v5-mejor b{display:block;font-family:var(--tt);font-weight:500;font-size:21px;letter-spacing:-.02em;color:var(--c)}
.v5-mejor span{display:block;font-size:18px;line-height:1.4;color:#E5E5EA;margin-top:2px}

/* ---------- comandos ---------- */
.v5-cg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.v5-cgr{padding:12px 14px;border-radius:18px;background:var(--soft);border:1px solid var(--line)}
.v5-cgr small{display:block;font-size:17px;color:var(--muted);margin-bottom:8px}
.v5-cgr div{display:flex;flex-wrap:wrap;gap:8px}
.v5-cgr button{padding:6px 12px;border-radius:10px;background:#08080B;border:1px solid rgba(255,255,255,.16);transition:background .3s,border-color .3s,transform .3s var(--ease)}
.v5-cgr button:hover{border-color:rgba(76,155,255,.6)}
.v5-cgr button code{font-family:var(--mono);font-size:19px;color:#E8E8ED}
.v5-cgr button.on{border-color:#4C9BFF;background:rgba(76,155,255,.18);transform:translateY(-2px)}
.v5-cgr button.on code{color:#BFD9FF}
.v5-cx{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:14px;align-items:stretch}
.v5-term.v5-term-c{height:310px}
.v5-term-c kbd{font-size:18px}
.v5-cdet{padding:20px 22px;border-radius:20px;background:linear-gradient(180deg,rgba(76,155,255,.1),rgba(76,155,255,.03));border:1px solid rgba(76,155,255,.35);display:flex;flex-direction:column}
.v5-cnom{font-family:var(--mono);font-size:34px;color:#BFD9FF}
.v5-cq{font-family:var(--tt);font-weight:500;font-size:25px;letter-spacing:-.02em;line-height:1.3;margin-top:10px}
.v5-cwhen{margin-top:auto;padding-top:12px;border-top:1px solid rgba(76,155,255,.25)}
.v5-cwhen small{display:block;font-size:17px;color:var(--muted)}
.v5-cwhen p{font-size:19px;line-height:1.4;color:#5BE0D3;margin-top:2px}
.v5-okc{color:#7EE2A8}
.v5-mhint{margin-top:2px;font-size:17px;color:#F5C84B}
.v5-dleg{margin-top:20px;font-size:18px;line-height:1.45;color:#D4D4D9;max-width:110ch}
.v5-dleg b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:6px;border-radius:8px;background:rgba(245,200,75,.18);color:#F5C84B;font-family:var(--tt)}
.v5-anillo-n{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:17px;color:#9CC6FF}
.v5-anillo-n i{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px dashed rgba(76,155,255,.8)}
.insumos .papel header em{white-space:nowrap}

/* ---------- revisión: posición fija del título, legibilidad y ajustes ---------- */
.s{justify-content:flex-start}
.s.portada.centro{justify-content:center}
.portada h1 .hl{white-space:nowrap}
.fid .niv.apaga>*{opacity:.8}
.fid .niv.apaga>svg{opacity:.42}
.v5-fdef{margin-top:14px;font-size:20px;line-height:1.4;color:#D4D4D9}
.v5-fdef b{font-weight:500;color:#BDF3EE}
.cinco .barra{height:auto;min-height:120px;align-items:stretch}
.cinco .tr{justify-content:flex-start;gap:10px}
.nav-m .barra-n{font-size:17px}
.nav-m .ver{height:330px}
.nav-m .ver img{height:100%;object-fit:contain;object-position:center top}
.nav-m .vtag{top:6px;right:10px}
.flujo-txt div{text-align:center}
.flujo-txt b{display:block;font-weight:600;margin-bottom:2px}
.v5-mal{color:#FF8A80}
.v5-bien{color:#A6D34A}
.v5-tp .tn,.v5-tp .ta{paint-order:stroke;stroke:#050607;stroke-width:7px;stroke-linejoin:round}
.v5-consola{margin-top:14px}
.v5-pill{font-size:17px;padding:3px 12px;border-radius:999px;background:rgba(76,155,255,.14);color:#BFD9FF;white-space:nowrap}
.v5-gmodo{font-family:'Inter',sans-serif;font-size:17px;color:#8A8A93;margin-left:12px}
.v5-recdef{margin-top:22px;font-size:20px;color:#D4D4D9}
.v5-recdef b{font-weight:500;color:#A6D34A}
.def{margin-top:14px}
.ejemplos{margin-top:22px}
.v5-mapa-acc svg{max-height:350px}
.franja button span{font-size:17px}
.v5-aglista{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,1fr);gap:8px 18px}
.v5-aglista li{display:flex;gap:12px;align-items:baseline;padding:9px 14px;border-radius:12px;font-size:18px;color:#C9C9CF;cursor:pointer;border-left:3px solid var(--c);background:rgba(255,255,255,.03);transition:background .3s,color .3s}
.v5-aglista li span{flex:none;font-family:var(--tt);font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.v5-aglista li.on{background:rgba(255,255,255,.09);color:#F5F5F7}
.insumos .papel{padding:14px 18px 10px}
.insumos .papel .ps p{font-size:17px;line-height:1.45}
.insumos .papel .ps{margin-top:10px;padding-top:9px}
.v5-mapa-acc svg{max-height:320px}
.v5-citas{margin-top:14px;padding-top:12px}
.v5-citas b{font-size:19px;line-height:1.3}
.atrib{margin-top:16px}
.v5-elige{margin-top:16px}
.v5-consola{margin-top:6px}
.v5-mod{margin-top:8px}
.v5-mapa-acc svg{max-height:300px}
.v5-pc{margin-top:8px}
.def{font-size:42px}
.atrib{flex-wrap:wrap;gap:12px 26px}
.v5-fp li{cursor:pointer}
.v5-fb .regla-f{margin-top:0;align-self:center;font-size:19px;line-height:1.45}
.franja{margin-bottom:6px}
.def{max-width:none}
.atrib{flex-wrap:nowrap;gap:26px}
.atrib{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;font-size:19px}
.atrib span{align-items:flex-start}
.atrib i{margin-top:7px;flex:none}

/* ---------- Claude hoy ---------- */
.v5-hoy{display:grid;grid-template-columns:400px 1fr;gap:26px;margin-top:22px;align-items:start}
.v5-hoy .v5-pasos li{grid-template-columns:36px 1fr}
.v5-hoy .v5-pasos li.on{background:rgba(46,211,198,.12);border-color:rgba(46,211,198,.5)}
.v5-hoy .v5-pasos li.on .n{background:#2ED3C6;color:#000}
.v5-hoy .v5-pasos li.ya .n{background:rgba(46,211,198,.3);color:#E8FBF9}
.v5-hdet{min-height:420px;padding:24px 28px;border-radius:22px;background:linear-gradient(180deg,rgba(46,211,198,.1),rgba(46,211,198,.02));border:1px solid rgba(46,211,198,.35)}
.v5-hpaso{display:block;font-size:17px;color:var(--muted)}
.v5-hdet h3{font-family:var(--tt);font-weight:500;font-size:40px;letter-spacing:-.035em;margin:4px 0 14px}
.v5-hfila{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.v5-hfila span{font-size:17px;color:var(--muted);padding-top:3px}
.v5-hfila p{font-size:21px;line-height:1.45;color:#E8E8ED}
.v5-hfila.ej p{color:#5BE0D3}