/* ============================================================================
   RC TURISMO AVENTURA — simulador de /seguro-turismo-aventura/   (17/09/2026)

   Bloque PROPIO y autónomo, con prefijo .rct- (verificado libre: 0 apariciones
   en el repo antes de este archivo). No reusa ni una sola clase de otro bloque.

   POR QUÉ NO SE APOYA EN .calc__*
   -------------------------------
   El esqueleto compartido de simuladores —el bloque rotulado «CAUCIÓN»— lo
   consumen varios archivos JS repartidos en decenas de páginas y en la mayoría
   de las verticales del sitio. Tocarlo para acomodar una vertical nueva es la
   forma conocida de romper las otras. Igual que casa rodante, esta vertical
   trae su propio bloque y no le pide nada a nadie.

   POR QUÉ ES TODO DE BOTONES
   --------------------------
   El precio va a la vista sin pedir datos (la lección de praxis). Nadie escribe
   nada: el guía toca su perfil, la suma y la vigencia, y el número por día
   aparece solo.

   MAPA DEL MARKUP QUE ESTE CSS VISTE (para quien escriba turismo-aventura.js)
   --------------------------------------------------------------------------
   .rct-calc
     .rct-step > .rct-step__n + .rct-step__body (h3, .rct-step__hint, controles)
     .rct-chips[.rct-chips--sumas] > button.rct-chip > b + small
     .rct-dedu > .rct-dedu__l2 + texto + .rct-dedu__l1
     .rct-vigs > button.rct-vig[.rct-vig--top] > .rct-vig__sello, __nombre,
                 __dia, __total, __cuotas, __arg
     .rct-acts > .rct-acts__head (.rct-cont + button.rct-todo)
               > .rct-grupo > .rct-grupo__tit + .rct-tags > button.rct-tag
     (el plegable de actividades vive en el wizard: .rct-actsbox + .rta-acts__hoy)
     .rct-res  > .rct-res__lbl, __dia, __cuenta, __total
               > .rct-part > .rct-res__partlbl + .rct-chips--pax > button.rct-chip--pax
                           + .rct-res__partout
               > .rct-ap > button.rct-ap__sw + .rct-ap__txt (+ .rct-ap__why)
               > .rct-res__actions (sólo «Contratar online», #rctEmitir)
               + .rct-res__online (#rctOnline; .is-destacado cuando sale el aviso)
               + .rct-res__disc + .rct-res__duda (el WhatsApp, chico, al pie)

   El estado elegido se marca con la clase .is-on en el botón (y aria-pressed
   para el lector de pantalla). El switch de AP acepta las dos formas: .is-on o
   aria-checked="true", así el JS puede usar role="switch" sin pelearse con el
   CSS.
   ============================================================================ */
.rct-calc{display:grid;gap:1.1rem;}
/* ⚠️ min-width:0 en los hijos NO es adorno: sin esto la página tiene scroll
   horizontal en celular. Los items de un grid arrancan con min-width:auto, que
   les prohíbe encogerse por debajo del ancho de su contenido — y el panel de
   resultado, con el precio grande y los chips del partidor, pedía 403px dentro
   de un contenedor de 340. El desborde se propaga al <body> y termina
   empujando hasta el header del sitio, así que se ve como si estuviera rota la
   página entera y no el simulador. Medido en 375px de ancho: 420 → 375. */
.rct-calc > *{min-width:0;}

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

/* --- Chips: perfil (paso 1) y suma asegurada (paso 2) ---------------------- */
/* 48px de alto mínimo: es el dedo, no el diseño. El guía mira esto parado en un
   refugio con el celular en una mano. */
.rct-chips{display:flex;flex-wrap:wrap;gap:.5rem;}
.rct-chip{appearance:none;cursor:pointer;text-align:left;font:inherit;
  background:var(--bg-1);border:2px solid var(--border-1);border-radius:var(--r-md);
  padding:.6rem .85rem;min-height:48px;display:flex;flex-direction:column;justify-content:center;
  transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease);}
.rct-chip:hover{border-color:var(--magenta-300);transform:translateY(-1px);}
.rct-chip b{display:block;font-size:.95rem;font-weight:800;color:var(--fg-1);line-height:1.2;}
.rct-chip small{display:block;font-size:.78rem;color:var(--fg-3);margin-top:.1rem;}
.rct-chip.is-on{border-color:var(--magenta);background:var(--magenta-50);}
.rct-chip.is-on b{color:var(--magenta-700);}
/* Las seis sumas son números cortos y comparables: centrados, angostos y con
   cifras de ancho fijo para que la escalera se lea como escalera. */
/* Los chips de suma se marcan con su propia clase además de estar dentro del
   contenedor, porque el JS los emite así. Se estilan por las dos vías para que
   funcionen aunque alguna vez se los use sueltos, fuera de .rct-chips--sumas. */
.rct-chips--sumas .rct-chip,
.rct-chip--suma{min-width:84px;align-items:center;text-align:center;}
.rct-chips--sumas .rct-chip b,
.rct-chip--suma b{font-variant-numeric:tabular-nums;}

/* --- La franja del deducible ----------------------------------------------- */
/* Va pegada debajo de los chips de suma porque el piso del deducible SUBE con la
   suma: es la contra de elegir más cobertura y hay que verla en el mismo gesto,
   no tres pantallas abajo.
   Tono: la paleta magenta suave del sitio (la misma de .tools-note--warn y del
   aviso de praxis). NO es un error, es un dato incómodo — acá no hay tokens de
   ámbar y no se inventa uno por un cartel. */
.rct-dedu{margin:.7rem 0 0;padding:.75rem .9rem;border-radius:var(--r-md);
  background:var(--magenta-50);border:1px solid var(--magenta-100);
  font-size:.88rem;line-height:1.55;color:var(--fg-2);}
