{"id":11845,"date":"2026-02-18T11:29:22","date_gmt":"2026-02-18T11:29:22","guid":{"rendered":"https:\/\/bodas.duarteviews.com\/?page_id=11845"},"modified":"2026-03-30T16:50:13","modified_gmt":"2026-03-30T16:50:13","slug":"galeriadebodas","status":"publish","type":"page","link":"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/","title":{"rendered":"Galer\u00eda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11845\" class=\"elementor elementor-11845\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c873f69 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c873f69\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-847852f\" data-id=\"847852f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78028f5 elementor-widget elementor-widget-html\" data-id=\"78028f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Portafolio de Bodas | Duarte Views<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n    <!-- AOS Animation -->\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'stone-50': '#faf9f6', \/* Off-white luxury paper color *\/\r\n                        'black-rich': '#111111',\r\n                        'gold-muted': '#c5a059',\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Montserrat', 'sans-serif'],\r\n                        serif: ['Cormorant Garamond', 'serif'],\r\n                    },\r\n                    animation: {\r\n                        'spin-slow': 'spin 12s linear infinite',\r\n                        'fade-in': 'fadeIn 1.5s ease-out forwards',\r\n                        'zoom-fade': 'zoomFade 8s ease-out infinite alternate',\r\n                    },\r\n                    keyframes: {\r\n                        fadeIn: {\r\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\r\n                        },\r\n                        zoomFade: {\r\n                            '0%': { transform: 'scale(1)' },\r\n                            '100%': { transform: 'scale(1.1)' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* --- LUXURY TWEAKS --- *\/\r\n        body {\r\n            background-color: #faf9f6;\r\n            cursor: none;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Custom Cursor *\/\r\n        .cursor-dot,\r\n        .cursor-outline {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            border-radius: 50%;\r\n            z-index: 9999;\r\n            pointer-events: none;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n        .cursor-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #111;\r\n        }\r\n        .cursor-outline {\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 1px solid rgba(17, 17, 17, 0.5);\r\n            transition: width 0.2s, height 0.2s, background-color 0.2s;\r\n        }\r\n        body.hovering .cursor-outline {\r\n            width: 70px;\r\n            height: 70px;\r\n            background-color: rgba(197, 160, 89, 0.3);\r\n            border-color: transparent;\r\n        }\r\n\r\n        \/* Film Grain Overlay *\/\r\n        .grain-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 9000;\r\n            opacity: 0.04;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='1' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n            background-repeat: repeat;\r\n            background-size: 200px 200px;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        \/* Smooth Scroll Setup (Lenis) *\/\r\n        html.lenis { height: auto; }\r\n        .lenis.lenis-smooth { scroll-behavior: auto; }\r\n        .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }\r\n        .lenis.lenis-stopped { overflow: hidden; }\r\n\r\n        \/* Button Hover Effect *\/\r\n        .btn-link { position: relative; }\r\n        .btn-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 1px;\r\n            bottom: -4px;\r\n            left: 0;\r\n            background-color: currentColor;\r\n            transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        }\r\n        .btn-link:hover::after { width: 100%; }\r\n\r\n        ::selection { background: #111; color: #fff; }\r\n\r\n        @keyframes subtlePulse {\r\n            0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4); }\r\n            70% { box-shadow: 0 0 0 10px rgba(197, 160, 89, 0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n        }\r\n        .wa-pulse { animation: subtlePulse 2s infinite; }\r\n\r\n        \/* BLINDAJE PARA WORDPRESS\/ELEMENTOR *\/\r\n        #nav-logo img {\r\n            max-height: 45px !important;\r\n            width: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n        #mobile-toggle {\r\n            background: transparent !important;\r\n            border: none !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        \/* Contenedores de Im\u00e1genes (Aspect Ratios) *\/\r\n        .bp-grid-container {\r\n            position: relative !important;\r\n            width: 100% !important;\r\n            overflow: hidden !important;\r\n            display: block !important;\r\n        }\r\n        .bp-portrait { padding-bottom: 133.33% !important; } \/* 3:4 *\/\r\n        .bp-landscape { padding-bottom: 75% !important; } \/* 4:3 *\/\r\n        .bp-square { padding-bottom: 100% !important; } \/* 1:1 *\/\r\n        \r\n        .bp-grid-container img {\r\n            position: absolute !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            max-width: none !important;\r\n            object-fit: cover !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: none !important;\r\n        }\r\n        \r\n        \/* Imagen de cabecera est\u00e1tica con efecto sutil *\/\r\n        .hero-static {\r\n            background-size: cover;\r\n            background-position: center 30%;\r\n            transform: scale(1.05);\r\n            animation: zoomFade 20s ease-out infinite alternate;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n    <!-- Custom Cursor -->\r\n    <div class=\"cursor-dot hidden md:block\"><\/div>\r\n    <div class=\"cursor-outline hidden md:block\"><\/div>\r\n\r\n    <!-- Film Grain -->\r\n    <div class=\"grain-overlay\"><\/div>\r\n\r\n    <!-- Navigation -->\r\n    <nav class=\"fixed w-full z-50 py-10 px-6 md:px-12 transition-all duration-500 text-white drop-shadow-md\" id=\"navbar\">\r\n        <div class=\"flex justify-between items-center relative w-full h-[40px] md:h-auto\">\r\n            <!-- Left Desktop Menu -->\r\n            <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-medium flex-1 justify-start\">\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\r\n            <\/div>\r\n\r\n            <!-- Logo Image -->\r\n            <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable z-50 absolute left-0 md:left-1\/2 top-1\/2 -translate-y-1\/2 translate-x-0 md:-translate-x-1\/2 w-32 md:w-44 block\" id=\"nav-logo\">\r\n                <img decoding=\"async\" id=\"logo-img\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png\" alt=\"Duarte Views\" class=\"w-full h-auto object-contain transition-all duration-300\">\r\n            <\/a>\r\n\r\n            <!-- Right Desktop Menu -->\r\n            <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-medium flex-1 justify-end\">\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link border-b border-white pb-1\">BODAS<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\r\n            <\/div>\r\n\r\n            <!-- Mobile Menu Toggle -->\r\n            <button class=\"md:hidden text-white hoverable z-50 text-xs uppercase tracking-widest absolute right-0\" id=\"mobile-toggle\">\r\n                Men\u00fa\r\n            <\/button>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Mobile Overlay Menu -->\r\n    <div id=\"mobile-menu\" class=\"fixed inset-0 bg-[#111] z-40 transform translate-x-full transition-transform duration-700 cubic-bezier(0.7,0,0.3,1) flex flex-col justify-center items-center text-white\">\r\n        <div class=\"flex flex-col space-y-8 text-center\">\r\n            <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Home<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Blog<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"text-4xl font-serif italic text-gray-500 mobile-link\">Bodas<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Sobre nosotros<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Contacto<\/a>\r\n        <\/div>\r\n        <div class=\"absolute bottom-10 text-xs tracking-widest text-gray-500\">\r\n            &copy; 2026 DUARTE VIEWS\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- INTERNAL HERO SECTION -->\r\n    <header class=\"relative h-[70vh] w-full overflow-hidden flex items-center justify-center\">\r\n        <!-- Static Background for Portfolio Page -->\r\n        <div class=\"absolute inset-0 hero-static\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/www.duarteviews.es-ALVAROFANY-15JUL23-BODA-670.jpg');\"><\/div>\r\n\r\n        <!-- Darker overlay -->\r\n        <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\r\n\r\n        <!-- Hero Content -->\r\n        <div class=\"relative z-20 text-center text-white px-4 mt-16\">\r\n            <p class=\"text-xs md:text-sm tracking-[0.4em] mb-4 uppercase drop-shadow-md !text-white\" data-aos=\"fade-up\">Nuestro Trabajo<\/p>\r\n            <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-serif italic leading-none drop-shadow-lg !text-white\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Colecciones <br> <span class=\"not-italic !text-white\">de Autor<\/span>\r\n            <\/h1>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- INTRO TEXT -->\r\n    <section class=\"py-24 px-6 md:px-20 bg-stone-50 text-center\">\r\n        <div class=\"max-w-3xl mx-auto\" data-aos=\"fade-up\">\r\n            <h2 class=\"text-2xl md:text-4xl font-serif text-black-rich leading-relaxed\">\r\n                \"Cada pareja tiene su propio ritmo, su luz y su narrativa. Nuestro objetivo no es documentar un evento, sino encapsular un legado emocional.\"\r\n            <\/h2>\r\n            <div class=\"w-[1px] h-12 bg-black-rich mx-auto mt-12 opacity-30\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- EDITORIAL PORTFOLIO GRID -->\r\n    <section class=\"pb-32 px-4 md:px-12 bg-stone-50\">\r\n        <div class=\"max-w-[1200px] mx-auto\">\r\n            \r\n            <!-- Asymmetric Grid Structure -->\r\n            <div id=\"portfolio-grid\" class=\"grid grid-cols-1 md:grid-cols-12 gap-y-20 gap-x-12\">\r\n                \r\n                <!-- ==================== CICLO 1 ==================== -->\r\n                <!-- 1. Nerea & Diego -->\r\n                <div class=\"md:col-span-8 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-nerea-diego\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/11\/DUARTEVIEWS-NEREADIEGO-4OCT25-BODA-1554-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Nerea & Diego<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Octubre 2025<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 2. Eli & Gonzalo -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-32\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-eli-gonzalo\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/10\/DUARTEVIEWS-ELIGONZALO-27-SEP-25-BODA-1534-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Eli & Gonzalo<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre 2025<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 3. In\u00e9s & Edu -->\r\n                <div class=\"md:col-span-5 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-ines-edu\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/10\/DUARTEVIEWS-INES-EDU-6-SEP-25-BODA-444-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">In\u00e9s & Edu<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre 2025<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 4. Itxaso & Be\u00f1at -->\r\n                <div class=\"md:col-span-7 group cursor-none hoverable md:-mt-20\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-itxaso-benat\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/09\/DUARTEVIEWS-ITXASO-BENAT-30-AGOST-25-BODA-866-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Itxaso & Be\u00f1at<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto 2025<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 5. Laura & H\u00e9ctor -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-laura-hector\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/08\/DUARTEVIEWS-LAURA-HECTOR-2-AGOST-25-BODA-601-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Laura & H\u00e9ctor<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto 2025<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 6. Yasm\u00edn & Jesi -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-24\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-yasmin-jesi\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/08\/DUARTEVIEWS-YASMINJESI-18JUL25-BODA-576-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Yasm\u00edn & Jesi<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Julio 2025<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 7. Sandra & Rub\u00e9n -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-sandra-ruben\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/07\/SANDRARUBEN-14JUN25-BODA-540-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Sandra & Rub\u00e9n<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2025<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 8. Roc\u00edo & Jonathan -->\r\n                <div class=\"md:col-span-6 group cursor-none hoverable md:mt-12\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-rocio-jonathan\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/07\/ROCIO-JONATHAN-21-JUNIO25-BODA-601-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Roc\u00edo & Jonathan<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2025<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 9. Luc\u00eda & \u00d3scar -->\r\n                <div class=\"md:col-span-6 group cursor-none hoverable md:mt-48\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-lucia-oscar\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/07\/LUCIAOSCAR-14JUN25-BODA-516-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Luc\u00eda & \u00d3scar<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2025<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 10. Anabel & David -->\r\n                <div class=\"md:col-span-7 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-anabel-david\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/06\/ANABELDAVID-7JUNIO25-BODA-0693-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Anabel & David<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2025<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 11. Silvia & Fernando -->\r\n                <div class=\"md:col-span-5 group cursor-none hoverable md:mt-16\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-silvia-fernando\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/06\/SILVIAFERNANDO-24MAYO25-BODA-0611-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Silvia & Fernando<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Mayo 2025<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 12. Jos\u00e9 Manuel & Encarni -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-32\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-josemanuel-encarni\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/01\/duarteviews-JOSE-MANUELENCARNI-14DIC24-BODA-470-1-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Jos\u00e9 Manuel & Encarni<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Diciembre 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 13. Alba & Mario -->\r\n                <div class=\"md:col-span-8 group cursor-none hoverable\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-alba-mario\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/01\/ALBAMARIO-19-OCT-24-BODA-619-2-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Alba & Mario<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Octubre 2024<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- ==================== CICLO 2 ==================== -->\r\n                <!-- 14. Patri & Laura -->\r\n                <div class=\"md:col-span-8 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-patri-laura\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/12\/PATRILAURA-19-OCT-BODA-558-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Patri & Laura<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Octubre 2024<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 15. Bea & Rub\u00e9n -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-32\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-bea-ruben\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/11\/duarteviews-BEARUBEN-5-OCT-25-BODA-704-1-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Bea & Rub\u00e9n<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Octubre 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 16. Luz & Tom\u00e1s -->\r\n                <div class=\"md:col-span-5 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-luz-tomas\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/10\/duarteviews-LUZTOMAS-28-SEP-24-SALAMANCA-BODA-767-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Luz & Tom\u00e1s<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 17. Marta & Jos\u00e9 \u00c1ngel -->\r\n                <div class=\"md:col-span-7 group cursor-none hoverable md:-mt-20\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-marta-jose-angel\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/10\/duarteviews-MARTAJOSE-ANGEL-14-SEP-24-PRE-53-1-770x770.webp\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Marta & Jos\u00e9 \u00c1ngel<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre 2024<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 18. Desi & Javi -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-desi-javi\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/09\/duarteviews-DESIJAVI-16-AGOST-24-BODA-862-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Desi & Javi<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 19. Laura & Juan -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-24\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-laura-juan\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/07\/duarteviews-LAURAJUAN-22-JUN24-622-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Laura & Juan<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 20. Estefi & \u00c1lvaro -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-estefi-alvaro\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/09\/duarteviews-BODA-ESTEFI-ALVARO-1624-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Estefi & \u00c1lvaro<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Mayo 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 21. Saray & Kike -->\r\n                <div class=\"md:col-span-6 group cursor-none hoverable md:mt-12\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-saray-kike\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/09\/duarteviews-BODA-SARAYKIKE-664-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Saray & Kike<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Mayo 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 22. H\u00e9ctor & Zaida -->\r\n                <div class=\"md:col-span-6 group cursor-none hoverable md:mt-48\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-hector-zaida\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/04\/duarteviews-HECTORZAIDA-POST-BODA-25-MARZ-24-135-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">H\u00e9ctor & Zaida<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Marzo 2024<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 23. To\u00f1o & Cris -->\r\n                <div class=\"md:col-span-7 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-tono-cris\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/duarteviews-TONOCRIS-2SEP23-BODA-492-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">To\u00f1o & Cris<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre 2023<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 24. Saray & Dani -->\r\n                <div class=\"md:col-span-5 group cursor-none hoverable md:mt-16\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-saray-dani\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/www.duarteviews.es-SARAYDANI-25AGOST23-BODA-580-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Saray & Dani<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto 2023<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 25. \u00c1lvaro & Fani -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-32\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-alvaro-fani\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/www.duarteviews.es-ALVAROFANY-15JUL23-BODA-727-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">\u00c1lvaro & Fani<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Julio 2023<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 26. Cris & Carlos -->\r\n                <div class=\"md:col-span-8 group cursor-none hoverable\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-cris-carlos\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/DUARTEVIEWS-CRISCARLOS-1JUL23-1226-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Cris & Carlos<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Julio 2023<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- ==================== CICLO 3 ==================== -->\r\n                <!-- 27. Javito & Tais -->\r\n                <div class=\"md:col-span-8 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-javito-tais\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/DUARTEVIEWS-JAVITOTAIS-3JUNIO23-PRE-22-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Javito & Tais<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2023<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 28. Ana & Javi -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-32\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-ana-javi\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ANAJAVI-17JUN23-40-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Ana & Javi<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2023<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 29. Alba & Rub\u00e9n -->\r\n                <div class=\"md:col-span-5 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-alba-ruben\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ALBARUBEN-23JUN23-27-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Alba & Rub\u00e9n<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2023<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 30. Laura & Jes\u00fas -->\r\n                <div class=\"md:col-span-7 group cursor-none hoverable md:-mt-20\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-laura-jesus\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/06\/duarteviews.com-LJ-21-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Laura & Jes\u00fas<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Mayo 2023<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 31. Tania & Alex -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-tania-alex\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/TaniaAlex-PORTADA-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Tania & Alex<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto 2022<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 32. Bibi & David -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-24\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-bibi-david\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/BIBI-DAVID-Portada-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Bibi & David<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto 2022<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 33. Carmen & Dani -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-carmen-dani\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/PORTADA-DANICARMEN-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Carmen & Dani<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Julio 2022<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 34. Santi & Silvia -->\r\n                <div class=\"md:col-span-6 group cursor-none hoverable md:mt-12\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-santi-silvia\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/SANTISILVIA-Portada-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Santi & Silvia<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Julio 2022<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 35. Sergio & Gema -->\r\n                <div class=\"md:col-span-6 group cursor-none hoverable md:mt-48\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-sergio-gema\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/SERGIOGEMA-Portada-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Sergio & Gema<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Julio 2022<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 36. Alba & Fernando -->\r\n                <div class=\"md:col-span-7 group cursor-none hoverable\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-alba-fernando\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-portrait mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2018\/10\/ALBAFERNANDO-PORTADA-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Alba & Fernando<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2022<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 37. Eloi & Zo\u00eb -->\r\n                <div class=\"md:col-span-5 group cursor-none hoverable md:mt-16\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-eloi-zoe\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/ELOIZOE-Portada-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Eloi & Zo\u00eb<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio 2022<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 38. Ida & Victor -->\r\n                <div class=\"md:col-span-4 group cursor-none hoverable md:mt-32\" data-aos=\"fade-up\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-ida-victor\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-square mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/05\/Boda-IdaVictor-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"text-2xl md:text-3xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Ida & Victor<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre 2021<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 39. Quique & Vero -->\r\n                <div class=\"md:col-span-8 group cursor-none hoverable\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-quique-vero\/\" class=\"block\">\r\n                        <div class=\"bp-grid-container bp-landscape mb-6\">\r\n                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/05\/Boda-QuiqueVero-770x770.jpg\" class=\"transition-transform duration-[2s] ease-in-out group-hover:scale-105\">\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors duration-500 pointer-events-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between items-start\">\r\n                            <div>\r\n                                <h4 class=\"text-3xl md:text-4xl font-serif italic group-hover:translate-x-2 transition-transform duration-500 text-black-rich\">Quique & Vero<\/h4>\r\n                                <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Mayo 2021<\/p>\r\n                            <\/div>\r\n                            <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300 text-black-rich\">Ver Historia<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Loader \/ Pagination CTA -->\r\n            <div class=\"text-center mt-32\" id=\"load-more-container\">\r\n                <button id=\"load-more-btn\" class=\"inline-block text-sm uppercase tracking-[0.3em] border border-black px-12 py-4 hover:bg-black hover:text-white transition-all duration-500 hoverable\" style=\"border: 1px solid #111111 !important;\">\r\n                    Cargar M\u00e1s Historias\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- BANNER DE CONTACTO PRE-FOOTER -->\r\n    <section class=\"py-24 bg-white text-center border-t border-gray-200 px-6\">\r\n        <h3 class=\"text-4xl md:text-6xl font-serif italic text-black-rich mb-6\">\u00bfListos para ser los protagonistas?<\/h3>\r\n        <p class=\"font-sans font-light text-gray-500 mb-10 max-w-xl mx-auto\">Realizamos un n\u00famero exclusivo de reportajes por temporada para garantizar una dedicaci\u00f3n absoluta. Contadnos sobre vuestro gran d\u00eda y comencemos a dise\u00f1ar un legado visual eterno.<\/p>\r\n        <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"inline-block bg-black-rich text-white text-xs uppercase tracking-widest px-10 py-4 hover:bg-gold-muted transition-colors duration-500 hoverable\">\r\n            Consultar Disponibilidad\r\n        <\/a>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer id=\"contact\" class=\"bg-black text-white pt-32 pb-12 px-6\">\r\n        <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-stretch\">\r\n            \r\n            <div class=\"mb-16 md:mb-0 flex flex-col justify-end items-start\">\r\n                <h2 class=\"text-6xl md:text-8xl font-serif italic mb-8 text-white\">Creemos<br>Magia Juntos<\/h2>\r\n                <div class=\"flex flex-col gap-4 mb-8\">\r\n                    <a href=\"mailto:info@duarteviews.com\" class=\"text-xl md:text-2xl border-b border-gray-700 text-white hover:border-white hover:text-gray-300 transition-all pb-2 hoverable w-fit\">info@duarteviews.com<\/a>\r\n                    <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"text-xl md:text-2xl border-b border-gray-700 text-white hover:border-white hover:text-gray-300 transition-all pb-2 hoverable w-fit\">+34 679 18 03 18<\/a>\r\n                    <span class=\"text-sm md:text-base text-gray-400 tracking-widest uppercase mt-2\">Torrej\u00f3n de Ardoz (Madrid)<\/span>\r\n                <\/div>\r\n                \r\n                <!-- Men\u00fa del Footer -->\r\n                <div class=\"flex flex-wrap gap-x-8 gap-y-4 mt-4 text-xs tracking-[0.2em] font-medium text-white opacity-90\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex flex-col justify-between items-start md:items-end\">\r\n                <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" alt=\"Duarte Views\" class=\"w-32 md:w-48 h-auto object-contain mb-16 md:mb-0 hoverable block\" style=\"max-height: 120px !important;\">\r\n                \r\n                <div class=\"flex flex-col justify-end items-start md:items-end space-y-6 mt-auto\">\r\n                    <div class=\"flex flex-wrap gap-6\">\r\n                        <a href=\"https:\/\/www.facebook.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n                            <i class=\"fab fa-facebook-f text-base\"><\/i> Facebook\r\n                        <\/a>\r\n                        <a href=\"https:\/\/x.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n                            <i class=\"fab fa-x-twitter text-base\"><\/i> X\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.instagram.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n                            <i class=\"fab fa-instagram text-base\"><\/i> Instagram\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"text-white opacity-70 text-[10px] uppercase tracking-widest text-right\">\r\n                        <p>&copy; 2026 Duarte Views Fotograf\u00eda<\/p>\r\n                        <p class=\"mt-1\">Todos los derechos reservados.<\/p>\r\n                        <p class=\"mt-2\">Dise\u00f1ado con Pasi\u00f3n<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- STYLED FLOATING WHATSAPP BUTTON -->\r\n    <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"fixed bottom-8 right-8 z-[90] group hoverable\">\r\n        <span class=\"absolute right-full mr-4 top-1\/2 -translate-y-1\/2 text-black-rich font-serif italic text-lg bg-stone-50 px-4 py-1 rounded-sm opacity-0 group-hover:opacity-100 transition-all duration-500 translate-x-4 group-hover:translate-x-0 pointer-events-none whitespace-nowrap shadow-lg border border-black\/5\">\r\n            Consultar Fecha\r\n        <\/span>\r\n        <div class=\"w-14 h-14 md:w-16 md:h-16 bg-black-rich text-stone-50 rounded-full flex items-center justify-center shadow-2xl transition-all duration-500 group-hover:bg-gold-muted group-hover:scale-110 border border-white\/10 wa-pulse\">\r\n            <i class=\"fab fa-whatsapp text-2xl md:text-3xl group-hover:rotate-12 transition-transform duration-500\"><\/i>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- SCRIPTS -->\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.29\/bundled\/lenis.min.js\"><\/script> \r\n\r\n    <script>\r\n        \/\/ 1. AOS INITIALIZATION\r\n        window.addEventListener('load', () => {\r\n            AOS.init({\r\n                once: true,\r\n                duration: 1000,\r\n                offset: 50,\r\n                easing: 'ease-out-cubic'\r\n            });\r\n        });\r\n\r\n        \/\/ 2. SMOOTH SCROLL (Lenis)\r\n        const lenis = new Lenis({\r\n            duration: 1.2,\r\n            easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \r\n            direction: 'vertical',\r\n            gestureDirection: 'vertical',\r\n            smooth: true,\r\n            mouseMultiplier: 1,\r\n            smoothTouch: false,\r\n            touchMultiplier: 2,\r\n        });\r\n\r\n        \/\/ 3. CUSTOM CURSOR LOGIC \r\n        const cursorDot = document.querySelector('.cursor-dot');\r\n        const cursorOutline = document.querySelector('.cursor-outline');\r\n        \r\n        let mouseX = -100, mouseY = -100;\r\n        let outlineX = -100, outlineY = -100;\r\n\r\n        window.addEventListener('mousemove', (e) => {\r\n            mouseX = e.clientX;\r\n            mouseY = e.clientY;\r\n        });\r\n\r\n        const updateHoverables = () => {\r\n             const hoverables = document.querySelectorAll('.hoverable, a, button');\r\n             hoverables.forEach(el => {\r\n                el.addEventListener('mouseenter', () => document.body.classList.add('hovering'));\r\n                el.addEventListener('mouseleave', () => document.body.classList.remove('hovering'));\r\n            });\r\n        };\r\n        updateHoverables();\r\n\r\n        \/\/ MERGED RAF LOOP\r\n        function raf(time) {\r\n            lenis.raf(time);\r\n            \r\n            \/\/ Cursor Interpolation\r\n            outlineX += (mouseX - outlineX) * 0.25;\r\n            outlineY += (mouseY - outlineY) * 0.25;\r\n\r\n            cursorDot.style.transform = `translate3d(calc(${mouseX}px - 50%), calc(${mouseY}px - 50%), 0)`;\r\n            cursorOutline.style.transform = `translate3d(calc(${outlineX}px - 50%), calc(${outlineY}px - 50%), 0)`;\r\n\r\n            requestAnimationFrame(raf);\r\n        }\r\n        requestAnimationFrame(raf);\r\n\r\n        \/\/ 4. MOBILE MENU\r\n        const mobileToggle = document.getElementById('mobile-toggle');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        const mobileLinks = document.querySelectorAll('.mobile-link');\r\n        let isMenuOpen = false;\r\n\r\n        mobileToggle.addEventListener('click', () => {\r\n            isMenuOpen = !isMenuOpen;\r\n            if (isMenuOpen) {\r\n                mobileMenu.classList.remove('translate-x-full');\r\n                mobileToggle.textContent = 'Cerrar';\r\n                lenis.stop();\r\n            } else {\r\n                mobileMenu.classList.add('translate-x-full');\r\n                mobileToggle.textContent = 'Men\u00fa';\r\n                lenis.start();\r\n            }\r\n        });\r\n\r\n        mobileLinks.forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                isMenuOpen = false;\r\n                mobileMenu.classList.add('translate-x-full');\r\n                mobileToggle.textContent = 'Men\u00fa';\r\n                lenis.start();\r\n            });\r\n        });\r\n\r\n        \/\/ 5. NAVBAR SCROLL EFFECT\r\n        const navbar = document.getElementById('navbar');\r\n        const logoText = document.getElementById('nav-logo');\r\n        const logoImg = document.getElementById('logo-img');\r\n        const menuButton = document.getElementById('mobile-toggle');\r\n        let isScrolled = false;\r\n\r\n        window.addEventListener('scroll', () => {\r\n            const currentScrolled = window.scrollY > 50;\r\n            if (currentScrolled !== isScrolled) {\r\n                isScrolled = currentScrolled;\r\n                if (isScrolled) {\r\n                    navbar.classList.remove('text-white', 'py-10', 'drop-shadow-md');\r\n                    navbar.classList.add('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\r\n                    logoText.classList.remove('text-white');\r\n                    logoText.classList.add('text-black-rich');\r\n                    menuButton.classList.remove('text-white');\r\n                    menuButton.classList.add('text-black-rich');\r\n                    logoImg.src = 'https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-lettras.png';\r\n                } else {\r\n                    navbar.classList.add('text-white', 'py-10', 'drop-shadow-md');\r\n                    navbar.classList.remove('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\r\n                    logoText.classList.add('text-white');\r\n                    logoText.classList.remove('text-black-rich');\r\n                    menuButton.classList.add('text-white');\r\n                    menuButton.classList.remove('text-black-rich');\r\n                    logoImg.src = 'https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png';\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ 6. FUNCIONALIDAD DE CARGAR M\u00c1S (LOAD MORE)\r\n        const portfolioItems = document.querySelectorAll('#portfolio-grid > div');\r\n        const loadMoreBtn = document.getElementById('load-more-btn');\r\n        const loadMoreContainer = document.getElementById('load-more-container');\r\n        let itemsToShow = 9;\r\n        let itemsLoaded = 0;\r\n\r\n        \/\/ Ocultar elementos iniciales que pasan del l\u00edmite (agregando la clase 'hidden' de Tailwind)\r\n        portfolioItems.forEach((item, index) => {\r\n            if (index >= itemsToShow) {\r\n                item.classList.add('hidden');\r\n            }\r\n        });\r\n        itemsLoaded = itemsToShow;\r\n\r\n        \/\/ Validar si es necesario mostrar el bot\u00f3n\r\n        if (portfolioItems.length <= itemsToShow && loadMoreContainer) {\r\n             loadMoreContainer.style.display = 'none';\r\n        }\r\n\r\n        \/\/ L\u00f3gica al hacer click\r\n        if (loadMoreBtn) {\r\n            loadMoreBtn.addEventListener('click', () => {\r\n                let itemsRevealed = 0;\r\n                \r\n                \/\/ Mostrar los siguientes 9 elementos\r\n                while (itemsRevealed < itemsToShow && itemsLoaded < portfolioItems.length) {\r\n                    portfolioItems[itemsLoaded].classList.remove('hidden');\r\n                    itemsRevealed++;\r\n                    itemsLoaded++;\r\n                }\r\n\r\n                \/\/ Refrescar las animaciones (AOS) para los elementos que acaban de aparecer\r\n                AOS.refresh();\r\n\r\n                \/\/ Ocultar bot\u00f3n si ya se cargaron todos los elementos\r\n                if (itemsLoaded >= portfolioItems.length) {\r\n                    loadMoreContainer.style.display = 'none';\r\n                }\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portafolio de Bodas | Duarte Views HOME BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Home Blog Bodas Sobre nosotros Contacto &copy; 2026 DUARTE VIEWS Nuestro Trabajo Colecciones de Autor \u00abCada pareja tiene su propio ritmo, su luz y su narrativa. Nuestro objetivo no es documentar un evento, sino encapsular un legado emocional.\u00bb Nerea &#038; Diego Octubre 2025 Ver Historia Eli &#038; Gonzalo Septiembre 2025 In\u00e9s &#038; Edu Septiembre 2025 Itxaso &#038; Be\u00f1at Agosto 2025 Ver Historia Laura &#038; H\u00e9ctor Agosto 2025 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11845","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/comments?post=11845"}],"version-history":[{"count":29,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11845\/revisions"}],"predecessor-version":[{"id":12674,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11845\/revisions\/12674"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=11845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}