.elementor-3803 .elementor-element.elementor-element-88bc609{--display:flex;--position:fixed;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;top:0px;}body:not(.rtl) .elementor-3803 .elementor-element.elementor-element-88bc609{left:0px;}body.rtl .elementor-3803 .elementor-element.elementor-element-88bc609{right:0px;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .header-area-2 .header__navicon .side-toggle{background-color:#F1E8E1;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .arrox-el-logo img{width:160px;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .main-menu li a{color:#FFFFFF;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .main-menu ul.dp-menu{width:250px;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .arrox-el-button{color:#FFFFFF;background-color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .rr-btn .btn-wrap .text-one{color:#FFFFFF;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .rr-btn:hover .btn-wrap .text-two{color:#000000;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .rr-btn:focus .btn-wrap .text-two{color:#000000;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .arrox-el-button:after, .arrox-el-button:before{background-color:#FCF7F3;}.elementor-3803 .elementor-element.elementor-element-7f3dde3 .arrox-el-button:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}@media(min-width:768px){.elementor-3803 .elementor-element.elementor-element-88bc609{--content-width:1820px;}}/* Start custom CSS for arrox-header-2, class: .elementor-element-7f3dde3 */.hero-header-blend {
    mix-blend-mode: difference;
}


/* HEADER HERO BLEND */
.hero-header-blend {
    position: absolute; /* dentro del hero */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* ESTADO OCULTO (SCROLL ABAJO) */
.hero-header-blend.hide {
    transform: translateY(-100%); /* se va hacia arriba */
    opacity: 0;                   /* se desvanece */
}/* End custom CSS */