/* Dos párrafos, no una etiqueta y un texto: el JS emite __l1 con el ejemplo
   numérico (que se recalcula con la suma elegida) y __l2 con la advertencia
   fija de que más suma es más piso. */
.rct-dedu__l1{margin:0;font-weight:700;color:var(--magenta-700);
  font-variant-numeric:tabular-nums;}
.rct-dedu__l2{margin:.5rem 0 0;color:var(--fg-2);}
.rct-dedu strong{color:var(--ink-900);font-weight:800;}

/* --- El aviso del mínimo legal del EMETUR (sólo aparece con cotización) ----- */
/* Lo pinta avisoMinimoLegal() en el JS y compara la suma elegida contra los
   u$s 50.000 de la Resolución 492/96, convertidos con el dólar del BCRA.
   Dos estados: is-ok (la suma alcanza) e is-corto (no llega). El segundo NO usa
   rojo de error: no es que el cliente se equivocó, es un dato que necesita para
   elegir. El borde izquierdo grueso es lo único que los diferencia de un
   vistazo, y además cambia el texto — no se confía sólo en el color. */
.rct-dedu__min{margin:.6rem 0 0;padding:.55rem .75rem;border-radius:var(--r-sm,8px);
  background:rgba(255,255,255,.75);border-left:3px solid var(--magenta-300);
  font-size:.86rem;line-height:1.5;color:var(--fg-2);}
.rct-dedu__min.is-corto{border-left-color:var(--magenta);background:#fff;}
.rct-dedu__min.is-ok{border-left-color:var(--success);}
.rct-dedu__min.is-neutro{border-left-color:var(--border-1);color:var(--fg-3);}
.rct-dedu__min:first-child{margin-top:0;}
.rct-dedu__mark{font-weight:900;margin-right:.3rem;}
.rct-dedu__min.is-ok .rct-dedu__mark{color:var(--success);}
.rct-dedu__min.is-corto .rct-dedu__mark{color:var(--magenta);}
/* El deducible, plegado (18/09/2026): sigue siendo el mismo texto con los mismos
   números, pero ya no es lo primero que lee el que no sabe qué es un deducible. */
.rct-dedu__det{margin:.6rem 0 0;}
.rct-dedu__det summary{cursor:pointer;list-style:none;font-size:.86rem;font-weight:700;
  color:var(--magenta-700);display:inline-flex;align-items:center;gap:.35rem;}
.rct-dedu__det summary::-webkit-details-marker{display:none;}
.rct-dedu__det summary::before{content:"+";font-weight:900;font-size:1.05rem;line-height:1;}
.rct-dedu__det[open] summary::before{content:"–";}
.rct-dedu__det summary:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:4px;}
.rct-dedu__det .rct-dedu__l1{margin-top:.5rem;}
.rct-dedu__min small{display:block;margin-top:.3rem;font-size:.78rem;color:var(--fg-3);line-height:1.45;}

/* El aviso de las cuatro actividades de la norma que el slip no nombra. Va en
   el cuerpo de la página (no en el simulador) y comparte el tono del deducible:
   dato incómodo dicho de frente, no advertencia de error. */
.rct-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);}
.rct-aviso strong{color:var(--ink-900);font-weight:800;}

/* --- Las tres vigencias ---------------------------------------------------- */
/* Apiladas en celular y en tres columnas desde 720px (abajo). Se muestran las
   tres a la vez y no se preguntan: la anual gana sola cuando se ve al lado de
   las otras dos. */
.rct-vigs{display:grid;gap:.6rem;grid-template-columns:1fr;margin-top:.2rem;}
.rct-vig{position:relative;appearance:none;cursor:pointer;text-align:left;font:inherit;
  background:var(--bg-1);border:2px solid var(--border-1);border-radius:var(--r-md);
  padding:.9rem 1rem;display:grid;gap:.1rem .8rem;align-content:start;align-items:center;
  grid-template-columns:1fr auto;
  grid-template-areas:"nombre dia" "total pordia" "arg arg";
  transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease);}
/* En el celular las tres tarjetas van apiladas y antes se leía una por pantalla.
   Con la cuota a la derecha y el total a la izquierda cada tarjeta mide la mitad
   y las tres se comparan sin scrollear. De 720px para arriba vuelven a ser
   tarjetas verticales, una al lado de la otra (ver la media query de abajo). */
.rct-vig__nombre{grid-area:nombre;}
.rct-vig__dia{grid-area:dia;text-align:right;}
.rct-vig__pordia{grid-area:pordia;text-align:right;}
.rct-vig__total{grid-area:total;}
.rct-vig__arg{grid-area:arg;}
.rct-vig:hover{border-color:var(--magenta-300);transform:translateY(-1px);box-shadow:var(--shadow-md);}
/* La anual queda marcada aunque no esté elegida: es la barata de verdad. */
.rct-vig--top{border-color:var(--magenta-300);box-shadow:var(--shadow-xs);}
.rct-vig.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.rct-vig__sello{position:absolute;top:-10px;right:12px;font-size:.68rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:var(--r-pill);
  padding:.22rem .6rem;background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);}
.rct-vig__nombre{font-size:.8rem;font-weight:800;color:var(--magenta-700);
  text-transform:uppercase;letter-spacing:.05em;}
.rct-vig__dia{font-size:1.5rem;font-weight:800;color:var(--fg-1);letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;line-height:1.1;}
.rct-vig__dia small{font-size:.8rem;font-weight:700;color:var(--fg-3);margin-left:.35rem;letter-spacing:0;}
/* «por día» va en su propio renglón, chiquito y sin peso: el número de arriba
   es el que tiene que leerse solo. Lo emite el JS como span aparte y no como
   <small> dentro del precio, así que necesita su propia regla. */
.rct-vig__pordia{display:block;margin-top:-.15rem;font-size:.78rem;font-weight:700;
  color:var(--fg-3);letter-spacing:.02em;}
