/*! ===========================================================================
    FARELLO ASESORES DE SEGUROS · farello.com.ar
    © 2026 Marcos Farello, Productor Asesor de Seguros (Matrícula SSN N° 71141).
    Condiciones: https://farello.com.ar/terminos/#propiedad-intelectual
    =========================================================================== */
/* ============================================================================
   AP COLONIAS DE VACACIONES (Sancor)  ·  /seguro-para-colonias-de-vacaciones/   (03/11/2026)

   Hoja PROPIA de la vertical, con un solo prefijo verificado libre en el repo:
     .col-  el simulador (colonias.js), el pedido (colonias-pedido.js) y el
            texto de la página.

   Molde: la hoja de Turismo & Aventura (copiada y adaptada; aquella no se
   tocó). No toma clases de ninguna otra vertical ni del bloque compartido
   .calc__: lo único compartido es la cáscara del modal (.calc-modal,
   .quiz__progress, .field, .btn) que ya visten praxis, turismo y cosechadores.
   ============================================================================ */

/* ─── El simulador ─────────────────────────────────────────────────────────── */
/* En el celular, una columna. En escritorio, los pasos a la izquierda y el
   panel con el precio y el botón a la derecha, pegado arriba: la advertencia
   de suma crece o se achica sin mover el botón. */
.col-calc{display:grid;gap:1.1rem;}
/* min-width:0 en los hijos: sin esto el panel pide más ancho que el celular
   y la página entera tiene scroll horizontal (lección de turismo). */
.col-calc > *{min-width:0;}
.col-pasos{display:grid;gap:1.1rem;min-width:0;}

.col-step{display:flex;gap:.9rem;align-items:flex-start;}
.col-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;}
.col-step__body{flex:1 1 auto;min-width:0;}
.col-step__body h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:var(--fg-1);}
.col-step__hint{margin:-.25rem 0 .6rem;font-size:.88rem;color:var(--fg-3);line-height:1.5;}
.col-step__hint strong{color:var(--fg-1);}

/* Las 4 opciones: 2 por fila en el celular, 4 en escritorio. */
.col-ops{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));}
.col-op{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;position:relative;
  display:flex;flex-direction:column;gap:.1rem;padding:.7rem .75rem .75rem;min-height:48px;min-width:0;
  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);}
.col-op:hover{border-color:var(--magenta-300);transform:translateY(-1px);}
.col-op:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.col-op__k{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);}
.col-op__n{font-size:1.05rem;font-weight:800;color:var(--fg-1);line-height:1.15;font-variant-numeric:tabular-nums;}
.col-op__m{font-size:.74rem;color:var(--fg-3);line-height:1.3;}
.col-op__p{display:block;margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--border-1);font-size:1.15rem;font-weight:900;color:var(--magenta-700);font-variant-numeric:tabular-nums;}
.col-op__c{font-size:.7rem;font-weight:700;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;}
.col-op.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.col-op.is-on .col-op__n{color:var(--magenta-700);}
.col-ops--mini .col-op{padding:.55rem .6rem;}
.col-ops--mini .col-op__p{font-size:.92rem;margin-top:.3rem;padding-top:.3rem;}

/* La advertencia de suma (art. 1710) pegada a donde se elige la opción. */
.col-aviso{margin:.7rem 0 0;padding:.8rem .95rem;border-radius:var(--r-md);background:var(--purple-50);border-left:3px solid var(--purple);
  font-size:.86rem;line-height:1.55;color:var(--fg-2);}
.col-aviso strong{color:var(--ink-900);font-weight:800;}
.col-aviso ul{margin:.35rem 0 .2rem;padding-left:1.1rem;}
.col-aviso li{margin:.2rem 0;}

/* El conmutador reintegro / prestacional: dos tarjetas, una línea cada una. */
.col-mods{display:grid;gap:.5rem;grid-template-columns:1fr;}
.col-mod{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;display:grid;gap:.2rem;
  padding:.8rem .95rem;min-height:48px;min-width:0;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease);}
.col-mod:hover{border-color:var(--magenta-300);}
.col-mod:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.col-mod__t{font-size:1rem;font-weight:800;color:var(--fg-1);}
.col-mod__d{font-size:.84rem;line-height:1.5;color:var(--fg-3);}
.col-mod.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.col-mod.is-on .col-mod__t{color:var(--magenta-700);}

