{"id":10035,"date":"2026-02-18T12:04:36","date_gmt":"2026-02-18T12:04:36","guid":{"rendered":"https:\/\/imagen.duarteviews.com\/?page_id=10035"},"modified":"2026-03-31T07:34:06","modified_gmt":"2026-03-31T07:34:06","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/duarteviews.com\/imagen\/contactanos\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10035\" class=\"elementor elementor-10035\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00981dd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"00981dd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-997e11c\" data-id=\"997e11c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-020bbe9 elementor-widget elementor-widget-html\" data-id=\"020bbe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contacto | Duarte Views - Agencia de Fotograf\u00eda Comercial<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Google Fonts: Fraunces (Expresiva\/Colorida) y Outfit (Moderna\/Limpia) -->\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=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Outfit:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n    <!-- AOS Animation -->\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'stone-50': '#FAF8F5', \/* Creamy warm white *\/\r\n                        'black-rich': '#0D1B2A', \/* Deep Navy instead of flat black *\/\r\n                        'accent-gold': '#C5A059',  \/* Elegant Muted Gold *\/\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Outfit', 'sans-serif'],\r\n                        serif: ['Fraunces', '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        \/* --- CREATIVE AGENCY TWEAKS --- *\/\r\n        body {\r\n            background-color: #FAF8F5;\r\n            cursor: none; \/* Hide default cursor *\/\r\n            overflow-x: hidden;\r\n            color: #0D1B2A;\r\n        }\r\n\r\n        \/* Custom Cursor - ELEGANT & GPU Accelerated *\/\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: #C5A059; \/* Muted Gold *\/\r\n            box-shadow: 0 0 10px rgba(197, 160, 89, 0.5);\r\n        }\r\n\r\n        .cursor-outline {\r\n            width: 44px;\r\n            height: 44px;\r\n            border: 1px solid rgba(197, 160, 89, 0.6); \/* Muted Gold *\/\r\n            transition: width 0.2s, height 0.2s, background-color 0.2s, border-color 0.2s;\r\n        }\r\n\r\n        \/* Hover state for cursor - Elegant bloom *\/\r\n        body.hovering .cursor-outline {\r\n            width: 70px;\r\n            height: 70px;\r\n            background-color: rgba(197, 160, 89, 0.1); \r\n            border-color: #C5A059;\r\n        }\r\n        body.hovering .cursor-dot {\r\n            background-color: #0D1B2A;\r\n        }\r\n        \r\n        \/* Cursor hide on inputs *\/\r\n        input:hover ~ .cursor-outline, textarea:hover ~ .cursor-outline {\r\n            display: none;\r\n        }\r\n        input, textarea {\r\n            cursor: text;\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.05;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='1' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n            background-repeat: repeat;\r\n            background-size: 200px 200px;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        \/* Smooth Scroll Setup (Lenis) *\/\r\n        html.lenis { height: auto; }\r\n        .lenis.lenis-smooth { scroll-behavior: auto; }\r\n        .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }\r\n        .lenis.lenis-stopped { overflow: hidden; }\r\n\r\n        \/* Button Hover Effect - Elegant *\/\r\n        .btn-link {\r\n            position: relative;\r\n            transition: color 0.3s ease;\r\n        }\r\n        .btn-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 2px;\r\n            bottom: -6px;\r\n            left: 0;\r\n            background-color: #C5A059;\r\n            transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        }\r\n        .btn-link:hover {\r\n            color: #C5A059;\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: #C5A059;\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 15px rgba(197, 160, 89, 0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n        }\r\n        .wa-pulse {\r\n            animation: subtlePulse 2s infinite;\r\n        }\r\n\r\n        \/* =========================================================================\r\n           BLINDAJE EXTREMO PARA WORDPRESS\/ELEMENTOR \r\n           ========================================================================= *\/\r\n        #nav-logo img {\r\n            max-height: 45px !important;\r\n            width: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n        #mobile-toggle {\r\n            background: transparent !important;\r\n            border: none !important;\r\n            padding: 0 !important;\r\n        }\r\n        #mobile-toggle.text-white { color: #ffffff !important; }\r\n        #mobile-toggle.text-black-rich { color: #0D1B2A !important; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n    <!-- Custom Cursor Elements -->\r\n    <div class=\"cursor-dot hidden md:block\"><\/div>\r\n    <div class=\"cursor-outline hidden md:block\"><\/div>\r\n\r\n    <!-- Film Grain -->\r\n    <div class=\"grain-overlay\"><\/div>\r\n\r\n    <!-- Navigation -->\r\n    <nav class=\"fixed w-full z-50 py-10 px-6 md:px-12 transition-all duration-500 text-white drop-shadow-md\" id=\"navbar\">\r\n        <div class=\"flex justify-between items-center relative w-full h-[40px] md:h-auto\">\r\n            \r\n            <!-- Left Desktop Menu -->\r\n            <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-semibold flex-1 justify-start\">\r\n                <a href=\"https:\/\/duarteviews.com\/imagen\/\" class=\"hoverable btn-link\">INICIO<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"hoverable btn-link\">PORTAFOLIO<\/a>\r\n            <\/div>\r\n\r\n            <!-- Logo Image -->\r\n            <a href=\"https:\/\/duarteviews.com\/imagen\/\" 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:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png\" alt=\"Duarte Views\" class=\"w-full h-auto object-contain transition-all duration-300\">\r\n            <\/a>\r\n\r\n            <!-- Right Desktop Menu -->\r\n            <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-semibold flex-1 justify-end\">\r\n                <a href=\"https:\/\/duarteviews.com\/imagen\/nosotros\/\" class=\"hoverable btn-link\">NOSOTROS<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/imagen\/insights\/\" class=\"hoverable btn-link ocultar\">BLOG<\/a>\r\n                <a href=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" class=\"hoverable btn-link text-accent-gold after:w-full\">CONTACTO<\/a>\r\n            <\/div>\r\n\r\n            <!-- Mobile Menu Toggle -->\r\n            <button class=\"md:hidden text-white hoverable z-50 text-xs font-bold uppercase tracking-widest absolute right-0\" id=\"mobile-toggle\">\r\n                Men\u00fa\r\n            <\/button>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Mobile Overlay Menu -->\r\n    <div id=\"mobile-menu\" class=\"fixed inset-0 bg-black-rich 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-stone-50\">\r\n        <div class=\"flex flex-col space-y-8 text-center\">\r\n            <a href=\"https:\/\/duarteviews.com\/imagen\/\" class=\"text-5xl font-serif italic hover:text-accent-gold transition-colors mobile-link\">Inicio<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"text-5xl font-serif italic hover:text-accent-gold transition-colors mobile-link\">Portafolio<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/imagen\/nosotros\/\" class=\"text-5xl font-serif italic hover:text-accent-gold transition-colors mobile-link\">Nosotros<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/imagen\/insights\/\" class=\"text-5xl font-serif italic hover:text-accent-gold transition-colors mobile-link ocultar\">Blog<\/a>\r\n            <a href=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" class=\"text-5xl font-serif italic text-accent-gold transition-colors mobile-link\">Contacto<\/a>\r\n        <\/div>\r\n        <div class=\"absolute bottom-10 text-xs tracking-widest text-gray-400 font-bold\">\r\n            &copy; 2026 DUARTE VIEWS\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- HEADER \/ HERO SECTION (Shortened for inner page) -->\r\n    <header class=\"relative h-[60vh] md:h-[70vh] w-full overflow-hidden flex items-center justify-center\">\r\n        <!-- Background Image (Moody Studio\/Camera Vibe) -->\r\n        <div class=\"absolute inset-0 bg-cover bg-center animate-zoom-fade\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?q=80&w=2000&auto=format&fit=crop');\"><\/div> \r\n\r\n        <!-- Overlay -->\r\n        <div class=\"absolute inset-0 bg-black-rich\/60 z-10\"><\/div>\r\n\r\n        <!-- Header Content -->\r\n        <div class=\"relative z-20 text-center text-white px-4 mt-20\">\r\n            <p class=\"text-xs md:text-sm font-bold tracking-[0.4em] mb-4 uppercase text-accent-gold drop-shadow-md\" data-aos=\"fade-up\">Trabajemos Juntos<\/p>\r\n            <h1 class=\"text-white text-5xl md:text-7xl lg:text-8xl font-serif italic leading-none drop-shadow-2xl\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Ponte en <span class=\"not-italic font-medium text-accent-gold\">Contacto<\/span>\r\n            <\/h1>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- CONTACT SECTION -->\r\n    <section class=\"py-24 md:py-32 px-6 md:px-12 bg-stone-50\" id=\"contact-area\">\r\n        <div class=\"max-w-[1400px] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-16 md:gap-24\">\r\n            \r\n            <!-- Info Column -->\r\n            <div class=\"flex flex-col justify-center\" data-aos=\"fade-right\">\r\n                <div>\r\n                    <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-serif italic text-black-rich leading-tight mb-8\">\r\n                        Cada gran imagen <br> comienza con <span class=\"text-accent-gold not-italic font-medium\">un mensaje.<\/span>\r\n                    <\/h2>\r\n                    <p class=\"font-sans font-light leading-relaxed text-base md:text-lg text-black-rich\/80 max-w-md text-justify mb-12\">\r\n                        Ya sea que busques renovar la imagen corporativa de tu empresa, destacar un producto gastron\u00f3mico o documentar un proceso industrial, estamos listos para materializar tu visi\u00f3n. El trato directo y personalizado es nuestro primer paso.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <span class=\"text-xs font-bold uppercase tracking-[0.2em] text-accent-gold block mb-2\">Ubicaci\u00f3n<\/span>\r\n                    <p class=\"text-lg font-sans font-light text-black-rich\">\r\n                        Estudio en Torrej\u00f3n de Ardoz<br>\r\n                        Madrid, Espa\u00f1a.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact Links Column (Replaces Form) -->\r\n            <div class=\"flex flex-col justify-center space-y-12 md:space-y-16 border-t lg:border-t-0 lg:border-l border-black-rich\/10 pt-12 lg:pt-0 lg:pl-16 relative\" data-aos=\"fade-left\" data-aos-delay=\"100\">\r\n                <!-- Decorative accent -->\r\n                <div class=\"hidden lg:block absolute top-1\/2 -left-[1px] -translate-y-1\/2 w-[2px] h-32 bg-accent-gold\"><\/div>\r\n\r\n                <!-- WhatsApp -->\r\n                <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"group hoverable block\">\r\n                    <span class=\"text-xs font-bold uppercase tracking-[0.2em] text-accent-gold block mb-4 transition-transform group-hover:translate-x-2 duration-300\">Respuesta Inmediata<\/span>\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <div class=\"w-16 h-16 rounded-full border border-black-rich\/20 flex items-center justify-center group-hover:bg-accent-gold group-hover:text-white group-hover:border-accent-gold transition-all duration-500 shadow-sm group-hover:shadow-lg shrink-0\">\r\n                            <i class=\"fab fa-whatsapp text-2xl group-hover:scale-110 transition-transform\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"text-4xl md:text-5xl lg:text-6xl font-serif italic text-black-rich group-hover:text-accent-gold transition-colors duration-300\">WhatsApp<\/h3>\r\n                            <p class=\"text-sm font-sans mt-2 text-black-rich\/60 group-hover:text-black-rich transition-colors\">+34 679 18 03 18<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- Email -->\r\n                <a href=\"mailto:info@duarteviews.com\" class=\"group hoverable block\">\r\n                    <span class=\"text-xs font-bold uppercase tracking-[0.2em] text-accent-gold block mb-4 transition-transform group-hover:translate-x-2 duration-300\">Consultas & Presupuestos<\/span>\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <div class=\"w-16 h-16 rounded-full border border-black-rich\/20 flex items-center justify-center group-hover:bg-accent-gold group-hover:text-white group-hover:border-accent-gold transition-all duration-500 shadow-sm group-hover:shadow-lg shrink-0\">\r\n                            <i class=\"far fa-envelope text-2xl group-hover:scale-110 transition-transform\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"text-3xl md:text-4xl lg:text-5xl font-serif text-black-rich group-hover:text-accent-gold transition-colors duration-300 break-all\">V\u00eda Email<\/h3>\r\n                            <p class=\"text-sm font-sans mt-2 text-black-rich\/60 group-hover:text-black-rich transition-colors break-all\">info@duarteviews.com<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- MAP \/ STUDIO IMAGE FULLWIDTH (Optional elegant divider) -->\r\n    <section class=\"w-full h-[40vh] md:h-[50vh] bg-black-rich relative overflow-hidden\">\r\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-4.jpg\" alt=\"Estudio de Fotograf\u00eda\" class=\"w-full h-full object-cover opacity-40 hover:scale-105 transition-transform duration-[10s]\">\r\n        <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\r\n            <h3 class=\"text-stone-50 text-3xl md:text-5xl font-serif italic tracking-wide opacity-80\">Capturando el mundo, un frame a la vez.<\/h3>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER (Deep Color & Elegant) -->\r\n    <footer id=\"footer\" class=\"bg-black-rich text-stone-50 !pt-32 !pb-32 md:!pt-48 md:!pb-48 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-white text-6xl md:text-8xl font-serif italic mb-8\">Demos Vida <br><span class=\"text-accent-gold not-italic font-medium\">A Tu Proyecto<\/span><\/h2>\r\n                <div class=\"flex flex-col gap-4 mb-10\">\r\n                    <a href=\"mailto:info@duarteviews.com\" class=\"text-xl md:text-2xl font-semibold border-b-2 border-gray-600 hover:border-accent-gold hover:text-accent-gold 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 font-semibold border-b-2 border-gray-600 hover:border-accent-gold hover:text-accent-gold transition-all pb-2 hoverable w-fit\">+34 679 18 03 18<\/a>\r\n                    <span class=\"text-sm md:text-base font-bold text-accent-gold tracking-widest uppercase mt-4\">Estudio en Torrej\u00f3n de Ardoz (Madrid)<\/span>\r\n                <\/div>\r\n                \r\n                <!-- Men\u00fa del Footer -->\r\n                <div class=\"flex flex-wrap gap-x-8 gap-y-4 mt-4 text-xs tracking-[0.2em] font-bold text-stone-50 opacity-80\">\r\n                    <a href=\"https:\/\/duarteviews.com\/imagen\/\" class=\"hoverable hover:text-accent-gold transition-colors\">INICIO<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"hoverable hover:text-accent-gold transition-colors\">PORTAFOLIO<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/imagen\/nosotros\/\" class=\"hoverable hover:text-accent-gold transition-colors\">NOSOTROS<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/imagen\/insights\/\" class=\"hoverable hover:text-accent-gold transition-colors ocultar\">BLOG<\/a>\r\n                    <a href=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" class=\"hoverable text-accent-gold transition-colors\">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:\/\/bodas.duarteviews.com\/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 font-bold uppercase tracking-widest text-stone-50 hover:text-accent-gold transition-colors\">\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 font-bold uppercase tracking-widest text-stone-50 hover:text-accent-gold transition-colors\">\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 font-bold uppercase tracking-widest text-stone-50 hover:text-accent-gold transition-colors\">\r\n                            <i class=\"fab fa-instagram text-base\"><\/i> Instagram\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"text-stone-50 opacity-50 text-[10px] uppercase tracking-widest text-right font-bold\">\r\n                        <p>&copy; 2026 Duarte Views Agencia de Fotograf\u00eda<\/p>\r\n                        <p class=\"mt-1\">Todos los derechos reservados.<\/p>\r\n                        <p class=\"mt-2 text-accent-gold\">Dise\u00f1ado con Pasi\u00f3n<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- STYLED FLOATING WHATSAPP BUTTON -->\r\n    <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"fixed bottom-8 right-8 z-[90] group hoverable\">\r\n        <span class=\"absolute right-full mr-4 top-1\/2 -translate-y-1\/2 text-white font-serif italic text-lg bg-black-rich 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\">\r\n            Solicitar Presupuesto\r\n        <\/span>\r\n        <div class=\"w-14 h-14 md:w-16 md:h-16 bg-black-rich text-white rounded-full flex items-center justify-center shadow-2xl transition-all duration-500 group-hover:bg-accent-gold group-hover:scale-110 border border-white\/20 wa-pulse\">\r\n            <i class=\"fab fa-whatsapp text-2xl md:text-3xl group-hover:rotate-12 transition-transform duration-500\"><\/i>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- SCRIPTS -->\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.29\/bundled\/lenis.min.js\"><\/script> \r\n\r\n    <script>\r\n        \/\/ 1. AOS INITIALIZATION\r\n        window.addEventListener('load', () => {\r\n            AOS.init({\r\n                once: true,\r\n                duration: 1000,\r\n                offset: 50,\r\n                easing: 'ease-out-cubic'\r\n            });\r\n        });\r\n\r\n        \/\/ 2. SMOOTH SCROLL (Lenis)\r\n        const lenis = new Lenis({\r\n            duration: 1.2,\r\n            easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \r\n            direction: 'vertical',\r\n            gestureDirection: 'vertical',\r\n            smooth: true,\r\n            mouseMultiplier: 1,\r\n            smoothTouch: false,\r\n            touchMultiplier: 2,\r\n        });\r\n\r\n        \/\/ 3. CUSTOM CURSOR LOGIC (FULLY OPTIMIZED FOR 60FPS)\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        \/\/ MERGED RAF LOOP: Lenis Scroll + Smooth Cursor\r\n        function raf(time) {\r\n            lenis.raf(time);\r\n            \r\n            \/\/ Cursor Interpolation Logic\r\n            outlineX += (mouseX - outlineX) * 0.25;\r\n            outlineY += (mouseY - outlineY) * 0.25;\r\n\r\n            \/\/ GPU Accelerated Transforms instead of Top\/Left recalculations\r\n            cursorDot.style.transform = `translate3d(calc(${mouseX}px - 50%), calc(${mouseY}px - 50%), 0)`;\r\n            cursorOutline.style.transform = `translate3d(calc(${outlineX}px - 50%), calc(${outlineY}px - 50%), 0)`;\r\n\r\n            requestAnimationFrame(raf);\r\n        }\r\n        requestAnimationFrame(raf);\r\n\r\n        \/\/ 4. MOBILE MENU\r\n        const mobileToggle = document.getElementById('mobile-toggle');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        const mobileLinks = document.querySelectorAll('.mobile-link');\r\n        let isMenuOpen = false;\r\n\r\n        mobileToggle.addEventListener('click', () => {\r\n            isMenuOpen = !isMenuOpen;\r\n            if (isMenuOpen) {\r\n                mobileMenu.classList.remove('translate-x-full');\r\n                mobileToggle.textContent = 'Cerrar';\r\n                lenis.stop();\r\n            } else {\r\n                mobileMenu.classList.add('translate-x-full');\r\n                mobileToggle.textContent = 'Men\u00fa';\r\n                lenis.start();\r\n            }\r\n        });\r\n\r\n        mobileLinks.forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                isMenuOpen = false;\r\n                mobileMenu.classList.add('translate-x-full');\r\n                mobileToggle.textContent = 'Men\u00fa';\r\n                lenis.start();\r\n            });\r\n        });\r\n\r\n        \/\/ 5. NAVBAR SCROLL EFFECT\r\n        const navbar = document.getElementById('navbar');\r\n        const logoText = document.getElementById('nav-logo');\r\n        const logoImg = document.getElementById('logo-img');\r\n        const menuButton = document.getElementById('mobile-toggle');\r\n        let isScrolled = false;\r\n\r\n        window.addEventListener('scroll', () => {\r\n            const currentScrolled = window.scrollY > 50;\r\n            if (currentScrolled !== isScrolled) {\r\n                isScrolled = currentScrolled;\r\n                if (isScrolled) {\r\n                    navbar.classList.remove('text-white', 'py-10', 'drop-shadow-md');\r\n                    navbar.classList.add('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\r\n                    logoText.classList.remove('text-white');\r\n                    logoText.classList.add('text-black-rich');\r\n                    menuButton.classList.remove('text-white');\r\n                    menuButton.classList.add('text-black-rich');\r\n                    logoImg.src = 'https:\/\/bodas.duarteviews.com\/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:\/\/bodas.duarteviews.com\/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>Contacto | Duarte Views &#8211; Agencia de Fotograf\u00eda Comercial INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto &copy; 2026 DUARTE VIEWS Trabajemos Juntos Ponte en Contacto Cada gran imagen comienza con un mensaje. Ya sea que busques renovar la imagen corporativa de tu empresa, destacar un producto gastron\u00f3mico o documentar un proceso industrial, estamos listos para materializar tu visi\u00f3n. El trato directo y personalizado es nuestro primer paso. Ubicaci\u00f3n Estudio en Torrej\u00f3n de Ardoz Madrid, Espa\u00f1a. Respuesta [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10035","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contacto - imagen duarteviews<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contacto - imagen duarteviews\" \/>\n<meta property=\"og:description\" content=\"Contacto | Duarte Views &#8211; Agencia de Fotograf\u00eda Comercial INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto &copy; 2026 DUARTE VIEWS Trabajemos Juntos Ponte en Contacto Cada gran imagen comienza con un mensaje. Ya sea que busques renovar la imagen corporativa de tu empresa, destacar un producto gastron\u00f3mico o documentar un proceso industrial, estamos listos para materializar tu visi\u00f3n. El trato directo y personalizado es nuestro primer paso. Ubicaci\u00f3n Estudio en Torrej\u00f3n de Ardoz Madrid, Espa\u00f1a. Respuesta [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" \/>\n<meta property=\"og:site_name\" content=\"imagen duarteviews\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/josemariaduartearaujo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T07:34:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@jmduarte_com\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/\",\"url\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/\",\"name\":\"Contacto - imagen duarteviews\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/imagen.duarteviews.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bodas.duarteviews.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-letras-blanco.png\",\"datePublished\":\"2026-02-18T12:04:36+00:00\",\"dateModified\":\"2026-03-31T07:34:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bodas.duarteviews.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-letras-blanco.png\",\"contentUrl\":\"https:\\\/\\\/bodas.duarteviews.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-letras-blanco.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/contactanos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contacto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/imagen.duarteviews.com\\\/#website\",\"url\":\"https:\\\/\\\/imagen.duarteviews.com\\\/\",\"name\":\"imagen duarteviews\",\"description\":\"IMAGEN\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/imagen.duarteviews.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contacto - imagen duarteviews","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/duarteviews.com\/imagen\/contactanos\/","og_locale":"es_ES","og_type":"article","og_title":"Contacto - imagen duarteviews","og_description":"Contacto | Duarte Views &#8211; Agencia de Fotograf\u00eda Comercial INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto &copy; 2026 DUARTE VIEWS Trabajemos Juntos Ponte en Contacto Cada gran imagen comienza con un mensaje. Ya sea que busques renovar la imagen corporativa de tu empresa, destacar un producto gastron\u00f3mico o documentar un proceso industrial, estamos listos para materializar tu visi\u00f3n. El trato directo y personalizado es nuestro primer paso. Ubicaci\u00f3n Estudio en Torrej\u00f3n de Ardoz Madrid, Espa\u00f1a. Respuesta [&hellip;]","og_url":"https:\/\/duarteviews.com\/imagen\/contactanos\/","og_site_name":"imagen duarteviews","article_publisher":"https:\/\/www.facebook.com\/josemariaduartearaujo","article_modified_time":"2026-03-31T07:34:06+00:00","og_image":[{"url":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@jmduarte_com","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/duarteviews.com\/imagen\/contactanos\/","url":"https:\/\/duarteviews.com\/imagen\/contactanos\/","name":"Contacto - imagen duarteviews","isPartOf":{"@id":"https:\/\/imagen.duarteviews.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/duarteviews.com\/imagen\/contactanos\/#primaryimage"},"image":{"@id":"https:\/\/duarteviews.com\/imagen\/contactanos\/#primaryimage"},"thumbnailUrl":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png","datePublished":"2026-02-18T12:04:36+00:00","dateModified":"2026-03-31T07:34:06+00:00","breadcrumb":{"@id":"https:\/\/duarteviews.com\/imagen\/contactanos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/duarteviews.com\/imagen\/contactanos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/duarteviews.com\/imagen\/contactanos\/#primaryimage","url":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png","contentUrl":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png"},{"@type":"BreadcrumbList","@id":"https:\/\/duarteviews.com\/imagen\/contactanos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/duarteviews.com\/imagen\/"},{"@type":"ListItem","position":2,"name":"Contacto"}]},{"@type":"WebSite","@id":"https:\/\/imagen.duarteviews.com\/#website","url":"https:\/\/imagen.duarteviews.com\/","name":"imagen duarteviews","description":"IMAGEN","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/imagen.duarteviews.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/comments?post=10035"}],"version-history":[{"count":38,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10035\/revisions"}],"predecessor-version":[{"id":10607,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10035\/revisions\/10607"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/media?parent=10035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}