/* ============================================================
   Vale Impro — AJUSTES PUNTUALES
   El sistema de diseño base vive inline en cada HTML (<style id="vale-base">).
   Este archivo solo debe contener correcciones o excepciones concretas,
   NO el sistema de diseño. Se carga después del inline, así que gana.
   El CSS dinámico (Google Sheet vía GAS) también sobreescribe el inline.
   ============================================================ */

/* Rayos del hero: que no se salgan del viewport en pantallas chicas */
@media (max-width:1100px){
  .hero-mark{right:-120px}
}
@media (max-width:720px){
  .hero-mark{display:none}
}

/* Botones en línea con texto largo no deben partirse feo */
.btn{text-align:center}

/* Cards clicables (talleres dinámicos) */
.card-link{color:var(--coral-ink)}
.card-link:hover{color:var(--navy)}

/* Inputs tipo date/number alineados con el resto */
.field input[type="date"],
.field input[type="number"]{font-family:var(--font-body)}

/* Foco visible consistente en elementos de marca */
.brand:focus-visible{outline-offset:4px;border-radius:var(--r-sm)}

/* Impresión */
@media print{
  .site-header,.hero-mark,.tabs,.btn{display:none}
  body{color:#000;background:#fff}
}