/* ============================================================================
   RC EVENTOS  ·  /seguro-para-eventos/ y sus hijas   (25/09/2026)

   Hoja PROPIA de la vertical, con dos prefijos verificados libres en el repo:
     .evt-  el simulador (eventos.js) y el texto de la madre y las hijas
     .evw-  la contratación online (eventos-alta.js, modal)

   No se apoya en el bloque compartido .calc__* (el rotulado «CAUCIÓN», que
   sostiene once verticales) ni en las clases de turismo o maquinaria: cada
   vertical trae su hoja y así tocar una no rompe otra. Lo único compartido es
   la cáscara del modal (.calc-modal, .calc-modal__box--wide, .calc-modal__close,
   .calc-modal__skip, .quiz__progress, .field, .btn), la misma de praxis, vida,
   retiro, turismo y cosechadores.

   Reglas de estas verticales: el precio va a la vista sin pedir datos, todo se
   toca con el pulgar (48 px) y el número grande es lo que la persona paga. Acá
   la póliza es de un solo pago (dura hasta 30 días), así que el número grande
   es el total con impuestos.
   ============================================================================ */

/* ─── El simulador ─────────────────────────────────────────────────────────── */
.evt-calc{display:grid;gap:1.15rem;}
/* min-width:0 en los hijos: sin esto el panel del resultado pide más ancho que
   el celular y la página entera tiene scroll horizontal (lección de turismo). */
.evt-calc > *{min-width:0;}

.evt-step{display:flex;gap:.9rem;align-items:flex-start;}
.evt-step__n{flex:0 0 auto;width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;
  font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);margin-top:.15rem;}
.evt-step__body{flex:1 1 auto;min-width:0;}
.evt-step__body h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:var(--fg-1);}
.evt-step__hint{margin:-.25rem 0 .6rem;font-size:.88rem;color:var(--fg-3);line-height:1.5;}
.evt-step__hint strong{color:var(--fg-1);}

/* Paso 1: los tipos de evento. Pastillas con el ejemplo adentro, para que la
   persona se reconozca por lo que está armando y no por la categoría de Sancor. */
.evt-tipos{display:grid;gap:.5rem;grid-template-columns:1fr;}
.evt-tipo{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;
  display:flex;flex-direction:column;gap:.15rem;padding:.75rem .9rem;min-height:48px;
  border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease);}
.evt-tipo:hover{border-color:var(--magenta-300);transform:translateY(-1px);box-shadow:var(--shadow-xs);}
.evt-tipo b{font-size:.98rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.evt-tipo small{font-size:.8rem;color:var(--fg-3);line-height:1.45;}
.evt-tipo.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.evt-tipo.is-on b{color:var(--magenta-700);}
.evt-tipo:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}

/* La nota debajo del paso tocado: vacía y sin caja hasta que eligen. */
.evt-nota{margin:0;padding:0;border:0;font-size:.88rem;line-height:1.55;color:var(--fg-2);}
.evt-nota.is-on{margin:.6rem 0 0;padding:.75rem .9rem;border-radius:var(--r-md);background:var(--magenta-50);border:1px solid var(--magenta-100);}
.evt-nota strong{color:var(--ink-900);font-weight:800;}
.evt-nota:empty{display:none;}
.evt-nota a{color:var(--magenta-700);font-weight:700;}

/* Pasos 2 a 5: chips (gente, lugar, cantidad de eventos, suma). */
.evt-chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.evt-chip{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;min-height:44px;padding:.45rem .9rem;
  border-radius:var(--r-pill);border:1.5px solid var(--border-1);background:#fff;color:var(--fg-1);font-size:.9rem;font-weight:700;
  font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease),background .15s var(--ease);}
.evt-chip:hover{border-color:var(--magenta-300);}
.evt-chip.is-on{border-color:var(--magenta);background:var(--magenta-50);color:var(--magenta-700);}
.evt-chip:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.evt-chip small{display:block;font-size:.72rem;font-weight:600;color:var(--fg-3);}
.evt-chip.is-on small{color:var(--magenta-700);}

/* El lugar: cuatro tarjetas cortas (el tipo de predio mueve el precio). */
.evt-opts{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;}
.evt-opt{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;
  display:grid;gap:.1rem;padding:.7rem .85rem;min-height:48px;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease);}
