.elementor-220 .elementor-element.elementor-element-bb23891{--display:flex;}.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-220 .elementor-element.elementor-element-bb8a73a .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-220 .elementor-element.elementor-element-bb8a73a .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-220 .elementor-element.elementor-element-bb8a73a{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-220 .elementor-element.elementor-element-6b077ff{background-color:#0A0A0A;}:root{--page-title-display:none;}/* Start custom CSS for gallery, class: .elementor-element-bb8a73a *//* --- ARTHEMIS STUDIO: EDITORIAL GALLERY SYSTEM --- */

/* 1. Contenedor Principal: Suavizado de carga */
.elementor-220 .elementor-element.elementor-element-bb8a73a {
    opacity: 0;
    transform: translateY(30px);
    animation: arthemisFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* 2. Estilo de los Ítems (Las Fotos) */
.elementor-220 .elementor-element.elementor-element-bb8a73a .e-gallery-item {
    overflow: hidden !important;
    border-radius: 2px !important; /* Bordes finos, casi rectos para elegancia */
    background-color: #000; /* Fondo negro para profundidad */
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3. La Imagen: Efecto Cinematográfico */
.elementor-220 .elementor-element.elementor-element-bb8a73a .e-gallery-image {
    transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), filter 1s ease !important;
    filter: brightness(0.9) saturate(0.9); /* Look editorial sutil */
}

/* 4. Interacción VIP (Hover) */
.elementor-220 .elementor-element.elementor-element-bb8a73a .e-gallery-item:hover .e-gallery-image {
    transform: scale(1.12) rotate(0.5deg) !important; /* Zoom con micro-rotación orgánica */
    filter: brightness(1.05) saturate(1.1) !important;
}

/* 5. Overlay (El color que sale al pasar el mouse) */
.elementor-220 .elementor-element.elementor-element-bb8a73a .e-gallery-item__overlay {
    background-color: rgba(0,0,0,0.2) !important; /* Sombra muy sutil */
    backdrop-filter: blur(0px);
    transition: all 0.6s ease !important;
}

/* 6. Animación de Entrada Secuencial */
@keyframes arthemisFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ajuste para que las imágenes no se vean "pegadas" en los bordes */
.elementor-220 .elementor-element.elementor-element-bb8a73a .elementor-gallery__container {
    padding: 10px;
}

/* 7. Optimización para Celular */
@media (max-width: 767px) {
    .elementor-220 .elementor-element.elementor-element-bb8a73a .elementor-gallery__container {
        gap: 8px !important; /* Espacio más compacto en móvil */
        padding: 5px;
    }
    
    /* Forzamos el look profesional en móvil eliminando sombras pesadas */
    .elementor-220 .elementor-element.elementor-element-bb8a73a .e-gallery-item {
        box-shadow: none !important;
    }
}/* End custom CSS */