.elementor-1602 .elementor-element.elementor-element-e8953a0{--display:flex;}.elementor-1602 .elementor-element.elementor-element-e8953a0:not(.elementor-motion-effects-element-type-background), .elementor-1602 .elementor-element.elementor-element-e8953a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E35531 0%, #FFFFFF 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1602 .elementor-element.elementor-element-aa7cbef{text-align:left;}.elementor-1602 .elementor-element.elementor-element-aa7cbef img{height:100px;}.elementor-1602 .elementor-element.elementor-element-5d54220{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1602 .elementor-element.elementor-element-4b78dd9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1602 .elementor-element.elementor-element-4b78dd9{text-align:center;}.elementor-1602 .elementor-element.elementor-element-4b78dd9 .elementor-heading-title{font-family:"Bakbak One", Sans-serif;font-size:35px;font-weight:normal;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1602 .elementor-element.elementor-element-689b8b8 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1602 .elementor-element.elementor-element-689b8b8 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1602 .elementor-element.elementor-element-689b8b8{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}/* Start custom CSS *//* --- Clases para las galerías individuales (G1, G2, etc., y GG1, GG2, etc.) --- */
/* Estas clases controlan cómo se ocultan y muestran tus galerías internas */
.galeria-oculta {
    display: none; /* Por defecto oculto, pero JS lo controlará al inicio */
    overflow: hidden; /* Oculta cualquier contenido que desborde durante la transición */
    max-height: 0; /* Aseguramos que inicie en 0 para la animación de despliegue */
    opacity: 0; /* Oculto visualmente al principio */
    transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out; /* Transición suave para apertura/cierre */
}

/* --- Clases para los contenedores principales (Container 2 y Container 3) --- */
/* Estas clases controlan cómo se ocultan y muestran tus secciones principales */
.container-colapsable {
    display: none; /* Por defecto oculto, pero JS lo controlará al inicio */
    overflow: hidden; /* Oculta cualquier contenido que desborde durante la transición */
    max-height: 0; /* Aseguramos que inicie en 0 para la animación de despliegue */
    opacity: 0; /* Oculto visualmente al principio */
    transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out; /* Transición suave para apertura/cierre */
}

/* --- Clase que se aplica mediante JavaScript para mostrar elementos --- */
/* Cuando el JS añade esta clase, el elemento se hace visible y opaco */
.mostrar-elemento {
    display: block !important; /* Fuerza a que sea visible en el flujo del DOM */
    opacity: 1 !important; /* Lo hace completamente visible */
    /* La propiedad max-height se establece dinámicamente por JavaScript para permitir la transición */
}

/* --- CORRECCIONES PARA EL SCROLL DE LA PÁGINA --- */
/* Estas reglas aseguran que la página pueda expandirse verticalmente y permitir el scroll. */
html, body {
    height: auto !important;     /* Permite que la altura del HTML y BODY crezca con el contenido */
    min-height: 100vh;           /* Asegura que ocupen al menos la altura visible de la ventana */
    overflow-y: scroll !important; /* Fuerza la barra de desplazamiento vertical si el contenido excede la altura */
}

/* Asegura que los contenedores principales de Elementor no impidan el scroll
   ocultando contenido con 'overflow: hidden' o fijando alturas. */
.elementor-html, 
.elementor-editor-active,
#page, /* Contenedor común de temas de WordPress */
.elementor-section, /* Sección típica de Elementor */
.elementor-column, /* Columna típica de Elementor */
.elementor-widget-container /* Contenedor de widgets de Elementor */
{
    overflow: visible !important; /* Permite que el contenido desborde sus contenedores si es necesario */
    height: auto !important;      /* Asegura que puedan expandirse dinámicamente */
}

/* Para los nuevos contenedores Flexbox/Grid de Elementor */
.e-con, .e-con-inner {
    overflow: visible !important; /* Permite que el contenido desborde sus contenedores Flexbox */
    height: auto !important;      /* Asegura que los contenedores Flexbox puedan expandirse */
}

/* --- CORRECCIONES PARA LA SUPERPOSICIÓN DEL FOOTER --- */
/* Aumenta el Z-Index de tus elementos colapsables para que estén por encima del footer */
.container-colapsable,
.galeria-oculta {
    position: relative; /* Esencial: 'z-index' solo funciona en elementos posicionados */
    z-index: 5;         /* Un valor que asegura que se apilen por encima del footer */
}

/* Asegura que el footer (que identificamos como #site-footer) quede en una capa inferior */
#site-footer {
    z-index: 1; /* Valor más bajo para que no tape los elementos desplegados */
}

/* Opcional: Asegura que el scrollbar se muestre siempre en navegadores Webkit (Chrome, Safari, Edge) */
body::-webkit-scrollbar {
    display: block !important;
}/* End custom CSS */