.rct-vig__total{font-size:.92rem;font-weight:700;color:var(--fg-2);font-variant-numeric:tabular-nums;}
.rct-vig__cuotas{font-size:.82rem;color:var(--fg-3);}
/* El argumento («pagás 7 meses y medio y estás cubierto 12») se muestra, no se
   explica en otra sección: va dentro de la tarjeta que lo hace verdad. */
.rct-vig__arg{margin-top:.2rem;padding-top:.5rem;border-top:1px solid var(--border-1);
  font-size:.84rem;line-height:1.5;color:var(--fg-2);}
.rct-vig__arg b{color:var(--magenta-700);font-weight:800;}
.rct-vig.is-on .rct-vig__arg{border-top-color:var(--magenta-100);}

/* --- El panel del resultado ------------------------------------------------ */
/* Fondo magenta→violeta con texto blanco, como el resto de los cierres del
   sitio. Todo lo que vive adentro (partidor y switch de AP) se apoya sobre este
   fondo oscuro: por eso usa blanco y transparencias, nunca los grises de texto
   que se pierden acá. */
.rct-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);}
/* El foco del sitio es magenta y sobre este fondo no se vería: acá se ve blanco. */
.rct-res :focus-visible{outline:2px solid #fff;outline-offset:2px;}
.rct-res__lbl{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.8);}
.rct-res__dia{margin:.3rem 0 0;font-size:2.6rem;font-weight:800;line-height:1.05;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.rct-res__dia small{font-size:1rem;font-weight:700;letter-spacing:0;opacity:.85;margin-left:.4rem;}
/* La cuenta a la vista: de dónde sale ese número por día. Sin esto el precio por
   día parece un truco de marketing; con esto es una división. */
.rct-res__cuenta{margin:.35rem 0 0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.88);
  font-variant-numeric:tabular-nums;}
.rct-res__total{margin:.5rem 0 0;font-size:1.05rem;font-weight:700;color:#fff;
  font-variant-numeric:tabular-nums;}
.rct-res__total small{display:block;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.85);margin-top:.15rem;}
/* La aclaración de que las cuotas van sólo por débito o tarjeta. Va bajada de
   tono pero NO escondida: es una condición del producto, no letra chica. */
.rct-res__nota{display:block;margin-top:.2rem;font-size:.82rem;font-weight:600;
  color:rgba(255,255,255,.8);}
.rct-res__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;}
/* En 375px el botón principal medía 197px y quedaba a la izquierda con aire a
   la derecha, del tamaño de un botón secundario. A ancho completo, y primero. */
.rct-res__actions .btn{flex:1 1 100%;justify-content:center;}
/* El resumen de lo elegido, arriba del número grande. */
.rct-res__resumen{margin:.35rem 0 0;font-size:.85rem;font-weight:600;line-height:1.4;color:rgba(255,255,255,.86);}
.rct-res__resumen:empty{display:none;}
.rct-res__disc{margin:1rem 0 0;font-size:.76rem;line-height:1.55;color:rgba(255,255,255,.75);}
.rct-res__disc strong{color:rgba(255,255,255,.95);font-weight:700;}

/* --- El partidor por pasajero (dentro del panel) --------------------------- */
/* Divide el costo diario por la cantidad de gente que sube a la excursión. Vive
   adentro del panel magenta —y no en un paso aparte— porque no cambia el precio:
   sólo lo dice en la unidad en la que el guía piensa su negocio. */
.rct-res__part{margin:1.1rem 0 0;padding:.9rem 1rem;border-radius:var(--r-md);
  background:rgba(26,19,32,.22);border:1px solid rgba(255,255,255,.18);}
.rct-res__partlbl{display:block;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.88);
  margin-bottom:.55rem;}
.rct-chips--pax{display:flex;flex-wrap:wrap;gap:.4rem;}
.rct-chip--pax{appearance:none;cursor:pointer;font:inherit;min-height:44px;padding:.35rem .9rem;
  border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);
  color:#fff;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;
  transition:background .15s var(--ease),border-color .15s var(--ease);}
.rct-chip--pax:hover{background:rgba(255,255,255,.22);border-color:#fff;}
/* Elegido = blanco pleno con texto magenta oscuro: es el mayor contraste
   disponible sobre este fondo, y se distingue del resto sin depender del color. */
.rct-chip--pax.is-on{background:#fff;border-color:#fff;color:var(--magenta-700);}
.rct-res__partout{display:block;margin-top:.65rem;font-size:1.15rem;font-weight:800;color:#fff;
  font-variant-numeric:tabular-nums;line-height:1.3;}
.rct-res__partout small{display:block;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.85);margin-top:.1rem;}

/* --- El switch del 10% por contratar también AP ---------------------------- */
/* ⚠️ Acá el control es un <input type="checkbox"> DE VERDAD envuelto en su
   <label class="rct-ap">, no un <button> dibujado. Es a propósito y viene del
   JS: un checkbox real ya trae el rol, el estado y el manejo de teclado del
   navegador, y el label hace que también se prenda tocando el texto — que en un
   celular es el área grande. Lo único que hace este CSS es disfrazarlo de
   switch con appearance:none, sin quitarle nada de eso. */
.rct-res__ap{margin:.7rem 0 0;}
.rct-ap{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem 1rem;cursor:pointer;
  border-radius:var(--r-md);background:rgba(26,19,32,.22);border:1px solid rgba(255,255,255,.18);}
.rct-ap input[type="checkbox"]{position:relative;flex:0 0 auto;appearance:none;-webkit-appearance:none;
  cursor:pointer;font:inherit;margin:.1rem 0 0;
  width:52px;height:32px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.18);
  transition:background .18s var(--ease),border-color .18s var(--ease);}
/* El switch se dibuja de 32px porque uno de 44 queda enorme, pero se TOCA de 46:
   este pseudo-elemento invisible agranda el área del dedo sin agrandar el dibujo. */
