/* V68 · Solo ajustes solicitados: video de bienvenida y legibilidad de reserva. */
/* El video sustituye la ilustración estática del hero únicamente. */
.hero .hero-art { min-height: 435px !important; padding: 24px 0 !important; }
.hero .hero-visual-frame.hero-video-frame {
  position: relative !important; display: block !important; height: auto !important;
  width: min(570px, 100%) !important; max-width: 100% !important;
  margin: 0 auto !important; overflow: hidden !important;
  border-radius: 24px !important; border: 1px solid rgba(123, 62, 139, .19) !important;
  background: #fff !important; box-shadow: 0 22px 55px rgba(52, 28, 75, .13) !important;
  filter: none !important;
}
.hero .hero-visual-frame.hero-video-frame::before { display: none !important; }
.hero-video-frame .hero-welcome-video {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9;
  object-fit: cover; border: 0; background: #201333;
}
.hero-video-frame .hero-video-caption {
  display: block; padding: 17px 23px 20px;
  margin: 0; font: 500 .94rem/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #584864; text-align: center; background: #fff;
}
/* El recuadro blanco debe mostrar una frase violeta legible, no blanca. */
.firstlook-value-copy p.firstlook-availability-note.firstlook-white-note {
  display: block !important; position: relative !important; z-index: 2 !important;
  box-sizing: border-box !important; width: 100% !important; max-width: 100% !important;
  margin: 18px 0 0 !important; padding: 15px 17px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(130, 72, 136, .18) !important;
  background: #fff !important; color: #381d4a !important;
  font-size: .91rem !important; line-height: 1.55 !important;
  box-shadow: 0 8px 20px rgba(20, 11, 37, .08) !important;
}
.firstlook-value-copy p.firstlook-availability-note.firstlook-white-note strong {
  color: #692b72 !important; font-weight: 750 !important;
}
@media (max-width: 980px) {
 .hero .hero-art { min-height: 0 !important; padding: 24px 0 !important; }
 .hero .hero-visual-frame.hero-video-frame { width: min(580px, 100%) !important; height: auto !important; }
}
@media (max-width: 640px) {
 .hero .hero-art { min-height: 0 !important; padding: 14px 0 6px !important; }
 .hero .hero-visual-frame.hero-video-frame { width: 100% !important; height: auto !important; border-radius: 18px !important; }
 .hero-video-frame .hero-video-caption { padding: 14px 16px 17px; font-size: .87rem; line-height: 1.55; }
}