/* Versión 5 · Herramientas, equipos, prueba cruzada, ejercicio de la foto y método por niveles
   (escenario de 1600 × 900, texto mínimo de 17 px; monoespaciada solo en la terminal y en el código) */
:root{--mono:'Cascadia Mono','Cascadia Code',ui-monospace,Consolas,Menlo,monospace}
.cambia{animation:enfoca .6s var(--ease)}

/* ---------- ventanas simuladas ---------- */
.v5-win{position:relative;height:280px;border-radius:16px;background:#0A0A0D;border:1px solid rgba(255,255,255,.12);overflow:hidden;cursor:pointer;box-shadow:0 26px 60px -30px rgba(0,0,0,.95)}
.v5-bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.v5-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.v5-bar span{margin-left:8px;font-size:17px;color:var(--faint)}
.modo{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:17px;color:#B9A8FF;transition:color .4s}
.modo i{display:inline-flex;gap:3px;align-items:center}
.modo.auto i::before,.modo.auto i::after{content:"";border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.modo.plan{color:#5BE0D3}
.modo.plan i::before,.modo.plan i::after{content:"";width:3px;height:11px;border-radius:1px;background:currentColor}
.modo em{font-style:normal}

/* ---------- 8 · Claude y Claude Code ---------- */
.v5-herr{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.v5-hc{position:relative;padding:16px 18px 14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);transition:transform .6s var(--ease),opacity .6s var(--ease),box-shadow .6s var(--ease),border-color .6s}
.v5-hc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 70%,transparent),transparent 38%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
/* la animación de entrada fija opacity y transform: el realce usa translate y la opacidad de los hijos */
.v5-hc{transition:translate .6s var(--ease),box-shadow .6s var(--ease),border-color .6s}
.v5-hc>*{transition:opacity .5s var(--ease)}
.v5-herr[data-sel="0"] .v5-hc:nth-child(1),.v5-herr[data-sel="1"] .v5-hc:nth-child(2){border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 30px 90px -30px color-mix(in srgb,var(--c) 70%,transparent);translate:0 -6px}
.v5-herr[data-sel="0"] .v5-hc:nth-child(2)>*,.v5-herr[data-sel="1"] .v5-hc:nth-child(1)>*{opacity:.3}
.v5-hc header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.v5-hc header b{font-family:var(--tt);font-weight:500;font-size:34px;letter-spacing:-.035em;color:var(--c)}
.v5-hc header small{font-size:17px;color:var(--muted)}
.v5-hc header em{margin-left:auto;font-style:normal;font-size:17px;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c)}
.v5-cw{display:grid;grid-template-columns:44% 56%;height:calc(100% - 32px)}
.v5-chat{display:flex;flex-direction:column;gap:8px;padding:12px;border-right:1px solid rgba(255,255,255,.08)}
.v5-msg{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.v5-msg.on{opacity:1;transform:none}
.v5-msg.u{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.v5-ph{width:96px;border:3px solid #fff;border-radius:4px;transform:rotate(-3deg);box-shadow:0 10px 22px -8px rgba(0,0,0,.9)}
.v5-ph svg{display:block;width:100%;height:auto}
.v5-msg p{padding:5px 12px;font-size:17px;line-height:1.35}
.v5-msg.u p{border-radius:14px 14px 4px 14px;background:rgba(255,255,255,.1)}
.v5-msg.a p{border-radius:14px 14px 14px 4px;background:rgba(46,211,198,.1);border:1px solid rgba(46,211,198,.3)}
.v5-in{margin-top:auto;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);font-size:17px;color:var(--faint)}
.v5-in b{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(46,211,198,.2);color:#BDF3EE;font-weight:500}
.v5-art{position:relative;margin:12px;padding:12px 14px;border-radius:12px;background:#F7F7F8;color:#1c1c1f;opacity:0;transform:scale(.96);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.v5-art.on{opacity:1;transform:none}
.v5-art::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%) -200% 0/200% 100% no-repeat;pointer-events:none;opacity:0}
.v5-art.on:not(.lista)::after{opacity:1;animation:brillo 1s linear infinite}
@keyframes brillo{to{background-position:200% 0}}
.v5-art-t{font-family:var(--tt);font-weight:600;font-size:19px;letter-spacing:-.02em;padding-bottom:8px;margin-bottom:8px;border-bottom:3px solid #00B0A5}
.v5-cf{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin-top:6px}
.v5-cf small{font-size:17px;color:#55555c}
.v5-cf span{display:block;height:30px;padding:3px 10px;border-radius:7px;border:1px solid #d6d6dc;background:#fff;font-size:17px;line-height:22px;color:#1c1c1f;white-space:nowrap;overflow:hidden}
.v5-env{margin:10px 0 0 auto;width:max-content;padding:5px 18px;border-radius:8px;background:#00B0A5;color:#fff;font-size:17px;font-weight:500;transition:transform .3s,box-shadow .3s}
.v5-art.enviada .v5-env{transform:scale(.94);box-shadow:0 0 0 6px rgba(0,176,165,.25)}
.v5-toast{position:absolute;left:14px;bottom:12px;transform:translateY(8px);padding:5px 12px;border-radius:999px;background:#10343C;color:#BDF3EE;font-size:17px;white-space:nowrap;opacity:0;transition:opacity .4s,transform .5s var(--ease)}
.v5-toast::before{content:"✓ "}
.v5-art.enviada .v5-toast{opacity:1;transform:none}
.v5-tw .v5-tg{display:grid;grid-template-columns:1fr 212px;height:calc(100% - 32px - 30px)}
.v5-tt{padding:10px 14px;font-family:var(--mono);font-size:17px;line-height:1.42;color:#D4D4D9;overflow:hidden}
.v5-tt p{margin:0 0 3px}
.v5-tt [data-p]{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .5s var(--ease)}
.v5-tt [data-p].on{opacity:1;transform:none}
.v5-tt .ps span,.v5-tt .cmd span{color:#8A8A93}
.v5-tt b{font-weight:400;color:#F5F5F7}
.v5-tt .dim{color:#8A8A93}
.v5-tt .ok{color:#7EE2A8}
.v5-tt .ok::before{content:"✓ "}
.v5-arbol{padding:10px 12px;border-left:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:17px;line-height:1.38;color:#C9C9CF;display:flex;flex-direction:column}
.v5-arbol small{font-size:17px;color:#8A8A93;margin-bottom:2px}
.v5-arbol span{white-space:nowrap}
.v5-arbol .nuevo{opacity:0;transform:translateX(-8px);transition:opacity .45s,transform .5s var(--ease);color:#7EE2A8}
.v5-arbol .nuevo::before{content:"+ "}
.v5-arbol .nuevo.on{opacity:1;transform:none}
.v5-arbol .dir{color:#F5C84B}
.v5-st{display:flex;align-items:center;justify-content:space-between;gap:12px;height:30px;padding:0 14px;border-top:1px solid rgba(255,255,255,.08)}
.v5-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 2px 0}
.v5-dl dt{font-size:17px;color:var(--muted)}
.v5-dl dd{margin:2px 0 0;font-size:18px;line-height:1.35;color:#E5E5EA}
.v5-elige{display:flex;align-items:center;gap:14px;margin-top:20px}
.v5-elige>b{flex:none;font-family:var(--tt);font-weight:500;font-size:24px;letter-spacing:-.025em;margin-right:4px}
.v5-chips{display:flex;flex-wrap:wrap;gap:8px}
.v5-chips button{padding:9px 16px;border-radius:999px;font-size:17px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent);color:#E8E8ED;transition:background .3s,color .3s,transform .3s var(--ease)}
.v5-chips button:hover{background:color-mix(in srgb,var(--c) 22%,transparent)}
.v5-chips button.on{background:var(--c);color:#000;transform:translateY(-2px)}
.v5-razon{margin-top:14px;font-size:20px;line-height:1.4;color:#D4D4D9;min-height:28px}
.v5-razon span{color:var(--faint);font-size:17px}

/* ---------- 9 · Flujo de trabajo en Claude Code ---------- */
.v5-flujo{display:grid;grid-template-columns:420px 1fr;gap:26px;margin-top:22px;align-items:start}
.v5-pasos{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.v5-pasos li{position:relative;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:9px 12px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:background .4s,border-color .4s,opacity .4s}
.v5-pasos li:hover{background:rgba(255,255,255,.04)}
.v5-pasos .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--tt);font-weight:500;font-size:18px;background:rgba(255,255,255,.08);color:var(--muted);transition:background .4s,color .4s}
.v5-pasos b{font-family:var(--tt);font-weight:500;font-size:21px;letter-spacing:-.02em}
.v5-pasos p{display:none}
.v5-pasos code{font-family:var(--mono);font-size:17px;padding:3px 10px;border-radius:8px;background:rgba(76,155,255,.14);color:#BFD9FF;white-space:nowrap}
.v5-pasos li.on{background:rgba(76,155,255,.12);border-color:rgba(76,155,255,.45)}
.v5-pasos li.on .n{background:#4C9BFF;color:#000}
.v5-pasos li.ya .n{background:rgba(76,155,255,.3);color:#E8F1FF}
.v5-pasos li.on p{display:block;grid-column:2/4;font-size:18px;line-height:1.4;color:#D4D4D9;margin-top:-2px;animation:enfoca .5s var(--ease)}
.v5-term{display:flex;flex-direction:column;height:460px;border-radius:18px;background:#08080B;border:1px solid rgba(255,255,255,.13);overflow:hidden;box-shadow:0 40px 90px -40px rgba(30,111,214,.55),0 30px 60px -30px rgba(0,0,0,.9)}
.v5-term .v5-bar{height:38px}
.v5-rep{margin-left:auto;padding:4px 14px;border-radius:999px;font-size:17px;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.v5-rep:hover{background:rgba(255,255,255,.16)}
.v5-tb{flex:1;padding:16px 20px;font-family:var(--mono);font-size:18px;line-height:1.5;color:#D4D4D9;overflow:hidden}
.v5-tb p{margin:0 0 6px;animation:sube .35s var(--ease) both}
.v5-tb .pr{color:#8A8A93}
.v5-tb b{font-weight:400;color:#F5F5F7}
.v5-tb .l-dim{color:#8A8A93}
.v5-tb .l-out{white-space:pre-wrap}
.v5-tb .l-ok .vis,.v5-tb .l-add .mas{color:#7EE2A8}
.v5-tb .l-ok{color:#CFF5DD}
.v5-tb .l-add b{color:#7EE2A8}
.v5-tb .chip-img{padding:1px 8px;border-radius:6px;background:rgba(157,140,255,.22);color:#D9D2FF}
.v5-tb .caja{display:inline-flex;flex-direction:column;gap:2px;margin:4px 0 4px;padding:10px 18px;border:1px solid rgba(91,224,211,.55);border-radius:10px}
.v5-tb .caja strong{font-weight:500;color:#5BE0D3}
.v5-tb .caja small{font-size:17px;color:#9A9AA2}
.v5-tb .l-menu{display:flex;gap:22px;align-items:baseline;white-space:pre;color:#C9C9CF}
.v5-tb .l-menu.sel .op{color:#5BE0D3}
.v5-tb .glosa{font-family:'Inter',sans-serif;font-size:17px;color:#8A8A93;white-space:normal}
.v5-tb .cur{display:inline-block;width:10px;height:1.1em;vertical-align:-3px;background:#F5F5F7;animation:parpadea 1s steps(1) infinite}
.v5-sim{font-family:'Inter',sans-serif;font-size:17px;color:#6E6E76}
.v5-term .v5-st{height:38px;padding:0 20px}
.v5-teclas{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;font-size:18px;color:#C9C9CF}
.v5-teclas span{display:inline-flex;align-items:center;gap:9px}
kbd{font-family:var(--mono);font-size:17px;padding:2px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;background:rgba(255,255,255,.06);color:#F5F5F7}

/* ---------- 10 · Modelos y esfuerzo ---------- */
.v5-mod{margin-top:16px}
.v5-curva{display:block;width:100%;height:auto;overflow:visible}
.v5-curva .ye{font-size:17px;fill:var(--faint)}
.v5-curva .xn{font-family:var(--tt);font-weight:500;font-size:19px;fill:#F5F5F7}
.v5-curva .xh{font-size:17px;fill:var(--muted)}
.v5-nd .halo{opacity:.14;transition:opacity .4s,r .4s}
.v5-nd.on .halo{opacity:.4;r:30;animation:latido 1.6s ease-in-out infinite}
.v5-nd.on .xn{fill:#BDF3EE}
@keyframes latido{50%{opacity:.18}}
.v5-consola{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px;margin-top:4px}
.v5-consola>div{padding:14px 18px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line)}
.v5-consola small{display:block;font-size:17px;color:var(--muted)}
.v5-pills{display:flex;gap:8px;margin-top:10px}
.v5-pills span{padding:7px 16px;border-radius:999px;font-family:var(--tt);font-weight:500;font-size:20px;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.14);color:#9A9AA2;transition:background .4s,color .4s,border-color .4s,box-shadow .4s}
.v5-pills span.on{background:var(--c);border-color:var(--c);color:#000;box-shadow:0 0 24px -4px var(--c)}
.v5-md{margin-top:12px;font-size:18px;line-height:1.4;color:#D4D4D9}
.v5-ce{display:flex;flex-direction:column;align-items:center}
.v5-ce small{align-self:flex-start}
.v5-ce svg{display:block;width:100%;max-width:236px;height:auto;margin-top:2px}
.v5-ce .sg{opacity:.14;transition:opacity .5s}
.v5-ce .sg.on{opacity:1}
.v5-ce .v5-aguja{transform-box:view-box;transform-origin:160px 150px;transition:transform 1.1s cubic-bezier(.34,1.4,.64,1)}
.v5-el{display:flex;align-items:baseline;gap:10px;margin-top:2px}
.v5-el b{font-family:var(--tt);font-weight:500;font-size:28px;letter-spacing:-.03em}
.v5-el code{font-family:var(--mono);font-size:17px;color:var(--muted)}
.v5-donde{margin-top:10px}
.v5-tool{display:inline-block;padding:3px 12px;border-radius:999px;font-size:17px;margin-bottom:8px}
.v5-tool.cl{background:rgba(46,211,198,.15);color:#5BE0D3}
.v5-tool.cc{background:rgba(76,155,255,.16);color:#9CC6FF}
.v5-donde p{font-size:18px;line-height:1.4;color:#E5E5EA}
.v5-cmd{display:flex;flex-wrap:wrap;gap:8px}
.v5-cmd code{font-family:var(--mono);font-size:19px;padding:5px 12px;border-radius:9px;background:#08080B;border:1px solid rgba(255,255,255,.14);color:#F5F5F7}
.v5-tip{margin-top:10px;font-size:18px;line-height:1.4;color:#F5C84B}

/* ---------- puntos: equipos y prueba cruzada ---------- */
.v5-eq{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;margin-top:18px;align-items:center}
.v5-campo{position:relative;height:300px;border-radius:24px;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.035),transparent 70%);cursor:pointer}
.v5-mesa{position:absolute;top:50%;width:118px;height:118px;margin:-59px 0 0 -59px;border-radius:50%;border:1px dashed rgba(255,255,255,.14);background:radial-gradient(circle,rgba(255,255,255,.03),transparent 70%);opacity:0;transform:scale(.6);transition:opacity .8s .5s,transform 1s var(--ease) .5s}
.v5-campo.listo .v5-mesa{opacity:1;transform:none}
.v5-eqn{position:absolute;top:calc(50% + 74px);transform:translateX(-50%);font-size:17px;color:var(--muted);white-space:nowrap;opacity:0;transition:opacity .8s 1.2s}
.v5-campo.listo .v5-eqn{opacity:1}
.v5-p{position:absolute;z-index:1;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--c,#3a3a40);transition:left 1.3s var(--ease),top 1.3s var(--ease),background .8s,box-shadow .8s,opacity .6s,width .5s,height .5s,margin .5s;transition-delay:var(--t,0ms)}
.v5-p.brilla{box-shadow:0 0 16px var(--c)}
.v5-p.observa{opacity:.32}
.v5-p.visita{z-index:2;width:32px;height:32px;margin:-16px 0 0 -16px;background:#F5C84B;box-shadow:0 0 0 7px rgba(245,200,75,.16),0 0 30px #F5C84B}
.v5-p.visita::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(245,200,75,.6);animation:onda 1.8s ease-out infinite}
@keyframes onda{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
.v5-roles{display:grid;gap:14px}
.v5-rol{display:grid;grid-template-columns:16px 1fr;gap:14px;align-items:start}
.v5-rol i{width:14px;height:14px;margin-top:8px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
.v5-rol b{font-family:var(--tt);font-weight:500;font-size:25px;letter-spacing:-.02em}
.v5-rol p{font-size:18px;line-height:1.35;color:var(--muted);margin-top:2px}
.v5-rotar{display:flex;align-items:center;gap:14px;margin-top:4px}
.v5-rotar small{font-size:17px;color:#BDF3EE;line-height:1.35}
.v5-linea{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}
.v5-linea::before{content:"";position:absolute;left:6px;right:6px;top:6px;height:2px;background:linear-gradient(90deg,#4C9BFF,#2ED3C6 45%,#FF6B5A 75%,#F5C84B)}
.v5-linea li{position:relative;padding-top:24px;animation:sube .8s var(--ease) both;animation-delay:var(--t)}
.v5-linea i{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#F5F5F7;box-shadow:0 0 12px rgba(255,255,255,.6)}
.v5-linea span{display:block;font-family:var(--tt);font-weight:500;font-size:19px;color:var(--muted);font-variant-numeric:tabular-nums}
.v5-linea b{display:block;font-family:var(--tt);font-weight:500;font-size:21px;letter-spacing:-.02em;margin-top:2px}
.v5-linea small{display:block;font-size:17px;color:var(--muted);line-height:1.3;margin-top:2px}
.v5-pru{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;margin-top:18px;align-items:start}
.v5-cruce{height:210px}
.v5-cruce .v5-eqn{top:calc(50% + 70px)}
.v5-cruce-n{display:flex;align-items:center;gap:12px;margin:2px 0 14px;font-size:19px;color:#D4D4D9}
.v5-cruce-n i{flex:none;width:12px;height:12px;border-radius:50%;background:#F5C84B;box-shadow:0 0 14px #F5C84B}
.v5-pru .consigna4{font-size:28px}
.v5-pru .reglas4{margin-top:0}
.v5-pru .anotar{margin-top:16px}

/* ---------- 6 · Ejercicio 1 ---------- */
.v5-fp{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.v5-fp li{position:relative;padding:14px 16px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);transition:background .4s,border-color .4s,opacity .4s,transform .5s var(--ease)}
.v5-fp .min{position:absolute;right:14px;top:12px;font-family:var(--tt);font-weight:500;font-size:18px;color:var(--muted);font-variant-numeric:tabular-nums}
.v5-fp svg{display:block;width:100%;height:84px;margin:12px 0 6px}
.v5-fp .ln{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v5-fp .ac{fill:none;stroke:#2ED3C6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.v5-fp .ac text{fill:#2ED3C6;stroke:none;font-family:var(--tt);font-weight:600;font-size:17px}
.v5-fp b{display:block;font-family:var(--tt);font-weight:500;font-size:22px;letter-spacing:-.02em}
.v5-fp p{font-size:17px;line-height:1.4;color:#C9C9CF;margin-top:4px}
.v5-fp li{transition:background .4s,border-color .4s,translate .5s var(--ease)}
.v5-fp li>*{transition:opacity .4s}
.v5-fp li.on{background:rgba(46,211,198,.12);border-color:rgba(46,211,198,.6);translate:0 -6px}
.v5-fp li.on .min{color:#2ED3C6}
.v5-fp li.ya>*{opacity:.42}
.v5-fb{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin-top:18px;align-items:start}
.v5-fb .pide{margin-top:0}
.v5-fb .crono{margin-top:0}

/* ---------- 7 · Así lo hago yo ---------- */
.v5-niv{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v5-niv li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--soft);cursor:pointer;transition:background .4s,border-color .4s}
.v5-niv li span{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--tt);font-weight:500;font-size:19px;background:rgba(255,255,255,.08);transition:background .4s,color .4s}
.v5-niv b{display:block;font-family:var(--tt);font-weight:500;font-size:21px;letter-spacing:-.02em}
.v5-niv small{display:block;font-size:17px;color:var(--muted)}
.v5-niv li.on{background:rgba(46,211,198,.12);border-color:rgba(46,211,198,.55)}
.v5-niv li.on span{background:#2ED3C6;color:#000}
.v5-niv li.ya span{background:rgba(46,211,198,.3)}
.v5-met{display:grid;grid-template-columns:452px 1fr;gap:26px;margin-top:18px;align-items:stretch}
.v5-vis{position:relative;height:330px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 70px -34px rgba(0,0,0,.95)}
.v5-capa{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .8s var(--ease),transform 1s var(--ease)}
.v5-capa.on{opacity:1;transform:none}
.v5-capa svg{display:block;width:100%;height:100%}
.v5-vtag{position:absolute;left:14px;bottom:14px;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.75);font-size:17px;color:#fff}
.v5-mp{display:flex;flex-direction:column;gap:10px;padding:20px 24px;border-radius:20px;background:rgba(76,155,255,.07);border:1px solid rgba(76,155,255,.3)}
.v5-mp-t{font-size:17px;font-weight:500;color:#9CC6FF}
.v5-mp-x{font-family:var(--tt);font-weight:500;font-size:27px;letter-spacing:-.02em;line-height:1.3;color:#F2F2F5}
.v5-mp-c{align-self:flex-start}
.v5-ver{margin-top:auto;padding-top:12px;border-top:1px solid rgba(76,155,255,.25)}
.v5-ver small{display:block;font-size:17px;color:var(--muted)}
.v5-ver p{font-size:20px;line-height:1.4;color:#BDF3EE;margin-top:2px}

/* ---------- 5 · niveles de fidelidad y 4 · qué es un prototipo ---------- */
.fid .niv{cursor:pointer;transition:translate .5s var(--ease)}
.fid .niv>*{transition:opacity .45s}
.fid .niv.apaga>*{opacity:.36}
.fid .niv.apaga svg{box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.fid .niv.sel{translate:0 -8px}
.v5-cur{transition:transform 1s var(--ease)}
.v5-sirve{display:block;margin-top:8px;font-style:normal;font-size:17px;line-height:1.35;color:#BDF3EE}

/* ---------- 12 · lo que recomienda Anthropic sobre iterar ---------- */
.v5-citas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.v5-citas b{display:block;font-family:var(--tt);font-weight:500;font-size:20px;letter-spacing:-.02em;color:#BFD9FF}
.v5-citas p{font-size:17px;line-height:1.4;color:#D4D4D9;margin-top:4px}
.v5-citas small{display:block;font-size:17px;color:var(--faint);margin-top:4px}