<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Vinos de Garnacha de La Calandria. Descubre nuestra selección de vinos únicos de las tierras de Aragón y Navarra.">
    <meta name="keywords" content="vino, garnacha, calandria, vino tinto, vino ecológico, viñedos, tierga, murchante, cintruénigo">
    <meta name="robots" content="index, follow">
    <meta name="author" content="La Calandria">
    
    <!-- Cache Control -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://lacalandria.org/">
    <meta property="og:title" content="La Calandria - Vinos de Garnacha">
    <meta property="og:description" content="Descubre nuestra selección de vinos únicos de las tierras de Aragón y Navarra.">
    <meta property="og:image" content="https://lacalandria.org/img/lacalandria_logo_new.jpeg">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://lacalandria.org/">
    <meta property="twitter:title" content="La Calandria - Vinos de Garnacha">
    <meta property="twitter:description" content="Descubre nuestra selección de vinos únicos de las tierras de Aragón y Navarra.">
    <meta property="twitter:image" content="https://lacalandria.org/img/lacalandria_logo_new.jpeg">

    <!-- Preload de fuentes y recursos críticos -->
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="css/new-styles.css" as="style">
    <link rel="preload" href="img/lacalandria_logo_new.jpeg" as="image">
    
    <!-- Estilos -->
    <link rel="stylesheet" href="css/new-styles.css?v=20250519">
    <link rel="stylesheet" href="css/wine-grid.css?v=20250519">
    <link rel="stylesheet" href="css/nino-perdido.css?v=20250519">
    <link rel="stylesheet" href="css/nino-perdido-modal.css?v=20250825">
    <link rel="stylesheet" href="css/about.css?v=20250519">
    <link rel="stylesheet" href="css/regions.css?v=20250519">
    <link rel="stylesheet" href="css/mobile-optimization.css?v=20250519">

    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" 
          integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" 
          crossorigin="anonymous" 
          referrerpolicy="no-referrer" />
    
    <!-- Correcciones de compatibilidad cross-browser -->
    <link rel="stylesheet" href="css/header-fix.css?v=20250628">
    
    <!-- Corrección de modales para móviles -->
    <!-- Favicon inline -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f46036'/%3E%3C/svg%3E">
    <link rel="stylesheet" href="css/modal-mobile-fix.css?v=20250703">
    
    <!-- Preload de scripts críticos -->
    <link rel="preload" href="js/main.js" as="script">
    <link rel="preload" href="js/wine-grid.js" as="script">
    
    <!-- Política de seguridad de contenido -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; 
        img-src 'self' data: https:; 
        style-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com; 
        script-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com; 
        font-src 'self' https://cdnjs.cloudflare.com data:;
        connect-src 'self';
        media-src 'self';
        object-src 'none';
        frame-src 'none';
        form-action 'self';">