.rct-ap input[type="checkbox"]::before{content:"";position:absolute;inset:-7px -6px;}
.rct-ap input[type="checkbox"]::after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;
  border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);
  transition:transform .18s var(--ease),background .18s var(--ease);}
.rct-ap input[type="checkbox"]:checked{background:#fff;border-color:#fff;}
.rct-ap input[type="checkbox"]:checked::after{transform:translateX(20px);background:var(--magenta-700);}
/* El foco del teclado tiene que verse sobre fondo magenta: el outline del
   navegador ahí se pierde. */
.rct-ap input[type="checkbox"]:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.rct-ap__txt{flex:1 1 auto;min-width:0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.92);}
.rct-ap__txt b{display:block;color:#fff;font-weight:800;}
/* El ahorro en pesos lo escribe el JS dentro de este <small>. */
.rct-ap__txt small{display:block;margin-top:.15rem;font-size:.85rem;color:rgba(255,255,255,.85);
  font-variant-numeric:tabular-nums;}
/* El ahorro en pesos va en pastilla blanca: es el único número del switch y
   tiene que leerse antes que la explicación. */
.rct-ap__why{display:inline-block;margin-top:.4rem;padding:.2rem .6rem;border-radius:var(--r-pill);
  background:#fff;color:var(--magenta-700);font-size:.85rem;font-weight:800;
  font-variant-numeric:tabular-nums;}
/* Con el AP apagado el párrafo queda vacío y el relleno pintaba un guioncito
   blanco de 19×6 px debajo del switch (visto el 18/09/2026). */
.rct-ap__why:empty{display:none;}

/* --- Las 28 actividades ---------------------------------------------------- */
/* Es el paso que convierte: el guía busca la suya y la encuentra (o no la
   encuentra, y ahí entra el aviso de abajo). Por eso son etiquetas que se
   prenden y apagan y no una lista muerta. */
.rct-acts{margin-top:.2rem;}
.rct-acts__head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;
  justify-content:space-between;margin-bottom:.7rem;}
.rct-cont{font-size:.88rem;font-weight:700;color:var(--magenta-700);
  font-variant-numeric:tabular-nums;}
.rct-todo{appearance:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;
  font-size:.85rem;font-weight:700;color:var(--magenta-700);
  text-decoration:underline;text-underline-offset:3px;}
.rct-todo:hover{color:var(--magenta);}
.rct-grupo{margin-bottom:.9rem;}
/* ⚠️ El título de grupo NO es un rótulo: el JS lo emite como <button> y marca o
   desmarca las etiquetas de ese grupo de un toque. Es el gesto principal de este
   paso — un guía de montaña marca «En la montaña» y «En la nieve» y terminó.
   Por eso hay que resetearle el aspecto de botón del sistema (appearance, borde,
   fondo) o sale como un botón gris de formulario, y dejar visible que se toca.
   El <small> de adentro lleva la cantidad de actividades del grupo. */
.rct-grupo__tit{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;
  display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font:inherit;
  font-size:.76rem;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--fg-3);margin-bottom:.4rem;
  border-bottom:1px dashed var(--border-1);
  transition:color .15s var(--ease),border-color .15s var(--ease);}
.rct-grupo__tit:hover{color:var(--magenta-700);border-bottom-color:var(--magenta-300);}
.rct-grupo__tit small{font-size:.7rem;font-weight:700;letter-spacing:0;color:var(--fg-3);
  text-transform:none;}
/* Grupo completo: el título se pinta magenta para que se vea de un vistazo cuál
   ya está entero, sin tener que leer etiqueta por etiqueta. */
.rct-grupo__tit[aria-pressed="true"]{color:var(--magenta-700);border-bottom-color:var(--magenta);}
.rct-grupo__tit[aria-pressed="true"] small{color:var(--magenta-700);}
.rct-grupo__tit:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:4px;}
.rct-tags{display:flex;flex-wrap:wrap;gap:.4rem;}
/* El marcador («+» apagado, «✓» prendido) tiene ancho fijo a propósito: si
   cambiara de ancho, prender una etiqueta reacomodaría toda la fila y la lista
   saltaría bajo el dedo. */
.rct-tag{appearance:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;
  min-height:44px;padding:.4rem .85rem;border-radius:var(--r-pill);
  background:var(--bg-1);border:2px solid var(--border-1);color:var(--fg-2);
  font-size:.88rem;font-weight:700;line-height:1.25;text-align:left;
  transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease);}
.rct-tag::before{content:"+";display:inline-block;width:.95em;margin-right:.35rem;
  text-align:center;font-weight:900;color:var(--fg-3);}
.rct-tag:hover{border-color:var(--magenta-300);}
.rct-tag.is-on{border-color:var(--magenta);background:var(--magenta-50);color:var(--magenta-700);}
.rct-tag.is-on::before{content:"✓";color:var(--magenta);}

/* --- De 720px para arriba -------------------------------------------------- */
/* En celular todo va apilado; recién acá hay ancho para poner las tres
   vigencias una al lado de la otra, que es donde se compara sola. */
@media (min-width:720px){
  .rct-vigs{grid-template-columns:repeat(3,1fr);}
  .rct-vig{padding:1.1rem 1rem;grid-template-columns:1fr;grid-template-areas:none;gap:.25rem;align-items:start;}
  .rct-vig__nombre,.rct-vig__dia,.rct-vig__pordia,.rct-vig__total,.rct-vig__arg{grid-area:auto;text-align:left;}
  .rct-res__actions .btn{flex:0 0 auto;}
  .rct-res{padding:1.6rem 1.5rem;}
  .rct-res__dia{font-size:3.1rem;}
  .rct-acts{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem;}
  .rct-acts__head{grid-column:1 / -1;}
}