.evt-opt:hover{border-color:var(--magenta-300);}
.evt-opt.is-on{border-color:var(--magenta);background:var(--magenta-50);}
.evt-opt:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.evt-opt b{font-size:.95rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.evt-opt.is-on b{color:var(--magenta-700);}
.evt-opt small{font-size:.78rem;color:var(--fg-3);line-height:1.4;}

/* La suma: los chips y el campo para escribir otra. */
.evt-suma__otra{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;max-width:320px;}
.evt-suma__otra span{font-weight:800;color:var(--fg-3);}
.evt-suma__otra input{flex:1 1 auto;min-width:0;font:inherit;font-size:1.05rem;font-weight:800;color:var(--fg-1);
  padding:.5rem .7rem;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;font-variant-numeric:tabular-nums;}
.evt-suma__otra input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px var(--magenta-100);}
/* El deducible, recalculado en vivo debajo de la suma: más suma, más piso. */
.evt-dedu{margin:.6rem 0 0;padding:.65rem .85rem;border-radius:var(--r-md);background:var(--ink-50);border:1px solid var(--border-1);
  font-size:.84rem;line-height:1.55;color:var(--fg-2);}
.evt-dedu strong{color:var(--ink-900);font-variant-numeric:tabular-nums;}

/* Paso 6: los adicionales, con su precio al costado. Un <label> con checkbox de
   verdad adentro: se toca la fila entera. */
.evt-adics{display:grid;gap:.45rem;}
.evt-adic{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.65rem .8rem;min-height:48px;
  border:1.5px solid var(--border-1);border-radius:var(--r-md);background:#fff;transition:border-color .15s var(--ease),background .15s var(--ease);}
.evt-adic:hover{border-color:var(--magenta-300);}
.evt-adic input{flex:0 0 auto;width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--magenta);}
.evt-adic__txt{flex:1 1 auto;min-width:0;}
.evt-adic__txt b{display:block;font-size:.92rem;font-weight:800;color:var(--fg-1);line-height:1.3;}
.evt-adic__txt small{display:block;font-size:.78rem;color:var(--fg-3);line-height:1.45;margin-top:.1rem;}
.evt-adic__p{flex:0 0 auto;font-size:.85rem;font-weight:800;color:var(--magenta-700);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.05rem;}
.evt-adic__p.is-pend{color:var(--fg-3);font-weight:700;}
.evt-adic:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);}
.evt-adic.is-sug .evt-adic__txt b::after{content:"sugerido";display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:var(--r-pill);
  font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple-700);background:var(--purple-50);vertical-align:.1em;}
.evt-adics__mas{margin:.2rem 0 0;}
.evt-adics__mas summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .2rem;
  font-weight:800;font-size:.88rem;color:var(--magenta-700);}
.evt-adics__mas summary::-webkit-details-marker{display:none;}
.evt-adics__mas summary::before{content:"+";font-weight:900;}
.evt-adics__mas[open] summary::before{content:"–";}

/* Deducible, RC cruzada y reposición: plegado, porque el default sirve a casi todos. */
.evt-opc{margin:.45rem 0 0;padding:.8rem .9rem;border:1px dashed var(--border-1);border-radius:var(--r-md);background:#fff;}
.evt-opc__t{margin:.2rem 0 .4rem;font-size:.82rem;font-weight:800;color:var(--fg-2);}
.evt-opc__t:not(:first-child){margin-top:.8rem;}
.evt-opc__nota{margin:.7rem 0 0;font-size:.8rem;line-height:1.5;color:var(--fg-3);}

/* Provincia y condición fiscal. */
.evt-sub{display:grid;gap:.6rem;grid-template-columns:1fr;}
.evt-sub label{display:grid;gap:.3rem;font-size:.82rem;font-weight:700;color:var(--fg-2);}
.evt-select{width:100%;max-width:340px;font:inherit;font-size:1rem;font-weight:700;color:var(--fg-1);padding:.6rem .75rem;
  border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;}
.evt-select:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px var(--magenta-100);}

