/* ==========================================================================
   COTIZADOR DE ASISTENCIA AL VIAJERO · PÚBLICO · TOURING ASSISTANCE
   Se arma sobre sistema.css (Gestor) y cotizador.css (cotizador de seguros), los dos
   copiados SIN TOCAR por construir.py. Acá solo lo propio de asistencia; la guarda del
   armado corta si algo redefine una pieza ajena.

   DIAGRAMA (escritorio) · UNA grilla de 4 columnas iguales (c); la 4.ª es la de acciones
     caja 1   Origen | Destino | Salida | Regreso
              Pasajeros | Pasajero 1 | Pasajero 2 | …          (una edad por pasajero, misma grilla)
              Quién consulta: Nombre | Apellido | Correo | Teléfono | Cotizar
     caja 2   Ordenar por | Compañía | · | Cambiar el viaje
              planes: 4 tarjetas por renglón, de c cada una, alto 288
     caja 3   por pasajero: Nombre | Apellido | Nacionalidad | Documento
                            Número | Nacimiento | Correo | Teléfono
                            Género
              · | · | Ver otros planes | Contratar
     caja 4   La operación (2c) | El cobro (2c)
              vouchers · Consultar estado | Nueva cotización | Abrir el link de pago
   ========================================================================== */

/* marca Touring Assistance: misma altura que las otras, su ancho propio (entra en la columna de 216) */
.lk--ta{width:211px}

/* ---- calendario propio: el disparador es el desplegable del Gestor (.dd__trig); lo único nuevo
   es la grilla del mes. Panel 280 · cabecera 32 · días 20 · celda 32 x 6 semanas · pie 28 ---- */
.vcal-c{display:grid;grid-template-rows:18px var(--alto);row-gap:var(--e1)}
.vcal-c>span{font-size:var(--t-eyebrow);color:var(--texto-3);text-transform:uppercase;letter-spacing:.1em;line-height:18px}
.vcal .dd__trig{cursor:pointer}
.vcal__p{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:280px;padding:var(--e2);
  background:var(--sup);border:1px solid var(--line);border-radius:var(--r-caja);box-shadow:0 20px 44px rgba(34,34,42,.18)}
.vcal__p.open{display:block}
.vcal__p.izq{left:auto;right:0}
.vcal__h{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;column-gap:var(--e1);height:32px;margin-bottom:6px}
.vcal__m{font-family:'Sora',sans-serif;font-weight:600;font-size:var(--t-cuerpo);line-height:32px;text-align:center;text-transform:capitalize;color:var(--texto)}
.vcal__b{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:var(--r-control);background:none;cursor:pointer;
  font-size:15px;line-height:30px;color:var(--texto-2);transition:.15s}
.vcal__b:hover{border-color:var(--acento);color:var(--acento)}
.vcal__dow{display:grid;grid-template-columns:repeat(7,1fr);height:20px;margin-bottom:2px}
.vcal__dow span{font-size:var(--t-eyebrow);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3);line-height:20px;text-align:center}
.vcal__g{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,32px)}
.vcal__d{padding:0;border:0;border-radius:var(--r-badge);background:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:var(--t-cuerpo);
  line-height:32px;text-align:center;color:var(--texto);transition:.1s}
.vcal__d.otro{color:var(--texto-3)}
.vcal__d:disabled{color:var(--line);cursor:default}
.vcal__d:hover:not(:disabled),.vcal__d.rango:not(:disabled){background:var(--acento-bg)}
.vcal__d.hoy{box-shadow:inset 0 0 0 1px var(--line)}
.vcal__d.sel,.vcal__d.sel:hover{background:#B20BC1;color:#FFFFFF;font-weight:600}
.vcal__f{height:28px;margin-top:6px;border-top:1px solid var(--line);font-size:var(--t-label);line-height:28px;text-align:center;color:var(--texto-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- las edades caen en la misma grilla de 4 que el viaje; renglones parejos ---- */
.edades{row-gap:var(--e4)}
.fila--ultima{margin-bottom:0}
.fila--acc{margin-top:var(--e4)}

/* ---- las tarjetas de plan: 4 por renglón, ancho c, todas del mismo alto ----
   compañía 18 · plan 40 (2 renglones) · cobertura 32 · preexistencias 32 · precio 32 · cuotas 20 · botones 40 */
.planes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--e3);row-gap:var(--e3)}
.plan{height:288px;padding:var(--e4);border:1px solid var(--line);border-radius:var(--r-caja);background:var(--sup-2);
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:18px 40px 1fr 32px 32px 32px 20px var(--alto);row-gap:0;
  transition:border-color .18s}
.plan:hover{border-color:var(--acento)}
.plan__prov{font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--texto-3);line-height:18px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan__t{margin:0;font-family:'Sora',sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--texto);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.plan__r{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--e2);align-items:center;border-top:1px solid var(--line);
  font-size:var(--t-label);color:var(--texto-2)}
.plan__r b{font-weight:600;color:var(--texto);white-space:nowrap}
.plan__r.vacia b{font-weight:400;color:var(--texto-3)}
.plan__p{align-self:end;font-family:'Sora',sans-serif;font-weight:600;font-size:var(--t-precio);line-height:28px;letter-spacing:-.015em;color:var(--texto);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan__c{font-size:var(--t-label);line-height:20px;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan__c.vacia{color:var(--texto-3)}
.plan__a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--e2);margin-top:0}
.plan__a .btn{padding:0 var(--e2)}

/* ---- un pasajero: su rótulo y sus campos en la grilla de 4 ---- */
.pax{padding-top:var(--e4);border-top:1px solid var(--line)}
.pax+.pax{margin-top:var(--e2)}
.pax__h{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;height:20px;margin-bottom:var(--e3)}
.pax__n{font-size:var(--t-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--texto-2)}
.pax__tag{justify-self:end;font-size:var(--t-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--acento)}

/* ---- el pago: dos listas de pares, mitad y mitad ---- */
.pago{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--e3);row-gap:var(--e4)}
.pago__col{display:grid;align-content:start;row-gap:0}
.pago__col .rotulo--res{margin-bottom:var(--e2)}
.pago .res__l{grid-template-columns:150px minmax(0,1fr);column-gap:var(--e3)}
.pago .res__l b{justify-self:end;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pago .res__l b.vacia{color:var(--texto-3);font-weight:400}
.vou{display:grid;grid-template-columns:minmax(0,1fr) calc((100% - 36px) / 4);column-gap:var(--e3);align-items:center;height:48px;border-top:1px solid var(--line-soft)}
.vou__n{font-size:var(--t-cuerpo);color:var(--texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vou__n.vacia{color:var(--texto-3)}
a.btn[aria-disabled="true"]{pointer-events:none;color:var(--texto-3)}

/* ---- avisos ---- */
.aviso--warn{background:var(--warn-bg);color:var(--warn)}
.aviso--neutro{background:var(--sup-2);color:var(--texto-2)}

@media (max-width:1260px){
  .planes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fila--acc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fila--acc>span{display:none}
}
@media (max-width:900px){
  .pago{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .planes{grid-template-columns:minmax(0,1fr)}
  .fila--acc{grid-template-columns:minmax(0,1fr)}
  .vou{grid-template-columns:minmax(0,1fr) 120px}
  .vcal__p,.vcal__p.izq{left:0;right:auto;width:100%}
}