@import url("base.css?cache=874");
@import url("secciones/entrada.css?cache=828");
@import url("secciones/hero.css?cache=897");
@import url("secciones/reloj.css?cache=850");
@import url("secciones/recuerdo.css?cache=823");
@import url("secciones/familia.css?cache=779");
@import url("secciones/ubicaciones.css?cache=804");
@import url("secciones/itinerario.css?cache=860");
@import url("secciones/detalles.css?cache=815");
@import url("secciones/vestimenta.css?cache=815");
@import url("secciones/informacion.css?cache=815");
@import url("secciones/galeria.css?cache=817");
@import url("secciones/confirmacion.css?cache=823");
@import url("secciones/cierre.css?cache=827");

/* MARK: FUENTES-LOCALES - origenes en /Assets/Vaquera/MARK-ASSETS.md */
@font-face {
  font-family: "XVCormorant";
  src: url("/Assets/Vquera/fonts/cormorant-xvcaballero.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "XVCormorantItalic";
  src: url("/Assets/Vquera/fonts/cormorant-italic-xvcaballero.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "XVInterstate";
  src: url("/Assets/Vquera/fonts/interstate-xvcaballero.ttf") format("truetype");
  font-display: swap;
}


/* MARK: PALETA-ROSA-PASTEL - colores solo en CSS */
:root {
  --font-display: "XVCormorant", Georgia, serif;
  --font-italic: "XVCormorantItalic", Georgia, serif;
  --font-body: "Interstate", "Segoe UI", Arial, sans-serif;
  --font-strong: "XVInterstate", "Segoe UI", Arial, sans-serif;
  --color-bg: #3c2130;
  --color-bg-2: #f6c7d8;
  --color-panel: rgba(68, 31, 48, .84);
  --color-panel-2: rgba(255, 210, 225, .18);
  --color-text: #fff8fb;
  --color-muted: #f1c1d1;
  --color-accent: #f6bdd1;
  --color-accent-2: #d996b2;
  --color-line: rgba(246, 189, 209, .48);
  --color-shadow: rgba(55, 20, 36, .48);
  --destello-oro-luz: #fffaf0;
  --destello-oro-vivo: #f3e7c9;
  --destello-oro-profundo: #c8b889;
  --destello-filtro: sepia(.32) saturate(.82) hue-rotate(350deg) brightness(1.06) contrast(.96);
  --asset-fondo: url("/Assets/Vaquera/img/fondo.jpg");
  --asset-textura: url("/Assets/Vaquera/img/fondo.jpg");
  --asset-ornamento: url("/Assets/Vquera/decoracion/ornamentos/133.png");
  --asset-ornamento-alt: url("/Assets/Vquera/decoracion/ornamentos/134.png");
  --asset-xv: url("/Assets/Vquera/decoracion/xv/xv-oro-rosa.png");
  --hero-video-player-width: min(90vw, 430px);
  --hero-top-ornament-scale: 1.14;
  --hero-top-ornament-width: min(calc(var(--hero-video-player-width) * var(--hero-top-ornament-scale)), 96vw);
  --clock-art: url("/Assets/Vquera/decoracion/reloj/reloj.png");
  --clock-hand-hour: url("/Assets/Vquera/decoracion/reloj/2.png");
  --clock-hand-minute: url("/Assets/Vquera/decoracion/reloj/1.png");
  --reveal-start: translate3d(0, 34px, 0) scale(.94);
  --reveal-filter: blur(6px) saturate(.75);
  --radius-soft: 8px;
  --content-width: min(100%, 430px);
}

/* MARK: TEMA-ACTIVO */
body.theme-xv-rosa-pastel {
  color: var(--color-text);
  /* MARK: FONDO-LOCAL - conserva el fondo configurado, solo cambia el velo de color */
  background:
    linear-gradient(180deg, rgba(92, 42, 64, .48), rgba(55, 24, 39, .82)),
    var(--asset-fondo) center / cover fixed,
    var(--color-bg);
}

/* MARK: AVISO DE BAJADA AUTOMATICA */
.auto-scroll-notice {
  position: fixed;
  left: 50%;
  bottom: 22px;
  z-index: 80;
  width: min(calc(100% - 36px), 420px);
  margin: 0;
  padding: 11px 15px;
  border: 1px solid rgba(246, 189, 209, .58);
  border-radius: 14px;
  background: rgba(55, 20, 36, .94);
  color: #fff8fb;
  box-shadow: 0 10px 26px rgba(55, 20, 36, .42);
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity .24s ease, transform .24s ease;
}

.auto-scroll-notice.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}