/* Cuántos colonos: menos, el número, más. */
.col-cant{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.col-cant__b{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;width:48px;height:48px;border-radius:var(--r-md);
  border:2px solid var(--border-1);background:#fff;color:var(--fg-1);font-size:1.4rem;font-weight:800;line-height:1;}
.col-cant__b:hover{border-color:var(--magenta-300);}
.col-cant__b:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.col-cant__in{width:6.5rem;height:48px;padding:0 .6rem;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  font:inherit;font-size:1.25rem;font-weight:800;text-align:center;color:var(--fg-1);font-variant-numeric:tabular-nums;}
.col-cant__in:focus{outline:2px solid var(--magenta);outline-offset:1px;border-color:var(--magenta);}
.col-cant__k{font-size:.9rem;font-weight:700;color:var(--fg-3);}

/* Notas sueltas. */
.col-nota{margin:.7rem 0 0;font-size:.85rem;line-height:1.55;color:var(--fg-3);}
.col-nota:empty{display:none;}
.col-nota strong{color:var(--fg-1);}
.col-nota a{color:var(--magenta-700);font-weight:700;}
.col-nota--seria{padding:.75rem .9rem;border-radius:var(--r-md);background:var(--magenta-50);border-left:3px solid var(--magenta);color:var(--fg-2);}

/* El panel del resultado: fondo de marca, texto blanco. */
.col-res{border-radius:var(--r-lg);padding:1.3rem 1.2rem;color:#fff;align-self:start;
  background:linear-gradient(135deg,var(--magenta-700) 0%,var(--purple) 100%);box-shadow:var(--shadow-md);}
.col-res :focus-visible{outline:2px solid #fff;outline-offset:2px;}
.col-res__lbl{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);}
.col-res__lbl--num{margin-top:.2rem;}
.col-cart{list-style:none;margin:.5rem 0 1.1rem;padding:0;display:grid;gap:.35rem;}
.col-cart li{display:grid;grid-template-columns:5.6rem 1fr auto;gap:.6rem;align-items:baseline;padding:.5rem 0;
  border-bottom:1px solid rgba(255,255,255,.18);font-size:.9rem;line-height:1.4;}
.col-cart li:last-child{border-bottom:0;}
.col-cart span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.col-cart b{font-weight:700;color:#fff;min-width:0;}
.col-cart a{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.col-cart a:hover{color:#fff;}
.col-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;}
.col-res__nota{margin:.45rem 0 0;font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.85);}
.col-res__tot{margin:.8rem 0 0;padding:.6rem .75rem;border-radius:var(--r-md);background:rgba(255,255,255,.14);font-size:.95rem;line-height:1.45;font-variant-numeric:tabular-nums;}
.col-res__tot strong{font-size:1.15rem;font-weight:900;color:#fff;}
.col-res__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;}
.col-res__actions .btn{flex:1 1 100%;justify-content:center;}
.col-res__online{margin:.7rem 0 0;font-size:.86rem;line-height:1.55;color:rgba(255,255,255,.9);}
.col-res__online strong{color:#fff;}
.col-res__disc{margin:.9rem 0 0;font-size:.76rem;line-height:1.55;color:rgba(255,255,255,.75);}
.col-res__wa{margin:.8rem 0 0;font-size:.82rem;}
.col-res__wa a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;}

@media (min-width:720px){
  .col-mods{grid-template-columns:1fr 1fr;}
  .col-res{padding:1.6rem 1.5rem;}
  .col-res__num{font-size:3.1rem;}
}
@media (min-width:1000px){
  .col-calc{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:1.6rem;}
  .col-res{position:sticky;top:90px;}
  .col-ops{grid-template-columns:repeat(4,minmax(0,1fr));}
  .col-ops--mini{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* ─── El texto de la página ────────────────────────────────────────────────── */
/* La respuesta en una frase, citable: lo que un buscador o una IA levanta. */
.col-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);}
.col-def strong{color:var(--ink-900);}
.col-rev{margin:0 0 1.2rem;font-size:.82rem;color:var(--fg-3);}
.col-rev a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}

/* Tarjetas con un número grande: lo que se entiende en diez segundos. */
.col-kpis{display:grid;gap:.7rem;grid-template-columns:1fr;margin:0 0 clamp(1.4rem,3vw,2rem);}
@media(min-width:760px){ .col-kpis{grid-template-columns:repeat(3,1fr);} }
.col-kpi{background:#fff;border:1px solid var(--border-1);border-top:3px solid var(--purple);border-radius:var(--r-md);padding:1.1rem 1.2rem;box-shadow:var(--shadow-xs);}
.col-kpi__ico{display:block;width:30px;height:30px;color:var(--magenta);margin:0 0 .45rem;}
.col-kpi__k{display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);}
.col-kpi__n{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;color:var(--ink-900);margin:.2rem 0 .35rem;font-variant-numeric:tabular-nums;}
.col-kpi__t{display:block;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.col-kpi__t a{color:var(--magenta-700);font-weight:700;}

/* Las dos coberturas, con sus cuatro sumas como fichas. */
.col-cols{display:grid;gap:clamp(.9rem,2.2vw,1.4rem);grid-template-columns:1fr;}
@media(min-width:860px){ .col-cols{grid-template-columns:1fr 1fr;align-items:stretch;} }
.col-cols--3{grid-template-columns:1fr;}
@media(min-width:860px){ .col-cols--3{grid-template-columns:repeat(3,1fr);} }
.col-panel{background:#fff;border:1px solid var(--border-1);border-radius:var(--r-md);padding:1.4rem 1.3rem;box-shadow:var(--shadow-sm);min-width:0;}
.col-panel__k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .3rem;color:var(--fg-3);}
.col-panel h3{font-weight:800;font-size:1.18rem;color:var(--ink-900);margin:0 0 .55rem;}
.col-panel > p{margin:0 0 .8rem;font-size:.94rem;line-height:1.6;color:var(--fg-2);}
.col-panel > p:last-child{margin-bottom:0;}
.col-panel a{color:var(--magenta-700);font-weight:700;}
.col-panel--si{border-top:3px solid var(--success);}
.col-panel--no{border-top:3px solid var(--magenta);}
.col-panel--pur{border-top:3px solid var(--purple);}
.col-panel__precio{margin:.2rem 0 .7rem;font-size:1.5rem;font-weight:900;color:var(--magenta-700);font-variant-numeric:tabular-nums;}
.col-panel__precio small{font-size:.8rem;font-weight:700;color:var(--fg-3);}
.col-sumas{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.2rem 0 .8rem;padding:0;}
.col-sumas li{padding:.35rem .75rem;border-radius:var(--r-pill);background:var(--ink-50);border:1px solid var(--border-1);
  font-size:.86rem;font-weight:800;color:var(--fg-1);font-variant-numeric:tabular-nums;}
.col-sumas li small{font-weight:700;color:var(--fg-3);}
.col-list{list-style:none;margin:0;padding:0;}
.col-list li{position:relative;padding-left:1.55rem;margin-bottom:.6rem;color:var(--fg-2);font-size:.94rem;line-height:1.6;}
.col-list li:last-child{margin-bottom:0;}
.col-list li::before{content:"›";position:absolute;left:.15rem;top:0;font-weight:900;color:var(--magenta);}
.col-list strong{color:var(--ink-900);font-weight:700;}
.col-list a{color:var(--magenta-700);font-weight:700;}

/* La tabla de precios: chica, a la vista (la leen los buscadores y las IA). */
.col-tablabox{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:clamp(1rem,2.4vw,1.4rem) 0 .8rem;border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-xs);}
.col-tabla{width:100%;border-collapse:collapse;font-size:.86rem;}
.col-tabla th,.col-tabla td{padding:.55rem .6rem;text-align:left;border-bottom:1px solid var(--border-1);vertical-align:top;}
.col-tabla thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);background:var(--ink-50);}
.col-tabla tbody tr:last-child td{border-bottom:0;}
.col-tabla td:first-child{font-weight:800;color:var(--ink-900);}
.col-tabla td{color:var(--fg-2);}
.col-tabla--precios td,.col-tabla--precios th{font-variant-numeric:tabular-nums;white-space:nowrap;}
.col-tabla__nota{margin:.2rem 0 0;font-size:.84rem;line-height:1.6;color:var(--fg-2);}
.col-tabla__nota strong{color:var(--ink-900);}