/* El panel del resultado: fondo de marca, texto blanco. */
.evt-res{border-radius:var(--r-lg);padding:1.3rem 1.2rem;color:#fff;
  background:linear-gradient(135deg,var(--magenta-700) 0%,var(--purple) 100%);box-shadow:var(--shadow-md);}
.evt-res :focus-visible{outline:2px solid #fff;outline-offset:2px;}
.evt-res__lbl{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);}
.evt-cart{list-style:none;margin:.5rem 0 1.1rem;padding:0;display:grid;gap:.3rem;}
.evt-cart li{display:grid;grid-template-columns:5.4rem 1fr auto;gap:.6rem;align-items:baseline;padding:.45rem 0;
  border-bottom:1px solid rgba(255,255,255,.18);font-size:.9rem;line-height:1.4;}
.evt-cart li:last-child{border-bottom:0;}
.evt-cart span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.evt-cart b{font-weight:700;color:#fff;min-width:0;}
.evt-cart a{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.evt-cart a:hover{color:#fff;}
.evt-res__num{margin:.3rem 0 0;font-size:2.6rem;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.evt-res__num small{font-size:1rem;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.85);}
.evt-res__num.is-pend{font-size:1.5rem;letter-spacing:0;}
.evt-res__cuenta{margin:.35rem 0 0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.9);}
.evt-res__cuenta strong{color:#fff;}
.evt-desg{list-style:none;margin:.9rem 0 0;padding:.7rem .9rem;border-radius:var(--r-md);background:rgba(255,255,255,.12);display:grid;gap:.3rem;}
.evt-desg li{display:flex;justify-content:space-between;gap:.8rem;font-size:.86rem;line-height:1.4;color:rgba(255,255,255,.9);}
.evt-desg li b{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;}
.evt-desg li.is-total{margin-top:.2rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.25);font-weight:800;}
.evt-desg li small{display:block;font-size:.76rem;color:rgba(255,255,255,.7);font-weight:500;}
.evt-res__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;}
.evt-res__actions .btn{flex:1 1 100%;justify-content:center;}
.evt-res__online{margin:.7rem 0 0;font-size:.85rem;line-height:1.55;color:rgba(255,255,255,.9);}
.evt-res__online strong{color:#fff;}
.evt-res__disc{margin:1rem 0 0;font-size:.76rem;line-height:1.55;color:rgba(255,255,255,.78);}
.evt-res__disc strong{color:rgba(255,255,255,.96);font-weight:700;}

@media (min-width:720px){
  .evt-tipos{grid-template-columns:repeat(2,1fr);}
  .evt-opts{grid-template-columns:repeat(4,1fr);}
  .evt-sub{grid-template-columns:1fr 1fr;}
  .evt-res{padding:1.6rem 1.5rem;}
  .evt-res__num{font-size:3.1rem;}
  .evt-res__actions .btn{flex:0 0 auto;}
}
@media (min-width:1080px){ .evt-tipos{grid-template-columns:repeat(3,1fr);} }

/* ─── El texto de las páginas (madre e hijas) ──────────────────────────────── */
/* Las tres salidas de arriba: el que organiza, el que trabaja adentro y el
   dueño del salón buscan lo mismo y necesitan tres seguros distintos. */
.evt-salidas{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 1.2rem;}
@media(min-width:760px){ .evt-salidas{grid-template-columns:repeat(3,1fr);} }
.evt-salida{display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border:1px solid var(--border-1);border-radius:var(--r-md);
  background:#fff;text-decoration:none;box-shadow:var(--shadow-xs);transition:border-color .15s,transform .15s;}
.evt-salida b{font-size:.95rem;font-weight:800;color:var(--ink-900);}
.evt-salida small{font-size:.82rem;color:var(--fg-3);line-height:1.45;}
a.evt-salida:hover{border-color:var(--magenta-300);transform:translateY(-1px);}
a.evt-salida b::after{content:" ›";color:var(--magenta);font-weight:900;}
.evt-salida.is-on{border:2px solid var(--magenta);background:var(--magenta-50);}
.evt-salida.is-on b{color:var(--magenta-700);}

/* La respuesta en una frase, citable: lo que un buscador o una IA levanta. */
.evt-def{max-width:76ch;margin:0 auto clamp(1.4rem,3vw,2rem);padding:1rem 1.2rem;background:#fff;border:1px solid var(--border-1);
  border-left:3px solid var(--purple);border-radius:var(--r-md);box-shadow:var(--shadow-xs);font-size:1rem;line-height:1.7;color:var(--fg-2);}
.evt-def strong{color:var(--ink-900);}
.evt-rev{margin:-.4rem 0 1.2rem;font-size:.82rem;color:var(--fg-3);}
.evt-rev a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}

/* Las hijas con página propia, arriba del simulador (molde de praxis). */
.evt-ramas{display:grid;gap:.6rem;grid-template-columns:1fr;margin:0 0 1.4rem;}
@media(min-width:760px){ .evt-ramas{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1080px){ .evt-ramas{grid-template-columns:repeat(3,1fr);} }
.evt-rama{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:.95rem 2.2rem .95rem 1.1rem;background:#fff;
  border:1px solid var(--border-1);border-radius:var(--r-md);text-decoration:none;box-shadow:var(--shadow-xs);
  transition:border-color .15s,transform .15s,box-shadow .15s;}
.evt-rama:hover{border-color:var(--magenta-300);transform:translateY(-1px);box-shadow:var(--shadow-sm);}
.evt-rama b{font-size:1rem;font-weight:800;color:var(--ink-900);}
.evt-rama small{font-size:.83rem;color:var(--fg-3);line-height:1.5;}
.evt-rama__go{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-weight:900;font-size:1.3rem;color:var(--magenta);}

/* Lo que entra y lo que no. */
.evt-cols{display:grid;gap:clamp(.9rem,2.2vw,1.4rem);grid-template-columns:1fr;}
@media(min-width:860px){ .evt-cols{grid-template-columns:1fr 1fr;align-items:start;} }
.evt-panel{background:#fff;border:1px solid var(--border-1);border-radius:var(--r-md);padding:1.5rem 1.4rem;box-shadow:var(--shadow-sm);}
.evt-panel__k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .3rem;color:var(--fg-3);}
.evt-panel h3{font-weight:800;font-size:1.22rem;color:var(--ink-900);margin:0 0 .55rem;}
.evt-panel p{color:var(--fg-2);font-size:.95rem;line-height:1.65;margin:0 0 .9rem;}
.evt-panel p:last-child{margin-bottom:0;}
.evt-panel--si{border-top:3px solid var(--success);}
.evt-panel--no{border-top:3px solid var(--magenta);}
.evt-list{list-style:none;margin:0 0 1rem;padding:0;}
.evt-list:last-child{margin-bottom:0;}
.evt-list li{position:relative;padding-left:1.55rem;margin-bottom:.6rem;color:var(--fg-2);font-size:.94rem;line-height:1.6;}
.evt-list li:last-child{margin-bottom:0;}
.evt-list li::before{content:"›";position:absolute;left:.15rem;top:0;font-weight:900;color:var(--magenta);}
.evt-list--si li::before{content:"✓";left:0;font-size:.92rem;color:var(--success);}
.evt-list--no li::before{content:"×";left:.2rem;font-size:1.05rem;color:var(--magenta);}
.evt-list strong{color:var(--ink-900);font-weight:700;}

/* El argumento central: el único bloque con fondo de marca en el cuerpo. */
.evt-key{background:var(--grad-brand-soft);color:#fff;border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,2.4rem);margin:clamp(1.4rem,3vw,2rem) 0;}
.evt-key__k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;color:var(--magenta-300);}
.evt-key h3{font-weight:900;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.15;color:#fff;margin:0 0 .8rem;}
.evt-key p{color:rgba(255,255,255,.92);font-size:1rem;line-height:1.7;margin:0 0 .8rem;max-width:62ch;}
.evt-key p:last-child{margin-bottom:0;}
.evt-key strong{color:#fff;font-weight:800;}
/* Las fuentes citadas (ley, reglamento) se enlazan: sobre el degradado, blanco subrayado. */
.evt-key a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.6);text-underline-offset:3px;}
.evt-key a:hover{text-decoration-color:#fff;}

/* Los adicionales, como tarjetas en el cuerpo de la página. */
.evt-adgrid{display:grid;gap:.7rem;grid-template-columns:1fr;}
@media(min-width:760px){ .evt-adgrid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1080px){ .evt-adgrid{grid-template-columns:repeat(3,1fr);} }
.evt-adcard{background:#fff;border:1px solid var(--border-1);border-left:3px solid var(--purple);border-radius:var(--r-md);padding:1rem 1.1rem;box-shadow:var(--shadow-xs);}
.evt-adcard b{display:block;font-size:.98rem;color:var(--ink-900);margin-bottom:.25rem;}
.evt-adcard span{display:block;font-size:.88rem;color:var(--fg-2);line-height:1.6;}
.evt-adcard em{display:block;margin-top:.4rem;font-style:normal;font-size:.8rem;font-weight:700;color:var(--magenta-700);}

/* Tablas (tarifa, jurisdicciones). */
.evt-tablabox{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1rem;border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-xs);}
.evt-tabla{width:100%;border-collapse:collapse;font-size:.86rem;min-width:0;}
.evt-tabla th,.evt-tabla td{padding:.6rem .55rem;text-align:left;border-bottom:1px solid var(--border-1);vertical-align:top;}
.evt-tabla thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);background:var(--ink-50);}
.evt-tabla tbody tr:last-child td{border-bottom:0;}
.evt-tabla td:first-child{font-weight:800;color:var(--ink-900);}
.evt-tabla td{color:var(--fg-2);line-height:1.5;}
.evt-tabla--tarifa td,.evt-tabla--tarifa th{font-variant-numeric:tabular-nums;white-space:nowrap;}
.evt-tabla--tarifa td:first-child{white-space:normal;}
.evt-tabla__nota{margin:.2rem 0 1.4rem;font-size:.86rem;line-height:1.6;color:var(--fg-2);}
.evt-tabla__nota em{font-style:normal;font-weight:700;color:var(--ink-900);}

/* Los bloques plegados «lo que conviene saber». */
.evt-saber{border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;margin:0 0 .6rem;box-shadow:var(--shadow-xs);overflow:hidden;}
.evt-saber summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;min-height:56px;}
.evt-saber summary::-webkit-details-marker{display:none;}
.evt-saber summary::after{content:"+";margin-left:auto;font-weight:900;font-size:1.5rem;line-height:1;color:var(--magenta);transition:transform .2s var(--ease);flex:0 0 auto;}
.evt-saber[open] summary::after{transform:rotate(45deg);}
.evt-saber summary:hover{background:var(--magenta-50);}
.evt-saber__k{display:none;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-700);flex:0 0 auto;}
.evt-saber__t{font-size:1.02rem;font-weight:800;color:var(--fg-1);line-height:1.3;}
.evt-saber__body{padding:0 1.1rem 1.2rem;}
.evt-saber__lead{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--fg-2);}
.evt-saber__body > p{margin:0 0 .9rem;font-size:.94rem;line-height:1.65;color:var(--fg-2);}
.evt-saber__body > p:last-child{margin-bottom:0;}
.evt-saber__body > p strong:first-child{color:var(--ink-900);}
.evt-saber__body h3{font-size:1.05rem;font-weight:800;color:var(--ink-900);margin:0 0 .6rem;}
.evt-saber__body blockquote{margin:0 0 .9rem;padding:.7rem .9rem;border-left:3px solid var(--border-1);background:var(--ink-50);
  border-radius:0 var(--r-md) var(--r-md) 0;font-size:.88rem;line-height:1.6;color:var(--fg-2);}
