{"id":11818,"date":"2026-02-18T11:10:14","date_gmt":"2026-02-18T11:10:14","guid":{"rendered":"https:\/\/bodas.duarteviews.com\/?page_id=11818"},"modified":"2026-03-30T16:45:22","modified_gmt":"2026-03-30T16:45:22","slug":"inicio","status":"publish","type":"page","link":"https:\/\/duarteviews.com\/bodas\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11818\" class=\"elementor elementor-11818\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b54ef3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7b54ef3\" 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-29f7d82\" data-id=\"29f7d82\" 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-1498c4d elementor-widget elementor-widget-html\" data-id=\"1498c4d\" 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>Duarte Views | Fotograf\u00eda de Bodas Cinematogr\u00e1fica<\/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', \/* Color de papel de lujo blanquecino *\/\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                        'marquee': 'marquee 40s linear infinite', \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                        marquee: { \r\n                            '0%': { transform: 'translate3d(0, 0, 0)' },\r\n                            '100%': { transform: 'translate3d(-50%, 0, 0)' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* --- AJUSTES DE LUJO --- *\/\r\n        body {\r\n            background-color: #faf9f6;\r\n            cursor: none; \/* Ocultar cursor predeterminado *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Cursor personalizado - EXTREMO RENDIMIENTO (Acelerado por GPU) *\/\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); \/* Forzar capa de GPU aislada *\/\r\n        }\r\n\r\n        .cursor-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #111;\r\n        }\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\r\n        \/* Estado hover para el cursor *\/\r\n        body.hovering .cursor-outline {\r\n            width: 70px;\r\n            height: 70px;\r\n            background-color: rgba(197, 160, 89, 0.3); \/* Dorado transparente *\/\r\n            border-color: transparent;\r\n        }\r\n\r\n        \/* Superposici\u00f3n de grano de pel\u00edcula - OPTIMIZADO *\/\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        \/* Utilidades de tipograf\u00eda *\/\r\n        .text-outline {\r\n            -webkit-text-stroke: 1px rgba(255,255,255,0.3);\r\n            color: transparent;\r\n        }\r\n\r\n        \/* Configuraci\u00f3n de scroll suave (Lenis) *\/\r\n        html.lenis {\r\n            height: auto;\r\n        }\r\n        .lenis.lenis-smooth {\r\n            scroll-behavior: auto;\r\n        }\r\n        .lenis.lenis-smooth [data-lenis-prevent] {\r\n            overscroll-behavior: contain;\r\n        }\r\n        .lenis.lenis-stopped {\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Slideshow del Hero *\/\r\n        .hero-slide {\r\n            position: absolute;\r\n            inset: 0;\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0;\r\n            transition: opacity 1.5s ease-in-out, transform 8s ease;\r\n            will-change: opacity, transform;\r\n        }\r\n        .hero-slide.active {\r\n            opacity: 1;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Efecto Hover de Botones *\/\r\n        .btn-link {\r\n            position: relative;\r\n        }\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 {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Color de selecci\u00f3n *\/\r\n        ::selection {\r\n            background: #111;\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Efecto de pulso para WhatsApp *\/\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 {\r\n            animation: subtlePulse 2s infinite;\r\n        }\r\n\r\n        \/* =========================================================================\r\n           BLINDAJE EXTREMO PARA WORDPRESS\/ELEMENTOR \r\n           ========================================================================= *\/\r\n        \r\n        \/* SOLUCI\u00d3N BARRA M\u00d3VIL 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        #mobile-toggle.text-white {\r\n            color: #ffffff !important;\r\n        }\r\n        #mobile-toggle.text-black-rich {\r\n            color: #111111 !important;\r\n        }\r\n\r\n        \/* 1. Blindaje para el Carrusel Infinito *\/\r\n        .marquee-container {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            flex-wrap: nowrap !important;\r\n            align-items: center !important;\r\n            width: max-content !important;\r\n            will-change: transform;\r\n            backface-visibility: hidden;\r\n            transform: translateZ(0);\r\n        }\r\n        .marquee-set {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            flex-wrap: nowrap !important;\r\n            align-items: center !important;\r\n            flex-shrink: 0 !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n        .marquee-item {\r\n            flex: 0 0 auto !important; \r\n            margin-right: 1.5rem !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            display: block !important;\r\n            box-sizing: border-box !important;\r\n            height: 240px !important; \r\n        }\r\n        .marquee-item-landscape {\r\n            width: 360px !important;\r\n        }\r\n        .marquee-item-portrait {\r\n            width: 180px !important;\r\n        }\r\n        @media (min-width: 768px) {\r\n            .marquee-item {\r\n                height: 360px !important; \r\n                margin-right: 2rem !important;\r\n            }\r\n            .marquee-item-landscape {\r\n                width: 540px !important;\r\n            }\r\n            .marquee-item-portrait {\r\n                width: 270px !important;\r\n            }\r\n        }\r\n        .marquee-item 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            min-width: 100% !important;\r\n            min-height: 100% !important;\r\n            object-fit: cover !important;\r\n            object-position: center !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: none !important;\r\n            display: block !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* 2. Blindaje para la Grilla de Trabajos Seleccionados *\/\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 {\r\n            padding-bottom: 133.33% !important; \r\n        }\r\n        .bp-landscape {\r\n            padding-bottom: 75% !important; \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\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n    <!-- Elementos del cursor personalizado -->\r\n    <div class=\"cursor-dot hidden md:block\"><\/div>\r\n    <div class=\"cursor-outline hidden md:block\"><\/div>\r\n\r\n    <!-- Grano de pel\u00edcula -->\r\n    <div class=\"grain-overlay\"><\/div>\r\n\r\n    <!-- Navegaci\u00f3n -->\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        <!-- Contenedor flex con altura fija en m\u00f3vil para evitar el colapso del fondo blanco -->\r\n        <div class=\"flex justify-between items-center relative w-full h-[40px] md:h-auto\">\r\n            \r\n            <!-- Men\u00fa Izquierdo Escritorio (Blog, Inicio) -->\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\">INICIO<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\r\n            <\/div>\r\n\r\n            <!-- Logo (Alineado a la izquierda en m\u00f3vil, centrado en escritorio) -->\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            <!-- Men\u00fa Derecho Escritorio (Bodas, Nosotros, Contacto) -->\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\">BODAS<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">NOSOTROS<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\r\n            <\/div>\r\n\r\n            <!-- Toggle Men\u00fa M\u00f3vil -->\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    <!-- Men\u00fa M\u00f3vil Overlay -->\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\">Inicio<\/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 hover:text-gray-400 transition-colors 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\">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    <!-- HERO SECTION -->\r\n    <header class=\"relative h-screen w-full overflow-hidden flex items-center justify-center\">\r\n        <div class=\"hero-slide active\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/07\/SANDRARUBEN-14JUN25-BODA-504.jpg');\"><\/div>\r\n        <div class=\"hero-slide\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/11\/DUARTEVIEWS-NEREADIEGO-4OCT25-BODA-759.jpg');\"><\/div>\r\n        <div class=\"hero-slide\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/10\/DUARTEVIEWS-ELIGONZALO-27-SEP-25-BODA-668.jpg');\"><\/div>\r\n\r\n        <div class=\"absolute inset-0 bg-black\/40 z-10\"><\/div>\r\n\r\n        <div class=\"relative z-20 text-center text-white px-4\">\r\n            <p class=\"text-xs md:text-sm tracking-[0.4em] mb-4 uppercase drop-shadow-md !text-white\" data-aos=\"fade-up\">Fot\u00f3grafo de Bodas<\/p>\r\n            <h1 class=\"text-6xl md:text-8xl lg:text-9xl font-serif italic leading-none drop-shadow-lg !text-white\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Capturando <br> <span class=\"not-italic !text-white\">Lo Eterno<\/span>\r\n            <\/h1>\r\n        <\/div>\r\n\r\n        <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 z-20 text-white text-center\">\r\n            <div class=\"w-[1px] h-16 bg-white !bg-white mx-auto mb-4 animate-pulse\"><\/div>\r\n            <span class=\"text-[10px] tracking-widest uppercase drop-shadow-md !text-white\">Deslizar<\/span>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- INTRODUCTORY STATEMENT -->\r\n    <section class=\"py-32 px-6 md:px-20 relative bg-stone-50\" id=\"about\">\r\n        <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-12 items-center\">\r\n            <div class=\"md:col-span-7\" data-aos=\"fade-up\">\r\n                <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-serif text-black-rich leading-[1.1]\">\r\n                    No creamos fotos, <br>\r\n                    <span class=\"italic text-gray-400\">esculpimos<\/span> recuerdos.\r\n                <\/h2>\r\n            <\/div>\r\n            <div class=\"md:col-span-5 relative mt-10 md:mt-0\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify\">\r\n                    En Duarte Views, entendemos la boda no como un evento, sino como una narrativa visual. Nuestro enfoque combina el fotoperiodismo crudo con la elegancia editorial de la alta moda. Buscamos lo imperfecto, lo fugaz, la l\u00e1grima contenida y la risa explosiva.\r\n                <\/p>\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"text-xs uppercase tracking-[0.2em] border-b border-black pb-1 hover:text-gray-500 transition-colors hoverable\">Nuestra Filosof\u00eda<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- INFINITE MARQUEE -->\r\n    <div class=\"py-8 bg-white overflow-hidden\" style=\"display: block !important;\">\r\n        <div class=\"marquee-container animate-marquee hover:[animation-play-state:paused]\">\r\n            <div class=\"marquee-set\">\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/08\/BODA-ELOIZOE-0204.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/SANTISILVIA-538.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/www.duarteviews.es-ALVAROFANY-15JUL23-BODA-670.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/DUARTEVIEWS-JAVITOTAIS-3JUNIO23-PRE-22.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/duarteviews-ALVAROFANY-15JUL23-post-BODA-66.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ANAJAVI-17JUN23-38.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ALBARUBEN-23JUN23-25.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/DANICARMEN-107.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-set\">\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/08\/BODA-ELOIZOE-0204.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/SANTISILVIA-538.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/www.duarteviews.es-ALVAROFANY-15JUL23-BODA-670.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/DUARTEVIEWS-JAVITOTAIS-3JUNIO23-PRE-22.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/duarteviews-ALVAROFANY-15JUL23-post-BODA-66.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ANAJAVI-17JUN23-38.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ALBARUBEN-23JUN23-25.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n                <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/DANICARMEN-107.jpg\" class=\"grayscale hover:grayscale-0 transition-[filter] duration-700 will-change-[filter]\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- CURATED PORTFOLIO -->\r\n    <section id=\"portfolio\" class=\"py-32 px-4 md:px-12 bg-stone-50\">\r\n        <div class=\"max-w-[1600px] mx-auto\">\r\n            <div class=\"mb-24 flex flex-col md:flex-row justify-between items-start md:items-end border-b border-gray-200 pb-8 gap-6 md:gap-12\">\r\n                <div class=\"max-w-4xl\">\r\n                    <h3 class=\"text-5xl md:text-8xl font-serif italic text-black-rich mb-4 md:mb-6\">Nuestras Historias<\/h3>\r\n                    <p class=\"font-sans font-light text-gray-600 text-sm md:text-base leading-relaxed text-justify md:text-left\">\r\n                        M\u00e1s que un portafolio, esta es una ventana a los momentos m\u00e1s puros que hemos tenido el honor de documentar. Una cuidada selecci\u00f3n de historias donde la elegancia cinematogr\u00e1fica se entrelaza con la magia de lo espont\u00e1neo.\r\n                    <\/p>\r\n                <\/div>\r\n                <span class=\"text-xs uppercase tracking-widest text-gray-500 mt-2 md:mt-0 shrink-0 mb-1 md:mb-2\">Colecciones 2023 \u2014 2025<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-24 gap-x-12\">\r\n                \r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-laura-jesus\/\" class=\"group block cursor-none hoverable\" data-aos=\"fade-up\">\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-[1.5s] ease-in-out group-hover:scale-110\">\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 font-serif italic group-hover:translate-x-2 transition-transform duration-500\">Laura & Jes\u00fas<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Mayo<\/p>\r\n                        <\/div>\r\n                        <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300\">2023<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-eli-gonzalo\/\" class=\"group block cursor-none hoverable md:mt-32\" data-aos=\"fade-up\" data-aos-delay=\"100\">\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-[1.5s] ease-in-out group-hover:scale-110\">\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 font-serif italic group-hover:translate-x-2 transition-transform duration-500\">Eli & Gonzalo<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Septiembre<\/p>\r\n                        <\/div>\r\n                        <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300\">2025<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-laura-hector\/\" class=\"group block cursor-none hoverable\" data-aos=\"fade-up\">\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-[1.5s] ease-in-out group-hover:scale-110\">\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 font-serif italic group-hover:translate-x-2 transition-transform duration-500\">Laura & H\u00e9ctor<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Agosto<\/p>\r\n                        <\/div>\r\n                        <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300\">2025<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/galeria\/boda-sandra-ruben\/\" class=\"group block cursor-none hoverable md:mt-16\" data-aos=\"fade-up\" data-aos-delay=\"100\">\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-[1.5s] ease-in-out group-hover:scale-110\">\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 font-serif italic group-hover:translate-x-2 transition-transform duration-500\">Sandra & Rub\u00e9n<\/h4>\r\n                            <p class=\"text-xs uppercase tracking-widest text-gray-500 mt-2\">Junio<\/p>\r\n                        <\/div>\r\n                        <span class=\"text-xs border rounded-full px-3 py-1 border-gray-300\">2025<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n            <\/div>\r\n            \r\n            <div class=\"text-center mt-32\">\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" 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                    Ver M\u00e1s Historias\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TESTIMONIAL -->\r\n    <section class=\"py-32 text-stone-50 relative overflow-hidden bg-cover bg-center bg-fixed\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1519225421980-715cb0215aed?q=80&w=2000&auto=format&fit=crop');\">\r\n        <div class=\"absolute inset-0 bg-black\/80 z-0\"><\/div>\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full text-center opacity-[0.03] select-none pointer-events-none z-10\">\r\n            <span class=\"text-[20vw] font-serif italic leading-none\">Amor<\/span>\r\n        <\/div>\r\n        <div class=\"container mx-auto px-6 relative z-20 text-center\" data-aos=\"zoom-in\">\r\n            <div class=\"w-20 h-20 mx-auto mb-12 border rounded-full flex items-center justify-center bg-transparent\">\r\n                <i class=\"fas fa-quote-left text-2xl\"><\/i>\r\n            <\/div>\r\n            <p class=\"text-2xl md:text-5xl font-serif font-light leading-snug max-w-4xl mx-auto italic drop-shadow-md\">\r\n                \"Duarte Views tiene un don para hacerse invisible y capturar el alma. Al ver las fotos, no solo recordamos c\u00f3mo se ve\u00eda nuestra boda, sino exactamente c\u00f3mo se sent\u00eda.\"\r\n            <\/p>\r\n            <div class=\"mt-12 flex flex-col items-center gap-2\">\r\n                <span class=\"text-xs uppercase tracking-[0.2em] opacity-80\">Elena & Marc<\/span>\r\n                <span class=\"text-[10px] opacity-50 uppercase\">Ciudad de M\u00e9xico, 2024<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- JOURNAL \/ BLOG -->\r\n    <section id=\"journal\" class=\"py-32 px-6 bg-stone-50\">\r\n        <div class=\"max-w-5xl mx-auto\">\r\n            <div class=\"flex justify-between items-baseline mb-16\">\r\n                <h3 class=\"text-4xl font-serif italic\">El Diario<\/h3>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"text-xs uppercase tracking-widest hover:underline hoverable\">Leer Todo<\/a>\r\n            <\/div>\r\n            <div class=\"space-y-12\">\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/articulo-blog\/\" class=\"group cursor-none hoverable border-t border-gray-300 py-8 flex flex-col md:flex-row justify-between md:items-center gap-6\" data-aos=\"fade-up\">\r\n                    <div class=\"md:w-1\/3\">\r\n                         <span class=\"text-xs text-gray-400 uppercase tracking-widest\">12 Oct, 2024<\/span>\r\n                    <\/div>\r\n                    <div class=\"md:w-1\/2\">\r\n                        <h4 class=\"text-2xl md:text-3xl font-serif group-hover:italic transition-all duration-300\">5 Tips para tu sesi\u00f3n Pre-Boda<\/h4>\r\n                    <\/div>\r\n                    <div class=\"md:w-1\/6 text-right opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n                        <i class=\"fas fa-arrow-right -rotate-45\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/articulo-blog\/\" class=\"group cursor-none hoverable border-t border-gray-300 py-8 flex flex-col md:flex-row justify-between md:items-center gap-6\" data-aos=\"fade-up\">\r\n                    <div class=\"md:w-1\/3\">\r\n                         <span class=\"text-xs text-gray-400 uppercase tracking-widest\">05 Sep, 2024<\/span>\r\n                    <\/div>\r\n                    <div class=\"md:w-1\/2\">\r\n                        <h4 class=\"text-2xl md:text-3xl font-serif group-hover:italic transition-all duration-300\">La importancia de la luz natural<\/h4>\r\n                    <\/div>\r\n                    <div class=\"md:w-1\/6 text-right opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n                        <i class=\"fas fa-arrow-right -rotate-45\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/bodas\/articulo-blog\/\" class=\"group cursor-none hoverable border-t border-gray-300 py-8 border-b flex flex-col md:flex-row justify-between md:items-center gap-6\" data-aos=\"fade-up\">\r\n                    <div class=\"md:w-1\/3\">\r\n                         <span class=\"text-xs text-gray-400 uppercase tracking-widest\">20 Ago, 2024<\/span>\r\n                    <\/div>\r\n                    <div class=\"md:w-1\/2\">\r\n                        <h4 class=\"text-2xl md:text-3xl font-serif group-hover:italic transition-all duration-300\">Destinos \u00edntimos en Europa<\/h4>\r\n                    <\/div>\r\n                    <div class=\"md:w-1\/6 text-right opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n                        <i class=\"fas fa-arrow-right -rotate-45\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\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\">INICIO<\/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\">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    <!-- BOT\u00d3N WHATSAPP -->\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\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. 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. CURSOR PERSONALIZADO\r\n        const cursorDot = document.querySelector('.cursor-dot');\r\n        const cursorOutline = document.querySelector('.cursor-outline');\r\n        \r\n        let mouseX = -100;\r\n        let mouseY = -100;\r\n        let outlineX = -100;\r\n        let 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');\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        function raf(time) {\r\n            lenis.raf(time);\r\n            outlineX += (mouseX - outlineX) * 0.25;\r\n            outlineY += (mouseY - outlineY) * 0.25;\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            requestAnimationFrame(raf);\r\n        }\r\n        requestAnimationFrame(raf);\r\n\r\n        \/\/ 4. HERO SLIDESHOW\r\n        const slides = document.querySelectorAll('.hero-slide');\r\n        let currentSlide = 0;\r\n        setInterval(() => {\r\n            slides[currentSlide].classList.remove('active');\r\n            currentSlide = (currentSlide + 1) % slides.length;\r\n            slides[currentSlide].classList.add('active');\r\n        }, 5000);\r\n\r\n        \/\/ 5. MEN\u00da M\u00d3VIL\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        \/\/ 6. EFECTO NAVBAR SCROLL\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    <\/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>Duarte Views | Fotograf\u00eda de Bodas Cinematogr\u00e1fica INICIO BLOG BODAS NOSOTROS CONTACTO Men\u00fa Inicio Blog Bodas Nosotros Contacto &copy; 2026 DUARTE VIEWS Fot\u00f3grafo de Bodas Capturando Lo Eterno Deslizar No creamos fotos, esculpimos recuerdos. En Duarte Views, entendemos la boda no como un evento, sino como una narrativa visual. Nuestro enfoque combina el fotoperiodismo crudo con la elegancia editorial de la alta moda. Buscamos lo imperfecto, lo fugaz, la l\u00e1grima contenida y la risa explosiva. Nuestra Filosof\u00eda Nuestras Historias M\u00e1s [&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-11818","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11818","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=11818"}],"version-history":[{"count":164,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11818\/revisions"}],"predecessor-version":[{"id":12668,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11818\/revisions\/12668"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=11818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}