.elementor-2833 .elementor-element.elementor-element-3c354139{--display:flex;--min-height:90vh;--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-2833 .elementor-element.elementor-element-3c354139:not(.elementor-motion-effects-element-type-background), .elementor-2833 .elementor-element.elementor-element-3c354139 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DB7777;}.elementor-2833 .elementor-element.elementor-element-6b9a49cc{--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-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide > .elementor-element{height:100%;}.elementor-2833 .elementor-element.elementor-element-20aef103{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:10;}.elementor-2833 .elementor-element.elementor-element-20aef103:not(.elementor-motion-effects-element-type-background), .elementor-2833 .elementor-element.elementor-element-20aef103 > .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-2833 .elementor-element.elementor-element-4328c284 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-2833 .elementor-element.elementor-element-a191795 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-2833 .elementor-element.elementor-element-23e36a53 .elementor-heading-title{font-family:"Manstromer", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-2833 .elementor-element.elementor-element-364696b9{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2833 .elementor-element.elementor-element-3c354139{--min-height:0px;}.elementor-2833 .elementor-element.elementor-element-6b9a49cc{--swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-2833 .elementor-element.elementor-element-3c354139{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2833 .elementor-element.elementor-element-6b9a49cc{--swiper-slides-to-display:1;}.elementor-2833 .elementor-element.elementor-element-4328c284{text-align:center;}.elementor-2833 .elementor-element.elementor-element-a191795{text-align:center;}.elementor-2833 .elementor-element.elementor-element-3c063b29.elementor-element{--align-self:center;}}/* Start custom CSS for loop-carousel, class: .elementor-element-6b9a49cc *//* ==========================================================================
   1. ESTRUCTURA Y ALINEACIÓN (VERSIÓN SEGURA ANTI-CLONES)
   ========================================================================== */
.elementor-2833 .elementor-element.elementor-element-6b9a49cc, 
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .elementor-widget-container,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .e-n-carousel,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-wrapper {
    height: 100vh !important; 
    width: 100% !important; /* Mantiene el carrusel expandido al máximo */
}

.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    
    /* Restauramos las "paredes" del slide para que la imagen encaje perfecto */
    position: relative !important; 
    overflow: hidden !important;
    height: 100% !important; /* Hereda los 100vh del contenedor principal */
    
    /* ⚠️ Nota: NO ponemos width aquí para no romper los clics de los botones */
}

/* ==========================================================================
   2. ANIMACIÓN DE FONDO (ESTILO AWWWARDS PARA ORIGINALES Y CLONES)
   ========================================================================== */
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide > .e-con,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .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%;
    height: 100%;
}

.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active > .e-con,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active > .elementor-container,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-duplicate-active > .e-con,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-duplicate-active > .elementor-container {
    transform: scale(1);
    filter: brightness(1);
}

/* ==========================================================================
   3. ANIMACIÓN DE CONTENIDOS (MÉTODO SEGURO DE VISIBILIDAD)
   ========================================================================== */
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .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-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active .elementor-widget,
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .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-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active .elementor-widget:nth-child(1),
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-duplicate-active .elementor-widget:nth-child(1) { transition-delay: 0.2s; }
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active .elementor-widget:nth-child(2),
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-duplicate-active .elementor-widget:nth-child(2) { transition-delay: 0.4s; }
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active .elementor-widget:nth-child(3),
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-duplicate-active .elementor-widget:nth-child(3) { transition-delay: 0.6s; }
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-active .elementor-widget:nth-child(4),
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .swiper-slide-duplicate-active .elementor-widget:nth-child(4) { transition-delay: 0.8s; }

/* ==========================================================================
   4. FLECHAS: EFECTO GLASS Y ZERO OFFSET
   ========================================================================== */
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .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-2833 .elementor-element.elementor-element-6b9a49cc .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-2833 .elementor-element.elementor-element-6b9a49cc .elementor-swiper-button i, 
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .elementor-swiper-button svg {
    font-size: 16px !important;
}

@media (max-width: 1024px) {
    .elementor-2833 .elementor-element.elementor-element-6b9a49cc .elementor-swiper-button {
        width: 40px !important; 
        height: 40px !important; 
        margin: 0 10px !important;
    }
}

/* ==========================================================================
   5. PAGINACIÓN: ESTILO PÍLDORA ANIMADA
   ========================================================================== */
.elementor-2833 .elementor-element.elementor-element-6b9a49cc .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-2833 .elementor-element.elementor-element-6b9a49cc .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-2833 .elementor-element.elementor-element-6b9a49cc .swiper-pagination-bullet-active {
    width: 45px !important; 
    background: #FFFFFF !important; 
    border-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20aef103 *//* --- 1. Animación de Zoom y Ancho --- */
@keyframes zoomScroll {
  from {
    transform: scale(0.9);
    width: 90%;
  }
  to {
    transform: scale(1);
    width: 100%;
  }
}

.elementor-2833 .elementor-element.elementor-element-20aef103 {
  /* Configuración de bordes redondeados arriba */
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  overflow: hidden;

  /* Centrado y comportamiento */
  margin-left: auto;
  margin-right: auto;
  transform-origin: center center;
  
  /* Animación activada globalmente (PC y Móvil) */
  animation: zoomScroll linear both;
  animation-timeline: view();
  animation-range: entry 0% cover 15%;
}

/* --- 2. Estado inicial del encabezado --- */
.header-animado {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 1;
    margin-bottom: -80px; 
    position: relative;
    z-index: 10;
}

/* --- 3. Clase que oculta el texto (JS) --- */
@media (min-width: 768px) {
    .header-animado.ocultar-texto {
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
    }
}

/* --- 4. Ajustes específicos para Celulares (Sin desactivar animación) --- */
@media (max-width: 767px) {
    .elementor-2833 .elementor-element.elementor-element-20aef103 {
        /* Mantenemos la animación pero con un radio de borde más sutil */
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    
    .header-animado {
        /* Ajuste de margen para que no se encime tanto en pantallas pequeñas */
        margin-bottom: 10px; 
        opacity: 1 !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c063b29 *//* =====================================================
   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; }
    
    /* 🚨 AQUÍ ESTÁ EL CAMBIO: Ocultamos las etiquetas en PC 🚨 */
    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; }
}

/* 🚨 Separación premium entre los filtros y la cuadrícula de productos 🚨 */
    html body .woof_shortcode_output {
        padding-top: 15px !important; /* Puedes subirlo a 60 o 70 si quieres más espacio */
    }

/* =====================================================
   3. SMARTPHONES Y TABLETS VERTICALES (max-width: 767px)
===================================================== */
@media (max-width: 767px) {
    
    /* --- 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) --- */
    body .woof_show_mobile_filter_container { width: 100% !important; display: flex !important; justify-content: center !important; margin-bottom: 15px !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; }
    body a.woof_show_mobile_filter, body .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: 200px !important; max-width: 200px !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; }
    body .woof_show_mobile_filter > * { 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; }

    /* --- 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: 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 {
        position: absolute !important; top: -77px !important; left: calc(50% + 83px) !important; z-index: 9999 !important; display: flex !important; justify-content: center !important; align-items: center !important;
        width: 42px !important; height: 42px !important; padding: 0 !important; margin: 0 !important; border-radius: 50% !important; border: 2px solid #4A934C !important; background-color: transparent !important; color: transparent !important; font-size: 0 !important; box-shadow: none !important; min-width: 0 !important; min-height: 0 !important; opacity: 1 !important; visibility: visible !important; box-sizing: border-box !important; 
        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") !important; background-size: 20px 20px !important; background-repeat: no-repeat !important; background-position: center !important;
    }
    html body .woof_products_top_panel_ul li button.woof_reset_button_2:active { background-color: #EEF0DF !important; }
}

/* =====================================================
   14. DISEÑO PREMIUM: RESULTADOS Y ORDENAMIENTO
===================================================== */
/* Texto "Mostrando X resultados" */
.woocommerce-result-count {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    color: #4C544D !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

/* Selector "Orden predeterminado" */
.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)
===================================================== */

/* 1. Malla de productos: Espaciado reducido y Alturas iguales */
ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; /* Estira todas las tarjetas igual */
    gap: 12px !important; /* Espacio reducido */
}

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

/* 2. Contenedor de la Tarjeta */
ul.products li.product {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 0 !important; /* Foto toca los bordes */
    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: calc(50% - 6px) !important; /* 2 Columnas exactas móvil */
}

/* 4 columnas en PC */
@media (min-width: 768px) {
    ul.products { gap: 20px !important; }
    ul.products li.product { width: calc(25% - 15px) !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;
}

/* 3. Imagen del Producto */
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; 
}

/* 4. Textos: Aire lateral exclusivo para Título y Precio */
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;
}

/* 🚨 5. LA PÍLDORA RESUCITADA 🚨 */
ul.products li.product .agrocielo-loop-inversion {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #777777 !important;
    background: #ffffff !important; /* Fondo blanco limpio */
    border: 1px solid #E5E5E5 !important; /* Borde delicado */
    border-radius: 50px !important; /* Forma redonda */
    padding: 4px 12px !important; /* Espacio interno de píldora */
    margin: 0 auto 12px auto !important; /* Centrado perfecto con margen inferior */
    align-self: center !important; /* Evita que el Flexbox la estire al 100% del ancho */
    display: inline-block !important;
    max-width: calc(100% - 30px) !important; /* Evita que toque los bordes si el texto es muy largo */
    box-sizing: border-box !important;
}
ul.products li.product .agrocielo-loop-inversion .inversion-label {
    font-weight: 600 !important;
    color: #4C544D !important;
}

/* 6. Botón siempre al fondo */
ul.products li.product .button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #EEF0DF !important;
    color: #4A934C !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; /* Empuja el botón al piso de la tarjeta */
}

