.elementor-115 .elementor-element.elementor-element-115a90d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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:999;}.elementor-115 .elementor-element.elementor-element-115a90d:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-115a90d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D15B5B61;}.elementor-115 .elementor-element.elementor-element-115a90d.e-con{--align-self:center;}.elementor-115 .elementor-element.elementor-element-ae614d8{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-115 .elementor-element.elementor-element-92e53fa img{width:71%;}.elementor-115 .elementor-element.elementor-element-5900f37{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-115 .elementor-element.elementor-element-d29cfde{--main-alignment:center;--mini-cart-spacing:0px;--divider-style:solid;--subtotal-divider-style:solid;--view-cart-button-display:none;--cart-footer-layout:1fr;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:30px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--cart-close-button-color:#5CE1E6;--remove-item-button-color:#5CE1E6;--checkout-button-text-color:#FFFFFF;--checkout-button-background-color:#6A3AA8;}.elementor-115 .elementor-element.elementor-element-d29cfde.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{right:0;left:auto;transform:none;}.elementor-115 .elementor-element.elementor-element-d29cfde .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-115 .elementor-element.elementor-element-d29cfde .elementor-menu-cart__product-name a{font-family:"Roboto", Sans-serif;font-weight:600;color:#5CE1E6;}.elementor-115 .elementor-element.elementor-element-8942b56{--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-115 .elementor-element.elementor-element-ae614d8{--width:40%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-115 .elementor-element.elementor-element-92e53fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-92e53fa.elementor-element{--align-self:center;}.elementor-115 .elementor-element.elementor-element-92e53fa img{width:100%;max-width:100%;}.elementor-115 .elementor-element.elementor-element-5900f37{--width:50%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-115 .elementor-element.elementor-element-d29cfde{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--main-alignment:center;--mini-cart-spacing:1px;--toggle-icon-size:29px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-radius:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-d29cfde.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{right:0;left:auto;transform:none;}body:not(.rtl) .elementor-115 .elementor-element.elementor-element-d29cfde .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-0px;top:-0px;}body.rtl .elementor-115 .elementor-element.elementor-element-d29cfde .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:0px;top:-0px;left:auto;}.elementor-115 .elementor-element.elementor-element-d29cfde .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:11px 11px 11px 11px;}}/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-d29cfde */<style>
    /* =========================================
       1. HEADER CÁPSULA (INTACTO)
       ========================================= */
    .my-soft-header {
        position: fixed !important; top: 20px !important; left: 50% !important;
        transform: translateX(-50%) !important; width: 92% !important; max-width: 1200px !important;
        z-index: 1000 !important; /* Alto, pero debajo del buscador */
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(20px) !important;
        border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 60px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; padding: 5px 25px !important;
        overflow: visible !important;
    }
    .my-soft-header > .e-con-inner, .my-soft-header .elementor-container {
        display: flex !important; flex-direction: row !important; justify-content: space-between !important;
        align-items: center !important; height: 100% !important;
    }
    .my-soft-header .elementor-widget-theme-site-logo img { height: 40px !important; width: auto !important; }

    /* =========================================
       2. BOTÓN LUPA (TRIGGER)
       ========================================= */
    .simple-pop-trigger {
        cursor: pointer; padding: 10px; display: flex; align-items: center; justify-content: center;
        color: #334155; transition: transform 0.2s; position: relative; z-index: 1001;
    }
    .simple-pop-trigger:hover { transform: scale(1.1); color: #000; }

    /* =========================================
       3. OVERLAY (PANTALLA COMPLETA)
       ========================================= */
    #simplePopOverlay {
        position: fixed !important; top: 0 !important; left: 0 !important; 
        width: 100vw !important; height: 100vh !important;
        background: rgba(255, 255, 255, 0.98) !important; /* Blanco sólido casi total */
        z-index: 2147483647 !important; /* EL MÁXIMO POSIBLE */
        display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important;
        padding-top: 80px !important;
        opacity: 0; visibility: hidden; transition: opacity 0.3s ease;
    }
    #simplePopOverlay.is-visible { opacity: 1 !important; visibility: visible !important; }

    /* Botón Cerrar */
    .simple-pop-close {
        position: absolute !important; top: 20px !important; right: 20px !important;
        font-size: 40px !important; color: #94a3b8 !important; cursor: pointer; line-height: 1; z-index: 2147483648;
    }
    .simple-pop-close:hover { color: #ef4444; }

    /* Input */
    .simple-pop-container { width: 90%; max-width: 800px; text-align: center; position: relative; z-index: 2147483648; }
    .simple-pop-input {
        width: 100%; background: transparent; border: none;
        border-bottom: 2px solid #e2e8f0;
        font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 600;
        text-align: center; color: #1e293b; padding: 15px 0;
        outline: none;
    }
    .simple-pop-input:focus { border-bottom-color: #22d3ee; }

    /* =========================================
       4. RESULTADOS (SOFT POP VISIBLE)
       ========================================= */
    .simple-pop-results {
        width: 100%; max-width: 1200px; margin-top: 30px;
        height: calc(100vh - 200px); overflow-y: auto;
        padding: 0 20px 100px 20px; /* Padding inferior grande para móvil */
        -webkit-overflow-scrolling: touch; /* Scroll suave en iPhone */
    }

    /* Grid */
    .simple-pop-results ul {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
        gap: 40px 30px !important;
        list-style: none !important; margin: 0 !important; padding: 0 !important;
    }

    .simple-pop-results li {
        display: flex !important; flex-direction: column !important;
        align-items: center !important; text-align: center !important;
        position: relative; width: 100% !important;
    }
    
    .simple-pop-results a { text-decoration: none !important; width: 100% !important; display: block !important; }

    /* IMAGEN (CORRECCIÓN DE VISIBILIDAD) */
    .simple-pop-results img {
        display: block !important;
        width: 100% !important; 
        height: auto !important;
        aspect-ratio: 1 / 1 !important; /* Fuerza a ser cuadrada siempre */
        object-fit: contain !important; /* Muestra todo el producto sin cortar */
        
        /* ESTILO SOFT POP */
        border-radius: 35px !important;
        background-color: #f1f5f9 !important; /* FONDO GRIS: CLAVE PARA QUE SE VEA SIEMPRE */
        padding: 10px !important;
        
        /* Eliminamos efectos raros que ocultan imagenes */
        mix-blend-mode: normal !important; 
        filter: none !important;
        opacity: 1 !important;
        
        transition: transform 0.3s ease !important;
    }
    
    .simple-pop-results li:hover img {
        transform: scale(1.03) !important;
        background-color: #fff !important; /* Al pasar el mouse se pone blanco */
        box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    }

    /* TÍTULO */
    .simple-pop-results h2 {
        font-family: 'Quicksand', sans-serif !important; 
        font-size: 0.9rem !important; font-weight: 700 !important; 
        color: #475569 !important; margin-top: 15px !important;
        text-transform: uppercase !important; letter-spacing: 0.5px !important;
        line-height: 1.3 !important;
    }

    /* OCULTAR PRECIOS Y EXTRAS */
    .simple-pop-results .price, .simple-pop-results .add_to_cart_button, 
    .simple-pop-results .star-rating, .simple-pop-results del, .simple-pop-results .onsale 
    { display: none !important; }

    /* =========================================
       5. MÓVIL (CORRECCIONES CRÍTICAS)
       ========================================= */
    @media (max-width: 768px) {
        /* Header Móvil */
        .my-soft-header { width: 95% !important; top: 10px !important; padding: 5px 15px !important; }
        
        /* Buscador Móvil */
        #simplePopOverlay { padding-top: 100px !important; } /* Más espacio arriba para no chocar con cámaras/notches */
        .simple-pop-input { font-size: 1.5rem !important; }
        .simple-pop-close { top: 15px !important; right: 15px !important; font-size: 35px !important; }
        
        /* Resultados Móvil */
        .simple-pop-results { padding: 0 15px 150px 15px !important; } /* Extra padding abajo */
        
        .simple-pop-results ul { 
            grid-template-columns: 1fr 1fr !important; /* 2 Columnas forzadas */
            gap: 20px 15px !important; 
        }
        
        .simple-pop-results img { 
            border-radius: 25px !important; 
            background-color: #f8fafc !important; /* Un poco más claro en móvil */
        }
        
        .simple-pop-results h2 { font-size: 0.75rem !important; margin-top: 8px !important; }
    }
</style>

<div class="simple-pop-trigger" id="simplePopTrigger">
    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</div>

<div id="simplePopOverlay">
    <div class="simple-pop-close" id="simplePopClose">×</div>
    <div class="simple-pop-container">
        <input type="text" class="simple-pop-input" id="simplePopInput" placeholder="Buscar..." autocomplete="off">
    </div>
    <div class="simple-pop-results" id="simplePopResults"></div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    // 1. MOVER AL BODY (Vital para que cubra toda la pantalla)
    const overlay = document.getElementById('simplePopOverlay');
    if(overlay) { document.body.appendChild(overlay); }

    const trigger = document.getElementById('simplePopTrigger');
    const closeBtn = document.getElementById('simplePopClose');
    const input = document.getElementById('simplePopInput');
    const results = document.getElementById('simplePopResults');

    // 2. ABRIR (Con Stop Propagation para evitar conflictos)
    if(trigger) {
        trigger.addEventListener('click', function(e) {
            e.preventDefault(); 
            e.stopPropagation(); // Evita abrir otros menús
            overlay.classList.add('is-visible');
            document.body.style.overflow = 'hidden'; // Bloquear scroll
            setTimeout(() => input.focus(), 100);
        });
    }

    // 3. CERRAR
    function closeSearch() {
        overlay.classList.remove('is-visible');
        document.body.style.overflow = '';
        setTimeout(() => { input.value = ''; results.innerHTML = ''; }, 300);
    }
    if(closeBtn) closeBtn.addEventListener('click', closeSearch);
    
    // Cerrar con ESC
    document.addEventListener('keydown', function(e) {
        if(e.key === "Escape" && overlay.classList.contains('is-visible')) closeSearch();
    });

    // 4. BÚSQUEDA AJAX
    let timeout = null;
    if(input) {
        input.addEventListener('keyup', function(e) {
            clearTimeout(timeout);
            const term = e.target.value;
            
            // Enter = Ir a página de resultados
            if (e.key === 'Enter') { window.location.href = '/?s=' + term + '&post_type=product'; return; }
            
            if(term.length < 3) { results.innerHTML = ''; return; }

            timeout = setTimeout(() => {
                results.innerHTML = '<p style="text-align:center; color:#cbd5e1; margin-top:40px; font-family:sans-serif;">Buscando...</p>';
                const formData = new FormData();
                formData.append('action', 'sp_ajax_search_products'); // Llama al PHP
                formData.append('term', term);

                fetch('/wp-admin/admin-ajax.php', { method: 'POST', body: formData })
                .then(response => response.text())
                .then(html => {
                    results.innerHTML = html.trim().length > 10 ? html : '<p style="text-align:center; color:#cbd5e1; margin-top:40px; font-family:sans-serif;">Sin resultados.</p>';
                })
                .catch(() => { results.innerHTML = '<p style="text-align:center; margin-top:40px;">Error de conexión.</p>'; });
            }, 500);
        });
    }
});
</script>/* End custom CSS */