</head>
<body>
    <!-- Cabecera mejorada para compatibilidad entre navegadores usando clases CSS -->
    <header class="header">
        <div class="header-container">
            <!-- Logo a la izquierda -->
            <div class="logo-section">
                <div class="logo-container">
                    <a href="#about-section" id="logo-link">
                        <img src="img/lacalandria_logo_new.jpeg?v=4" alt="La Calandria Logo" class="logo">
                    </a>
                </div>
            </div>
            
            <!-- Título centrado -->
            <div class="title-section">
                <div class="title-container">
                    <h1 class="site-title">LA CALANDRIA - PURA GARNACHA</h1>
                </div>
            </div>
            
            <!-- Iconos de redes sociales a la derecha -->
            <div class="social-section">
                <div class="social-links">
                    <a href="https://www.instagram.com/pura_garnacha/" target="_blank" class="social-link">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a href="https://www.facebook.com/puragarnacha" target="_blank" class="social-link">
                        <i class="fab fa-facebook"></i>
                    </a>
                    <div class="email-container">
                        <a href="javascript:void(0)" class="social-link email-link" id="email-options-toggle">
                            <i class="far fa-envelope"></i>
                        </a>
                        <div class="email-options" id="email-options" style="display:none;">
                            <a href="mailto:javier@lacalandria.org" class="email-option">Abrir app de correo</a>
                            <a href="#" class="email-option" id="copy-email">Copiar email</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Modal para información del vino -->
    <div id="wine-modal" class="wine-modal">
        <div class="modal-content">
            <span class="close-modal">&times;</span>
            <span class="modal-nav prev-wine" data-direction="prev">&#10094;</span>
            <span class="modal-nav next-wine" data-direction="next">&#10095;</span>
            <div class="modal-body">
                <div class="modal-columns">
                    <div class="modal-info">
                        <h2 id="modal-wine-name"></h2>
                        <div class="wine-details">
                            <div id="modal-wine-type" class="wine-detail"></div>
                            <div id="modal-wine-grapes" class="wine-detail"></div>
                            <div id="modal-wine-origin" class="wine-detail"></div>
                            <div id="modal-wine-reposado" class="wine-detail"></div>
                            <div id="modal-wine-alcohol" class="wine-detail"></div>
                        </div>
                    </div>
                    <div class="modal-right">
                        <div class="modal-img">
                            <img id="modal-wine-image" src="" alt="">
                        </div>
                    </div>
                </div>
                <div id="modal-wine-description" class="wine-description"></div>
                <!-- Zona de variantes para vinos con versiones -->
                <div id="variant-zone" class="nino-variants-section"></div>
            </div>
        </div>
    </div>


    <!-- Modal Niño Perdido ANTIGUO retirado -->
