/* ==========================================================================
   Super Roca — overrides de marca sobre la plantilla Pamar
   Se carga DESPUÉS de style.css. Rebrandea el tema (azul → rojo/negro/amarillo)
   redefiniendo las variables CSS del template, y neutraliza las animaciones
   de scroll (que ocultan contenido cuando no corre el JS de la plantilla).
   ========================================================================== */
:root {
  --theme-color: #e1121c;   /* rojo Super Roca (antes azul #0052DA) */
  --theme-color2: #ffc20e;  /* amarillo/dorado de acento */
  --theme-color3: #b00e16;  /* rojo oscuro */
  --title-color: #111418;
  --hero-overlay: rgba(17, 20, 24, 0.55);
}

/* --- Neutralizar animaciones/reveal (no cargamos GSAP/jQuery) --- */
[data-ani],
[data-cue],
.cue,
[data-cues] > * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Ocultar chrome de la plantilla que no usamos */
.preloader,
.magnific-popup,
.scroll-top {
  display: none !important;
}

/* Fuente del cuerpo */
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* El header de la plantilla se maneja con React; evitar saltos */
.th-header {
  position: sticky;
  top: 0;
}

/* Overlay legible sobre el hero */
.th-hero-wrapper .hero-inner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(17, 20, 24, 0.72), rgba(17, 20, 24, 0.25));
  z-index: 0;
}
.th-hero-wrapper .hero-inner .container {
  position: relative;
  z-index: 1;
}