/* ===========================================================================
   LAS 10 SITUACIONES — la primera pantalla  (17/09/2026)
   ---------------------------------------------------------------------------
   Reemplazan la pregunta "sos club, agencia u hotel", que eran las categorías
   tarifarias de la compañía y que el cliente no tiene por qué saber contestar.
   Los tres rótulos de grupo SON esas categorías dichas en criollo, así que el
   diseño tiene que dejar claro que son tres familias — de ahí el rótulo con
   línea al costado — sin que parezcan tres precios distintos.
   =========================================================================== */
.rct-sitgrupo{margin:0 0 .75rem;}
.rct-sitgrupo__tit{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:0 0 .5rem;white-space:nowrap;
  font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--magenta-700);}
.rct-sitgrupo__tit::after{content:"";flex:1 1 auto;height:1px;background:var(--border-1);}
.rct-sitgrupo__tit small{font-weight:600;font-size:.76rem;letter-spacing:0;text-transform:none;color:var(--fg-3);white-space:normal;}
/* PASTILLAS, no tarjetas (18/09/2026). Las diez tarjetas con título y descripción
   medían ~1.400px en el celular: dos pantallas y media de lectura antes de poder
   elegir. Ahora cada situación es una pastilla con dos o tres palabras y la
   descripción aparece DEBAJO, sólo de la que se tocó (la pinta pintarSituacion).
   Se lee de un vistazo y se elige con el pulgar. */
.rct-sits{display:flex;flex-wrap:wrap;gap:.45rem;}
.rct-sit{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;
  display:inline-flex;align-items:center;padding:.5rem .85rem;min-height:40px;
  font-size:.9rem;font-weight:700;color:var(--fg-1);line-height:1.2;
  border:1.5px solid var(--border-1);border-radius:var(--r-pill);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease);}
.rct-sit:hover{border-color:var(--magenta-300);transform:translateY(-1px);}
.rct-sit.is-on{border-color:var(--magenta);background:var(--magenta-50);color:var(--magenta-700);box-shadow:var(--shadow-xs);}
.rct-sit:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}

/* La nota del oficio elegido + el aviso de encuadre. Arranca vacía y sin caja:
   sin `is-on` no ocupa lugar, así no deja un hueco antes de que elijan. */
.rct-sit__nota{margin:0;padding:0;border:0;font-size:.88rem;line-height:1.55;color:var(--fg-2);}
.rct-sit__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);}
.rct-sit__nota strong{color:var(--ink-900);font-weight:800;}

/* --- El tamaño del grupo (paso 2) ----------------------------------------- */
/* Los cuatro tamaños como una sola fila de segmentos (18/09/2026): antes eran
   cuatro chips con subtítulo que en el celular se apilaban en dos filas. */
.rct-chips--tam{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;}
.rct-chip--tam{min-width:0;align-items:center;text-align:center;padding:.6rem .3rem;}
.rct-chip--tam b{font-size:.88rem;white-space:nowrap;}
.rct-chip--tam small{display:none;}
.rct-chip--tam b{font-variant-numeric:tabular-nums;}

/* --- «Prefiero elegir la suma yo» ----------------------------------------- */
/* Las 6 sumas siguen existiendo, pero detrás de un pliegue: $50M no alcanza el
   mínimo del EMETUR y era el primer botón de la fila, o sea el más barato a la
   vista. Para el que entra a resolver el trámite del Ente, eso era una trampa. */
.rct-avanzado{margin:.9rem 0 0;border-top:1px dashed var(--border-1);padding-top:.7rem;}
.rct-avanzado summary{cursor:pointer;list-style:none;font-size:.86rem;font-weight:700;
  color:var(--magenta-700);display:inline-flex;align-items:center;gap:.35rem;}
.rct-avanzado summary::-webkit-details-marker{display:none;}
.rct-avanzado summary::before{content:"+";font-weight:900;font-size:1.05rem;line-height:1;}
.rct-avanzado[open] summary::before{content:"–";}
.rct-avanzado summary:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:4px;}
.rct-avanzado .rct-chips--sumas{margin-top:.5rem;}

@media (min-width:720px){
  .rct-sit{font-size:.94rem;padding:.55rem 1rem;}
  .rct-chip--tam{padding:.7rem .6rem;}
  .rct-chip--tam b{font-size:.98rem;}
  .rct-chip--tam small{display:block;font-size:.78rem;}
}

/* ===========================================================================
   EL WIZARD DE CONTRATACIÓN — turismo-alta.js  (18/09/2026)  prefijo .rta-
   ---------------------------------------------------------------------------
   Se apoya en las clases COMPARTIDAS del sitio para la cáscara (.calc-modal,
   .calc-modal__box--wide, .calc-modal__close, .quiz__progress, .field, .btn),
   que ya visten el wizard de praxis. Lo propio de acá va con .rta-.
   =========================================================================== */
.rta-titulo{margin:.2rem 0 .25rem;font-size:1.25rem;font-weight:900;color:var(--fg-1);line-height:1.25;}
.rta-sub{margin:0 0 1rem;font-size:.9rem;color:var(--fg-3);line-height:1.5;}
.rta-h4{margin:1.2rem 0 .5rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.rta-nota{margin:.8rem 0 0;font-size:.85rem;line-height:1.55;color:var(--fg-3);}
.rta-nota strong{color:var(--fg-1);}
.rta-nota--seria{padding:.75rem .9rem;border-radius:var(--r-md);background:var(--magenta-50);
  border-left:3px solid var(--magenta);color:var(--fg-2);}
.rta-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 ------------------------------- */
.rta-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;}
.rta-cob__lbl{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;}
.rta-cob__q{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;margin:.15rem 0;font-variant-numeric:tabular-nums;}
.rta-cob__q small{font-size:.85rem;font-weight:700;opacity:.9;}
.rta-cob__d{display:block;font-size:.82rem;line-height:1.45;opacity:.92;}
.rta-cob__acts{margin-top:.5rem;font-size:.8rem;}
.rta-cob__acts summary{cursor:pointer;font-weight:700;opacity:.9;list-style:none;}
.rta-cob__acts summary::-webkit-details-marker{display:none;}
.rta-cob__acts summary::before{content:"▸ ";}
.rta-cob__acts[open] summary::before{content:"▾ ";}
.rta-cob__acts p{margin:.3rem 0 0;opacity:.9;line-height:1.5;}