.evt-saber__ojo{margin:.9rem 0 0;padding:.75rem .9rem;border-radius:var(--r-md);background:var(--purple-50);border-left:3px solid var(--purple);font-size:.9rem;line-height:1.6;color:var(--fg-2);}
.evt-saber__ojo strong{color:var(--purple-700);font-weight:800;}
@media (min-width:720px){ .evt-saber__k{display:inline-block;min-width:150px;} }

/* Tarjetitas con título (los tres datos duros, quién te la pide). */
.evt-tramos{display:grid;gap:.7rem;grid-template-columns:1fr;margin:0 0 1rem;}
@media(min-width:760px){ .evt-tramos{grid-template-columns:repeat(3,1fr);} }
.evt-tramo{background:#fff;border:1px solid var(--border-1);border-left:3px solid var(--purple);border-radius:var(--r-md);padding:1.1rem 1.2rem;box-shadow:var(--shadow-xs);}
.evt-tramo a{color:var(--magenta-700);text-decoration:underline;text-underline-offset:2px;}
.evt-tramo b{display:block;font-size:.98rem;color:var(--ink-900);margin-bottom:.25rem;}
.evt-tramo span{display:block;font-size:.9rem;color:var(--fg-2);line-height:1.6;}

/* El dato incómodo dicho de frente (no es un error, es información). */
.evt-aviso{margin:.9rem 0 0;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--magenta-50);border-left:3px solid var(--magenta);font-size:.92rem;line-height:1.6;color:var(--fg-2);}
.evt-aviso strong{color:var(--ink-900);font-weight:800;}

