/* =====================================================
   HEADER TRANSPARENTE AL INICIO + COLOR AL HACER SCROLL
   ===================================================== */

/* Estado inicial: visible pero transparente */
section.elementor-section[data-id="71e7053"] {
  transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  background-color: transparent !important;
  box-shadow: none !important;
  z-index: 10000;
}

/* Cuando se hace scroll (recupera su color configurado en Elementor) */
body.header-colored section.elementor-section[data-id="71e7053"] {
  /* Blanco con 90% de opacidad — elegante y consistente con Elementor */
  background-color: rgba(255, 255, 255, 0.9) !important;

  /* Sombra más suave, para un efecto “flotante” */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;

  backdrop-filter: blur(4px); /* opcional: da un efecto de vidrio sutil */
}