/* Cuál elegir: una línea de decisión debajo de las dos tarjetas. */
.col-elegir{margin:clamp(.9rem,2.2vw,1.2rem) 0 0;padding:.9rem 1rem;border-radius:var(--r-md);background:var(--purple-50);border-left:3px solid var(--purple);
  font-size:.92rem;line-height:1.6;color:var(--fg-2);}
.col-elegir strong{color:var(--purple-700);font-weight:800;}

/* Los plegables «lo que conviene saber». */
.col-saber{border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;margin:clamp(.9rem,2.2vw,1.2rem) 0 .6rem;box-shadow:var(--shadow-xs);overflow:hidden;}
.col-saber summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;min-height:56px;}
.col-saber summary::-webkit-details-marker{display:none;}
.col-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;}
.col-saber[open] summary::after{transform:rotate(45deg);}
.col-saber summary:hover{background:var(--magenta-50);}
.col-saber__k{display:none;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-700);flex:0 0 auto;}
.col-saber__t{font-size:1.02rem;font-weight:800;color:var(--fg-1);line-height:1.3;}
.col-saber__body{padding:0 1.1rem 1.2rem;}
.col-saber__lead{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--fg-2);}
.col-saber__body > p{margin:0 0 .9rem;font-size:.94rem;line-height:1.65;color:var(--fg-2);}
.col-saber__body > p:last-child{margin-bottom:0;}
.col-saber__body a{color:var(--magenta-700);font-weight:700;}
@media (min-width:720px){ .col-saber__k{display:inline-block;min-width:150px;} }