/* ─── La contratación online (.evw-) ───────────────────────────────────────── */
.evw-paso{margin:0;}
.evw-titulo{margin:.2rem 0 .25rem;font-size:1.25rem;font-weight:900;color:var(--fg-1);line-height:1.25;padding-right:1.8rem;}
.evw-sub{margin:0 0 1rem;font-size:.9rem;color:var(--fg-3);line-height:1.5;}
.evw-h4{margin:1.2rem 0 .5rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.evw-nota{margin:.8rem 0 0;font-size:.85rem;line-height:1.55;color:var(--fg-3);}
.evw-nota strong{color:var(--fg-1);}
.evw-nota--seria{padding:.75rem .9rem;border-radius:var(--r-md);background:var(--magenta-50);border-left:3px solid var(--magenta);color:var(--fg-2);}
.evw-err{margin:.8rem 0 0;padding:.7rem .9rem;border-radius:var(--r-md);font-size:.88rem;font-weight:700;
  background:#fff1f4;border:1px solid var(--magenta-300);color:var(--magenta-700);}

/* Lo que está contratando, siempre arriba. */
.evw-cob{margin:0 0 1rem;padding:.85rem 1rem;border-radius:var(--r-md);background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);color:#fff;}
.evw-cob__lbl{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;}
.evw-cob__q{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;margin:.15rem 0;font-variant-numeric:tabular-nums;}
.evw-cob__q small{font-size:.85rem;font-weight:700;opacity:.9;}
.evw-cob__d{display:block;font-size:.82rem;line-height:1.45;opacity:.92;}

/* Opciones tipo tarjeta (radios). */
.evw-opciones{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 .9rem;}
.evw-opcion{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.75rem .9rem;min-height:48px;
  border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;transition:border-color .15s var(--ease),background .15s var(--ease);}
.evw-opcion:hover{border-color:var(--magenta-300);}
.evw-opcion input{flex:0 0 auto;width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--magenta);}
.evw-opcion span{flex:1 1 auto;min-width:0;}
.evw-opcion b{display:block;font-size:.95rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.evw-opcion small{display:block;font-size:.8rem;color:var(--fg-3);margin-top:.1rem;line-height:1.4;}
.evw-opcion:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);}
.evw-opcion:has(input:checked) b{color:var(--magenta-700);}

