Nosotros | Duarte Views | Fotograf\u00eda de Bodas<\/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', \/* Color de papel de lujo *\/\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.05)' },\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 *\/\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 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 \/* Grano de Pel\u00edcula *\/\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 \/* Lenis Smooth Scroll *\/\r\n html.lenis { height: auto; }\r\n .lenis.lenis-smooth { scroll-behavior: auto; }\r\n .lenis.lenis-stopped { overflow: hidden; }\r\n\r\n .btn-link { position: relative; }\r\n .btn-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 1px;\r\n bottom: -4px;\r\n left: 0;\r\n background-color: currentColor;\r\n transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n }\r\n .btn-link:hover::after { width: 100%; }\r\n\r\n ::selection {\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n @keyframes subtlePulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(197, 160, 89, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n }\r\n .wa-pulse { animation: subtlePulse 2s infinite; }\r\n\r\n #nav-logo img {\r\n max-height: 45px !important;\r\n width: 100% !important;\r\n object-fit: contain !important;\r\n }\r\n #mobile-toggle {\r\n background: transparent !important;\r\n border: none !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .img-editorial {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 1.5s ease-out;\r\n }\r\n .img-container:hover .img-editorial {\r\n transform: scale(1.05);\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\">HOME<\/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 border-b border-current\">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\">Home<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Blog<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"text-4xl font-serif italic 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 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-[80vh] md:h-screen w-full overflow-hidden flex items-center justify-center\">\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\/2024\/06\/duarteviews-ALVAROFANY-15JUL23-post-BODA-66.jpg');\"><\/div>\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 mt-20\">\r\n <p class=\"text-xs md:text-sm tracking-[0.4em] mb-4 uppercase drop-shadow-md !text-white\" data-aos=\"fade-up\">Nuestra Filosof\u00eda<\/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 La Esencia <br> <span class=\"not-italic !text-white\">Del Recuerdo<\/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\">Descubrir<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"py-32 px-6 md:px-20 relative bg-stone-50\" id=\"historia\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-16 md:gap-24 items-center\">\r\n <div class=\"md:col-span-5 relative img-container overflow-hidden group cursor-none hoverable h-[60vh] md:h-[80vh]\" data-aos=\"fade-right\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/03\/DUARTEVIEWS-Imagen-26-10-scaled.jpg\" alt=\"Detalle Fotogr\u00e1fico\" class=\"img-editorial grayscale group-hover:grayscale-0 transition-all duration-[2s]\">\r\n <\/div>\r\n <div class=\"md:col-span-7\" data-aos=\"fade-left\" data-aos-delay=\"100\">\r\n <span class=\"text-xs uppercase tracking-widest text-gray-400 mb-6 block\">01 \u2014 El Origen<\/span>\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-serif text-black-rich leading-[1.1] mb-10\">\r\n Buscamos la luz <br>\r\n <span class=\"italic text-gray-400\">donde otros ven sombras.<\/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-6\">\r\n Duarte Views naci\u00f3 de una obsesi\u00f3n: tratar cada boda no como una lista de eventos por cumplir, sino como una pel\u00edcula de cine donde el amor es el protagonista absoluto. No somos partidarios de las poses forzadas ni de interrumpir la magia de lo espont\u00e1neo.\r\n <\/p>\r\n <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify\">\r\n Nuestra c\u00e1mara es un testigo silencioso. Capturamos la elegancia de la alta moda combinada con la honestidad cruda del fotoperiodismo. Para nosotros, una fotograf\u00eda exitosa es aquella que, veinte a\u00f1os despu\u00e9s, te hace sentir exactamente lo que sentiste en ese instante.\r\n <\/p>\r\n \r\n <div class=\"mt-12\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-lettras.png\" class=\"w-32 opacity-40 grayscale\" alt=\"Firma\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 px-6 md:px-20 relative bg-white border-t border-gray-200\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-16 md:gap-24 items-center\">\r\n \r\n <div class=\"md:col-span-6 order-2 md:order-1\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <span class=\"text-xs uppercase tracking-widest text-gray-400 mb-6 block\">02 \u2014 Los Creadores<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-serif text-black-rich leading-[1.1] mb-8\">\r\n Detr\u00e1s del <span class=\"italic text-gray-400\">Lente<\/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-6\">\r\n Con formaci\u00f3n en artes visuales y una pasi\u00f3n compartida por la est\u00e9tica cinematogr\u00e1fica, hemos dedicado nuestras vidas a observar. Observar c\u00f3mo la luz dibuja siluetas, c\u00f3mo una mirada fugaz cuenta toda una historia de amor, c\u00f3mo el nerviosismo se transforma en euforia.\r\n <\/p>\r\n <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify\">\r\n Trabajamos en pareja desde la empat\u00eda y la discreci\u00f3n. Queremos que el d\u00eda de tu boda sea tuyo, no una sesi\u00f3n de fotos interminable. Somos el hilo invisible que tejer\u00e1 el legado visual de tu familia para las generaciones venideras.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-6 order-1 md:order-2 relative img-container overflow-hidden group cursor-none hoverable h-[70vh]\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/03\/DUARTEVIEWS-Imagen-26-12-scaled.jpg\" alt=\"Detr\u00e1s de la c\u00e1mara\" class=\"img-editorial grayscale group-hover:grayscale-0 transition-all duration-[2s]\">\r\n <div class=\"absolute bottom-6 left-6 text-white mix-blend-difference\">\r\n <p class=\"font-serif italic text-2xl\">Duarte Views<\/p>\r\n <p class=\"text-[10px] tracking-widest uppercase\">Directores Creativos<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 px-6 md:px-12 bg-stone-50\">\r\n <div class=\"max-w-[1600px] mx-auto\">\r\n <div class=\"text-center mb-24\" data-aos=\"fade-up\">\r\n <h3 class=\"text-4xl md:text-7xl font-serif italic text-black-rich mb-6\">Nuestro Enfoque<\/h3>\r\n <p class=\"text-sm tracking-widest uppercase text-gray-500\">Los 3 pilares de nuestro arte<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-16 md:gap-12\">\r\n <div class=\"group cursor-none hoverable text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"text-gold-muted text-4xl mb-8 font-serif italic\">I.<\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich mb-4 uppercase tracking-widest\">Conexi\u00f3n Real<\/h4>\r\n <div class=\"w-12 h-[1px] bg-gray-300 mx-auto mb-6 transition-all duration-500 group-hover:w-24 group-hover:bg-black\"><\/div>\r\n <p class=\"font-light text-gray-600 text-sm leading-relaxed\">\r\n Antes de ser tus fot\u00f3grafos, queremos entender qui\u00e9nes sois. La mejor fotograf\u00eda nace de la confianza mutua y la comodidad absoluta frente a la c\u00e1mara.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"group cursor-none hoverable text-center\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"text-gold-muted text-4xl mb-8 font-serif italic\">II.<\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich mb-4 uppercase tracking-widest\">Discreci\u00f3n<\/h4>\r\n <div class=\"w-12 h-[1px] bg-gray-300 mx-auto mb-6 transition-all duration-500 group-hover:w-24 group-hover:bg-black\"><\/div>\r\n <p class=\"font-light text-gray-600 text-sm leading-relaxed\">\r\n Pasamos desapercibidos. Nos mezclamos entre tus invitados para documentar las l\u00e1grimas verdaderas, las risas inesperadas y los abrazos sinceros sin alterarlos.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"group cursor-none hoverable text-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"text-gold-muted text-4xl mb-8 font-serif italic\">III.<\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich mb-4 uppercase tracking-widest\">Arte Editorial<\/h4>\r\n <div class=\"w-12 h-[1px] bg-gray-300 mx-auto mb-6 transition-all duration-500 group-hover:w-24 group-hover:bg-black\"><\/div>\r\n <p class=\"font-light text-gray-600 text-sm leading-relaxed\">\r\n Inspirados por las revistas de moda, curamos la luz, los \u00e1ngulos y la edici\u00f3n para entregar una colecci\u00f3n de im\u00e1genes que parecen sacadas de una pel\u00edcula.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 <div class=\"flex flex-wrap gap-x-8 gap-y-4 mt-4 text-xs tracking-[0.2em] font-medium text-white opacity-90\">\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col justify-between items-start md:items-end\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" alt=\"Duarte Views\" class=\"w-32 md:w-48 h-auto object-contain mb-16 md:mb-0 hoverable block\" style=\"max-height: 120px !important;\">\r\n \r\n <div class=\"flex flex-col justify-end items-start md:items-end space-y-6 mt-auto\">\r\n <div class=\"flex flex-wrap gap-6\">\r\n <a href=\"https:\/\/www.facebook.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n <i class=\"fab fa-facebook-f text-base\"><\/i> Facebook\r\n <\/a>\r\n <a href=\"https:\/\/x.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n <i class=\"fab fa-x-twitter text-base\"><\/i> X\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n <i class=\"fab fa-instagram text-base\"><\/i> Instagram\r\n <\/a>\r\n <\/div>\r\n <div class=\"text-white opacity-70 text-[10px] uppercase tracking-widest text-right\">\r\n <p>© 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. INICIALIZACI\u00d3N 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. SCROLL SUAVE (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 smooth: true,\r\n });\r\n\r\n \/\/ 3. L\u00d3GICA DEL CURSOR\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. 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 \/\/ 5. EFECTO NAVBAR AL HACER SCROLL\r\n const navbar = document.getElementById('navbar');\r\n const logoImg = document.getElementById('logo-img');\r\n const menuButton = document.getElementById('mobile-toggle');\r\n const navLogo = document.getElementById('nav-logo');\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 menuButton.classList.replace('text-white', '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 menuButton.classList.replace('text-black-rich', 'text-white');\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>Nosotros | Duarte Views | Fotograf\u00eda de Bodas HOME BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Home Blog Bodas Sobre nosotros Contacto © 2026 DUARTE VIEWS Nuestra Filosof\u00eda La Esencia Del Recuerdo Descubrir 01 \u2014 El Origen Buscamos la luz donde otros ven sombras. Duarte Views naci\u00f3 de una obsesi\u00f3n: tratar cada boda no como una lista de eventos por cumplir, sino como una pel\u00edcula de cine donde el amor es el protagonista absoluto. No somos partidarios de las poses forzadas […]<\/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-11838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11838","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=11838"}],"version-history":[{"count":32,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11838\/revisions"}],"predecessor-version":[{"id":12677,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11838\/revisions\/12677"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=11838"}],"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 Nosotros | Duarte Views | Fotograf\u00eda de Bodas<\/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', \/* Color de papel de lujo *\/\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.05)' },\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 *\/\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 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 \/* Grano de Pel\u00edcula *\/\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 \/* Lenis Smooth Scroll *\/\r\n html.lenis { height: auto; }\r\n .lenis.lenis-smooth { scroll-behavior: auto; }\r\n .lenis.lenis-stopped { overflow: hidden; }\r\n\r\n .btn-link { position: relative; }\r\n .btn-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 1px;\r\n bottom: -4px;\r\n left: 0;\r\n background-color: currentColor;\r\n transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n }\r\n .btn-link:hover::after { width: 100%; }\r\n\r\n ::selection {\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n @keyframes subtlePulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(197, 160, 89, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n }\r\n .wa-pulse { animation: subtlePulse 2s infinite; }\r\n\r\n #nav-logo img {\r\n max-height: 45px !important;\r\n width: 100% !important;\r\n object-fit: contain !important;\r\n }\r\n #mobile-toggle {\r\n background: transparent !important;\r\n border: none !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .img-editorial {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 1.5s ease-out;\r\n }\r\n .img-container:hover .img-editorial {\r\n transform: scale(1.05);\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\">HOME<\/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 border-b border-current\">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\">Home<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Blog<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"text-4xl font-serif italic 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 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-[80vh] md:h-screen w-full overflow-hidden flex items-center justify-center\">\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\/2024\/06\/duarteviews-ALVAROFANY-15JUL23-post-BODA-66.jpg');\"><\/div>\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 mt-20\">\r\n <p class=\"text-xs md:text-sm tracking-[0.4em] mb-4 uppercase drop-shadow-md !text-white\" data-aos=\"fade-up\">Nuestra Filosof\u00eda<\/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 La Esencia <br> <span class=\"not-italic !text-white\">Del Recuerdo<\/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\">Descubrir<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"py-32 px-6 md:px-20 relative bg-stone-50\" id=\"historia\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-16 md:gap-24 items-center\">\r\n <div class=\"md:col-span-5 relative img-container overflow-hidden group cursor-none hoverable h-[60vh] md:h-[80vh]\" data-aos=\"fade-right\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/03\/DUARTEVIEWS-Imagen-26-10-scaled.jpg\" alt=\"Detalle Fotogr\u00e1fico\" class=\"img-editorial grayscale group-hover:grayscale-0 transition-all duration-[2s]\">\r\n <\/div>\r\n <div class=\"md:col-span-7\" data-aos=\"fade-left\" data-aos-delay=\"100\">\r\n <span class=\"text-xs uppercase tracking-widest text-gray-400 mb-6 block\">01 \u2014 El Origen<\/span>\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-serif text-black-rich leading-[1.1] mb-10\">\r\n Buscamos la luz <br>\r\n <span class=\"italic text-gray-400\">donde otros ven sombras.<\/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-6\">\r\n Duarte Views naci\u00f3 de una obsesi\u00f3n: tratar cada boda no como una lista de eventos por cumplir, sino como una pel\u00edcula de cine donde el amor es el protagonista absoluto. No somos partidarios de las poses forzadas ni de interrumpir la magia de lo espont\u00e1neo.\r\n <\/p>\r\n <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify\">\r\n Nuestra c\u00e1mara es un testigo silencioso. Capturamos la elegancia de la alta moda combinada con la honestidad cruda del fotoperiodismo. Para nosotros, una fotograf\u00eda exitosa es aquella que, veinte a\u00f1os despu\u00e9s, te hace sentir exactamente lo que sentiste en ese instante.\r\n <\/p>\r\n \r\n <div class=\"mt-12\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-lettras.png\" class=\"w-32 opacity-40 grayscale\" alt=\"Firma\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 px-6 md:px-20 relative bg-white border-t border-gray-200\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-16 md:gap-24 items-center\">\r\n \r\n <div class=\"md:col-span-6 order-2 md:order-1\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <span class=\"text-xs uppercase tracking-widest text-gray-400 mb-6 block\">02 \u2014 Los Creadores<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-serif text-black-rich leading-[1.1] mb-8\">\r\n Detr\u00e1s del <span class=\"italic text-gray-400\">Lente<\/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-6\">\r\n Con formaci\u00f3n en artes visuales y una pasi\u00f3n compartida por la est\u00e9tica cinematogr\u00e1fica, hemos dedicado nuestras vidas a observar. Observar c\u00f3mo la luz dibuja siluetas, c\u00f3mo una mirada fugaz cuenta toda una historia de amor, c\u00f3mo el nerviosismo se transforma en euforia.\r\n <\/p>\r\n <p class=\"font-sans font-light text-gray-600 leading-relaxed text-sm md:text-base text-justify\">\r\n Trabajamos en pareja desde la empat\u00eda y la discreci\u00f3n. Queremos que el d\u00eda de tu boda sea tuyo, no una sesi\u00f3n de fotos interminable. Somos el hilo invisible que tejer\u00e1 el legado visual de tu familia para las generaciones venideras.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-6 order-1 md:order-2 relative img-container overflow-hidden group cursor-none hoverable h-[70vh]\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/03\/DUARTEVIEWS-Imagen-26-12-scaled.jpg\" alt=\"Detr\u00e1s de la c\u00e1mara\" class=\"img-editorial grayscale group-hover:grayscale-0 transition-all duration-[2s]\">\r\n <div class=\"absolute bottom-6 left-6 text-white mix-blend-difference\">\r\n <p class=\"font-serif italic text-2xl\">Duarte Views<\/p>\r\n <p class=\"text-[10px] tracking-widest uppercase\">Directores Creativos<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 px-6 md:px-12 bg-stone-50\">\r\n <div class=\"max-w-[1600px] mx-auto\">\r\n <div class=\"text-center mb-24\" data-aos=\"fade-up\">\r\n <h3 class=\"text-4xl md:text-7xl font-serif italic text-black-rich mb-6\">Nuestro Enfoque<\/h3>\r\n <p class=\"text-sm tracking-widest uppercase text-gray-500\">Los 3 pilares de nuestro arte<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-16 md:gap-12\">\r\n <div class=\"group cursor-none hoverable text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"text-gold-muted text-4xl mb-8 font-serif italic\">I.<\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich mb-4 uppercase tracking-widest\">Conexi\u00f3n Real<\/h4>\r\n <div class=\"w-12 h-[1px] bg-gray-300 mx-auto mb-6 transition-all duration-500 group-hover:w-24 group-hover:bg-black\"><\/div>\r\n <p class=\"font-light text-gray-600 text-sm leading-relaxed\">\r\n Antes de ser tus fot\u00f3grafos, queremos entender qui\u00e9nes sois. La mejor fotograf\u00eda nace de la confianza mutua y la comodidad absoluta frente a la c\u00e1mara.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"group cursor-none hoverable text-center\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"text-gold-muted text-4xl mb-8 font-serif italic\">II.<\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich mb-4 uppercase tracking-widest\">Discreci\u00f3n<\/h4>\r\n <div class=\"w-12 h-[1px] bg-gray-300 mx-auto mb-6 transition-all duration-500 group-hover:w-24 group-hover:bg-black\"><\/div>\r\n <p class=\"font-light text-gray-600 text-sm leading-relaxed\">\r\n Pasamos desapercibidos. Nos mezclamos entre tus invitados para documentar las l\u00e1grimas verdaderas, las risas inesperadas y los abrazos sinceros sin alterarlos.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"group cursor-none hoverable text-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"text-gold-muted text-4xl mb-8 font-serif italic\">III.<\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich mb-4 uppercase tracking-widest\">Arte Editorial<\/h4>\r\n <div class=\"w-12 h-[1px] bg-gray-300 mx-auto mb-6 transition-all duration-500 group-hover:w-24 group-hover:bg-black\"><\/div>\r\n <p class=\"font-light text-gray-600 text-sm leading-relaxed\">\r\n Inspirados por las revistas de moda, curamos la luz, los \u00e1ngulos y la edici\u00f3n para entregar una colecci\u00f3n de im\u00e1genes que parecen sacadas de una pel\u00edcula.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 <div class=\"flex flex-wrap gap-x-8 gap-y-4 mt-4 text-xs tracking-[0.2em] font-medium text-white opacity-90\">\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col justify-between items-start md:items-end\">\r\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" alt=\"Duarte Views\" class=\"w-32 md:w-48 h-auto object-contain mb-16 md:mb-0 hoverable block\" style=\"max-height: 120px !important;\">\r\n \r\n <div class=\"flex flex-col justify-end items-start md:items-end space-y-6 mt-auto\">\r\n <div class=\"flex flex-wrap gap-6\">\r\n <a href=\"https:\/\/www.facebook.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n <i class=\"fab fa-facebook-f text-base\"><\/i> Facebook\r\n <\/a>\r\n <a href=\"https:\/\/x.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n <i class=\"fab fa-x-twitter text-base\"><\/i> X\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\r\n <i class=\"fab fa-instagram text-base\"><\/i> Instagram\r\n <\/a>\r\n <\/div>\r\n <div class=\"text-white opacity-70 text-[10px] uppercase tracking-widest text-right\">\r\n <p>© 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. INICIALIZACI\u00d3N 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. SCROLL SUAVE (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 smooth: true,\r\n });\r\n\r\n \/\/ 3. L\u00d3GICA DEL CURSOR\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. 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 \/\/ 5. EFECTO NAVBAR AL HACER SCROLL\r\n const navbar = document.getElementById('navbar');\r\n const logoImg = document.getElementById('logo-img');\r\n const menuButton = document.getElementById('mobile-toggle');\r\n const navLogo = document.getElementById('nav-logo');\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 menuButton.classList.replace('text-white', '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 menuButton.classList.replace('text-black-rich', 'text-white');\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>Nosotros | Duarte Views | Fotograf\u00eda de Bodas HOME BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Home Blog Bodas Sobre nosotros Contacto © 2026 DUARTE VIEWS Nuestra Filosof\u00eda La Esencia Del Recuerdo Descubrir 01 \u2014 El Origen Buscamos la luz donde otros ven sombras. Duarte Views naci\u00f3 de una obsesi\u00f3n: tratar cada boda no como una lista de eventos por cumplir, sino como una pel\u00edcula de cine donde el amor es el protagonista absoluto. No somos partidarios de las poses forzadas […]<\/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-11838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11838","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=11838"}],"version-history":[{"count":32,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11838\/revisions"}],"predecessor-version":[{"id":12677,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/11838\/revisions\/12677"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=11838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}