/* --- Opciones tipo tarjeta (radios) ---------------------------------------- */
.rta-opciones{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 .9rem;}
.rta-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);}
.rta-opcion:hover{border-color:var(--magenta-300);}
.rta-opcion input{flex:0 0 auto;width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--magenta);}
.rta-opcion span{flex:1 1 auto;min-width:0;}
.rta-opcion b{display:block;font-size:.95rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.rta-opcion small{display:block;font-size:.8rem;color:var(--fg-3);margin-top:.1rem;line-height:1.4;}
.rta-opcion:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);}
.rta-opcion:has(input:checked) b{color:var(--magenta-700);}

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

/* --- Las cuatro cargas y la declaración ------------------------------------ */
.rta-cargas{display:grid;gap:.5rem;}
.rta-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);}
.rta-carga input{flex:0 0 auto;width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--magenta);}
.rta-carga:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);color:var(--fg-1);}
.rta-carga--decl{margin-top:.8rem;font-weight:700;}
.rta-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);}
.rta-decl p{margin:0 0 .6rem;}
.rta-decl ul{margin:0 0 .6rem;padding-left:1.1rem;}
.rta-decl li{margin:.15rem 0;}
.rta-decl strong{color:var(--fg-1);}

/* --- La firma (misma caja que praxis) -------------------------------------- */
.rta-firma{position:relative;border:1px dashed var(--border-1);border-radius:var(--r-md);
  background:#fff;height:150px;overflow:hidden;touch-action:none;}
.rta-firma canvas{display:block;width:100%;height:100%;cursor:crosshair;position:relative;z-index:2;}
.rta-firma__linea{position:absolute;left:8%;right:8%;bottom:2.1rem;border-bottom:1px solid var(--border-1);z-index:1;}
.rta-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;}
.rta-firma.is-firmada .rta-firma__hint{display:none;}

/* --- Navegación y cierre --------------------------------------------------- */
/* Qué pasa con los datos, debajo de los botones, en todas las pantallas: en dos
   pantallas de formulario no había una sola frase de confianza (18/09/2026). */
.rta-priv{margin:.7rem 0 0;font-size:.78rem;line-height:1.45;color:var(--fg-3);text-align:center;}
.rta-priv a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}
.rta-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;}
.rta-fin{text-align:center;padding:.5rem 0 0;}
.rta-fin h3{margin:.4rem 0 .3rem;font-size:1.3rem;font-weight:900;color:var(--fg-1);}
.rta-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%);}
.rta-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);}
.rta-fin__resumen p{margin:.15rem 0;}
.rta-fin__pasos{text-align:left;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.rta-fin__pasos p{margin:.4rem 0;}
.rta-fin__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.1rem;}

/* --- La confirmación (22/09/2026) -------------------------------------------
   La primera clienta real firmó, se emitió, y a la tarde pidió anular: «solo
   estoy averiguando». Firmar se lee como terminar un formulario. Esta pantalla
   es el resumen de lo que está pidiendo, en renglones cortos, y el botón que
   dice la frase entera. La alternativa («Todavía no») va a la vista, sin
   esconderla: una persona que pausa hoy vuelve; una que anula, no. */
.rta-conf{margin:0 0 .9rem;padding:.9rem 1rem;border-radius:var(--r-md);background:#fff;
  border:2px solid var(--magenta-300);}
.rta-conf__t{margin:0 0 .6rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.rta-conf dl{margin:0;display:grid;gap:.45rem;}
.rta-conf dl>div{display:grid;grid-template-columns:1fr;gap:.1rem .8rem;padding:.35rem 0;border-top:1px solid var(--border-1);}
.rta-conf dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);}
.rta-conf dd{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-2);}
.rta-conf dd strong{color:var(--fg-1);}
.rta-conf__que{font-size:.88rem;line-height:1.6;color:var(--fg-2);}
.rta-conf__que p{margin:0 0 .6rem;}
.rta-conf__que strong{color:var(--fg-1);}
/* «Todavía no» es un botón de verdad, centrado y con aire, pero secundario:
   el primario de abajo (en .rta-nav) es el que dice la frase entera. */
.rta-pausa{display:block;margin:.9rem auto 0;padding:.55rem 1rem;font-size:.9rem;}
.rta-fin.is-pausa .rta-fin__ico{background:var(--ink-500);}

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

/* Las 28 actividades, PLEGADAS por defecto (18/09/2026) y —desde el
   21/09/2026— dentro del wizard de CONTRATACIÓN, no del simulador: no mueven
   el precio, así que no son una pregunta de la cotización. El segmento ya las
   pre-marca, así que para casi todos es confirmar y no elegir: 28 chips
   abiertos era la interacción más pesada de la página.
   ⚠️ No se le pone [open] a nada acá ni desde el JS: arranca cerrado siempre,
   en celular y en escritorio. */
.rct-actsbox{margin:.2rem 0 0;}
.rct-actsbox summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  padding:.7rem .9rem;border:2px dashed var(--border-1);border-radius:var(--r-md);font-weight:800;color:var(--magenta-700);}
.rct-actsbox summary::-webkit-details-marker{display:none;}
.rct-actsbox summary::before{content:"+";font-weight:900;font-size:1.1rem;line-height:1;}
.rct-actsbox[open] summary::before{content:"–";}
.rct-actsbox summary small{font-weight:600;color:var(--fg-3);font-size:.8rem;}
.rct-actsbox[open] summary{border-style:solid;border-color:var(--magenta-300);margin-bottom:.7rem;}
/* El renglón de arriba del plegable: lo que va a decir la póliza, en palabras,
   para que se lea sin abrir nada. */
