/* Herramientas guiadas (cotizador, prescripción): controles a un lado y
   resultado al otro. Salió del <style> del cotizador el 29-sep-2026 para
   que la página de prescripción use los mismos componentes sin copiarlos. */
/* Cotizador: controles a la izquierda, liquidación a la derecha (pegada al
   hacer scroll en escritorio). En móvil la liquidación va debajo de los
   controles. Las alturas están reservadas: cambiar una opción cambia
   números, no la posición de nada. */
.cz-grid{display:grid;gap:1.5rem;margin:0 0 1rem}
@media(min-width:56rem){.cz-grid{grid-template-columns:1fr 1fr;gap:2rem;align-items:start}}
.cz-controles .campo{margin-bottom:1.15rem}
.cz-controles select,.cz-controles input[type=text]{width:100%;font:400 1rem/1.5 var(--sans);color:var(--texto);background:var(--noche);
  border:1px solid var(--borde-fuerte);border-radius:var(--r-campo);padding:.8rem .95rem;min-height:52px;appearance:none;-webkit-appearance:none}
.cz-controles select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239DABB6' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .95rem center;padding-right:2.4rem}
.cz-controles select:focus,.cz-controles input[type=text]:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(79,190,187,.16)}
.cz-controles .ayuda{font-size:.79rem;line-height:1.55;color:var(--texto-3);margin:0}
.cz-seg{display:grid;border:1px solid var(--borde-fuerte);border-radius:var(--r-boton);overflow:hidden;background:rgba(16,32,46,.55)}
.cz-seg.c4{grid-template-columns:repeat(4,1fr)}
.cz-seg.c2{grid-template-columns:repeat(2,1fr)}
.cz-seg input{position:absolute;opacity:0;width:1px;height:1px}
.cz-seg label{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:.4rem .3rem;cursor:pointer;
  border-left:1px solid var(--borde);color:var(--texto-2);font-size:.78rem;font-weight:500;line-height:1.2;transition:background .16s ease,color .16s ease}
.cz-seg label:first-of-type{border-left:0}
.cz-seg label:hover{color:var(--texto);background:var(--sup-alta)}
.cz-seg input:checked+label{color:var(--sobre-teal);background:var(--teal-claro);font-weight:600}
.cz-seg input:focus-visible+label{outline:2px solid var(--teal);outline-offset:-3px}
@media(min-width:40rem){.cz-seg label{font-size:.88rem;font-weight:400}}
.cz-valor{position:relative}
.cz-valor .cz-signo{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);font-family:var(--mono);color:var(--texto-3);pointer-events:none}
.cz-valor input{padding-left:2rem!important;font-family:var(--mono)!important;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.cz-check{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.85rem .95rem;background:var(--sup);border:1px solid var(--borde);border-radius:var(--r-chip)}
.cz-check input{width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--teal);flex:none}
.cz-check span{font-size:.88rem;line-height:1.5;color:var(--texto-2)}
.cz-check:has(input:checked){border-color:rgba(79,190,187,.5);background:var(--sup-alta)}
.cz-check:has(input:checked) span{color:var(--texto)}
.cz-oculto[hidden]{display:none}
.cz-panel{background:var(--sup);border:1px solid var(--borde-fuerte);border-radius:var(--r-card);padding:1.3rem 1.4rem 1.4rem;
  box-shadow:0 0 0 1px rgba(79,190,187,.08),0 24px 48px -30px rgba(79,190,187,.45)}
@media(min-width:56rem){.cz-panel{position:sticky;top:1rem}}
.cz-panel .rot{display:block;font-family:var(--mono);font-size:.64rem;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--texto-3);margin:0 0 .9rem}
.cz-panel .cuenta-tabla{border:0;border-radius:0;background:transparent;font-size:.92rem}
.cz-panel .cuenta-tabla th,.cz-panel .cuenta-tabla td{padding:.7rem 0;vertical-align:top}
.cz-panel .cuenta-tabla th small{display:block;font-family:var(--mono);font-size:.62rem;line-height:1.5;letter-spacing:.03em;color:var(--texto-3);margin-top:.25rem;font-weight:400}
.cz-panel .cuenta-tabla th small.cz-est{display:inline;font-family:var(--sans);font-size:.8rem;letter-spacing:0;margin:0;color:var(--texto-3)}
.cz-panel .cuenta-tabla td.sin{color:var(--texto-3);font-size:.8rem;font-family:var(--sans);text-align:right}
.cz-panel .cuenta-tabla tr.tasa.cero td{color:var(--texto-3)}
.cz-panel .cuenta-tabla tr.tasa:not(.cero) td{color:var(--alerta)}
.cz-panel .cuenta-tabla tfoot td{font-size:1.5rem}
.cz-panel .cuenta-tabla tfoot th small{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;color:var(--texto-3);margin-top:.2rem;font-weight:400}
.cz-partes{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0 0}
.cz-partes>div{background:var(--noche);border:1px solid var(--borde);border-radius:var(--r-chip);padding:.9rem 1rem}
.cz-partes b{display:block;font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--teal);margin:0 0 .35rem}
.cz-partes .n{display:block;font-family:var(--mono);font-weight:500;font-size:1.35rem;line-height:1.1;letter-spacing:-.03em;color:var(--texto);font-variant-numeric:tabular-nums}
.cz-partes small{display:block;font-size:.74rem;line-height:1.5;color:var(--texto-3);margin-top:.35rem}
.cz-partes.una{grid-template-columns:1fr}
.cz-partes[hidden]{display:none}
.cz-reparto-nota{font-size:.8rem;line-height:1.55;color:var(--texto-2);margin:.7rem 0 0}
.cz-cita{margin-top:1rem}
.cz-acciones{display:grid;gap:.6rem;margin:1.2rem 0 0}
.cz-acciones .btn{width:100%}
.cz-acciones .btn-sec{width:100%}
.cz-acciones .ok{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--exito);min-height:1.2em;margin:0;text-align:center}
.cz-acciones .terc{font-size:.85rem;text-align:center;margin:.3rem 0 0}
.cz-acciones .terc a{color:var(--texto-2)}
.cz-nojs{margin:.5rem 0 0}