Duarte Views | Contacto<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \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 \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 \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; \/* Hide default cursor *\/\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\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 \/* Hover state for 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);\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 {\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 \/* Button Hover Effect *\/\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 \/* Selection Color *\/\r\n ::selection {\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n \/* WhatsApp Pulsing Effect *\/\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 \/* SOLUCI\u00d3N BARRA M\u00d3VIL *\/\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 <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n \r\n <div class=\"cursor-dot hidden md:block\"><\/div>\r\n <div class=\"cursor-outline hidden md:block\"><\/div>\r\n\r\n \r\n <div class=\"grain-overlay\"><\/div>\r\n\r\n \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 \r\n \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 \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 \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\">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 \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 \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\">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 © 2026 DUARTE VIEWS\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"relative h-[60vh] w-full overflow-hidden flex items-center justify-center\">\r\n \r\n <div class=\"absolute inset-0 bg-cover bg-center animate-zoom-fade\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/11\/DUARTEVIEWS-NEREADIEGO-4OCT25-BODA-759.jpg');\"><\/div>\r\n\r\n \r\n <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\r\n\r\n \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\">Comienza el viaje<\/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 Contacto\r\n <\/h1>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"py-24 md:py-32 px-6 md:px-12 relative bg-stone-50\" id=\"contact-form-section\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-5 flex flex-col justify-between\" data-aos=\"fade-up\">\r\n <div>\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-serif text-black-rich leading-[1.1] mb-8\">\r\n Contadnos vuestra <br>\r\n <span class=\"italic text-gray-400\">historia.<\/span>\r\n <\/h2>\r\n <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify mb-12\">\r\n Aceptamos un n\u00famero limitado de bodas al a\u00f1o para garantizar que cada pareja reciba nuestra m\u00e1xima dedicaci\u00f3n y enfoque art\u00edstico. Nos encantar\u00eda conocer los detalles de vuestra celebraci\u00f3n, vuestro estilo y qu\u00e9 es lo m\u00e1s importante para vosotros en este d\u00eda.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mt-4 lg:mt-8\">\r\n <span class=\"text-[10px] uppercase tracking-widest text-gray-400 block mb-2\">Estudio<\/span>\r\n <span class=\"text-base text-black-rich font-light\">Torrej\u00f3n de Ardoz (Madrid)<\/span>\r\n <p class=\"text-xs text-gray-500 mt-1 italic\">Disponibles en todo el mundo.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"bg-white p-8 md:p-14 shadow-[0_20px_50px_rgba(0,0,0,0.03)] border border-gray-100 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gold-muted\/5 rounded-bl-[100px] pointer-events-none\"><\/div>\r\n\r\n <h3 class=\"text-2xl md:text-3xl font-serif text-black-rich mb-4 relative z-10\">Hablemos sin intermediarios<\/h3>\r\n <p class=\"font-sans font-light text-gray-500 mb-10 text-sm md:text-base relative z-10\">\r\n Preferimos la cercan\u00eda y la rapidez. Escribidnos directamente por WhatsApp para consultar disponibilidad o mandarnos un correo con los detalles de vuestra boda.\r\n <\/p>\r\n \r\n \r\n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"group flex items-center justify-between w-full bg-black-rich text-white p-6 md:p-8 hover:bg-gold-muted transition-all duration-500 hoverable mb-8 relative z-10 shadow-lg\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <i class=\"fab fa-whatsapp text-4xl md:text-5xl group-hover:scale-110 transition-transform duration-500\"><\/i>\r\n <div class=\"text-left\">\r\n <span class=\"block text-[10px] md:text-xs uppercase tracking-[0.2em] text-gray-400 group-hover:text-white\/80 mb-1 transition-colors\">Respuesta R\u00e1pida<\/span>\r\n <span class=\"block text-xl md:text-2xl font-serif italic\">Escribir por WhatsApp<\/span>\r\n <\/div>\r\n <\/div>\r\n <i class=\"fas fa-arrow-right text-xl transform -rotate-45 group-hover:translate-x-2 group-hover:-translate-y-2 transition-transform duration-500\"><\/i>\r\n <\/a>\r\n\r\n \r\n <div class=\"flex items-center gap-6 mb-8 opacity-60 relative z-10\">\r\n <div class=\"h-px bg-gray-300 flex-1\"><\/div>\r\n <span class=\"text-[10px] uppercase tracking-widest text-gray-500 font-medium\">O por correo electr\u00f3nico<\/span>\r\n <div class=\"h-px bg-gray-300 flex-1\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center relative z-10\">\r\n <a href=\"mailto:info@duarteviews.com\" class=\"text-xl md:text-3xl font-serif text-black-rich hover:text-gold-muted transition-colors hoverable inline-block pb-2 border-b border-transparent hover:border-gold-muted\">\r\n info@duarteviews.com\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer 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 \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\">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>© 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 \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 \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;\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, button, a');\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 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. 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 <\/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 | Contacto INICIO BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Inicio Blog Bodas Sobre nosotros Contacto © 2026 DUARTE VIEWS Comienza el viaje Contacto Contadnos vuestra historia. Aceptamos un n\u00famero limitado de bodas al a\u00f1o para garantizar que cada pareja reciba nuestra m\u00e1xima dedicaci\u00f3n y enfoque art\u00edstico. Nos encantar\u00eda conocer los detalles de vuestra celebraci\u00f3n, vuestro estilo y qu\u00e9 es lo m\u00e1s importante para vosotros en este d\u00eda. Estudio Torrej\u00f3n de Ardoz (Madrid) Disponibles en todo el mundo. Hablemos […]<\/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-11856","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11856","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=11856"}],"version-history":[{"count":21,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11856\/revisions"}],"predecessor-version":[{"id":12680,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11856\/revisions\/12680"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=11856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Duarte Views | Contacto<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \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 \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 \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; \/* Hide default cursor *\/\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\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 \/* Hover state for 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);\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 {\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 \/* Button Hover Effect *\/\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 \/* Selection Color *\/\r\n ::selection {\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n \/* WhatsApp Pulsing Effect *\/\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 \/* SOLUCI\u00d3N BARRA M\u00d3VIL *\/\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 <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n \r\n <div class=\"cursor-dot hidden md:block\"><\/div>\r\n <div class=\"cursor-outline hidden md:block\"><\/div>\r\n\r\n \r\n <div class=\"grain-overlay\"><\/div>\r\n\r\n \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 \r\n \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 \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 \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\">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 \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 \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\">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 © 2026 DUARTE VIEWS\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"relative h-[60vh] w-full overflow-hidden flex items-center justify-center\">\r\n \r\n <div class=\"absolute inset-0 bg-cover bg-center animate-zoom-fade\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2025\/11\/DUARTEVIEWS-NEREADIEGO-4OCT25-BODA-759.jpg');\"><\/div>\r\n\r\n \r\n <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\r\n\r\n \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\">Comienza el viaje<\/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 Contacto\r\n <\/h1>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"py-24 md:py-32 px-6 md:px-12 relative bg-stone-50\" id=\"contact-form-section\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-5 flex flex-col justify-between\" data-aos=\"fade-up\">\r\n <div>\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-serif text-black-rich leading-[1.1] mb-8\">\r\n Contadnos vuestra <br>\r\n <span class=\"italic text-gray-400\">historia.<\/span>\r\n <\/h2>\r\n <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify mb-12\">\r\n Aceptamos un n\u00famero limitado de bodas al a\u00f1o para garantizar que cada pareja reciba nuestra m\u00e1xima dedicaci\u00f3n y enfoque art\u00edstico. Nos encantar\u00eda conocer los detalles de vuestra celebraci\u00f3n, vuestro estilo y qu\u00e9 es lo m\u00e1s importante para vosotros en este d\u00eda.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mt-4 lg:mt-8\">\r\n <span class=\"text-[10px] uppercase tracking-widest text-gray-400 block mb-2\">Estudio<\/span>\r\n <span class=\"text-base text-black-rich font-light\">Torrej\u00f3n de Ardoz (Madrid)<\/span>\r\n <p class=\"text-xs text-gray-500 mt-1 italic\">Disponibles en todo el mundo.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"bg-white p-8 md:p-14 shadow-[0_20px_50px_rgba(0,0,0,0.03)] border border-gray-100 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gold-muted\/5 rounded-bl-[100px] pointer-events-none\"><\/div>\r\n\r\n <h3 class=\"text-2xl md:text-3xl font-serif text-black-rich mb-4 relative z-10\">Hablemos sin intermediarios<\/h3>\r\n <p class=\"font-sans font-light text-gray-500 mb-10 text-sm md:text-base relative z-10\">\r\n Preferimos la cercan\u00eda y la rapidez. Escribidnos directamente por WhatsApp para consultar disponibilidad o mandarnos un correo con los detalles de vuestra boda.\r\n <\/p>\r\n \r\n \r\n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"group flex items-center justify-between w-full bg-black-rich text-white p-6 md:p-8 hover:bg-gold-muted transition-all duration-500 hoverable mb-8 relative z-10 shadow-lg\">\r\n <div class=\"flex items-center gap-5 md:gap-6\">\r\n <i class=\"fab fa-whatsapp text-4xl md:text-5xl group-hover:scale-110 transition-transform duration-500\"><\/i>\r\n <div class=\"text-left\">\r\n <span class=\"block text-[10px] md:text-xs uppercase tracking-[0.2em] text-gray-400 group-hover:text-white\/80 mb-1 transition-colors\">Respuesta R\u00e1pida<\/span>\r\n <span class=\"block text-xl md:text-2xl font-serif italic\">Escribir por WhatsApp<\/span>\r\n <\/div>\r\n <\/div>\r\n <i class=\"fas fa-arrow-right text-xl transform -rotate-45 group-hover:translate-x-2 group-hover:-translate-y-2 transition-transform duration-500\"><\/i>\r\n <\/a>\r\n\r\n \r\n <div class=\"flex items-center gap-6 mb-8 opacity-60 relative z-10\">\r\n <div class=\"h-px bg-gray-300 flex-1\"><\/div>\r\n <span class=\"text-[10px] uppercase tracking-widest text-gray-500 font-medium\">O por correo electr\u00f3nico<\/span>\r\n <div class=\"h-px bg-gray-300 flex-1\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center relative z-10\">\r\n <a href=\"mailto:info@duarteviews.com\" class=\"text-xl md:text-3xl font-serif text-black-rich hover:text-gold-muted transition-colors hoverable inline-block pb-2 border-b border-transparent hover:border-gold-muted\">\r\n info@duarteviews.com\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer 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 \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\">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>© 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 \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 \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;\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, button, a');\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 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. 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 <\/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 | Contacto INICIO BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Inicio Blog Bodas Sobre nosotros Contacto © 2026 DUARTE VIEWS Comienza el viaje Contacto Contadnos vuestra historia. Aceptamos un n\u00famero limitado de bodas al a\u00f1o para garantizar que cada pareja reciba nuestra m\u00e1xima dedicaci\u00f3n y enfoque art\u00edstico. Nos encantar\u00eda conocer los detalles de vuestra celebraci\u00f3n, vuestro estilo y qu\u00e9 es lo m\u00e1s importante para vosotros en este d\u00eda. Estudio Torrej\u00f3n de Ardoz (Madrid) Disponibles en todo el mundo. Hablemos […]<\/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-11856","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11856","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=11856"}],"version-history":[{"count":21,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11856\/revisions"}],"predecessor-version":[{"id":12680,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11856\/revisions\/12680"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=11856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}