/* Las fuentes oficiales, con su enlace (sección de la habilitación). */
.col-fuentes{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.5rem;}
.col-fuentes li{padding:.6rem .8rem;border:1px solid var(--border-1);border-radius:var(--r-md);background:var(--ink-50);font-size:.88rem;line-height:1.5;color:var(--fg-2);}
.col-fuentes strong{color:var(--ink-900);}
.col-fuentes a{color:var(--magenta-700);font-weight:700;word-break:break-word;}
.col-hab{max-width:76ch;padding:1rem 1.2rem;border-radius:var(--r-md);background:#fff;border:1px dashed var(--border-1);font-size:.96rem;line-height:1.65;color:var(--fg-2);}
.col-hab strong{color:var(--ink-900);}

/* Cuatro pasos de «cómo se contrata»: la grilla compartida .steps es de 3. */
@media(min-width:760px){ #como .steps{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1080px){ #como .steps{grid-template-columns:repeat(4,1fr);} }

/* ─── El pedido (modal de 4 pantallas) ─────────────────────────────────────── */
.col-titulo{margin:.2rem 0 .25rem;font-size:1.25rem;font-weight:900;color:var(--fg-1);line-height:1.25;}
.col-sub{margin:0 0 1rem;font-size:.9rem;color:var(--fg-3);line-height:1.5;}
.col-h4{margin:1.1rem 0 .5rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.col-paso .col-h4:first-child{margin-top:0;}
.col-err{margin:.8rem 0 0;padding:.7rem .9rem;border-radius:var(--r-md);font-size:.88rem;font-weight:700;background:var(--magenta-50);border:1px solid var(--magenta-300);color:var(--magenta-700);}
.col-ayuda{display:block;margin-top:.3rem;font-size:.78rem;color:var(--fg-3);font-weight:600;}
.col-cuenta{display:block;margin-top:.2rem;font-size:.75rem;color:var(--fg-3);text-align:right;}
.col-campo-corto{max-width:12rem;}
.col-paso textarea{width:100%;min-height:5.2rem;resize:vertical;font:inherit;}
.col-edades{display:flex;align-items:center;gap:.5rem;}
.col-edades input{width:5rem;min-width:0;text-align:center;}
.col-edades span{font-size:.9rem;color:var(--fg-3);font-weight:700;}

/* Lo que está pidiendo, siempre arriba. */
.col-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;}
.col-cob__lbl{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;}
.col-cob__q{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;margin:.15rem 0;font-variant-numeric:tabular-nums;}
.col-cob__q small{font-size:.8rem;font-weight:700;opacity:.9;}
.col-cob__d{display:block;font-size:.82rem;line-height:1.45;opacity:.92;}

/* El precio en la pantalla de la cobertura. */
.col-precio{margin:.2rem 0 0;padding:.8rem .95rem;border-radius:var(--r-md);background:#fff;border:2px solid var(--magenta-300);}
.col-precio__n{margin:0;font-size:1.6rem;font-weight:900;color:var(--magenta-700);font-variant-numeric:tabular-nums;}
.col-precio__n small{font-size:.85rem;font-weight:700;color:var(--fg-3);}
.col-precio__t{margin:.2rem 0 0;font-size:.92rem;color:var(--fg-2);font-variant-numeric:tabular-nums;}
.col-precio__t strong{color:var(--fg-1);}
.col-precio__nota{margin:.5rem 0 0;font-size:.8rem;line-height:1.5;color:var(--fg-3);}

/* El cartel del campo libre: lo que se escribe pasa por Sancor. */
.col-cartel{margin:.6rem 0 0;padding:.8rem .95rem;border-radius:var(--r-md);background:var(--magenta-50);border:1px solid var(--magenta-300);border-left:4px solid var(--magenta);
  font-size:.88rem;line-height:1.55;color:var(--fg-2);}
.col-cartel__t{display:block;margin:0 0 .25rem;font-size:.95rem;font-weight:900;color:var(--magenta-700);}
.col-cartel p{margin:0;}
.col-cartel--suave{background:var(--purple-50);border-color:var(--border-1);border-left-color:var(--purple);}
.col-cartel--suave .col-cartel__t{color:var(--purple-700);}

/* Opciones tipo tarjeta (radios) y tildes. */
.col-opciones{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 .9rem;}
.col-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);}
.col-opcion:hover{border-color:var(--magenta-300);}
.col-opcion input{flex:0 0 auto;width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--magenta);}
.col-opcion span{flex:1 1 auto;min-width:0;}
.col-opcion b{display:block;font-size:.95rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.col-opcion small{display:block;font-size:.8rem;color:var(--fg-3);margin-top:.1rem;line-height:1.4;}
.col-opcion:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);}
.col-opcion:has(input:checked) b{color:var(--magenta-700);}
.col-grid{display:grid;gap:0 .9rem;grid-template-columns:1fr;}
.col-carga{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.7rem .85rem;margin:.6rem 0 0;border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  font-size:.9rem;line-height:1.5;color:var(--fg-2);}
.col-carga input{flex:0 0 auto;width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--magenta);}
.col-carga span{flex:1 1 auto;min-width:0;}
.col-carga strong{color:var(--fg-1);}
.col-carga:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);color:var(--fg-1);}
.col-carga--aviso{font-weight:700;}

/* La revisión: el resumen en renglones. */
.col-conf{margin:0 0 .9rem;padding:.9rem 1rem;border-radius:var(--r-md);background:#fff;border:2px solid var(--magenta-300);}
.col-conf__t{margin:0 0 .6rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.col-conf dl{margin:0;display:grid;gap:.45rem;}
.col-conf dl>div{display:grid;grid-template-columns:1fr;gap:.1rem .8rem;padding:.35rem 0;border-top:1px solid var(--border-1);}
.col-conf dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);}
.col-conf dd{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-2);min-width:0;overflow-wrap:anywhere;}
.col-conf dd strong{color:var(--fg-1);}
.col-conf__ojo{display:block;margin-top:.2rem;font-size:.8rem;font-weight:700;color:var(--magenta-700);}
.col-conf__nota{margin:.7rem 0 0;font-size:.82rem;line-height:1.5;color:var(--fg-3);}
.col-conf__que{font-size:.88rem;line-height:1.6;color:var(--fg-2);}
.col-conf__que p{margin:0 0 .6rem;}
.col-conf__que strong{color:var(--fg-1);}

/* Navegación y cierre. */
.col-priv{margin:.7rem 0 0;font-size:.78rem;line-height:1.45;color:var(--fg-3);text-align:center;}
.col-priv a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}
.col-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;}
.col-nav .btn{min-width:0;white-space:normal;text-align:center;}
.col-fin{text-align:center;padding:.5rem 0 0;}
.col-fin h3{margin:.4rem 0 .3rem;font-size:1.3rem;font-weight:900;color:var(--fg-1);}
.col-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%);}
.col-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);}
.col-fin__resumen p{margin:.15rem 0;}
.col-fin__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.1rem;}
/* .btn trae display:flex y le gana al atributo hidden: sin esto, «Avisarnos
   por WhatsApp» y «Reintentar» se ven aunque el pedido haya llegado. */
.col-fin__actions > [hidden]{display:none !important;}
/* Lo mismo para todo lo que se oculta con hidden dentro del pedido y del
   simulador: .col-carga y .quiz__progress traen display:flex propio y
   quedaban a la vista (el tilde del campo libre con el campo vacío, la barra
   de pasos en la pantalla final). */
.col-carga[hidden],.col-cartel[hidden],.col-paso [hidden],#colModal [hidden],.col-calc [hidden]{display:none !important;}

@media (min-width:640px){
  .col-conf dl>div{grid-template-columns:9.5rem 1fr;}
  .col-opciones--2{grid-template-columns:1fr 1fr;}
  .col-grid{grid-template-columns:1fr 1fr;}
}