.evw-grid{display:grid;gap:0 .9rem;grid-template-columns:1fr;}
.evw-ayuda{display:block;margin-top:.3rem;font-size:.78rem;color:var(--fg-3);font-weight:600;}

/* A favor de quién (no repetición / no modificación): filas nombre + CUIT. */
.evw-benefs{display:grid;gap:.6rem;margin:.4rem 0 0;}
.evw-benef{display:grid;gap:0 .6rem;grid-template-columns:1fr;padding:.6rem .7rem;border:1px dashed var(--border-1);border-radius:var(--r-md);background:#fff;}
.evw-benef .field{margin-bottom:.4rem;}
.evw-benef__quitar{justify-self:start;margin:0;}
.evw-mas{margin:.2rem 0 0;}

/* Las condiciones de la póliza (cargas) y la declaración. */
.evw-cargas{display:grid;gap:.5rem;}
.evw-carga{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.7rem .85rem;
  border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;font-size:.9rem;line-height:1.5;color:var(--fg-2);}
.evw-carga input{flex:0 0 auto;width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--magenta);}
.evw-carga:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);color:var(--fg-1);}
.evw-carga small{display:block;margin-top:.15rem;font-size:.78rem;color:var(--fg-3);}
.evw-carga--decl{margin-top:.8rem;font-weight:700;}
.evw-decl{max-height:13rem;overflow-y:auto;background:var(--magenta-50);border:1px solid var(--border-1);
  border-radius:var(--r-md);padding:.9rem 1rem;font-size:.84rem;line-height:1.65;color:var(--fg-2);}