ul.products li.product .button:hover {
    background-color: #4A934C !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(74, 147, 76, 0.3) !important;
}

/* =====================================================
   16. DISEÑO PREMIUM: BOTÓN "VER CARRITO"
===================================================== */

/* 1. Ajustar el botón original cuando ya se hizo clic */
/* WooCommerce le agrega la clase '.added' al botón original al añadir un producto */
ul.products li.product .button.added {
    margin-bottom: 8px !important; /* Reducimos el margen inferior para acercarlo al nuevo botón */
}

/* 2. Estilizar el nuevo botón "Ver carrito" */
ul.products li.product a.added_to_cart {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #4A934C !important; /* Verde marca (Llamado a la acción principal) */
    color: #ffffff !important; /* Texto blanco */
    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; /* Mismo ancho perfecto que el botón de arriba */
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    margin: 0 15px 15px 15px !important; /* Respeta el aire lateral y el piso de la tarjeta */
    text-decoration: none !important;
}

/* 3. Efecto Hover Premium */
ul.products li.product a.added_to_cart:hover {
    background-color: #3b753d !important; /* Verde un poco más oscuro */
    box-shadow: 0 4px 15px rgba(74, 147, 76, 0.3) !important; /* Sombra que lo hace levitar */
    transform: translateY(-2px) !important; /* Efecto magnético */
    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 */