/* =====================================================================
     TConsulting · cotizador en linea (/cotizador/)
     Usa los tokens de estilo.2026.css; aqui solo lo propio del cotizador.
     ===================================================================== */
  .cz{max-width:980px;margin:0 auto;scroll-margin-top:110px}
  .cz-top{display:flex;align-items:center;gap:18px;margin-bottom:34px}
  .cz-cuenta{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hielo);white-space:nowrap}
  .cz-barra{flex:1;height:3px;border-radius:3px;background:var(--linea);overflow:hidden}
  .cz-barra i{display:block;height:100%;width:0;background:var(--degradado);box-shadow:0 0 12px rgba(63,193,238,.7);transition:width .5s var(--curva)}

  .cz-paso{animation:entra .6s var(--curva) both}
  .cz-paso h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:10px}
  .cz-ayuda{color:var(--gris);margin-bottom:28px;max-width:62ch}
  .cz-error{color:#ffb4b4}

  .cz-ops{display:grid;gap:16px}
  .cz-ops.c2{grid-template-columns:repeat(2,1fr)}
  .cz-ops.c3{grid-template-columns:repeat(3,1fr)}
  .cz-ops.c4{grid-template-columns:repeat(4,1fr)}
  .cz-op{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;cursor:pointer;
    padding:22px 22px 24px;border-radius:var(--radio);border:1px solid var(--linea-2);color:var(--tinta-2);font:inherit;
    background:linear-gradient(180deg,rgba(148,197,255,.055),rgba(148,197,255,.018));
    transition:border-color .25s,transform .25s var(--curva),box-shadow .25s,background .25s}
  .cz-op:hover{transform:translateY(-3px);border-color:rgba(127,220,242,.45)}
  .cz-op:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(63,193,238,.25)}
  .cz-op[aria-pressed="true"]{border-color:var(--azul);background:linear-gradient(180deg,rgba(63,193,238,.14),rgba(42,95,216,.06));
    box-shadow:0 12px 40px -18px rgba(63,193,238,.8)}
  .cz-op b{font-family:var(--f-tit);font-size:1.15rem;font-weight:600;color:#fff;letter-spacing:-.01em}
  .cz-op span{font-size:14px;color:var(--gris);line-height:1.5}

  .cz-nivel{padding-top:28px}
  .cz-rec{position:absolute;top:-11px;left:20px;font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;
    text-transform:uppercase;color:#03101f;background:var(--degradado);padding:4px 10px;border-radius:999px}
  .cz-precio{font-family:var(--f-tit);font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.03em;margin-top:12px;line-height:1.1}
  .cz-precio small{font-size:.9rem;font-weight:500;color:var(--gris)}
  .cz-op .cz-clp{font-family:var(--f-mono);font-size:12.5px;color:var(--hielo)}
  .cz-nivel ul{list-style:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--linea);width:100%}
  .cz-nivel li{position:relative;padding-left:20px;font-size:14px;color:var(--gris);margin-bottom:8px;line-height:1.5}
  .cz-nivel li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:2px;background:var(--degradado)}

  .cz-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px}
  .cz-atras::after{content:none}
  .cz-atras::before{content:"←"}
  .cz-msg{display:none;color:#ffb4b4;font-size:14px;margin-top:-6px}
  .cz-falta .cz-msg{display:block}
  .cz-falta .cz-ops{animation:sacude .35s}
  @keyframes sacude{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

  .cz-check{display:flex;gap:12px;align-items:flex-start;text-transform:none;letter-spacing:0;font-family:var(--f-txt);font-size:13.5px;color:var(--gris);line-height:1.5;cursor:pointer}
  .cz-check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--azul)}
  .cz-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

  /* resultado */
  .cz-res-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
  .cz-res-cab h2{margin:6px 0 4px}
  .cz-res-cab p{color:var(--gris);margin:0}
  .cz-res-monto{text-align:right}
  .cz-res-monto strong{display:block;font-family:var(--f-tit);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.04em;line-height:1;
    background:var(--degradado);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .cz-res-monto em{display:block;font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hielo);margin-bottom:6px}
  .cz-res-monto span{font-family:var(--f-mono);font-size:13px;color:var(--hielo)}
  #cz-res table{min-width:0}
  #cz-res td,#cz-res td.n{font-family:var(--f-txt);font-size:15px;font-weight:400;letter-spacing:0;padding:14px 20px}
  #cz-res td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tinta);-webkit-text-fill-color:currentColor;background:none}
  #cz-res .cz-sub td{border-top:1px solid var(--linea-2);color:var(--tinta)}
  #cz-res .cz-tot td{font-weight:700;color:#fff;font-size:1.1rem}
  #cz-res h3{margin:6px 0 14px}
  /* las filas animadas del sitio esperan al observador; aqui se insertan despues */
  .cz tbody tr{opacity:1 !important;transform:none !important;filter:none !important}

  .cz-envio{font-size:14.5px;color:var(--gris);margin-top:8px}
  .cz-envio:empty{display:none}
  .cz-envio.ok{color:#9ff0c6}
  .cz-envio.mal{color:#ffb4b4}

  @media (max-width:900px){
    .cz-ops.c3,.cz-ops.c4{grid-template-columns:repeat(2,1fr)}
    #cz-niveles{grid-template-columns:1fr}
  }
  @media (max-width:620px){
    .cz-ops.c2,.cz-ops.c3,.cz-ops.c4{grid-template-columns:1fr}
    .cz-res-monto{text-align:left}
    .cz-nav .btn{flex:1;justify-content:center}
  }