.elementor-kit-49115{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5a90504:#0C5752;--e-global-color-1a116b2:#21212D;--e-global-color-ba6bd34:#141414;--e-global-color-945e6ca:#453030;--e-global-color-23e6672:#552411;--e-global-color-8274eb0:#653624;--e-global-color-b23c427:#CFC292;--e-global-color-fa3c091:#CFC292;--e-global-color-88a7c20:#FF4851;--e-global-color-5a5e2fd:#4D3D30;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-49115 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1510px;}.e-con{--container-max-width:1510px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:960px;}.e-con{--container-max-width:960px;}}@media(max-width:992px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:720px;}.e-con{--container-max-width:720px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:520px;}.e-con{--container-max-width:520px;}}@media(max-width:575px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}/* Start custom CSS *//* ==================================================== */
/* CSS MODIFICADO PARA NUEVA PÁGINA (ID: fada15a)      */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO PRIMERA IMAGEN VISIBLE                       */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR DE GALERÍA UNIFICADO                   */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;
    display: block !important;
    cursor: pointer !important;
    transition: transform 0.3s ease !important;
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN (ALTURA UNIFORME)            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;
    height: 400px !important;           /* Cambié a 400px para consistencia */
    min-height: 400px !important;       /* Igual que height */
    max-height: 400px !important;       /* Igual que height */
    overflow: hidden !important;
    border-radius: 15px !important;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN (ESCALADA SIN ESTIRAR)                     */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 15px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.05) !important;
}

/* ---------------------------------------------------- */
/* 6. RESPONSIVE TABLET (2 columnas)                    */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    /* CAMBIO: Usar el nuevo ID fada15a */
    .elementor-element-fada15a.e-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 0 15px !important;  /* Agregué padding para mejor visual */
    }
    
    /* Ajustar cada galería en tablet */
    .solo-una-imagen {
        max-width: 100% !important;
        margin: 0 auto 20px auto !important;
    }
    
    /* Ajustar altura para tablet */
    .solo-una-imagen .gallery-item {
        height: 350px !important;       /* Cambié a 350px para consistencia */
        min-height: 350px !important;
        max-height: 350px !important;
    }
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE MÓVIL (1 columna)                      */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    /* CAMBIO: Usar el nuevo ID fada15a */
    .elementor-element-fada15a.e-grid {
        grid-template-columns: 1fr !important;
        max-width: 400px !important;
        margin: 0 auto !important;
        gap: 25px !important;
        display: grid !important;
        padding: 0 15px !important;
    }
    
    /* Cada galería ocupa todo el ancho */
    .solo-una-imagen {
        width: 100% !important;
        max-width: 400px !important;
        margin: 0 auto 25px auto !important;
    }
    
    /* Ajustar altura para móvil */
    .solo-una-imagen .gallery-item {
        height: 300px !important;       /* Cambié a 300px (más realista) */
        min-height: 300px !important;
        max-height: 300px !important;
        max-width: 400px !important;
    }
    
    /* Asegurar que el contenedor padre no cause problemas */
    .elementor-section,
    .elementor-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        overflow-x: hidden !important;
    }
}

/* ---------------------------------------------------- */
/* 8. MÓVILES PEQUEÑOS                                  */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    /* CAMBIO: Usar el nuevo ID fada15a */
    .elementor-element-fada15a.e-grid {
        max-width: 350px !important;
        gap: 20px !important;
        padding: 0 10px !important;
    }
    
    .solo-una-imagen {
        max-width: 350px !important;
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* Cambié a 250px */
        min-height: 250px !important;
        max-height: 250px !important;
        max-width: 350px !important;
    }
}/* End custom CSS */