.evw-decl p{margin:0 0 .6rem;}
.evw-decl ul{margin:0 0 .6rem;padding-left:1.1rem;}
.evw-decl li{margin:.15rem 0;}
.evw-decl strong{color:var(--fg-1);}

/* La firma (misma caja que praxis y turismo). */
.evw-firma{position:relative;border:1px dashed var(--border-1);border-radius:var(--r-md);background:#fff;height:150px;overflow:hidden;touch-action:none;}
.evw-firma canvas{display:block;width:100%;height:100%;cursor:crosshair;position:relative;z-index:2;}
.evw-firma__linea{position:absolute;left:8%;right:8%;bottom:2.1rem;border-bottom:1px solid var(--border-1);z-index:1;}
.evw-firma__hint{position:absolute;left:0;right:0;bottom:.7rem;text-align:center;font-size:.8rem;font-weight:700;color:var(--fg-3);z-index:1;pointer-events:none;}
.evw-firma.is-firmada .evw-firma__hint{display:none;}

/* Navegación y cierre. */
.evw-priv{margin:.7rem 0 0;font-size:.78rem;line-height:1.45;color:var(--fg-3);text-align:center;}
.evw-priv a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}
.evw-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;}
.evw-fin{text-align:center;padding:.5rem 0 0;}
.evw-fin h3{margin:.4rem 0 .3rem;font-size:1.3rem;font-weight:900;color:var(--fg-1);}
.evw-fin__ico{width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:900;color:#fff;
  background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);}
.evw-fin.is-pausa .evw-fin__ico{background:var(--ink-500);}
.evw-fin__resumen{margin:1rem 0;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--magenta-50);text-align:left;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.evw-fin__resumen p{margin:.15rem 0;}
.evw-fin__pasos{text-align:left;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.evw-fin__pasos p{margin:.4rem 0;}
.evw-fin__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.1rem;}

/* La confirmación: el resumen de lo que está pidiendo y el botón que dice la
   frase entera. «Todavía no» va a la vista (lección de la primera venta de
   turismo, 22/09/2026). */
.evw-conf{margin:0 0 .9rem;padding:.9rem 1rem;border-radius:var(--r-md);background:#fff;border:2px solid var(--magenta-300);}
.evw-conf__t{margin:0 0 .6rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.evw-conf dl{margin:0;display:grid;gap:.45rem;}
.evw-conf dl>div{display:grid;grid-template-columns:1fr;gap:.1rem .8rem;padding:.35rem 0;border-top:1px solid var(--border-1);}
.evw-conf dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);}
.evw-conf dd{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-2);}
.evw-conf dd strong{color:var(--fg-1);}
.evw-conf__que{font-size:.88rem;line-height:1.6;color:var(--fg-2);}
.evw-conf__que p{margin:0 0 .6rem;}
.evw-conf__que strong{color:var(--fg-1);}
.evw-pausa{display:block;margin:.9rem auto 0;padding:.55rem 1rem;font-size:.9rem;}

@media (min-width:640px){
  .evw-conf dl>div{grid-template-columns:9.5rem 1fr;}
  .evw-opciones--2{grid-template-columns:1fr 1fr;}
  .evw-grid{grid-template-columns:1fr 1fr;}
  .evw-grid--3{grid-template-columns:1.4fr 1fr .8fr;}
  .evw-benef{grid-template-columns:1.5fr 1fr auto;align-items:end;}
  .evw-benef .field{margin-bottom:0;}
}

/* El atributo hidden tiene que ganar adentro del modal: .quiz__progress y las
   grillas traen display propio y le ganaban (la barra quedaba en el cierre). */
#evwModal [hidden]{display:none !important;}
.evt-tarifa__h{font-size:.92rem;font-weight:800;color:var(--ink-900);margin:1rem 0 .5rem;}
.evt-tabla th small{font-weight:600;text-transform:none;letter-spacing:0;}
