/*
  ==========================================
  ESTILOS PARA LA CABECERA EN SU ESTADO INICIAL
  ==========================================
*/
#mi-cabecera-transparente {
    /*
      CAMBIA EL COLOR DEL FONDO INICIAL AQUÍ
      - Usa 'rgba' para un color traslúcido. El último valor (0.5) es la opacidad.
      - Para un color opaco, usa formato 'hex' (#000000).
    */
    background-color: rgba(0, 0, 0, 0.2) !important;
    
    /* Esta línea hace la transición del color suave */
    transition: background-color 0.4s ease-in-out;
}

/*
  ==========================================
  ESTILOS PARA LA CABECERA AL HACER SCROLL
  ==========================================
*/
#mi-cabecera-transparente.scrolled {
    /*
      CAMBIA EL COLOR DEL FONDO AL HACER SCROLL AQUÍ
      - Por ejemplo, #ffffff para blanco o #000000 para negro opaco.
    */
    background-color: #000000 !important;
}

/*
  ==========================================
  ESTILOS DEL TEXTO Y OTROS ELEMENTOS AL HACER SCROLL
  ==========================================
*/
#mi-cabecera-transparente.scrolled .elementor-widget-container,
#mi-cabecera-transparente.scrolled a {
    /*
      CAMBIA EL COLOR DEL TEXTO AL HACER SCROLL AQUÍ
      - Por ejemplo, #000000 para negro o #ffffff para blanco.
    */
    color: ;
    
    /* Esta línea hace la transición del color del texto suave */
    transition: color 0.4s ease-in-out;
}