.elementor-4742 .elementor-element.elementor-element-0792caa{--display:flex;}.wpr-offcanvas-wrap-1a5859f .wpr-offcanvas-content{animation-duration:0.6s !important;height:50vh;background-color:#F3F3F3;border-color:#000;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 20px 20px 20px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-content{animation-duration:0.6s !important;height:50vh;background-color:#F3F3F3;border-color:#000;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 20px 20px 20px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-container{text-align:right;}.wpr-offcanvas-wrap-1a5859f .wpr-offcanvas-header{flex-direction:row-reverse;padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-1a5859f.wpr-offcanvas-content-wrap{height:50vh;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-trigger i{margin-right:6px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-trigger svg{margin-right:6px;fill:var( --e-global-color-primary );width:21px;height:21px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-trigger{color:var( --e-global-color-primary );background-color:#FFFFFF00;border-color:#E8E8E800;font-size:20px;padding:10px 10px 10px 10px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-trigger:hover{color:#ffffff;border-color:#E8E8E800;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-close-offcanvas{border-color:#FFF;width:50px;height:50px;border-style:none;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.wpr-offcanvas-wrap-1a5859f .wpr-close-offcanvas{border-color:#FFF;width:50px;height:50px;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-close-offcanvas i{font-size:30px;}.wpr-offcanvas-wrap-1a5859f .wpr-close-offcanvas i{font-size:30px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-close-offcanvas svg{width:30px;height:30px;}.wpr-offcanvas-wrap-1a5859f .wpr-close-offcanvas svg{width:30px;height:30px;}.wpr-offcanvas-wrap-1a5859f  .wpr-close-offcanvas{border-style:none;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-wrap{background-color:#07070733;}.wpr-offcanvas-wrap-1a5859f{background-color:#07070733;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-color:#E8E8E8;border-left-width:3px;}.elementor-4742 .elementor-element.elementor-element-1a5859f .wpr-offcanvas-content::-webkit-scrollbar{width:calc(3px + 3px);}/* Start custom CSS for wpr-offcanvas, class: .elementor-element-1a5859f *//* 1. ESTADO TRANSPARENTE: Texto e icono en BLANCO */
.ast-theme-transparent-header .wpr-offcanvas-trigger span {
    color: #ffffff !important;
    transition: color 0.3s ease;
}
.ast-theme-transparent-header .wpr-offcanvas-trigger svg {
    fill: #ffffff !important;
    transition: fill 0.3s ease;
}

/* 2. ESTADO STICKY (Al hacer scroll): Texto e icono en NEGRO */
.ast-theme-transparent-header.ast-header-sticky-active .wpr-offcanvas-trigger span,
.ast-header-sticked .wpr-offcanvas-trigger span {
    color: #000000 !important;
}
.ast-theme-transparent-header.ast-header-sticky-active .wpr-offcanvas-trigger svg,
.ast-header-sticked .wpr-offcanvas-trigger svg {
    fill: #000000 !important;
}

/* 3. PÁGINAS SIN CABECERA TRANSPARENTE (Fondo blanco por defecto): Texto e icono en NEGRO */
body:not(.ast-theme-transparent-header) .wpr-offcanvas-trigger span {
    color: #000000 !important;
}
body:not(.ast-theme-transparent-header) .wpr-offcanvas-trigger svg {
    fill: #000000 !important;
}
/* Eliminar el borde y contorno del botón Off-Canvas */
.wpr-offcanvas-trigger {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important; /* Opcional: asegura que no quede una "caja" de otro tono */
}

/* Evitar que aparezca el borde al hacer clic en él */
.wpr-offcanvas-trigger:focus,
.wpr-offcanvas-trigger:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* 1. Desplazar el contenedor del Off-Canvas debajo del header */
.wpr-offcanvas-wrap {
    top: 140px !important; 
    height: calc(100vh - 90px) !important; /* Reajusta el alto para evitar desbordamientos */
}

/* 2. Asegurar que la cabecera de Astra quede por encima en el eje Z */
.site-header, 
.ast-main-header-wrap,
[data-section="section-header-builder"] {
    z-index: 99999 !important; /* Forzamos a la cabecera a estar en la capa superior */
}/* End custom CSS */