.elementor-6268 .elementor-element.elementor-element-a7b233d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6268 .elementor-element.elementor-element-c876df1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-6268 .elementor-element.elementor-element-c876df1{--min-height:0px;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-c876df1 *//* Estilo normal del header */
    .barra {
        background-color: transparent;
        transition: background-color 0.3s ease; /* Para una transición suave */
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    /* Estilo cuando se hace scroll (opacidad del 75% en negro) */
    .barra.scroll {
        background-color: rgba(253, 147, 214, 0.75); /* Fondo negro con 75% de opacidad */
    }/* End custom CSS */