/* ============================================================
   CALCULADORA COMPARATIVA · portada del diseño de Claude Design.
   Todo lo que se puede tocar vive en los ATRIBUTOS de la sección
   ([data-vs="calc"]) y en los tres textos largos de arriba, que están
   escondidos y se editan pinchándolos en el Designer.
   Ningún precio está escrito dentro del guion: si el atributo falta,
   se usa el valor del diseño (30-jul-2026) como respaldo.
   ============================================================ */
[data-vs="calc"] [data-cfg]{display:none !important}
[data-vs="calc"] .dsc-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,.9rem + 1.6vw,2rem)}
[data-vs="calc"] .dsc-head{max-width:70ch;margin:0 0 26px}
[data-vs="calc"] .dsc-kick{margin:0 0 10px;font:600 10px/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.14em;color:#9ea0aa}
[data-vs="calc"] .dsc-h2{margin:0 0 12px;font-family:Archivo,Figtree,sans-serif;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.4rem);line-height:1.1;letter-spacing:-.03em;font-weight:700;color:#fff}
[data-vs="calc"] .dsc-h2 span{color:#9a9aa4;font-weight:400}
[data-vs="calc"] .dsc-sub{margin:0;font-size:14.5px;line-height:1.6;color:#9ea0aa}

[data-vs="calc"] .dsc-panel{border-radius:14px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:rgba(138,138,148,.15)}
[data-vs="calc"] .dsc-bar{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:22px 26px 0}
[data-vs="calc"] .dsc-fields{flex:1 1 520px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
[data-vs="calc"] .dsc-f{padding:9px 10px 9px 13px;border-radius:11px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
[data-vs="calc"] .dsc-f-l{font:600 9.5px JetBrains Mono,monospace;letter-spacing:.1em;color:#82828f;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-vs="calc"] .dsc-f-r{display:flex;align-items:center;justify-content:space-between;gap:6px}
[data-vs="calc"] .dsc-f-v{font-family:Archivo,Figtree,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
[data-vs="calc"] .dsc-step{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#17171c;border:1px solid rgba(255,255,255,.14);color:#c9c9d2;font:600 13px Figtree,sans-serif;cursor:pointer;transition:background 140ms,color 140ms;flex:0 0 auto}
[data-vs="calc"] .dsc-step:hover{background:#23232b;color:#fff}
[data-vs="calc"] .dsc-step[disabled]{opacity:.35;cursor:not-allowed}
[data-vs="calc"] .dsc-cycle{display:flex;gap:3px;padding:3px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
[data-vs="calc"] .dsc-chip{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#b4b4bd;border-radius:999px;padding:6px 12px;font:500 11.5px Figtree,sans-serif;cursor:pointer;white-space:nowrap;transition:background 140ms,border-color 140ms,color 140ms}
[data-vs="calc"] .dsc-cycle .dsc-chip{border:none;background:none}
[data-vs="calc"] .dsc-chip:hover{background:rgba(138,138,148,.15);color:#fff;border-color:rgba(255,255,255,.22)}
[data-vs="calc"] .dsc-chip[data-on="1"]{background:#f4f4f6;border-color:#f4f4f6;color:#030303}
[data-vs="calc"] .dsc-chip-flat{border:none;background:none;color:#82828f}
[data-vs="calc"] .dsc-req{margin:12px 26px 0;text-align:right;font:11px JetBrains Mono,monospace;color:#82828f}

[data-vs="calc"] .dsc-tills{display:grid;grid-template-columns:minmax(0,1fr) 208px minmax(0,1fr);gap:18px;align-items:start;padding:20px 26px 0}
[data-vs="calc"] .dsc-rc{position:relative;padding:22px 24px 30px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(170deg,rgba(138,138,148,.15) 0%,rgba(0,0,0,.35) 60%)}
[data-vs="calc"] .dsc-rc::before,[data-vs="calc"] .dsc-rc::after{content:"";position:absolute;left:0;right:0;height:9px;pointer-events:none}
[data-vs="calc"] .dsc-rc::before{top:-1px;background:radial-gradient(circle at 5px 0,#030303 5px,transparent 5.5px) 0 0/10px 9px repeat-x}
[data-vs="calc"] .dsc-rc::after{bottom:-1px;background:radial-gradient(circle at 5px 9px,#030303 5px,transparent 5.5px) 0 0/10px 9px repeat-x}
[data-vs="calc"] .dsc-logo{display:flex;align-items:center;justify-content:center;height:40px;overflow:hidden;margin:2px 0 12px}
[data-vs="calc"] .dsc-logo img{display:block;height:auto}
[data-vs="calc"] .dsc-tag{display:flex;justify-content:center;margin:0 0 8px}
[data-vs="calc"] .dsc-tag span{white-space:nowrap;font:600 9.5px JetBrains Mono,monospace;letter-spacing:.12em;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);color:#d8d8de}
[data-vs="calc"] .dsc-rc-a .dsc-tag span{background:linear-gradient(160deg,rgba(241,43,204,.2) 0%,rgba(0,0,0,.35) 70%);border-color:rgba(241,43,204,.4);color:#fff}
[data-vs="calc"] .dsc-sub2{font:10.5px/1.6 JetBrains Mono,monospace;text-align:center;color:#9ea0aa}
[data-vs="calc"] .dsc-why{font:10px/1.6 JetBrains Mono,monospace;text-align:center;color:#82828f;margin-top:5px}
[data-vs="calc"] .dsc-rule{height:0;border-top:1px dashed rgba(255,255,255,.16);margin:12px 0}
[data-vs="calc"] .dsc-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font:12px/1.75 JetBrains Mono,monospace;white-space:nowrap}
[data-vs="calc"] .dsc-line > *{flex:none}
[data-vs="calc"] .dsc-line > *:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
[data-vs="calc"] .dsc-total{font-size:14px}
[data-vs="calc"] .dsc-total b{font:600 14px JetBrains Mono,monospace;letter-spacing:.06em;color:#fff}
[data-vs="calc"] .dsc-total i{font-family:Archivo,Figtree,sans-serif;font-style:normal;font-size:26px;font-weight:700;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
[data-vs="calc"] .dsc-rc-b .dsc-total i{color:#d8d8de}
[data-vs="calc"] .dsc-year{text-align:right;font:11px JetBrains Mono,monospace;color:#82828f;margin-top:3px}
[data-vs="calc"] .dsc-gate{margin-top:14px;padding:9px 12px;border-radius:8px;background:rgba(240,166,60,.1);border:1px solid rgba(240,166,60,.35);font:10.5px/1.55 JetBrains Mono,monospace;color:#f0a63c;white-space:normal}

[data-vs="calc"] .dsc-mid{padding-top:40px;display:flex;flex-direction:column;align-items:center;gap:12px}
[data-vs="calc"] .dsc-mid-l{font:600 9.5px JetBrains Mono,monospace;letter-spacing:.14em;color:#82828f;text-align:center}
[data-vs="calc"] .dsc-gap{font-family:Archivo,Figtree,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.03em;text-align:center;color:#fff;font-variant-numeric:tabular-nums;text-wrap:balance}
[data-vs="calc"] .dsc-hr{width:100%;height:1px;background:rgba(255,255,255,.08)}
[data-vs="calc"] .dsc-d{width:100%}
[data-vs="calc"] .dsc-d-k{font:10px JetBrains Mono,monospace;color:#9ea0aa;text-align:center}
[data-vs="calc"] .dsc-d-r{display:flex;align-items:center;gap:7px;margin-top:5px}
[data-vs="calc"] .dsc-d-v{font:10px JetBrains Mono,monospace;width:44px;font-variant-numeric:tabular-nums}
[data-vs="calc"] .dsc-d-us{color:#f4f4f6;text-align:right}
[data-vs="calc"] .dsc-d-them{color:#9a9aa4}
[data-vs="calc"] .dsc-bars{flex:1;display:flex;flex-direction:column;gap:3px}
[data-vs="calc"] .dsc-bar-t{height:5px;border-radius:999px;background:rgba(255,255,255,.08);display:block}
[data-vs="calc"] .dsc-bar-f{display:block;height:5px;border-radius:999px;transition:width 640ms cubic-bezier(.19,1,.22,1)}
[data-vs="calc"] .dsc-bar-a{background:linear-gradient(90deg,#0cd4fe,#e700e9)}
[data-vs="calc"] .dsc-bar-b{background:#5c5c66}
[data-vs="calc"] .dsc-note{font:10px/1.6 JetBrains Mono,monospace;color:#82828f;text-align:center}

[data-vs="calc"] .dsc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:22px 26px 26px}
[data-vs="calc"] .dsc-spacer{flex:1}
[data-vs="calc"] .dsc-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 20px;border-radius:999px;background:linear-gradient(120deg,#f12bcc 0%,#6c87e6 100%);color:#fff;font:600 13.5px Figtree,sans-serif;text-decoration:none;transition:transform 400ms cubic-bezier(.19,1,.22,1)}
[data-vs="calc"] .dsc-btn:hover{transform:translateY(-2px);color:#fff}
[data-vs="calc"] .dsc-arrow{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.3);display:grid;place-items:center;font-size:14px;transition:transform 640ms cubic-bezier(.19,1,.22,1)}
[data-vs="calc"] .dsc-btn:hover .dsc-arrow{transform:rotate(-40deg)}
[data-vs="calc"] .dsc-btn-2{background:none;border:1px solid rgba(255,255,255,.18);color:#f4f4f6;padding:0 20px}
[data-vs="calc"] .dsc-btn-2:hover{border-color:rgba(255,255,255,.4);color:#fff}

[data-vs="calc"] .dsc-audit{margin:0 26px 26px;padding:20px 22px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
[data-vs="calc"] .dsc-audit h3{margin:0 0 4px;font:600 10px JetBrains Mono,monospace;letter-spacing:.14em;color:#82828f}
[data-vs="calc"] .dsc-audit p.dsc-a-intro{margin:0 0 18px;font:12.5px/1.55 Figtree,sans-serif;color:#9ea0aa;max-width:92ch}
[data-vs="calc"] .dsc-a-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
[data-vs="calc"] .dsc-a-h{display:flex;align-items:center;gap:9px;height:26px;margin:0 0 6px;font:700 14.5px Figtree,sans-serif;color:#f4f4f6;letter-spacing:-.01em}
[data-vs="calc"] .dsc-a-h img{display:block;height:auto}
[data-vs="calc"] .dsc-a-row{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);font:11.5px/1.5 JetBrains Mono,monospace}
[data-vs="calc"] .dsc-a-row b{color:#f4f4f6;font-weight:600}
[data-vs="calc"] .dsc-a-row span{color:#9ea0aa}
[data-vs="calc"] .dsc-a-cases{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr;gap:26px}
[data-vs="calc"] .dsc-a-cases h4{margin:0 0 7px;font:600 10px JetBrains Mono,monospace;letter-spacing:.12em;color:#82828f}
[data-vs="calc"] .dsc-a-cases div{font:12.5px/1.6 Figtree,sans-serif;color:#b4b4bd}
[data-vs="calc"] .dsc-a-links{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}
[data-vs="calc"] .dsc-a-links a{font:600 12px Figtree,sans-serif;color:#f4f4f6;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:1px}
[data-vs="calc"] .dsc-notes{margin:0 26px 26px;font:11px/1.6 Figtree,sans-serif;color:#82828f}

@media(max-width:1000px){
  [data-vs="calc"] .dsc-tills{grid-template-columns:minmax(0,1fr);gap:22px}
  [data-vs="calc"] .dsc-mid{padding-top:0;order:3}
  [data-vs="calc"] .dsc-a-cols,[data-vs="calc"] .dsc-a-cases{grid-template-columns:1fr}
}
@media(max-width:620px){
  [data-vs="calc"] .dsc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-vs="calc"] .dsc-bar,[data-vs="calc"] .dsc-tills,[data-vs="calc"] .dsc-actions{padding-left:16px;padding-right:16px}
  [data-vs="calc"] .dsc-req{margin-left:16px;margin-right:16px}
  [data-vs="calc"] .dsc-audit,[data-vs="calc"] .dsc-notes{margin-left:16px;margin-right:16px}
}