.rta-acts__hoy{margin:0 0 .7rem;padding:.75rem .9rem;border-radius:var(--r-md);
  background:var(--magenta-50);border-left:3px solid var(--magenta);
  font-size:.88rem;line-height:1.55;color:var(--fg-2);}
.rta-acts__hoy strong{color:var(--fg-1);font-weight:800;}

/* ===========================================================================
   LO QUE CONVIENE SABER — los 4 bloques plegados  (18/09/2026)
   =========================================================================== */
.rct-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;}
.rct-saber summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;
  min-height:56px;}
.rct-saber summary::-webkit-details-marker{display:none;}
.rct-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;}
.rct-saber[open] summary::after{transform:rotate(45deg);}
.rct-saber summary:hover{background:var(--magenta-50);}
.rct-saber__k{display:none;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-700);
  flex:0 0 auto;}
.rct-saber__t{font-size:1.02rem;font-weight:800;color:var(--fg-1);line-height:1.3;}
.rct-saber__body{padding:0 1.1rem 1.2rem;}
.rct-saber__lead{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--fg-2);}
/* Los plegables de la sección de provincias llevan párrafos sueltos (uno por
   provincia) en vez de los paneles del bloque legal. */
.rct-saber__body > p{margin:0 0 .9rem;font-size:.94rem;line-height:1.65;color:var(--fg-2);}
.rct-saber__body > p:last-child{margin-bottom:0;}
.rct-saber__body > p strong:first-child{color:var(--ink-900);}
@media (min-width:720px){
  .rct-saber__k{display:inline-block;min-width:150px;}
}

/* ===========================================================================
   PROVINCIA POR PROVINCIA  (18/09/2026)  —  sección #provincias
   ---------------------------------------------------------------------------
   La tabla de las 24 jurisdicciones y los cuatro plegables por región. Nació de
   corregir un error de encuadre: la página hablaba como si la obligación fuera
   sólo de Mendoza cuando el producto cubre en todo el país y son 16 las
   provincias que la exigen por norma escrita.
   ⚠️ Los tres estados de la segunda columna NO son dos. «Sí» y «No figura» son
   afirmaciones sobre lo que leímos; «No encontramos» es una afirmación sobre
   NOSOTROS. Por eso el tercero no va en rojo ni en verde: va en gris, porque no
   es una respuesta, es un pendiente. Si alguien lo pinta de rojo, la página pasa
   a afirmar que en seis provincias no te lo piden, y eso no lo sabemos.
   =========================================================================== */
.rct-tabla--prov{min-width:0;font-size:.85rem;}
.rct-tabla--prov td:first-child{white-space:nowrap;}
.rct-tabla--prov td:nth-child(2){white-space:normal;}
.rct-tabla--prov td:last-child{white-space:normal;color:var(--fg-3);font-size:.82rem;line-height:1.45;}
.rct-tablabox--prov{max-height:none;}
table.rct-tabla .rct-tabla__cap,
.rct-tabla__cap{caption-side:bottom;padding:.6rem .8rem;font-size:.75rem;line-height:1.45;
  color:var(--fg-3);text-align:left;border-top:1px solid var(--border-1);}
.rct-tabla__nota{margin:.2rem 0 1.4rem;font-size:.86rem;line-height:1.6;color:var(--fg-2);}
.rct-tabla__nota em{font-style:normal;font-weight:700;color:var(--ink-900);}

/* Los tres estados. El «sí» es el dato que el prestador vino a buscar, así que
   es el único con peso; los otros dos se leen sin gritar. */
.rct-si{display:inline-block;font-weight:800;color:var(--success);}
.rct-no{display:inline-block;font-weight:700;color:var(--fg-3);}
.rct-nv{display:inline-block;font-weight:700;color:var(--fg-3);}
.rct-tabla--prov small{display:block;font-size:.74rem;font-weight:600;color:var(--fg-3);line-height:1.3;margin-top:.1rem;}

.rct-provs{margin:0;}
/* Un aparte dentro del cuerpo de un plegable: el dato que corrige una creencia
   equivocada (el Aconcagua no es parque nacional, por ejemplo). */
.rct-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);}
.rct-saber__ojo strong{color:var(--purple-700);font-weight:800;}

/* En el celular una tabla de tres columnas con el nombre de la norma adentro no
   entra: a 375px pedía scroll horizontal y el scroll horizontal dentro de una
   página es donde se pierde la mitad de la gente. Cada fila pasa a ser una
   tarjeta apilada, que además se lee mejor con el pulgar. La tabla vuelve a ser
   tabla de 620px para arriba. El <thead> se oculta sólo en la vista de tarjetas
   y queda accesible para el lector de pantalla por el scope de las celdas. */
@media (max-width:619px){
  table.rct-tabla--prov, table.rct-tabla--prov tbody, table.rct-tabla--prov tr, table.rct-tabla--prov td{display:block;width:auto;}
  table.rct-tabla--prov caption{display:block;width:auto;}
  table.rct-tabla--prov thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  table.rct-tabla--prov tr{padding:.8rem .9rem;border-bottom:1px solid var(--border-1);}
  table.rct-tabla--prov tr:last-child{border-bottom:0;}
  table.rct-tabla--prov td{border:0;padding:0;}
  table.rct-tabla--prov td:first-child{font-weight:800;color:var(--ink-900);font-size:.96rem;white-space:normal;}
  table.rct-tabla--prov td:nth-child(2){margin:.15rem 0 .2rem;}
  table.rct-tabla--prov td:last-child{font-size:.82rem;}
  table.rct-tabla--prov small{display:inline;margin:0 0 0 .35rem;}
  .rct-tablabox--prov{overflow-x:visible;}
}
@media (min-width:620px){
  .rct-tabla--prov{font-size:.88rem;table-layout:fixed;}
  .rct-tabla--prov th:first-child,.rct-tabla--prov td:first-child{width:22%;}
  .rct-tabla--prov th:nth-child(2),.rct-tabla--prov td:nth-child(2){width:24%;}
}
@media (min-width:720px){
  .rct-tabla--prov{font-size:.9rem;}
  .rct-tabla--prov td:last-child{font-size:.86rem;}
}


