.elementor-222 .elementor-element.elementor-element-066a70f{--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-222 .elementor-element.elementor-element-bba7506 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-222 .elementor-element.elementor-element-bba7506 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-222 .elementor-element.elementor-element-bba7506{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-videos-count{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side i{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side svg{fill:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text button{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-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{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-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-section-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button:hover{color:var( --e-global-color-text );}.elementor-222 .elementor-element.elementor-element-9ee10cd .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-222 .elementor-element.elementor-element-9ee10cd .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-222 .elementor-element.elementor-element-9ee10cd .e-tabs-items-wrapper .e-section-title{border-style:solid;}.elementor-222 .elementor-element.elementor-element-2064046{background-color:#0A0A0A;}.elementor-222 .elementor-element.elementor-element-9d78c49{background-color:#0A0A0A;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-222 .elementor-element.elementor-element-9ee10cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for container, class: .elementor-element-066a70f *//* --- ARTHEMIS PROFESSIONAL MASONRY SYSTEM --- */

/* 1. Limpieza Total de Elementor */
#arthemis-galeria .gallery, 
#arthemis-galeria .gallery-item {
    margin: 0 !important;
    padding: 0 !important;
}

#arthemis-galeria .gallery {
    display: block !important;
    column-count: 2; /* Columnas en celular */
    column-gap: 8px; /* Espacio elegante y pequeño */
    width: 100%;
}

/* 2. Item de la Galería (Contenedor) */
#arthemis-galeria .gallery-item {
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: 8px !important; /* Espacio entre filas */
    overflow: hidden;
    position: relative;
    background: #000; /* Fondo negro para que las fotos brillen */
    opacity: 0;
    transform: translateY(20px);
    animation: arthemisFadeUp 0.8s forwards ease-out;
}

/* 3. Imagen (La clave del look profesional) */
#arthemis-galeria .gallery-icon img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s ease !important;
    filter: brightness(0.95);
}

/* 4. Efectos de Movimiento VIP */
#arthemis-galeria .gallery-item:hover .gallery-icon img {
    transform: scale(1.1);
    filter: brightness(1.05);
}

/* 5. Eliminamos elementos que ensucian el diseño */
#arthemis-galeria br { display: none !important; }
#arthemis-galeria .gallery-caption { display: none !important; }
#arthemis-galeria dt { margin: 0 !important; }

/* --- AJUSTE PARA PANTALLAS GRANDES --- */
@media (min-width: 768px) {
    #arthemis-galeria .gallery {
        column-count: 3;
        column-gap: 15px;
    }
    #arthemis-galeria .gallery-item {
        margin-bottom: 15px !important;
    }
}

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

/* Retraso secuencial para que las imágenes no aparezcan todas de golpe */
#arthemis-galeria .gallery-item:nth-child(2n) { animation-delay: 0.2s; }
#arthemis-galeria .gallery-item:nth-child(3n) { animation-delay: 0.4s; }

/* --- ARTHEMIS STUDIO: FULL WIDTH & NO HEADER CORE --- */

/* 1. ELIMINAR HEADER DE WORDPRESS */
header#masthead, 
header.site-header, 
.elementor-location-header, 
#header-section {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* 2. RESETEO DE CUERPO Y MÁRGENES */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important; /* Evita el scroll horizontal */
    display: block !important;
}

/* 3. FORZAR ANCHO TOTAL EN CONTENEDORES DEL TEMA */
#primary, 
#content, 
.site-content, 
.entry-content, 
.container, 
.container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. ELIMINAR EL ESPACIO SUPERIOR (Admin Bar Gap) */
html {
    margin-top: 0 !important;
}

* html body {
    margin-top: 0 !important;
}

/* 5. CORRECCIÓN PARA ELEMENTOR (Si lo usas) */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* 6. CORRECCIÓN PARA MÓVILES */
@media (max-width: 768px) {
    body, .site, #page {
        width: 100% !important;
        overflow-x: hidden !important;
    }
}/* End custom CSS */