<!-- <div id="nino-perdido-modal" class="wine-modal">
        <div class="modal-content">
            <span class="close-modal">&times;</span>
            <span class="modal-nav prev-wine-nino" data-direction="prev">&#10094;</span>
            <span class="modal-nav next-wine-nino" data-direction="next">&#10095;</span>
            <div class="modal-body">
                <div class="modal-columns">
                    <div class="modal-info">
                        <h2 id="modal-nino-title">NIÑO PERDIDO</h2>
                        <div class="wine-details">
                            <div class="wine-detail"><strong>TIPO:</strong> RANCIO SECO</div>
                            <div class="wine-detail"><strong>UVAS:</strong> 100% GARNACHA</div>
                            <div class="wine-detail"><strong>ALCOHOL:</strong> 15% VOL.</div>
                        </div>
                        <p id="modal-nino-description" class="wine-description">
                            LO PRIMERO QUE SE NOS DIJO FUE QUE SI QUERÍAMOS HACER UN VINO RANCIO TENÍAMOS QUE IR EN BUSCA DE MADRE. LOS NIÑOS PERDIDOS NACEN DE TODO LO QUE VIENE OCURRIENDO DESDE ENTONCES. CUANDO SALIMOS AL ENCUENTRO DE LAS MADRES NOS CONVERTIMOS EN EXPLORADORES, ARQUEÓLOGOS Y DETECTIVES ENOLÓGICOS.
                        </p>
                    </div>
                    <div class="modal-right">
                        <picture>
                            <source srcset="img/webp/nino_perdido_caja.webp" type="image/webp">
                            <img id="modal-nino-image" src="nuevos_materiales/nino_perdido_caja.jpeg" alt="Niño Perdido Caja">
                        </picture>
                    </div>
                </div>
                
                <div class="modal-full-width">
                    <p class="wine-description">
                        NIÑO PERDIDO RESCATA UNA TRADICIÓN EN PELIGRO DE EXTINCIÓN. EL TERRITORIO EN EL QUE NOS CONCENTRAMOS SE EXTIENDE DESDE LOS PIRINEOS MERIDIONALES HASTA LAS FALDAS ORIENTALES DEL MONCAYO, LOS LÍMITES ENTRE NAVARRA Y ARAGÓN. PUEBLOS EN ABANDONO, EN LOS MÁRGENES QUE, PRECISAMENTE POR ENCONTRASE ASÍ, HAN PRESERVADO ESTE LEGADO. NO SON MADRES DE GRANDES BODEGAS CON "GRANDES HISTORIAS" DETRÁS, SON MADRES DE FAMILIAS HUMILDES, ANÓNIMAS, TONELICOS QUE DESDE SU RINCÓN Y SIN PRISA SIGUEN ENTREGANDO ESTE TESORO ENOLÓGICO.
                    </p>
                </div>
                
    --> <!-- Modal para Regiones -->
    <div id="region-modal" class="wine-modal">
        <div class="modal-content">
            <span class="close-modal">&times;</span>
            <div class="modal-body">
                <div class="modal-columns">
                    <div class="modal-info">
                        <h2 id="modal-region-title"></h2>
                        <div class="region-details">
                            <div id="modal-region-climate" class="region-detail"></div>
                            <div id="modal-region-soil" class="region-detail"></div>
                            <div id="modal-region-altitude" class="region-detail"></div>
                            <div id="modal-region-varieties" class="region-detail"></div>
                        </div>
                    </div>
                    <div class="modal-right">
                        <div class="modal-img">
                            <img id="modal-region-image" src="" alt="">
                        </div>
                    </div>
                </div>
                <div id="modal-region-description" class="region-description"></div>
            </div>
        </div>
    </div>

    <!-- Sección Especial: Variantes de Niño Perdido removida completamente -->

    <!-- Sección de Vinos Tranquilos -->
    <section id="wine-grid-section" class="wine-grid-section">
        <div class="wine-grid-container">
            <div class="wine-grid">
                <!-- Vino: Cientruenos -->
                <article class="wine-item" 
                    data-name="Cientruenos" 
                    data-type="TINTO"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE LA VIÑA DE CINTRUÉNIGO&#10;VITICULTURA ORGÁNICA&#10;REPOSADO 12 MESES EN BARRO&#10;D.O. NAVARRA"
                    data-alcohol="14,5% VOL."
                    data-description="EL FUCSIA INTENSO DEL BORDE YA TE AVISA DE LA FRUTA QUE TIENE. EL AROMA TE HIPNOTIZA COMO SI FUESE UN PERFUME. GARNACHA Nº 5. ANTES DE SABOREARLA YA INTUYES QUE ES LIVIANA, REFRESCANTE Y VIVA PERO NO POR ELLO MENOS PROFUNDA. HONESTA, AMABLE Y SEDOSA, TE INVITA A SEGUIR BEBIÉNDOLA Y A DEJARTE LLEVAR POR LA PERSONALIDAD DE LA GARNACHA CIRBONERA. DAN GANAS DE DISFRUTARLA HASTA EL FINAL.">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/cientruenos.webp?v=2" type="image/webp">
                            <img src="img/cientruenos.jpeg?v=2" alt="Cientruenos" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Cientruenos</h3>
                </article>

                <!-- Vino: Volandera -->
                <article class="wine-item"
                    data-name="Volandera" 
                    data-type="TINTO JÓVEN"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE LAS VIÑAS DE MURCHANTE&#10;D.O. NAVARRA"
                    data-alcohol="14% VOL."
                    data-description="EL COLORCICO ES PRECIOSO, UN VIOLETA MUY LUMINOSO. ES TANTA LA CURIOSIDAD POR SABER A QUÉ SABE QUE APENAS PIERDES TIEMPO EN OLERLO. ES SÚPER FRESCO, LIGERO, FRUTA TOTAL: PALOTE, REGALIZ ROJO DE DISCO, KOJAK... LA TIENDA DE CHUCHES DE LOS OCHENTA. ENTRA SOLO, SUAVE Y RÁPIDO. ES PARA DISFRUTAR FRESQUITO, AL SOL Y SIN COMPLEJOS. ALEGRÍA SI PERO ESO NO LE QUITA QUE HAYA TRASTIENDA. PURA GARNACHA. PURA FRUTA.">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/volandera.webp?v=2" type="image/webp">
                            <img src="img/webp/volandera.webp?v=2" alt="Volandera" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Volandera</h3>
                </article>

                <!-- Vino: Sonrojo -->
                <article class="wine-item"
                    data-name="Sonrojo" 
                    data-type="ROSADO"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE&#10;VIÑAS DE MURCHANTE&#10;D.O. NAVARRA"
                    data-alcohol="13% VOL."
                    data-description="QUÉ RICA ES LA GARNACHA Y QUÉ RICO EL ROSADICO. ES JOVEN, BRILLANTE, LIMPIO Y PURO. HUELE A FRESA, A GOLOSINAS, A LOS OSITOS ROJOS. CUANDO LO BEBES TE GUSTA MÁS TODAVÍA. TIENE LA ACIDEZ SINCERA DE LA GARNACHA, LIMPIA LA BOCA, REFRESCA Y TE ELEVA. SIMPÁTICO Y ANIMAO. UN ROSADO DE PURA GARNACHA NAVARRA, NI MÁS NI MENOS. PARA ABRIR ANTES DE COMER O A MEDIA TARDE Y QUE LA BOTELLA SE HAGA CORTA. CON CUIDADO PORQUE ES ALTAMENTE ADICTIVO.">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/sonrojo.webp?v=2" type="image/webp">
                            <img src="img/sonrojo.jpeg?v=2" alt="Sonrojo" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Sonrojo</h3>
                </article>

                <!-- Vino: Tierga -->
                <article class="wine-item"
                    data-name="Tierga" 
                    data-type="TINTO"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE LA VIÑA DE TIERGA&#10;VITICULTURA ORGÁNICA&#10;REPOSADO 12 MESES EN TINAJA DE BARRO"
                    data-alcohol="15% VOL."
                    data-description="AL SERVIR LA COPA YA TE LLEGA EL AROMA. VIOLETA OSCURO, OPACO, LIMPIO Y BRILLANTE. TE REFLEJAS EN LA SUPERFICIE CUANDO TE ASOMAS AL BORDE DE LA COPA. LA NARIZ SIENTE JUVENTUD Y MADUREZ AL TIEMPO, LA FRUTA, EL FRESCOR Y LA ELEGANCIA. CUANDO ENTRA EN LA BOCA EL ATAQUE ES AMPLIO, LO OCUPA TODO, COMO EL PRIMER BESO, SUAVE Y DELICADO PERO FIRME Y LARGO, MUY LARGO, SE RESISTE A DESAPARECER. DEJA UN RASTRO A MINERAL, A TOSQUILLA EN LAS NOCHES HELADAS DE TIERGA. ESENCIA DE GARNACHA PREHISTÓRICA, PURA Y SINCERA.">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/tierga.webp?v=2" type="image/webp">
                            <img src="img/tierga.jpeg?v=2" alt="Tierga" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Tierga</h3>
                </article>

                <!-- Vino: Clarete Fino -->
                <article class="wine-item"
                    data-name="Clarete Fino" 
                    data-type="ROSADO"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE LA VIÑA DE MURCHANTE&#10;REPOSADO 9 MESES EN BARRO"
                    data-alcohol="14% VOL."
                    data-description="HOMENAJE A LOS QUE ANTES QUE NOSOTROS HACÍAN VINO EN ESTAS TIERRAS. UN CLARETE DE SANGRADO DE UVA DE MURCHANTE. MOSTO FLOR ELABORADO SIN APENAS INTERVENCIÓN EN BARRO. LA ALEGRÍA DE LA PRIMAVERA EN LA COMARCA CONTENIDA EN LA ESCARCHA MAÑANERA DE INVIERNO. DEJA TODO ATRÁS Y ACEPTA SU INVITACIÓN A ENTRAR EN EL TIEMPO QUE ÉL HABITA. TARDA EN INTIMAR Y ENTREGARTE TODA SU ELEGANCIA, SU BELLEZA Y SU VERDAD.">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/clarete-fino.webp?v=2" type="image/webp">
                            <img src="img/clarete.jpeg?v=2" alt="Clarete Fino" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Clarete Fino</h3>
                </article>

                <!-- Vino: Ojo Gallo -->
                <article class="wine-item"
                    data-name="Ojo Gallo"
                    data-type="OJO GALLO"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE LA VIÑA DE MURCHANTE&#10;REPOSADO 12 MESES EN BARRO"
                    data-alcohol="14% VOL."
                    data-description="UN OJO GALLO ES LO QUE QUERÍAN, NO UN CLARETE NI UN TINTO, NUESTROS ANCESTROS CON LAS MANOS DE PIEL DE CEPA. ES LO QUE LES GUSTABA BEBER A DIARIO. ES LO QUE LLEVABAN A ALMORZAR CUANDO PODABAN LA VIÑA. ELABORAMOS LA GARNACHA CON SUS PIELES Y A MITAD DE FERMENTACIÓN PRENSAMOS Y ACABA EL PROCESO COMO UN ROSADO O UN BLANCO. LUEGO ESTÁ EN SUS LÍAS UN AÑO EN LA TINAJA DE BARRO. PARA DISFRUTAR FRESQUITO EN CUALQUIER MOMENTO. PURA PRIMAVERA EN LA RIBERA EMBOTELLADA.">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/ojogallo.webp?v=2" type="image/webp">
                            <img src="img/ojogallo.jpg?v=2" alt="Ojo Gallo" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Ojo Gallo</h3>
                </article>

                <!-- Vino: Bardalera -->
                <article class="wine-item"
                    data-name="Bardalera" 
                    data-type="BLANCO"
                    data-grapes="100% GARNACHA"
                    data-origin="UVA PROCEDENTE DE LA VIÑA DE MURCHANTE&#10;REPOSADO 12 MESES EN BARRO"
                    data-alcohol="13% VOL."
                    data-description="POR FIN UNA GARNACHA BLANCA DE LA CALANDRIA. PURA GARNACHA.&#10;&#10;ELABORADA PRESERVANDO LA FRESCURA Y LA HONESTIDAD DE LA RIVERA Y PERMITIENDO QUE EN LA OSCURIDAD DE LA TINAJA DE BARRO SUS PROPIAS LÍAS LA ACOMPAÑEN SIN PRISA A CRECER, Y A QUE TODA SU SEDOSIDAD, SU DELICADEZA, SU COMPLEJIDAD Y SU VOLUMEN SE EXPANDAN TAMBIÉN EN TU BOCA.&#10;&#10;ESOS DÍAS DEL FINAL DEL INVIERNO EN LOS QUE EL CIERZO DESCANSA Y PERMITE QUE LA PRIMAVERA AMABILICE UN POQUICO EL PAISAJE. LO SIENTES?">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/bardalera.webp?v=2" type="image/webp">
                            <img src="img/bardalera.jpg?v=2" alt="Bardalera" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Bardalera</h3>
                </article>

                <!-- Vino: Niño Perdido -->
                <article class="wine-item"
                    data-name="Niño Perdido" 
                    data-type="VINO RANCIO SECO"
                    data-origin="Lo primero que se nos dijo fue que si queríamos hacer un vino rancio teníamos que ir en busca de madre. Los Niños Perdidos nacen de todo lo que viene ocurriendo desde entonces. Cuando salimos al encuentro de las madres nos convertimos en exploradores, arqueólogos y detectives enológicos. Niño Perdido rescata una tradición en peligro de extinción en los límites entre Navarra y Aragón, en pueblos que han preservado este legado."
                    
                    data-description="">
                    <div class="wine-image-container">
                        <picture>
                            <source srcset="img/webp/nino-perdido.webp?v=2" type="image/webp">
                            <img src="img/nino_perdido.jpeg?v=2" alt="Niño Perdido" class="wine-image">
                        </picture>
                    </div>
                    <h3 class="wine-name">Niño Perdido</h3>
                </article>
            </div>
        </div>
    </section>
    <!-- Sección Sobre Nosotros -->
    <section id="about-section" class="about-section">
        <div class="container">
            <div class="about-content">
                <h3 class="about-subtitle" style="text-align:center;">La Calandria - Pura Garnacha</h3>
                <p class="about-text">Como la calandria anidamos en las cepas, un nido pequeño y ligero. Esto nos permite movernos de una viña a otra. Mañana la vida nos podría llevar a cualquier parte donde crezca la garnacha. Es lo que nos gusta, también nos gusta poner al mal tiempo buena cara, dar la vuelta a la tortilla, no dar gato por liebre, encontrar el roto para el descosido, la aguja del pajar y coser y cantar.</p>
                                
                <div class="region-links">
                    <a href="#" class="region-link" data-region="tierga">Tierga</a>
                    <a href="#" class="region-link" data-region="cintruenigo">Cintruénigo</a>
                    <a href="#" class="region-link" data-region="murchante">Murchante</a>
                </div>
            </div>
        </div>
    </section>
    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                                
                
                <!-- Copyright al final -->
                <div class="footer-info" style="text-align: center;">
                    <p>&copy; 2025 La Calandria - Pura Garnacha. Todos los derechos reservados.</p>
                    <p>Consumo responsable. Prohibida la venta a menores de 18 años.</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts - Cargados de forma asíncrona para mejorar el rendimiento -->
    <script src="js/main.js" defer></script>
    <!-- <script src="js/wine-grid.js" defer></script> -->
    <!-- <script src="js/wine-grid-fix.js" defer></script> -->
    <!-- <script src="js/wine-grid-original.js" defer></script> -->
    <script src="js/wine-grid-avanzado.js" defer></script>
    <script src="js/regions.js" defer></script>
    <!-- Scripts antiguos de Niño Perdido comentados -->
    <!-- <script src="js/nino-perdido.js" defer></script> -->
    <!-- <script src="js/nino-perdido-variantes.js" defer></script> -->
    <!-- Nuevo script para el modal mejorado de Niño Perdido -->

    <!-- Script de corrección simplificada para la navegación en el modal de Niño Perdido -->

    <!-- Script para el posicionamiento inteligente del menú desplegable de email -->
    <script src="js/email-dropdown-fix.js" defer></script>
    
    <!-- Scripts de terceros con carga diferida -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/js/all.min.js" 
            integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" 
            crossorigin="anonymous" 
            referrerpolicy="no-referrer" 
            defer></script>
    <script>
        // Debug image loading
        document.addEventListener('DOMContentLoaded', function() {
            // Verificar todas las imágenes
            const images = document.querySelectorAll('img, source');
            console.log('Total de imágenes encontradas:', images.length);
            
            images.forEach((img, index) => {
                const src = img.src || img.srcset;
                console.log(`Imagen ${index + 1}:`, {
                    src: src,
                    tagName: img.tagName,
                    parentClass: img.parentElement.className,
                    loadStatus: img.complete ? 'cargada' : 'pendiente'
                });

                img.addEventListener('error', function(e) {
                    console.error('Error cargando imagen:', {
                        src: e.target.src || e.target.srcset,
                        tagName: e.target.tagName,
                        parentClass: e.target.parentElement.className,
                        error: e.type
                    });
                });

                img.addEventListener('load', function(e) {
                    console.log('Imagen cargada exitosamente:', {
                        src: e.target.src || e.target.srcset,
                        tagName: e.target.tagName,
                        parentClass: e.target.parentElement.className
                    });
                });
            });

            // Verificar elementos del carrusel
            const wineItems = document.querySelectorAll('.wine-item');
            console.log('\nElementos del carrusel:', wineItems.length);
            wineItems.forEach((item, index) => {
                const name = item.getAttribute('data-name');
                const img = item.querySelector('img');
                const source = item.querySelector('source');
                console.log(`Vino ${index + 1}:`, {
                    name: name,
                    jpgSrc: img ? img.src : 'no img',
                    webpSrc: source ? source.srcset : 'no source'
                });
            });
        });
    </script>
</body>
</html>
