/* ==========================================================================
   Señor Big — capa de estilos personalizada (child theme)
   SCOPE: layout, posición, UX, animaciones y visuales.
   NO se redefinen los colores base del Kit de Elementor ni el copy.
   ========================================================================== */

:root {
  /* Variables PROPIAS para animación/espaciado. No pisan los tokens del Kit. */
  --srbig-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --srbig-reveal-distance: 24px;
  --srbig-reveal-duration: 0.7s;
}

/* --------------------------------------------------------------------------
   Animación base: scroll-reveal
   El JS añade .srbig-reveal a los elementos y .is-visible al entrar en viewport.
   Solo se anima opacity/transform (60fps, sin repaint de layout).
   -------------------------------------------------------------------------- */
.srbig-reveal {
  opacity: 0;
  transform: translateY(var(--srbig-reveal-distance));
  transition:
    opacity var(--srbig-reveal-duration) var(--srbig-ease),
    transform var(--srbig-reveal-duration) var(--srbig-ease);
  will-change: opacity, transform;
}

.srbig-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Accesibilidad: respeto absoluto a quien prefiere menos movimiento. */
@media (prefers-reduced-motion: reduce) {
  .srbig-reveal,
  .srbig-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ==========================================================================
   A partir de aquí se irán añadiendo los estilos de cada sección del piloto
   (/agencia-seo-malaga/), una vez aprobado el plan de acción.
   ========================================================================== */