.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;--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;--swiper-slides-gap: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;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.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 *//* ==========================================================================
   1. ESTRUCTURA Y ALINEACIÓN (VERSIÓN CORREGIDA 100DVH)
   ========================================================================== */
.elementor-4488 .elementor-element.elementor-element-3f5497a3, 
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .elementor-widget-container,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .e-n-carousel,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-wrapper {
    height: 100dvh !important; 
    min-height: 100dvh !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* CLAVE: 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;
}

.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; /* Forzamos herencia estricta */
}

/* ==========================================================================
   2. ANIMACIÓN DE FONDO (ESTILO AWWWARDS PARA ORIGINALES Y CLONES)
   ========================================================================== */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide > .e-con,
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide > .elementor-container {
    transform: scale(1.15);
    filter: brightness(0.85);
    transition: transform 1.8s cubic-bezier(0.19, 1, 0.22, 1), filter 1.5s ease;
    width: 100% !important;
    height: 100dvh !important; /* Obligamos al contenedor del Loop a estirarse al máximo */
    min-height: 100dvh !important;
}

.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 {
    transform: scale(1);
    filter: brightness(1);
}

/* ==========================================================================
   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; /* CLAVE: Hace que el botón invisible sea intocable */
    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; /* Reactiva el botón solo cuando lo estás viendo */
    transform: translateY(0);
}

/* Cascada (Stagger) para que los textos entren uno por uno */
.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: EFECTO GLASS Y ZERO OFFSET
   ========================================================================== */
.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;
    }
}

/* ==========================================================================
   5. PAGINACIÓN: ESTILO PÍLDORA ANIMADA
   ========================================================================== */
.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;
}


/* ==========================================================================
   6. FORZAR IMAGEN A CUBRIR EL CONTENEDOR (OBJECT-FIT)
   ========================================================================== */
/* Obligamos al widget de imagen interno y a sus envolturas a ser 100% altos */
.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 {
    height: 100dvh !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Forzamos la etiqueta <img> literal a comportarse como un fondo de pantalla */
.elementor-4488 .elementor-element.elementor-element-3f5497a3 .swiper-slide img {
    height: 100dvh !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-60e557e5 *//* =====================================================
   FILTROS HUSKY - CÓDIGO MAESTRO OPTIMIZADO V3.0
===================================================== */

/* =====================================================
   1. ESTILOS VISUALES GLOBALES Y TIPOGRAFÍA
===================================================== */
.woof *, .woof_products_top_panel * { font-family: inherit !important; }

/* Limpieza inicial */
.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; 
}

/* Diseño Premium de Selectores */
.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; }

/* Listas Desplegables */
.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; }

/* Píldoras de Selección Múltiple (Sellos) */
.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; }

/* Íconos SVG de 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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.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.alcieloconstructora.com/wp-content/uploads/2026/01/volumen-sello.svg'); }

/* Renombramiento global de botones */
.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. ESCRITORIO Y LAPTOPS (PC - min-width: 768px)
===================================================== */
@media (min-width: 768px) {
    /* Salvaguardas del layout nativo */
    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; }

    /* Contenedores */
    .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: auto !important; min-width: 300px !important; max-width: 350px !important; display: block !important; margin: 0 !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; }
    
    /* Botones PC */
    .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"); }
}

@media (max-width: 1440px) and (min-width: 768px) {
    .select2-container--default .select2-search--inline .select2-search__field { min-width: 200px !important; }
    .woof_redraw_zone { gap: 8px; }
    .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { padding: 0 12px; min-height: 42px; }
}

html body .woof_shortcode_output {
    padding-top: 15px !important; 
}

/* =====================================================
   3. SMARTPHONES Y TABLETS VERTICALES (max-width: 767px)
===================================================== */
@media (max-width: 767px) {
    
    html body .woof_shortcode_output { padding-top: 0 !important; }
    
    /* 🚨 LA CAJA ANCLA (NUEVO) 🚨 */
    .elementor-element.elementor-element-364696b9 { 
        gap: 0 !important; 
        position: relative !important; 
    }
    
    /* --- Modal de Filtros --- */
    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; }
    
    /* --- Ajustes Select2 Móvil --- */
    .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; }

    /* --- Botones del Modal --- */
    .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; }

    /* --- Botón "Filtros" Externo (Dinámico) - 🚨 REDUCIDO A 50% EXACTO 🚨 --- */
    body .woof_show_mobile_filter_container { width: 100% !important; display: flex !important; justify-content: flex-start !important; margin-bottom: 0 !important; padding: 0 !important; box-sizing: border-box !important; transition: padding 0.3s ease !important; }
    html body:has(.woof_reset_button_2) .woof_show_mobile_filter_container { padding-right: 50px !important; }
    
    /* 🚨 FORZAR VISIBILIDAD DEL BOTÓN PARA QUE NO SE OCULTE 🚨 */
    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; color: transparent !important; font-size: 0 !important; line-height: 0 !important; 
        min-height: 42px !important; height: 42px !important; 
        width: calc(40% - 6px) !important; /* EXACTAMENTE LA MITAD MENOS UN PEQUEÑO GAP */
        max-width: none !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;
    }
    
    /* 🚨 Ocultar SOLO la imagen y span nativos de WOOF, preservando el contenedor 🚨 */
    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; margin: 0 !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"; display: block !important; color: #4C544D !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.3px !important; margin: 0 !important; }

    /* --- Formulario de Ordenamiento FLOTANTE (NUEVO) --- */
    form.woocommerce-ordering {
        position: absolute !important;
        top: -42px !important;
        right: 0 !important; 
        width: calc(60% - 6px) !important; /* LA OTRA MITAD EXACTA */
        margin: 0 !important;
        z-index: 10 !important;
    }
    
    .woocommerce-ordering select {
        height: 42px !important; /* Misma altura matemática que el botón Filtros */
        width: 100% !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* --- Breadcrumbs (Píldoras) y Círculo de Recargar --- */
    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; }
    
    /* 🚨 OCULTAR BOTÓN VACIAR TODO 🚨 */
    html body .woof_products_top_panel_ul li button.woof_reset_button_2 {
        display: none !important;
    }
}

/* =====================================================
   14. DISEÑO PREMIUM: 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;
}

/* =====================================================
   15. DISEÑO PREMIUM: TARJETAS DE PRODUCTO (V3 - Píldora Perfecta)
===================================================== */
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; 
}

/* 4 columnas en PC (1025px o más) */
@media (min-width: 1025px) {
    ul.products { gap: 20px !important; }
    ul.products li.product { width: calc(25% - 15px) !important; }
}

/* 3 columnas en Tablet (768px a 1024px) 🚨 CORRECCIÓN FLEX-START 🚨 */
@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;
}

ul.products li.product img {
    border-radius: 0 !important; 
    margin: 0 0 15px 0 !important;
    width: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !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;
}

/* =====================================================
   16. DISEÑO PREMIUM: BOTÓN "VER CARRITO"
===================================================== */
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 Fonts CSS */@font-face {
	font-family: 'Manstromer';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://agrocielo.alcieloconstructora.com/wp-content/uploads/2026/01/Manstromer-Regular.woff') format('woff'),
		url('https://agrocielo.alcieloconstructora.com/wp-content/uploads/2026/01/Manstromer-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */