.elementor-4488 .elementor-element.elementor-element-3b2112ed{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4488 .elementor-element.elementor-element-3f5497a3{--swiper-slides-to-display:1;--swiper-slides-gap:0px;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:18px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:18px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-horizontal-offset:0px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:-30px;}.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide > .elementor-element{height:100%;}.elementor-4488 .elementor-element.elementor-element-115eb09e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:10;}.elementor-4488 .elementor-element.elementor-element-115eb09e:not(.elementor-motion-effects-element-type-background), .elementor-4488 .elementor-element.elementor-element-115eb09e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-4488 .elementor-element.elementor-element-6fb87745 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-4488 .elementor-element.elementor-element-397f99ea .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-4488 .elementor-element.elementor-element-4c2c70e3 .elementor-heading-title{font-family:"Manstromer", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-4488 .elementor-element.elementor-element-2464353c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4488 .elementor-element.elementor-element-2464353c:not(.elementor-motion-effects-element-type-background), .elementor-4488 .elementor-element.elementor-element-2464353c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4488 .elementor-element.elementor-element-3b2112ed{--min-height:100vh;}.elementor-4488 .elementor-element.elementor-element-3f5497a3{--swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-4488 .elementor-element.elementor-element-3b2112ed{--min-height:700px;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4488 .elementor-element.elementor-element-3f5497a3{--swiper-slides-to-display:1;}.elementor-4488 .elementor-element.elementor-element-6fb87745{text-align:center;}.elementor-4488 .elementor-element.elementor-element-397f99ea{text-align:center;}.elementor-4488 .elementor-element.elementor-element-397f99ea .elementor-heading-title{font-size:36px;}.elementor-4488 .elementor-element.elementor-element-2464353c{--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4488 .elementor-element.elementor-element-1b5f6847{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4488 .elementor-element.elementor-element-60e557e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4488 .elementor-element.elementor-element-60e557e5.elementor-element{--align-self:center;}}/* Start custom CSS for loop-carousel, class: .elementor-element-3f5497a3 *//* Eliminar el espacio inferior fantasma del paginador de Elementor */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-loop-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    height: 100dvh !important;
}

/* ¡RESTAURADO! Aquí estaba el fallo que causaba la pantalla negra */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    position: relative !important; 
    overflow: hidden !important;
    height: 100dvh !important; 
}

/* ==========================================================================
   2. ANIMACIÓN DE FONDO (ESTILO AWWWARDS + FIX SAFARI)
   ========================================================================== */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide > .e-con,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide > .elementor-container {
    -webkit-transform: scale(1.15) translateZ(0); /* Fix Safari */
    transform: scale(1.15) translateZ(0); /* Fix Safari */
    filter: brightness(0.85);
    -webkit-filter: brightness(0.85); /* Fix Safari iOS */
    transition: transform 1.8s cubic-bezier(0.19, 1, 0.22, 1), filter 1.5s ease, -webkit-filter 1.5s ease;
    width: 100% !important;
    height: 100dvh !important; 
    min-height: 100dvh !important;
    
    /* Forzar Renderizado de Hardware */
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-perspective: 1000 !important;
    perspective: 1000 !important;
    will-change: transform, filter; /* Le avisa al navegador que esto se animará */
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active > .e-con,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active > .elementor-container,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active > .e-con,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active > .elementor-container {
    -webkit-transform: scale(1) translateZ(0); /* Fix Safari */
    transform: scale(1) translateZ(0); /* Fix Safari */
    filter: brightness(1);
    -webkit-filter: brightness(1); /* Fix Safari iOS */
}

/* ==========================================================================
   3. ANIMACIÓN DE CONTENIDOS (MÉTODO SEGURO DE VISIBILIDAD)
   ========================================================================== */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-widget {
    opacity: 0;
    visibility: hidden; 
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1), visibility 1s;
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active .elementor-widget,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active .elementor-widget {
    opacity: 1;
    visibility: visible; 
    transform: translateY(0);
}

/* Cascada (Stagger) para textos */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active .elementor-widget:nth-child(1), .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active .elementor-widget:nth-child(1) { transition-delay: 0.2s; }
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active .elementor-widget:nth-child(2), .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active .elementor-widget:nth-child(2) { transition-delay: 0.4s; }
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active .elementor-widget:nth-child(3), .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active .elementor-widget:nth-child(3) { transition-delay: 0.6s; }
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-active .elementor-widget:nth-child(4), .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide-duplicate-active .elementor-widget:nth-child(4) { transition-delay: 0.8s; }

/* ==========================================================================
   4. FLECHAS Y PAGINACIÓN ORIGINALES
   ========================================================================== */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-swiper-button {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) scale(1) !important;
    margin: 0 25px !important;
    z-index: 999 !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    color: #FFF !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-swiper-button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.8);
    transform: translateY(-50%) scale(1.1) !important; 
    box-shadow: 0 0 15px rgba(255,255,255,0.1);
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-swiper-button i, .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-swiper-button svg { font-size: 16px !important; }

@media (max-width: 1024px) {
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-swiper-button {
        width: 40px !important;
        height: 40px !important;
        margin: 0 10px !important;
        top: 25vh !important;
        transform: translateY(0) scale(1) !important;
    }

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-swiper-button:hover {
        transform: translateY(0) scale(1.1) !important;
    }
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-pagination {
    display: flex !important; justify-content: center !important; align-items: center !important; gap: 8px !important;
    width: 100% !important; z-index: 9999 !important; margin: 0 !important; padding: 0 !important; pointer-events: none;
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-pagination-bullet {
    width: 12px !important; height: 6px !important; background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 100px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; opacity: 1 !important;
    margin: 0 !important; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease !important; pointer-events: auto !important;
}

.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-pagination-bullet-active { width: 45px !important; background: #FFFFFF !important; border-color: transparent !important; }

/* ==========================================================================
   5. ESCRITORIO (min-width: 1025px) - Imagen 100% de la altura
   ========================================================================== */
@media (min-width: 1025px) {

    /* Estructura en 2 columnas lado a lado */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-da60904 {
        display: flex !important;
        flex-direction: row !important;
        height: 100vh !important;
        min-height: 100vh !important;
    }

    /* Columna Izquierda (Texto) */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-415e85f {
        width: 40% !important;
        height: 100vh !important;
        min-height: 100vh !important;
    }

    /* Columna Derecha (Contenedor Imagen) */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-448706d {
        width: 60% !important;
        height: 100vh !important;
        min-height: 100vh !important;
        position: relative !important;
        overflow: hidden !important;
    }

    /* Forzar a la imagen a llenar todo el alto de la pantalla */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-element-21d4189,
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-element-21d4189 .elementor-widget-container,
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide img {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }

    /* Tarjeta flotante de datos abajo a la derecha */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-e4c70b4 {
        position: absolute !important;
        bottom: 30px !important;
        top: auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 5 !important;
    }
}

/* ==========================================================================
   6. TABLETA (768px - 1024px)
   ========================================================================== */
@media (max-width: 1024px) and (min-width: 768px) {
    
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-448706d {
        height: 60dvh !important;
        min-height: 60dvh !important;
        overflow: hidden !important;
    }

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-widget-image,
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-widget-image .elementor-widget-container,
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide img {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-415e85f {
        height: 40dvh !important;
        min-height: 40dvh !important;
    }

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-e4c70b4 {
        top: auto !important;
        bottom: 20px !important;
        width: 90% !important;
        left: 5% !important;
        transform: none !important;
    }
}

/* ==========================================================================
   7. MÓVIL (max-width: 767px) - Parche Líquido + Fix Safari iOS
   ========================================================================== */
@media (max-width: 767px) {

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-da60904 {
        display: flex !important;
        flex-direction: column-reverse !important;
        min-height: 100dvh !important;
        height: 100dvh !important;
    }

    /* 55% de la pantalla para la imagen */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-448706d {
        width: 100% !important;
        height: 55% !important; 
        min-height: 55% !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* 45% de la pantalla para el texto */
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-415e85f {
        width: 100% !important;
        height: 45% !important;
        min-height: 45% !important;
    }

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-widget-image,
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide .elementor-widget-image .elementor-widget-container,
    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide img {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }

    .elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-element-e4c70b4 {
        top: auto !important;
        bottom: 15px !important;
        width: 90% !important;
        left: 5% !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-60e557e5 *//* =====================================================
   FILTROS HUSKY - CÓDIGO MAESTRO DEFINITIVO V5.0
===================================================== */

/* 1. ESTILOS GLOBALES */
.woof *, .woof_products_top_panel * { font-family: inherit !important; }

.swiper-pagination, 
.woof_container_inner h4, 
.select2-container--default .select2-search--dropdown, 
.select2-container--default .select2-results > .select2-results__options > .select2-results__option:first-child { 
    display: none !important; 
}

/* Select2 Base */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 50px !important; border: 1px solid transparent !important; background-color: #ffffff;
    min-height: 48px; display: flex; align-items: center; padding: 0 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); transition: all 0.3s ease;
}
.select2-selection__rendered { font-weight: 500; color: #4C544D !important; font-size: 14px; letter-spacing: 0.3px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #4A934C transparent transparent transparent !important; }

.select2-container--open, .select2-dropdown { z-index: 9999999 !important; }
.select2-dropdown { border: none !important; border-radius: 20px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important; padding: 10px 0; overflow: hidden; }
.select2-container--default .select2-results__option { font-weight: 500; color: #4C544D; padding: 12px 25px; font-size: 14px; transition: all 0.2s ease; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: transparent !important; color: #4A934C !important; padding-left: 32px; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #EEF0DF !important; color: #4A934C !important; font-weight: 600; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #EEF0DF !important; border: none !important; border-radius: 50px !important; color: #4A934C !important;
    font-weight: 500; padding: 5px 15px !important; margin-top: 6px !important; box-shadow: 0 2px 10px rgba(74, 147, 76, 0.1);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #4A934C !important; margin-right: 8px !important; }

/* SVG Sellos */
.select2-results__option[id*="pa_sellos"]::before,
.woof_container_pa_sellos .select2-selection--multiple .select2-selection__choice::before {
    content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle;
}
.select2-results__option[id*="pa_sellos"]::before { width: 20px; height: 20px; margin-right: 12px; transform: translateY(-2px); }
.woof_container_pa_sellos .select2-selection--multiple .select2-selection__choice::before { width: 16px; height: 16px; margin-right: 6px; margin-left: 2px; transform: translateY(-1px); }

.select2-results__option[id$="-a2a2"]::before, .select2-selection__choice[title="A2A2"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/A2A2-sello.svg'); }
.select2-results__option[id$="-estructura"]::before, .select2-selection__choice[title="Estructura"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/estructura-sello.svg'); }
.select2-results__option[id$="-genoma"]::before, .select2-selection__choice[title="Genoma"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/02/Genoma.svg'); }
.select2-results__option[id$="-madre-sobresaliente"]::before, .select2-selection__choice[title="Madre sobresaliente"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/madre-sello.svg'); }
.select2-results__option[id$="-ovocitos"]::before, .select2-selection__choice[title="Ovocitos"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/ovocitos-sello.svg'); }
.select2-results__option[id$="-pista"]::before, .select2-selection__choice[title="Pista"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/pista-sello.svg'); }
.select2-results__option[id$="-probada-de-pastoreo"]::before, .select2-selection__choice[title="Probada de pastoreo"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/pastoreo-sello.svg'); }
.select2-results__option[id$="-ubre"]::before, .select2-selection__choice[title="Ubre"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/ubre-sello.svg'); }
.select2-results__option[id$="-volumen-de-produccion"]::before, .select2-selection__choice[title="Volumen de producción"]::before { background-image: url('https://agrocielo.com/wp-content/uploads/2026/01/volumen-sello.svg'); }

.button.woof_submit_search_form, .button.woof_reset_search_form { font-size: 0 !important; }
.button.woof_submit_search_form::after { content: "Filtrar"; display: block; }

/* 2. OCULTAR ÚNICAMENTE CUANDO SEA "RELEVANCIA" */
form.woocommerce-ordering:has(option[value="relevance"]:checked),
form.woocommerce-ordering:has(option[value="relevance"][selected]) {
    display: none !important;
}

/* 3. ESCRITORIO (min-width: 1025px) */
@media (min-width: 1025px) {
    html body div.woof { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; background: transparent !important; padding: 0 !important; overflow: visible !important; z-index: 1 !important; }
    html body .woof_products_top_panel { display: none !important; }
    html body .woof_show_mobile_filter_container { display: none !important; }

    .woof form { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 14px !important; }
    .woof_redraw_zone { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; width: auto !important; flex: 0 0 auto !important; }
    .woof_container { margin: 0 !important; padding: 0 !important; }
    .woof_container_select { flex: 0 0 auto; margin: 0 !important; }

    .woof_container_pa_sellos { 
        flex: 0 0 auto !important; 
        width: 250px !important; 
        min-width: 250px !important; 
        max-width: 280px !important; 
        display: block !important; 
        margin: 0 !important; 
    }

    .woof_container_pa_sellos .select2-container,
    .woof_container_pa_sellos .select2-container--default {
        width: 100% !important;
        min-width: 100% !important;
    }

    .woof_container_pa_sellos .select2-selection--multiple {
        width: 100% !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
    }

    .woof_container_pa_sellos .select2-search--inline,
    .woof_container_pa_sellos .select2-search--inline .select2-search__field {
        width: 100% !important;
        min-width: 150px !important;
    }

    .select2-container--open .select2-dropdown {
        min-width: 250px !important;
        width: auto !important;
    }

    .woof_submit_search_form_container { display: inline-flex !important; gap: 12px !important; align-items: center; margin: 0 !important; width: auto !important; flex: 0 0 auto !important; }
    
    .button.woof_submit_search_form { background-color: #4A934C !important; border: 2px solid #4A934C !important; border-radius: 50px !important; color: #ffffff !important; padding: 0 30px !important; height: 48px !important; font-weight: 600 !important; cursor: pointer; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; }
    .button.woof_submit_search_form::after { font-size: 14px !important; letter-spacing: 0.5px; }
    .button.woof_submit_search_form:hover { background-color: #3b753d !important; border-color: #3b753d !important; box-shadow: 0 5px 15px rgba(74, 147, 76, 0.3); transform: translateY(-2px); }

    .button.woof_reset_search_form { background-color: transparent !important; border: 2px solid #4A934C !important; border-radius: 50% !important; width: 48px !important; height: 48px !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; position: relative; cursor: pointer; transition: all 0.3s ease; }
    .button.woof_reset_search_form::after { content: ""; width: 20px; height: 20px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234A934C'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; }
    .woof_reset_search_form:hover { background-color: #4A934C !important; transform: rotate(180deg); }
    .woof_reset_search_form:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15'/%3E%3C/svg%3E"); }
}

/* 4. TABLET Y MÓVIL (max-width: 1024px) */
@media (max-width: 1024px) {
    html body .woof_shortcode_output { padding-top: 0 !important; }
    
    div.woof { display: none !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; background-color: #ffffff !important; background-image: none !important; z-index: 9999999 !important; opacity: 1 !important; overflow-y: scroll !important; overflow-x: hidden !important; overscroll-behavior: none !important; padding: 25px 25px 120px 25px !important; box-sizing: border-box !important; border-radius: 0 !important; }
    div.woof[style*="block"] { display: block !important; }
    .woof_hide_mobile_filter { position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important; font-size: 0 !important; color: transparent !important; border-bottom: 1px solid #E5E5E5 !important; padding-bottom: 15px !important; margin-bottom: 25px !important; width: 100% !important; text-decoration: none !important; background: none !important; box-shadow: none !important; }
    .woof_hide_mobile_filter * { display: none !important; }
    .woof_hide_mobile_filter::before { content: ""; position: absolute !important; left: 0 !important; width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234C544D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; }
    .woof_hide_mobile_filter::after { content: "Filtros"; font-weight: 700 !important; color: #4C544D !important; font-size: 20px !important; margin: 0 !important; }
    
    .woof_redraw_zone { display: flex; flex-direction: column; gap: 15px; width: 100% !important; box-sizing: border-box !important; }
    .woof_container_select, .woof_container_pa_sellos { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; }
    .select2-container, .select2-container--open { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
    .select2-container.select2-container--open { margin: 0 !important; padding: 0 !important; left: 0 !important; }
    .select2-dropdown { max-width: calc(100vw - 50px) !important; width: 100% !important; min-width: 100% !important; left: 0 !important; box-sizing: border-box !important; overflow-x: hidden !important; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { right: 15px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 35px !important; }
    .woof_container_pa_sellos .select2-search--inline { width: 100% !important; display: block !important; }
    .woof_container_pa_sellos .select2-search--inline .select2-search__field { width: 100% !important; min-width: 100% !important; color: #4C544D !important; }
    .woof_container_pa_sellos .select2-search--inline .select2-search__field::placeholder { color: #4C544D !important; font-weight: 500 !important; opacity: 1 !important; }

    .woof_submit_search_form_container { display: flex !important; flex-direction: column-reverse !important; gap: 15px !important; margin-top: 25px !important; width: 100% !important; background-color: #ffffff !important; position: relative !important; z-index: 10 !important; }
    .button.woof_submit_search_form, .button.woof_reset_search_form { width: 100% !important; height: auto !important; padding: 15px 20px !important; font-weight: 600 !important; font-size: 0 !important; border-radius: 50px !important; text-align: center !important; cursor: pointer; }
    .button.woof_submit_search_form { background-color: #4A934C !important; border: 2px solid #4A934C !important; color: #ffffff !important; }
    .button.woof_submit_search_form::after { font-size: 16px !important; color: #ffffff !important; }
    .button.woof_reset_search_form { background-color: #EEF0DF !important; border: 1px solid #4A934C !important; color: #4A934C !important; }
    .button.woof_reset_search_form::after { content: "Reestablecer"; font-size: 16px !important; display: block !important; color: #4A934C !important; }

    /* FILA UNIFICADA (BOTÓN FILTROS + SELECTOR) */
    body .woof_show_mobile_filter_container { 
        width: 100% !important; 
        display: flex !important; 
        flex-direction: row !important;
        justify-content: space-between !important; 
        align-items: center !important; 
        gap: 10px !important;
        margin: 0 0 15px 0 !important; 
        padding: 0 !important; 
        box-sizing: border-box !important;
        position: relative !important;
    }
    
    body a.woof_show_mobile_filter, 
    body .woof_show_mobile_filter, 
    body div.woof_show_mobile_filter { 
        display: flex !important; 
        flex-direction: row !important; 
        align-items: center !important; 
        justify-content: center !important; 
        gap: 8px !important; 
        background-color: #ffffff !important; 
        min-height: 42px !important; 
        height: 42px !important; 
        width: 40% !important; 
        max-width: 40% !important;
        padding: 0 !important; 
        margin: 0 !important; 
        border-radius: 50px !important; 
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important; 
        border: 1px solid transparent !important; 
        text-decoration: none !important; 
        box-sizing: border-box !important; 
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    body .woof_show_mobile_filter img, 
    body .woof_show_mobile_filter span { 
        display: none !important; 
    }
    
    body .woof_show_mobile_filter::before { 
        content: "" !important; 
        display: block !important; 
        width: 16px !important; 
        height: 16px !important; 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234C544D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z'/%3E%3C/svg%3E") !important; 
        background-size: contain !important; 
        background-repeat: no-repeat !important; 
        background-position: center !important; 
    }
    
    body .woof_show_mobile_filter::after { 
        content: "Filtros" !important; 
        display: block !important; 
        color: #4C544D !important; 
        font-size: 13px !important; 
        font-weight: 500 !important; 
        letter-spacing: 0.3px !important; 
    }

    form.woocommerce-ordering {
        position: relative !important;
        top: 0 !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        width: 58% !important; 
        max-width: 58% !important;
        margin: 0 !important;
        z-index: 1 !important;
        display: block !important;
    }
    
    .woocommerce-ordering select {
        height: 42px !important;
        width: 100% !important;
        padding: 0 30px 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
    }

    html body .woof_products_top_panel_content { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
    html body .woof_products_top_panel { margin: 0 0 15px 0 !important; padding: 0 !important; width: 100% !important; position: relative !important; overflow: visible !important; }
    html body .woof_products_top_panel_ul { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin: 4px 0 0 0 !important; padding: 0 !important; }
    html body .woof_products_top_panel_ul li { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; color: transparent !important; line-height: 0 !important; }
    html body .woof_products_top_panel_ul li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border: 1px solid #E5E5E5 !important; border-radius: 50px !important; padding: 6px 14px !important; text-decoration: none !important; box-shadow: none !important; background-image: none !important; margin: 0 !important; }
    html body .woof_products_top_panel_ul li a span.woof_remove_ppi { font-size: 13px !important; color: #4C544D !important; font-weight: 500 !important; line-height: 1.2 !important; display: inline-block !important; background: transparent !important; }
    html body .woof_products_top_panel_ul li a > *:not(.woof_remove_ppi) { display: none !important; }
    html body .woof_products_top_panel_ul li a::before { display: none !important; content: none !important; }
    html body .woof_products_top_panel_ul li a::after { content: "×" !important; font-size: 16px !important; font-weight: 300 !important; color: #999999 !important; margin-left: 6px !important; line-height: 1 !important; transform: translateY(-1px) !important; display: inline-block !important; }
    
    html body .woof_products_top_panel_ul li button.woof_reset_button_2 { display: none !important; }
}

/* 5. RESULTADOS Y ORDENAMIENTO */
.woocommerce-result-count {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    color: #4C544D !important;
    font-size: 14px !important;
    margin-top: 4px !important; 
    margin-bottom: 4px !important; 
}

.woocommerce-ordering select {
    border-radius: 50px !important;
    border: 1px solid #E5E5E5 !important;
    padding: 8px 35px 8px 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4C544D !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}
.woocommerce-ordering select:hover, .woocommerce-ordering select:focus {
    border-color: #4A934C !important;
    box-shadow: 0 4px 15px rgba(74, 147, 76, 0.1) !important;
}

/* 6. TARJETAS DE PRODUCTO */
ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; 
    gap: 12px !important; 
}

ul.products::before, ul.products::after { display: none !important; }

ul.products li.product {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 0 !important; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    transition: all 0.4s ease !important;
    border: 1px solid transparent !important;
    text-align: center !important; 
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    overflow: hidden !important; 
    margin: 0 !important; 
    width: 100% !important; 
}

@media (min-width: 1025px) {
    ul.products { gap: 20px !important; }
    ul.products li.product { width: calc(25% - 15px) !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    ul.products { gap: 20px !important; justify-content: flex-start !important; }
    ul.products li.product { width: calc(33.33% - 14px) !important; }
}

ul.products li.product:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;
    transform: translateY(-5px) !important;
    border-color: #EEF0DF !important;
}

/* Altura unificada y encuadre perfecto para todas las imágenes */
ul.products li.product img {
    border-radius: 0 !important; 
    margin: 0 0 15px 0 !important;
    width: 100% !important;
    height: 250px !important; /* <--- Establece la altura uniforme exacta */
    object-fit: cover !important; /* <--- Recorta y encuadra sin deformar */
    object-position: center !important; /* <--- Centra la toma en el sujeto */
    transition: transform 0.5s ease !important;
}

/* Ajuste proporcional para pantallas móviles */
@media (max-width: 767px) {
    ul.products li.product img {
        height: 300px !important;
    }
}
ul.products li.product:hover img {
    transform: scale(1.02) !important; 
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4C544D !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

ul.products li.product .price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #4A934C !important;
    margin-bottom: 15px !important;
    display: block !important;
}
ul.products li.product .price del {
    color: #999999 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    margin-right: 5px !important;
}

ul.products li.product .agrocielo-loop-inversion {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #777777 !important;
    background: #ffffff !important; 
    border: 1px solid #E5E5E5 !important; 
    border-radius: 50px !important; 
    padding: 4px 12px !important; 
    margin: 0 auto 12px auto !important; 
    align-self: center !important; 
    display: inline-block !important;
    max-width: calc(100% - 30px) !important; 
    box-sizing: border-box !important;
}
ul.products li.product .agrocielo-loop-inversion .inversion-label {
    font-weight: 600 !important;
    color: #4C544D !important;
}

ul.products li.product .button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #2E8040 !important; 
    color: #ffffff !important; 
    border-radius: 50px !important;
    padding: 10px 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    width: calc(100% - 30px) !important; 
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    margin: auto 15px 15px 15px !important; 
}

ul.products li.product .button:hover {
    background-color: #246633 !important; 
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(46, 128, 64, 0.3) !important;
}

ul.products li.product a.wc-buy-now-btn { display: none !important; }
ul.products li.product .button.added { margin-bottom: 8px !important; }

ul.products li.product a.added_to_cart {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #4A934C !important; 
    color: #ffffff !important; 
    border-radius: 50px !important;
    padding: 10px 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    width: calc(100% - 30px) !important; 
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    margin: 0 15px 15px 15px !important; 
    text-decoration: none !important;
}

ul.products li.product a.added_to_cart:hover {
    background-color: #3b753d !important; 
    box-shadow: 0 4px 15px rgba(74, 147, 76, 0.3) !important; 
    transform: translateY(-2px) !important; 
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS *//* 1. Forzar a Safari a pintar la imagen (GPU Render) */
.elementor-578 .elementor-element.elementor-element-21d4189 img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

/* 2. Usar 'dvh' en lugar de 'vh' para esquivar el bug de la barra de Safari */
@media(max-width: 1024px) {
    /* Contenedor padre */
    .elementor-578 .elementor-element.elementor-element-da60904 {
        min-height: 100dvh !important;
    }
    /* Imagen destacada */
    .elementor-578 .elementor-element.elementor-element-21d4189 img {
        height: 50dvh !important;
    }
}

@media(max-width: 767px) {
    .elementor-578 .elementor-element.elementor-element-da60904 {
        min-height: 100dvh !important;
    }
    .elementor-578 .elementor-element.elementor-element-21d4189 img {
        height: 50dvh !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manstromer';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://agrocielo.com/wp-content/uploads/2026/01/Manstromer-Regular.woff') format('woff'),
		url('https://agrocielo.com/wp-content/uploads/2026/01/Manstromer-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */