{"id":10010,"date":"2026-02-18T11:53:12","date_gmt":"2026-02-18T11:53:12","guid":{"rendered":"https:\/\/imagen.duarteviews.com\/?page_id=10010"},"modified":"2026-03-31T07:23:30","modified_gmt":"2026-03-31T07:23:30","slug":"inicio-nuevo","status":"publish","type":"page","link":"https:\/\/duarteviews.com\/imagen\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\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\r\n \r\n\r\n \r\n\r\n Duarte Views | Agencia de Fotograf\u00eda Comercial<\/title>\r\n\r\n \r\n\r\n <!-- Tailwind CSS -->\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n \r\n\r\n <!-- Google Fonts: Fraunces (Expresiva\/Colorida) y Outfit (Moderna\/Limpia) -->\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\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 \r\n\r\n <!-- FontAwesome -->\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\r\n <!-- AOS Animation -->\r\n\r\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n\r\n\r\n <script>\r\n\r\n tailwind.config = {\r\n\r\n theme: {\r\n\r\n extend: {\r\n\r\n colors: {\r\n\r\n 'stone-50': '#FAF8F5', \/* Creamy warm white *\/\r\n\r\n 'black-rich': '#0D1B2A', \/* Deep Navy instead of flat black *\/\r\n\r\n 'accent-gold': '#C5A059', \/* Elegant Muted Gold *\/\r\n\r\n },\r\n\r\n fontFamily: {\r\n\r\n sans: ['Outfit', 'sans-serif'],\r\n\r\n serif: ['Fraunces', 'serif'],\r\n\r\n },\r\n\r\n animation: {\r\n\r\n 'spin-slow': 'spin 12s linear infinite',\r\n\r\n 'fade-in': 'fadeIn 1.5s ease-out forwards',\r\n\r\n 'zoom-fade': 'zoomFade 8s ease-out infinite alternate',\r\n\r\n 'marquee': 'marquee 40s linear infinite', \r\n\r\n },\r\n\r\n keyframes: {\r\n\r\n fadeIn: {\r\n\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n\r\n },\r\n\r\n zoomFade: {\r\n\r\n '0%': { transform: 'scale(1)' },\r\n\r\n '100%': { transform: 'scale(1.1)' },\r\n\r\n },\r\n\r\n marquee: { \r\n\r\n '0%': { transform: 'translate3d(0, 0, 0)' },\r\n\r\n '100%': { transform: 'translate3d(-50%, 0, 0)' },\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n <\/script>\r\n\r\n\r\n\r\n <style>\r\n\r\n \/* --- CREATIVE AGENCY TWEAKS --- *\/\r\n\r\n body {\r\n\r\n background-color: #FAF8F5;\r\n\r\n cursor: none; \/* Hide default cursor *\/\r\n\r\n overflow-x: hidden;\r\n\r\n color: #0D1B2A;\r\n\r\n }\r\n\r\n\r\n\r\n \/* Custom Cursor - ELEGANT & GPU Accelerated *\/\r\n\r\n .cursor-dot,\r\n\r\n .cursor-outline {\r\n\r\n position: fixed;\r\n\r\n top: 0;\r\n\r\n left: 0;\r\n\r\n border-radius: 50%;\r\n\r\n z-index: 9999;\r\n\r\n pointer-events: none;\r\n\r\n will-change: transform;\r\n\r\n transform: translateZ(0); \r\n\r\n }\r\n\r\n\r\n\r\n .cursor-dot {\r\n\r\n width: 8px;\r\n\r\n height: 8px;\r\n\r\n background-color: #C5A059; \/* Muted Gold *\/\r\n\r\n box-shadow: 0 0 10px rgba(197, 160, 89, 0.5);\r\n\r\n }\r\n\r\n\r\n\r\n .cursor-outline {\r\n\r\n width: 44px;\r\n\r\n height: 44px;\r\n\r\n border: 1px solid rgba(197, 160, 89, 0.6); \/* Muted Gold *\/\r\n\r\n transition: width 0.2s, height 0.2s, background-color 0.2s, border-color 0.2s;\r\n\r\n }\r\n\r\n\r\n\r\n \/* Hover state for cursor - Elegant bloom *\/\r\n\r\n body.hovering .cursor-outline {\r\n\r\n width: 70px;\r\n\r\n height: 70px;\r\n\r\n background-color: rgba(197, 160, 89, 0.1); \r\n\r\n border-color: #C5A059;\r\n\r\n }\r\n\r\n body.hovering .cursor-dot {\r\n\r\n background-color: #0D1B2A;\r\n\r\n }\r\n\r\n\r\n\r\n \/* Film Grain Overlay *\/\r\n\r\n .grain-overlay {\r\n\r\n position: fixed;\r\n\r\n top: 0;\r\n\r\n left: 0;\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n pointer-events: none;\r\n\r\n z-index: 9000;\r\n\r\n opacity: 0.05;\r\n\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\r\n background-repeat: repeat;\r\n\r\n background-size: 200px 200px;\r\n\r\n transform: translateZ(0);\r\n\r\n }\r\n\r\n\r\n\r\n \/* Smooth Scroll Setup (Lenis) *\/\r\n\r\n html.lenis { height: auto; }\r\n\r\n .lenis.lenis-smooth { scroll-behavior: auto; }\r\n\r\n .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }\r\n\r\n .lenis.lenis-stopped { overflow: hidden; }\r\n\r\n\r\n\r\n \/* Hero Slideshow *\/\r\n\r\n .hero-slide {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n opacity: 0;\r\n\r\n transition: opacity 1.5s ease-in-out, transform 8s ease;\r\n\r\n will-change: opacity, transform;\r\n\r\n }\r\n\r\n .hero-slide.active {\r\n\r\n opacity: 1;\r\n\r\n transform: scale(1.05);\r\n\r\n }\r\n\r\n\r\n\r\n \/* Button Hover Effect - Elegant *\/\r\n\r\n .btn-link {\r\n\r\n position: relative;\r\n\r\n transition: color 0.3s ease;\r\n\r\n }\r\n\r\n .btn-link::after {\r\n\r\n content: '';\r\n\r\n position: absolute;\r\n\r\n width: 0;\r\n\r\n height: 2px;\r\n\r\n bottom: -6px;\r\n\r\n left: 0;\r\n\r\n background-color: #C5A059;\r\n\r\n transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n\r\n }\r\n\r\n .btn-link:hover {\r\n\r\n color: #C5A059;\r\n\r\n }\r\n\r\n .btn-link:hover::after {\r\n\r\n width: 100%;\r\n\r\n }\r\n\r\n\r\n\r\n \/* Selection Color *\/\r\n\r\n ::selection {\r\n\r\n background: #C5A059;\r\n\r\n color: #fff;\r\n\r\n }\r\n\r\n\r\n\r\n \/* WhatsApp Pulsing Effect *\/\r\n\r\n @keyframes subtlePulse {\r\n\r\n 0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4); }\r\n\r\n 70% { box-shadow: 0 0 0 15px rgba(197, 160, 89, 0); }\r\n\r\n 100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n\r\n }\r\n\r\n .wa-pulse {\r\n\r\n animation: subtlePulse 2s infinite;\r\n\r\n }\r\n\r\n\r\n\r\n \/* =========================================================================\r\n\r\n BLINDAJE EXTREMO PARA WORDPRESS\/ELEMENTOR \r\n\r\n ========================================================================= *\/\r\n\r\n #nav-logo img {\r\n\r\n max-height: 45px !important;\r\n\r\n width: 100% !important;\r\n\r\n object-fit: contain !important;\r\n\r\n }\r\n\r\n #mobile-toggle {\r\n\r\n background: transparent !important;\r\n\r\n border: none !important;\r\n\r\n padding: 0 !important;\r\n\r\n }\r\n\r\n #mobile-toggle.text-white { color: #ffffff !important; }\r\n\r\n #mobile-toggle.text-black-rich { color: #0D1B2A !important; }\r\n\r\n\r\n\r\n .marquee-container {\r\n\r\n display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;\r\n\r\n align-items: center !important; width: max-content !important;\r\n\r\n will-change: transform; backface-visibility: hidden; transform: translateZ(0);\r\n\r\n }\r\n\r\n .marquee-set {\r\n\r\n display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;\r\n\r\n align-items: center !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important;\r\n\r\n }\r\n\r\n .marquee-item {\r\n\r\n flex: 0 0 auto !important; margin-right: 1.5rem !important; position: relative !important;\r\n\r\n overflow: hidden !important; display: block !important; box-sizing: border-box !important;\r\n\r\n height: 240px !important;\r\n\r\n }\r\n\r\n .marquee-item-landscape { width: 360px !important; }\r\n\r\n .marquee-item-portrait { width: 180px !important; }\r\n\r\n @media (min-width: 768px) {\r\n\r\n .marquee-item { height: 360px !important; margin-right: 2rem !important; }\r\n\r\n .marquee-item-landscape { width: 540px !important; }\r\n\r\n .marquee-item-portrait { width: 270px !important; }\r\n\r\n }\r\n\r\n .marquee-item img {\r\n\r\n position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important;\r\n\r\n height: 100% !important; max-width: none !important; min-width: 100% !important;\r\n\r\n min-height: 100% !important; object-fit: cover !important; object-position: center !important;\r\n\r\n margin: 0 !important; padding: 0 !important; border: none !important; display: block !important;\r\n\r\n background: transparent !important;\r\n\r\n }\r\n\r\n\r\n\r\n .bp-grid-container {\r\n\r\n position: relative !important; width: 100% !important; overflow: hidden !important; display: block !important;\r\n\r\n }\r\n\r\n .bp-portrait { padding-bottom: 133.33% !important; }\r\n\r\n .bp-landscape { padding-bottom: 75% !important; }\r\n\r\n .bp-grid-container img {\r\n\r\n position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important;\r\n\r\n height: 100% !important; max-width: none !important; object-fit: cover !important;\r\n\r\n margin: 0 !important; padding: 0 !important; border: none !important;\r\n\r\n }\r\n\r\n\r\n\r\n \/* BLINDAJE PARA IM\u00c1GENES DE JOURNAL\/BLOG *\/\r\n\r\n .journal-grid-container {\r\n\r\n position: relative !important; width: 100% !important; overflow: hidden !important; display: block !important;\r\n\r\n padding-bottom: 125% !important; \/* Mantiene el ratio 4:5 obligatoriamente *\/\r\n\r\n }\r\n\r\n .journal-grid-container img {\r\n\r\n position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important;\r\n\r\n height: 100% !important; max-width: none !important; min-width: 100% !important; min-height: 100% !important;\r\n\r\n object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: none !important; display: block !important;\r\n\r\n }\r\n\r\n \/* ========================================================================= *\/\r\n\r\n\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n<body class=\"antialiased\">\r\n\r\n\r\n\r\n <!-- Custom Cursor Elements -->\r\n\r\n <div class=\"cursor-dot hidden md:block\"><\/div>\r\n\r\n <div class=\"cursor-outline hidden md:block\"><\/div>\r\n\r\n\r\n\r\n <!-- Film Grain -->\r\n\r\n <div class=\"grain-overlay\"><\/div>\r\n\r\n\r\n\r\n <!-- Navigation -->\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\r\n <div class=\"flex justify-between items-center relative w-full h-[40px] md:h-auto\">\r\n\r\n \r\n\r\n <!-- Left Desktop Menu -->\r\n\r\n <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-semibold flex-1 justify-start\">\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/\" class=\"hoverable btn-link\">INICIO<\/a>\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"hoverable btn-link\">PORTAFOLIO<\/a>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- Logo Image -->\r\n\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\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\r\n <\/a>\r\n\r\n\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\/contactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\r\n <\/div>\r\n\r\n <!-- Mobile Menu Toggle -->\r\n\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\r\n Men\u00fa\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/nav>\r\n\r\n\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\/contactanos\/\" class=\"text-5xl font-serif italic hover: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\r\n © 2026 DUARTE VIEWS\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- HERO SECTION -->\r\n\r\n <header class=\"relative h-screen w-full overflow-hidden flex items-center justify-center\">\r\n\r\n <!-- Dynamic Slideshow Backgrounds (General Photography) -->\r\n\r\n <div class=\"hero-slide active\" style=\"background-image: url('https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-15.jpg');\"><\/div> \r\n\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-098.jpg');\"><\/div> \r\n\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-38.jpg');\"><\/div> \r\n\r\n\r\n\r\n <!-- Darker overlay to make text pop -->\r\n\r\n <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\r\n\r\n\r\n\r\n <!-- Hero Content -->\r\n\r\n <div class=\"relative z-20 text-center text-white px-4\">\r\n\r\n <p class=\"text-xs md:text-sm font-bold tracking-[0.4em] mb-6 uppercase text-accent-gold !text-accent-gold drop-shadow-md\" data-aos=\"fade-up\">Fotograf\u00eda Comercial & Corporativa<\/p>\r\n\r\n <h1 class=\"text-6xl md:text-8xl lg:text-9xl font-serif italic leading-none drop-shadow-2xl text-white !text-white\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n\r\n Impulsando <br> <span class=\"not-italic font-medium text-accent-gold !text-accent-gold\">Tu Marca<\/span>\r\n\r\n <\/h1>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- Scroll Indicator -->\r\n\r\n <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 z-20 text-white text-center\">\r\n\r\n <div class=\"w-[2px] h-16 bg-accent-gold mx-auto mb-4 animate-pulse\"><\/div>\r\n\r\n <span class=\"text-[10px] font-bold tracking-widest uppercase drop-shadow-md text-white !text-white\">Explorar<\/span>\r\n\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n\r\n\r\n <!-- INTRODUCTORY STATEMENT (Elegant Dark Background) -->\r\n\r\n <section class=\"py-32 px-6 md:px-20 relative bg-black-rich text-stone-50\" id=\"about\">\r\n\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-12 items-center\">\r\n\r\n <div class=\"md:col-span-7\" data-aos=\"fade-up\">\r\n\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-serif leading-[1.1] text-white !text-white\">\r\n\r\n No hacemos fotos, <br>\r\n\r\n <span class=\"italic text-accent-gold !text-accent-gold\">construimos<\/span> el legado visual de tu marca.\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"md:col-span-5 relative mt-10 md:mt-0\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n\r\n <p class=\"font-sans font-light leading-relaxed text-sm md:text-lg text-justify opacity-90 text-white !text-white\">\r\n\r\n En Duarte Views transformamos conceptos en im\u00e1genes de alto impacto. Desde la precisi\u00f3n t\u00e9cnica de la <strong>fotograf\u00eda industrial<\/strong> y <strong>motor<\/strong>, hasta la elegancia <strong>corporativa<\/strong> y el apetitoso mundo de la <strong>gastronom\u00eda<\/strong>. Dominamos la luz para contar tu historia con un enfoque cinematogr\u00e1fico y editorial.\r\n\r\n <\/p>\r\n\r\n <div class=\"mt-10\">\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/nosotros\/\" class=\"text-xs font-bold uppercase tracking-[0.2em] text-accent-gold border-b-2 border-accent-gold pb-1 hover:text-white hover:border-white transition-colors hoverable\">Sobre Nosotros<\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- INFINITE MARQUEE (Restaurado con las nuevas im\u00e1genes) -->\r\n\r\n <div class=\"py-8 bg-stone-50 overflow-hidden\" style=\"display: block !important;\">\r\n\r\n <div class=\"marquee-container animate-marquee hover:[animation-play-state:paused]\">\r\n\r\n <!-- Set 1 -->\r\n\r\n <div class=\"marquee-set\">\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-12.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-028.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2025\/06\/ADVENTURE-bdeviajeros-214.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-24.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-57.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-46.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JMDUARTE-motosdeaguamadridoct20-14.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JMDUARTE-JUAN-PALOCHINO-POLE-SPORT-NOV20-55.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-DUARTE-135.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Set 2 (Identical duplicate for seamless loop) -->\r\n\r\n <div class=\"marquee-set\">\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-12.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-028.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2025\/06\/ADVENTURE-bdeviajeros-214.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-24.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-57.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-Duarte-TUNEZ-2012-REEDICION-SEP21-46.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JMDUARTE-motosdeaguamadridoct20-14.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-portrait hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JMDUARTE-JUAN-PALOCHINO-POLE-SPORT-NOV20-55.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <div class=\"marquee-item marquee-item-landscape hoverable\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-DUARTE-135.jpg\" class=\"brightness-90 hover:brightness-110 transition-[filter] duration-700\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- CURATED PORTFOLIO (Categorized & Elegant) -->\r\n\r\n <section id=\"portfolio\" class=\"py-32 px-4 md:px-12 bg-stone-50\">\r\n\r\n <div class=\"max-w-[1600px] mx-auto\">\r\n\r\n <div class=\"mb-24 border-b-2 border-black-rich\/10 pb-8\">\r\n\r\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-6 md:mb-8\">\r\n\r\n <h3 class=\"text-5xl md:text-8xl font-serif italic text-black-rich\">Proyectos Destacados<\/h3>\r\n\r\n <span class=\"text-xs font-bold uppercase tracking-widest text-accent-gold mt-4 md:mt-0\">\u00c1reas de Especialidad<\/span>\r\n\r\n <\/div>\r\n\r\n <p class=\"font-sans font-light leading-relaxed text-sm md:text-lg text-gray-700 max-w-3xl opacity-90\">\r\n\r\n Explora nuestra selecci\u00f3n de proyectos. Cada imagen es el resultado de un meticuloso trabajo de iluminaci\u00f3n, composici\u00f3n y narrativa visual, dise\u00f1ado estrat\u00e9gicamente para elevar la comunicaci\u00f3n corporativa y comercial de tu marca.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- Grid -->\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-24 gap-x-12\">\r\n\r\n \r\n\r\n <!-- Proyecto 1: Navantia -->\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/navantia\" class=\"group cursor-none hoverable block\" data-aos=\"fade-up\">\r\n\r\n <div class=\"bp-grid-container bp-portrait mb-6 overflow-hidden\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-12-770x770.jpg\" class=\"transition-transform duration-[1.5s] ease-in-out group-hover:scale-105 group-hover:rotate-1\">\r\n\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/20 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"flex justify-between items-start\">\r\n\r\n <div>\r\n\r\n <h4 class=\"text-3xl font-serif italic group-hover:text-accent-gold transition-colors duration-500\">Navantia<\/h4>\r\n\r\n <\/div>\r\n\r\n <span class=\"text-xs font-bold border-2 rounded-full px-3 py-1 border-gray-300 text-gray-400 group-hover:border-accent-gold group-hover:text-accent-gold transition-colors\">01<\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- Proyecto 2: Granilouro -->\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/granilouro\" class=\"group cursor-none hoverable block md:mt-32\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n\r\n <div class=\"bp-grid-container bp-portrait mb-6 overflow-hidden\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JM-DUARTE-25-770x770.jpg\" class=\"transition-transform duration-[1.5s] ease-in-out group-hover:scale-105 group-hover:-rotate-1\">\r\n\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/20 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"flex justify-between items-start\">\r\n\r\n <div>\r\n\r\n <h4 class=\"text-3xl font-serif italic group-hover:text-accent-gold transition-colors duration-500\">Granilouro<\/h4>\r\n\r\n <\/div>\r\n\r\n <span class=\"text-xs font-bold border-2 rounded-full px-3 py-1 border-gray-300 text-gray-400 group-hover:border-accent-gold group-hover:text-accent-gold transition-colors\">02<\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- Proyecto 3: Fundaci\u00f3n conocimiento -->\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/fundacion-conocimiento\" class=\"group cursor-none hoverable block\" data-aos=\"fade-up\">\r\n\r\n <div class=\"bp-grid-container bp-landscape mb-6 overflow-hidden\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/JMDuarte-162-1-770x770.jpg\" class=\"transition-transform duration-[1.5s] ease-in-out group-hover:scale-105 group-hover:rotate-1\">\r\n\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/20 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"flex justify-between items-start\">\r\n\r\n <div>\r\n\r\n <h4 class=\"text-3xl font-serif italic group-hover:text-accent-gold transition-colors duration-500\">Fundaci\u00f3n conocimiento<\/h4>\r\n\r\n <\/div>\r\n\r\n <span class=\"text-xs font-bold border-2 rounded-full px-3 py-1 border-gray-300 text-gray-400 group-hover:border-accent-gold group-hover:text-accent-gold transition-colors\">03<\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- Proyecto 4: Harley Davidson -->\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/harley-davidson\" class=\"group cursor-none hoverable block md:mt-16\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n\r\n <div class=\"bp-grid-container bp-portrait mb-6 overflow-hidden\">\r\n\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/duarteviews-060-770x770.jpg\" class=\"transition-transform duration-[1.5s] ease-in-out group-hover:scale-105 group-hover:-rotate-1\">\r\n\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/20 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"flex justify-between items-start\">\r\n\r\n <div>\r\n\r\n <h4 class=\"text-3xl font-serif italic group-hover:text-accent-gold transition-colors duration-500\">Harley Davidson<\/h4>\r\n\r\n <\/div>\r\n\r\n <span class=\"text-xs font-bold border-2 rounded-full px-3 py-1 border-gray-300 text-gray-400 group-hover:border-accent-gold group-hover:text-accent-gold transition-colors\">04<\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"text-center mt-32\">\r\n\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"inline-block text-sm font-bold uppercase tracking-[0.3em] bg-black-rich text-stone-50 border-2 border-black-rich px-12 py-4 hover:bg-transparent hover:text-black-rich transition-all duration-500 hoverable shadow-xl hover:shadow-none\">\r\n\r\n Ver Archivo Completo\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- TESTIMONIAL (Elegant Dark Overlay) -->\r\n\r\n <section class=\"py-32 text-stone-50 relative overflow-hidden bg-cover bg-center bg-fixed\" style=\"background-image: url('https:\/\/duarteviews.com\/imagen\/wp-content\/uploads\/2026\/01\/DuarteView-Hnos.GALLEGOS-MARZO21-28.jpg');\">\r\n\r\n \r\n\r\n <!-- Elegant Gradient Overlay -->\r\n\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black-rich\/95 via-black-rich\/80 to-black-rich\/90 z-0\"><\/div>\r\n\r\n\r\n\r\n <div class=\"container mx-auto px-6 relative z-20 text-center\" data-aos=\"zoom-in\">\r\n\r\n <div class=\"w-20 h-20 mx-auto mb-12 border-2 border-accent-gold text-accent-gold rounded-full flex items-center justify-center bg-transparent\">\r\n\r\n <i class=\"fas fa-quote-left text-2xl\"><\/i>\r\n\r\n <\/div>\r\n\r\n <p class=\"text-2xl md:text-5xl font-serif font-light leading-snug max-w-4xl mx-auto italic drop-shadow-md\">\r\n\r\n \"La capacidad de Duarte Views para capturar la esencia de nuestra marca es inigualable. Sus im\u00e1genes no solo documentan, sino que elevan por completo nuestra comunicaci\u00f3n corporativa.\"\r\n\r\n <\/p>\r\n\r\n <div class=\"mt-12 flex flex-col items-center gap-2\">\r\n\r\n <span class=\"text-xs font-bold uppercase tracking-[0.2em] text-accent-gold\">Grupo Inversor & Motor S.A.<\/span>\r\n\r\n <span class=\"text-[10px] opacity-70 uppercase font-semibold\">Madrid, Espa\u00f1a<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- FOOTER (Deep Color & Elegant) -->\r\n\r\n <footer id=\"contact\" class=\"bg-black-rich text-stone-50 pt-32 pb-12 px-6 w-full block\">\r\n\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-stretch\">\r\n\r\n \r\n\r\n <div class=\"mb-16 md:mb-0 flex flex-col justify-end items-start\">\r\n\r\n <h2 class=\"text-6xl md:text-8xl font-serif italic mb-8 text-white !text-white\">Demos Vida <br><span class=\"text-accent-gold !text-accent-gold not-italic font-medium\">A Tu Proyecto<\/span><\/h2>\r\n\r\n <div class=\"flex flex-col gap-4 mb-10\">\r\n\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\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\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\r\n <\/div>\r\n\r\n \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\/contactanos\/\" class=\"hoverable hover: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\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 \r\n\r\n <div class=\"flex flex-col justify-end items-start md:items-end space-y-6 mt-auto\">\r\n\r\n <div class=\"flex flex-wrap gap-6\">\r\n\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\r\n <i class=\"fab fa-facebook-f text-base\"><\/i> Facebook\r\n\r\n <\/a>\r\n\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\r\n <i class=\"fab fa-x-twitter text-base\"><\/i> X\r\n\r\n <\/a>\r\n\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\r\n <i class=\"fab fa-instagram text-base\"><\/i> Instagram\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"text-stone-50 opacity-50 text-[10px] uppercase tracking-widest text-right font-bold\">\r\n\r\n <p>© 2026 Duarte Views Agencia de Fotograf\u00eda<\/p>\r\n\r\n <p class=\"mt-1\">Todos los derechos reservados.<\/p>\r\n\r\n <p class=\"mt-2 text-accent-gold\">Dise\u00f1ado con Pasi\u00f3n<\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/footer>\r\n\r\n\r\n\r\n <!-- STYLED FLOATING WHATSAPP BUTTON -->\r\n\r\n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"fixed bottom-8 right-8 z-[90] group hoverable\">\r\n\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\r\n Solicitar Presupuesto\r\n\r\n <\/span>\r\n\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\r\n <i class=\"fab fa-whatsapp text-2xl md:text-3xl group-hover:rotate-12 transition-transform duration-500\"><\/i>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- SCRIPTS -->\r\n\r\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.29\/bundled\/lenis.min.js\"><\/script> \r\n\r\n\r\n\r\n <script>\r\n\r\n \/\/ 1. AOS INITIALIZATION\r\n\r\n window.addEventListener('load', () => {\r\n\r\n AOS.init({\r\n\r\n once: true,\r\n\r\n duration: 1000,\r\n\r\n offset: 50,\r\n\r\n easing: 'ease-out-cubic'\r\n\r\n });\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ 2. SMOOTH SCROLL (Lenis)\r\n\r\n const lenis = new Lenis({\r\n\r\n duration: 1.2,\r\n\r\n easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \r\n\r\n direction: 'vertical',\r\n\r\n gestureDirection: 'vertical',\r\n\r\n smooth: true,\r\n\r\n mouseMultiplier: 1,\r\n\r\n smoothTouch: false,\r\n\r\n touchMultiplier: 2,\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ 3. CUSTOM CURSOR LOGIC (FULLY OPTIMIZED FOR 60FPS)\r\n\r\n const cursorDot = document.querySelector('.cursor-dot');\r\n\r\n const cursorOutline = document.querySelector('.cursor-outline');\r\n\r\n \r\n\r\n let mouseX = -100;\r\n\r\n let mouseY = -100;\r\n\r\n let outlineX = -100;\r\n\r\n let outlineY = -100;\r\n\r\n\r\n\r\n window.addEventListener('mousemove', (e) => {\r\n\r\n mouseX = e.clientX;\r\n\r\n mouseY = e.clientY;\r\n\r\n });\r\n\r\n\r\n\r\n const updateHoverables = () => {\r\n\r\n const hoverables = document.querySelectorAll('.hoverable');\r\n\r\n hoverables.forEach(el => {\r\n\r\n el.addEventListener('mouseenter', () => document.body.classList.add('hovering'));\r\n\r\n el.addEventListener('mouseleave', () => document.body.classList.remove('hovering'));\r\n\r\n });\r\n\r\n };\r\n\r\n updateHoverables();\r\n\r\n\r\n\r\n \/\/ MERGED RAF LOOP: Lenis Scroll + Smooth Cursor\r\n\r\n function raf(time) {\r\n\r\n lenis.raf(time);\r\n\r\n \r\n\r\n \/\/ Cursor Interpolation Logic\r\n\r\n outlineX += (mouseX - outlineX) * 0.25;\r\n\r\n outlineY += (mouseY - outlineY) * 0.25;\r\n\r\n\r\n\r\n \/\/ GPU Accelerated Transforms instead of Top\/Left recalculations\r\n\r\n cursorDot.style.transform = `translate3d(calc(${mouseX}px - 50%), calc(${mouseY}px - 50%), 0)`;\r\n\r\n cursorOutline.style.transform = `translate3d(calc(${outlineX}px - 50%), calc(${outlineY}px - 50%), 0)`;\r\n\r\n\r\n\r\n requestAnimationFrame(raf);\r\n\r\n }\r\n\r\n requestAnimationFrame(raf);\r\n\r\n\r\n\r\n \/\/ 4. HERO SLIDESHOW\r\n\r\n const slides = document.querySelectorAll('.hero-slide');\r\n\r\n let currentSlide = 0;\r\n\r\n setInterval(() => {\r\n\r\n slides[currentSlide].classList.remove('active');\r\n\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n\r\n slides[currentSlide].classList.add('active');\r\n\r\n }, 5000);\r\n\r\n\r\n\r\n \/\/ 5. MOBILE MENU\r\n\r\n const mobileToggle = document.getElementById('mobile-toggle');\r\n\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n let isMenuOpen = false;\r\n\r\n\r\n\r\n mobileToggle.addEventListener('click', () => {\r\n\r\n isMenuOpen = !isMenuOpen;\r\n\r\n if (isMenuOpen) {\r\n\r\n mobileMenu.classList.remove('translate-x-full');\r\n\r\n mobileToggle.textContent = 'Cerrar';\r\n\r\n lenis.stop();\r\n\r\n } else {\r\n\r\n mobileMenu.classList.add('translate-x-full');\r\n\r\n mobileToggle.textContent = 'Men\u00fa';\r\n\r\n lenis.start();\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n\r\n mobileLinks.forEach(link => {\r\n\r\n link.addEventListener('click', () => {\r\n\r\n isMenuOpen = false;\r\n\r\n mobileMenu.classList.add('translate-x-full');\r\n\r\n mobileToggle.textContent = 'Men\u00fa';\r\n\r\n lenis.start();\r\n\r\n });\r\n\r\n });\r\n\r\n\r\n\r\n \/\/ 6. NAVBAR SCROLL EFFECT\r\n\r\n const navbar = document.getElementById('navbar');\r\n\r\n const logoText = document.getElementById('nav-logo');\r\n\r\n const logoImg = document.getElementById('logo-img');\r\n\r\n const menuButton = document.getElementById('mobile-toggle');\r\n\r\n let isScrolled = false;\r\n\r\n\r\n\r\n window.addEventListener('scroll', () => {\r\n\r\n const currentScrolled = window.scrollY > 50;\r\n\r\n if (currentScrolled !== isScrolled) {\r\n\r\n isScrolled = currentScrolled;\r\n\r\n if (isScrolled) {\r\n\r\n navbar.classList.remove('text-white', 'py-10', 'drop-shadow-md');\r\n\r\n navbar.classList.add('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\r\n\r\n logoText.classList.remove('text-white');\r\n\r\n logoText.classList.add('text-black-rich');\r\n\r\n menuButton.classList.remove('text-white');\r\n\r\n menuButton.classList.add('text-black-rich');\r\n\r\n \/\/ Ensure you point to your black-text logo version here\r\n\r\n logoImg.src = 'https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-lettras.png';\r\n\r\n } else {\r\n\r\n navbar.classList.add('text-white', 'py-10', 'drop-shadow-md');\r\n\r\n navbar.classList.remove('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\r\n\r\n logoText.classList.add('text-white');\r\n\r\n logoText.classList.remove('text-black-rich');\r\n\r\n menuButton.classList.add('text-white');\r\n\r\n menuButton.classList.remove('text-black-rich');\r\n\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 }\r\n\r\n });\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n\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 | Agencia de Fotograf\u00eda Comercial INICIO PORTAFOLIO NOSOTROS CONTACTO Men\u00fa Inicio Portafolio Nosotros Contacto © 2026 DUARTE VIEWS Fotograf\u00eda Comercial & Corporativa Impulsando Tu Marca Explorar No hacemos fotos, construimos el legado visual de tu marca. En Duarte Views transformamos conceptos en im\u00e1genes de alto impacto. Desde la precisi\u00f3n t\u00e9cnica de la fotograf\u00eda industrial y motor, hasta la elegancia corporativa y el apetitoso mundo de la gastronom\u00eda. Dominamos la luz para contar tu historia con un enfoque cinematogr\u00e1fico […]<\/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-10010","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>Inicio - 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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inicio - imagen duarteviews\" \/>\n<meta property=\"og:description\" content=\"Duarte Views | Agencia de Fotograf\u00eda Comercial INICIO PORTAFOLIO NOSOTROS CONTACTO Men\u00fa Inicio Portafolio Nosotros Contacto © 2026 DUARTE VIEWS Fotograf\u00eda Comercial & Corporativa Impulsando Tu Marca Explorar No hacemos fotos, construimos el legado visual de tu marca. En Duarte Views transformamos conceptos en im\u00e1genes de alto impacto. Desde la precisi\u00f3n t\u00e9cnica de la fotograf\u00eda industrial y motor, hasta la elegancia corporativa y el apetitoso mundo de la gastronom\u00eda. Dominamos la luz para contar tu historia con un enfoque cinematogr\u00e1fico […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/duarteviews.com\/imagen\/\" \/>\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:23:30+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=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\",\"url\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\",\"name\":\"Inicio - imagen duarteviews\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/imagen.duarteviews.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bodas.duarteviews.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-letras-blanco.png\",\"datePublished\":\"2026-02-18T11:53:12+00:00\",\"dateModified\":\"2026-03-31T07:23:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/#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\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@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":"Inicio - 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\/","og_locale":"es_ES","og_type":"article","og_title":"Inicio - imagen duarteviews","og_description":"Duarte Views | Agencia de Fotograf\u00eda Comercial INICIO PORTAFOLIO NOSOTROS CONTACTO Men\u00fa Inicio Portafolio Nosotros Contacto © 2026 DUARTE VIEWS Fotograf\u00eda Comercial & Corporativa Impulsando Tu Marca Explorar No hacemos fotos, construimos el legado visual de tu marca. En Duarte Views transformamos conceptos en im\u00e1genes de alto impacto. Desde la precisi\u00f3n t\u00e9cnica de la fotograf\u00eda industrial y motor, hasta la elegancia corporativa y el apetitoso mundo de la gastronom\u00eda. Dominamos la luz para contar tu historia con un enfoque cinematogr\u00e1fico […]","og_url":"https:\/\/duarteviews.com\/imagen\/","og_site_name":"imagen duarteviews","article_publisher":"https:\/\/www.facebook.com\/josemariaduartearaujo","article_modified_time":"2026-03-31T07:23:30+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":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/duarteviews.com\/imagen\/","url":"https:\/\/duarteviews.com\/imagen\/","name":"Inicio - imagen duarteviews","isPartOf":{"@id":"https:\/\/imagen.duarteviews.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/duarteviews.com\/imagen\/#primaryimage"},"image":{"@id":"https:\/\/duarteviews.com\/imagen\/#primaryimage"},"thumbnailUrl":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png","datePublished":"2026-02-18T11:53:12+00:00","dateModified":"2026-03-31T07:23:30+00:00","breadcrumb":{"@id":"https:\/\/duarteviews.com\/imagen\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/duarteviews.com\/imagen\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/duarteviews.com\/imagen\/#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\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/duarteviews.com\/imagen\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@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\/10010","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=10010"}],"version-history":[{"count":86,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10010\/revisions"}],"predecessor-version":[{"id":10592,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10010\/revisions\/10592"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/media?parent=10010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}