/* ===========================================================================
   LOS TRES SEGMENTOS + EL SLIDER DE SUMAS  (19/09/2026)
   ---------------------------------------------------------------------------
   Marcos pidió volver a las tres categorías del slip y elegir la suma con un
   selector desplazable «como en praxis». Las tarjetas llevan el «quién entra»
   adentro; el slider reutiliza .mp-slider de styles.css (el de praxis) y sólo
   se le suma la línea de ayuda de abajo.
   =========================================================================== */
.rct-perfiles{display:grid;gap:.6rem;grid-template-columns:1fr;}
.rct-perfil{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;
  display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem;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);}
.rct-perfil:hover{border-color:var(--magenta-300);transform:translateY(-1px);box-shadow:var(--shadow-xs);}
.rct-perfil b{font-size:1rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.rct-perfil small{font-size:.83rem;color:var(--fg-3);line-height:1.5;}
.rct-perfil.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.rct-perfil.is-on b{color:var(--magenta-700);}
.rct-perfil:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}

.rct-suma{margin-top:.4rem;}
.rct-suma__hint{margin:.5rem 0 0;font-size:.88rem;line-height:1.55;color:var(--fg-2);}
.rct-suma__hint strong{color:var(--ink-900);font-weight:800;font-variant-numeric:tabular-nums;}
.rct-dedu:empty{display:none;}

@media (min-width:720px){
  .rct-perfiles{grid-template-columns:repeat(3,1fr);}
}


/* ===========================================================================
   EL CARRITO  (19/09/2026)
   ---------------------------------------------------------------------------
   Marcos: «quiero la sensación de estar completando el carrito». El panel
   lista lo elegido, renglón por renglón, con un «cambiar» que lleva al paso.
   Reemplaza al «partidor por pasajero» ($X por persona), que confundía:
   parecía parte de la contratación y nadie entendía para qué estaba.
   =========================================================================== */
.rct-cart{list-style:none;margin:.5rem 0 1.1rem;padding:0;display:grid;gap:.35rem;}
.rct-cart li{display:grid;grid-template-columns:5.2rem 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;}
.rct-cart li:last-child{border-bottom:0;}
.rct-cart span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.rct-cart b{font-weight:700;color:#fff;}
.rct-cart a{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.rct-cart a:hover{color:#fff;}
.rct-res__lbl--cuota{margin-top:.2rem;}
/* La nota «Contratación 100 % online, acá mismo». El padding está SIEMPRE y el
   margen negativo lo compensa: así, cuando el aviso la vuelve globo, cambia el
   fondo y nada de la página se corre de lugar. */
.rct-res__online{position:relative;margin:.6rem -.8rem 0;padding:.6rem .8rem;border-radius:var(--r-md);
  font-size:.85rem;line-height:1.55;color:rgba(255,255,255,.88);background:transparent;
  transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease);}
.rct-res__online strong{color:#fff;transition:color .35s var(--ease);}
/* El piquito que apunta al botón: invisible hasta que la nota es globo. */
.rct-res__online::before{content:"";position:absolute;left:1.7rem;top:-6px;width:13px;height:13px;
  border-radius:2px;background:#fff;transform:rotate(45deg);opacity:0;transition:opacity .35s var(--ease);}

/* --- El aviso sobre «Contratar online» (29/09/2026) ------------------------ */
/* Un momento, una sola vez: lo dispara turismo-aventura.js (mostrarAviso)
   cuando la persona ya jugó con el simulador y el botón está a la vista. */
.rct-res__online.is-destacado{background:#fff;color:var(--fg-2);box-shadow:var(--shadow-md);
  animation:rctGlobo .5s var(--ease) both;}
.rct-res__online.is-destacado strong{color:var(--magenta-700);}
.rct-res__online.is-destacado::before{opacity:1;}
@keyframes rctGlobo{0%{transform:translateY(6px) scale(.97);}60%{transform:translateY(-2px) scale(1.01);}100%{transform:none;}}

/* El brillo que cruza el botón. El overflow:hidden recorta sólo el brillo (el
   ::after): la sombra del botón es suya y no se recorta. */
#rctEmitir{position:relative;overflow:hidden;}
#rctEmitir::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);
  transform:skewX(-20deg);opacity:0;}
/* Dos pasadas de 1,2 s = AVISO_DURA_MS del JS. Mientras dura, reemplaza al
   pulso de .btn--emit; al terminar, el pulso vuelve solo. */
#rctEmitir.is-llamando{animation:rctLlamar 1.2s var(--ease) 2;}
#rctEmitir.is-llamando::after{animation:rctBrillo 1.2s var(--ease) 2;}
@keyframes rctLlamar{
  0%,100%{transform:scale(1);box-shadow:0 10px 28px rgba(223,53,105,.45);}
  30%{transform:scale(1.05);box-shadow:0 0 0 5px rgba(255,255,255,.35),0 14px 38px rgba(223,53,105,.75);}
  60%{transform:scale(.99);}
}
@keyframes rctBrillo{0%{left:-70%;opacity:0;}12%{opacity:1;}62%{left:125%;opacity:1;}63%,100%{left:125%;opacity:0;}}
@media (prefers-reduced-motion:reduce){
  #rctEmitir.is-llamando,#rctEmitir.is-llamando::after,.rct-res__online.is-destacado{animation:none;}
  .rct-res__online,.rct-res__online strong,.rct-res__online::before{transition:none;}
}

/* El WhatsApp, al pie y chico: está para el que lo busca (29/09/2026). */
.rct-res__duda{margin:.75rem 0 0;font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.7);}
.rct-res__duda a{color:rgba(255,255,255,.9);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.rct-res__duda a:hover{color:#fff;}