Insights & Diario | Duarte Views<\/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=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 <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': '#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 'marquee': 'marquee 40s linear infinite', \r\n },\r\n keyframes: {\r\n fadeIn: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n },\r\n zoomFade: {\r\n '0%': { transform: 'scale(1)' },\r\n '100%': { transform: 'scale(1.1)' },\r\n },\r\n marquee: { \r\n '0%': { transform: 'translate3d(0, 0, 0)' },\r\n '100%': { transform: 'translate3d(-50%, 0, 0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* --- 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 \/* 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 \/* Helpers for AJAX Filtering *\/\r\n .is-hidden { display: none !important; }\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 \/* ========================================================================= *\/\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-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 \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 \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 text-accent-gold after:w-full\">BLOG<\/a> \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/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 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 \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 text-accent-gold transition-colors mobile-link\">Blog<\/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 © 2026 DUARTE VIEWS\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"relative h-[60vh] w-full overflow-hidden flex items-center justify-center bg-black-rich\">\r\n \r\n <div class=\"absolute inset-0 bg-cover bg-center opacity-70 transform scale-105\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1452587925148-ce544e77e70d?q=80&w=2000&auto=format&fit=crop'); filter: grayscale(30%);\"><\/div> \r\n \r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black-rich via-black-rich\/60 to-transparent z-10\"><\/div>\r\n\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 font-bold tracking-[0.4em] mb-4 uppercase text-accent-gold drop-shadow-md\" data-aos=\"fade-up\">Nuestro Diario<\/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 Insights & <span class=\"not-italic font-medium text-accent-gold\">Perspectivas<\/span>\r\n <\/h1>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"py-20 px-6 md:px-12 bg-stone-50\" id=\"blog-content\">\r\n <div class=\"max-w-[1600px] mx-auto\">\r\n \r\n \r\n <div class=\"flex flex-wrap gap-6 justify-center md:justify-start items-center mb-16 border-b border-black-rich\/10 pb-6 text-[10px] md:text-xs font-bold uppercase tracking-[0.2em] text-black-rich\/50\" data-aos=\"fade-up\">\r\n <button data-filter=\"todos\" class=\"filter-btn text-accent-gold border-b-2 border-accent-gold pb-1 hoverable transition-colors\">Todos<\/button>\r\n <button data-filter=\"industrial\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Industrial<\/button>\r\n <button data-filter=\"corporativo\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Corporativo<\/button>\r\n <button data-filter=\"comercial\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Comercial<\/button>\r\n <button data-filter=\"gastronomia\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Gastronom\u00eda<\/button>\r\n <button data-filter=\"detras-de-escena\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Detr\u00e1s de Escena<\/button>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable grid grid-cols-1 lg:grid-cols-12 gap-10 items-center mb-24\" data-category=\"comercial\" data-aos=\"fade-up\">\r\n <div class=\"lg:col-span-8 overflow-hidden aspect-video relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2.5s] ease-in-out group-hover:scale-105\" alt=\"Fotograf\u00eda Comercial Automotriz\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-4 flex flex-col justify-center\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-white bg-accent-gold px-2 py-1\">Destacado<\/span>\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-gray-500\">Comercial & Motor<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-serif text-black-rich group-hover:italic transition-all duration-300 leading-tight mb-6\">El arte de capturar la velocidad en la fotograf\u00eda automotriz<\/h2>\r\n <p class=\"font-sans font-light text-black-rich\/70 mb-8 line-clamp-3\">\r\n Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica.\r\n <\/p>\r\n <div class=\"flex items-center\">\r\n <span class=\"text-xs font-bold uppercase tracking-widest text-black-rich mr-4 border-b border-black-rich pb-1 group-hover:text-accent-gold group-hover:border-accent-gold transition-colors\">Leer Art\u00edculo Completo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 md:gap-y-20\">\r\n \r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"industrial\" data-aos=\"fade-up\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Fotograf\u00eda Industrial\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Industrial<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">12 Mar 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">Iluminando espacios industriales: Retos y Soluciones<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Descubre c\u00f3mo domamos la luz en naves de m\u00e1s de 5,000 metros cuadrados sin perder la textura del acero y la maquinaria pesada.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"gastronomia\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Gastronom\u00eda\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Gastronom\u00eda<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">05 Mar 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">Psicolog\u00eda del color en la fotograf\u00eda de alimentos<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Por qu\u00e9 un fondo oscuro hace que tu platillo luzca m\u00e1s premium y c\u00f3mo aplicamos la teor\u00eda del color en nuestras sesiones gastron\u00f3micas.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"corporativo\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Corporativo\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Corporativo<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">28 Feb 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">Transmitiendo liderazgo a trav\u00e9s del retrato editorial<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">M\u00e1s all\u00e1 del tradicional fondo blanco. C\u00f3mo construimos retratos ejecutivos que comunican confianza, visi\u00f3n y autoridad contempor\u00e1nea.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"detras-de-escena\" data-aos=\"fade-up\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Detr\u00e1s de Escena\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Detr\u00e1s de Escena<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">15 Feb 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">La importancia de la direcci\u00f3n de arte en campa\u00f1as publicitarias<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Una gran foto comienza antes de encender la c\u00e1mara. Hablamos de props, estilismo y conceptualizaci\u00f3n en nuestro \u00faltimo shoot.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"gastronomia\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Gastronom\u00eda & Salud\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Gastronom\u00eda<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">02 Feb 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">5 claves para preparar tu restaurante para una sesi\u00f3n de fotos<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Una gu\u00eda pr\u00e1ctica para chefs y gerentes sobre c\u00f3mo optimizar el tiempo, preparar los ingredientes y obtener los mejores resultados visuales.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"corporativo\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Corporativo y Arquitectura\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Corporativo<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">20 Ene 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">La arquitectura de tu oficina como herramienta de Employer Branding<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Fotografiar espacios de trabajo no es solo mostrar mesas y sillas, es capturar la cultura de la empresa para atraer al mejor talento.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"pagination-container\" class=\"mt-24 flex justify-center items-center gap-4 text-xs font-bold font-sans\" data-aos=\"fade-up\">\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer id=\"contact\" class=\"bg-black-rich text-stone-50 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-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-white 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-white 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 \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=\"text-white hoverable hover:text-accent-gold transition-colors\">INICIO<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"text-white hoverable hover:text-accent-gold transition-colors\">PORTAFOLIO<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/nosotros\/\" class=\"text-white hoverable hover:text-accent-gold transition-colors\">NOSOTROS<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/insights\/\" class=\"hoverable text-accent-gold transition-colors\">BLOG<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" class=\"text-white 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 <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>© 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 \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 \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 \/\/ Safely bind hoverables to the cursor effect\r\n window.updateHoverables = () => {\r\n const hoverables = document.querySelectorAll('.hoverable:not(.hover-bound)');\r\n hoverables.forEach(el => {\r\n el.classList.add('hover-bound');\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 window.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\r\n \/\/ 6. AJAX SIMULATION FOR BLOG FILTER AND PAGINATION\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n const articles = document.querySelectorAll('.article-card');\r\n const paginationContainer = document.getElementById('pagination-container');\r\n \r\n let currentFilter = 'todos';\r\n let currentPage = 1;\r\n const itemsPerPage = 4; \/\/ Mostraremos 4 por p\u00e1gina para que se vea la paginaci\u00f3n con los 7 art\u00edculos totales\r\n\r\n \/\/ Inicializar las transiciones de CSS\r\n articles.forEach(article => {\r\n article.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\r\n });\r\n\r\n function updateView() {\r\n \/\/ Filtrar los art\u00edculos\r\n let filteredArticles = Array.from(articles).filter(article => {\r\n return currentFilter === 'todos' || article.dataset.category === currentFilter;\r\n });\r\n\r\n \/\/ L\u00f3gica de Paginaci\u00f3n\r\n const totalPages = Math.ceil(filteredArticles.length \/ itemsPerPage) || 1;\r\n if (currentPage > totalPages) currentPage = 1;\r\n\r\n const startIndex = (currentPage - 1) * itemsPerPage;\r\n const endIndex = startIndex + itemsPerPage;\r\n const visibleArticles = filteredArticles.slice(startIndex, endIndex);\r\n\r\n \/\/ Ocultar todos (Animaci\u00f3n de salida)\r\n articles.forEach(article => {\r\n article.style.opacity = '0';\r\n article.style.transform = 'translateY(20px)';\r\n });\r\n\r\n \/\/ Esperar a que termine la animaci\u00f3n de salida\r\n setTimeout(() => {\r\n articles.forEach(article => article.classList.add('is-hidden'));\r\n\r\n \/\/ Mostrar solo los visibles de la p\u00e1gina actual\r\n visibleArticles.forEach(article => article.classList.remove('is-hidden'));\r\n\r\n \/\/ Forzar reflow para que la animaci\u00f3n funcione\r\n void document.body.offsetHeight;\r\n\r\n \/\/ Animaci\u00f3n de entrada\r\n visibleArticles.forEach(article => {\r\n article.style.opacity = '1';\r\n article.style.transform = 'translateY(0)';\r\n });\r\n\r\n \/\/ Construir Botones de Paginaci\u00f3n\r\n renderPagination(totalPages);\r\n }, 400);\r\n\r\n \/\/ Actualizar interfaz visual de los filtros\r\n filterBtns.forEach(btn => {\r\n if (btn.dataset.filter === currentFilter) {\r\n btn.classList.add('text-accent-gold', 'border-b-2', 'border-accent-gold');\r\n btn.classList.remove('hover:text-black-rich');\r\n } else {\r\n btn.classList.remove('text-accent-gold', 'border-b-2', 'border-accent-gold');\r\n btn.classList.add('hover:text-black-rich');\r\n }\r\n });\r\n }\r\n\r\n function renderPagination(totalPages) {\r\n if (totalPages <= 1) {\r\n paginationContainer.innerHTML = '';\r\n return;\r\n }\r\n\r\n let html = '';\r\n for (let i = 1; i <= totalPages; i++) {\r\n if (i === currentPage) {\r\n html += `<button data-page=\"${i}\" class=\"page-btn w-10 h-10 flex items-center justify-center rounded-full bg-black-rich text-white hoverable transition-colors\">${i}<\/button>`;\r\n } else {\r\n html += `<button data-page=\"${i}\" class=\"page-btn w-10 h-10 flex items-center justify-center rounded-full text-black-rich hover:bg-black-rich\/5 transition-colors hoverable\">${i}<\/button>`;\r\n }\r\n }\r\n \r\n if (currentPage < totalPages) {\r\n html += `<span class=\"text-black-rich\/30 px-2\">...<\/span>`;\r\n html += `<button data-page=\"${currentPage + 1}\" class=\"page-btn w-10 h-10 flex items-center justify-center rounded-full text-black-rich hover:bg-black-rich\/5 transition-colors hoverable\"><i class=\"fas fa-chevron-right\"><\/i><\/button>`;\r\n }\r\n\r\n paginationContainer.innerHTML = html;\r\n window.updateHoverables(); \/\/ Re-vincular el custom cursor a los nuevos botones\r\n }\r\n\r\n \/\/ Eventos Click en Filtros\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n const selectedFilter = e.currentTarget.dataset.filter;\r\n if(currentFilter !== selectedFilter) {\r\n currentFilter = selectedFilter;\r\n currentPage = 1; \/\/ Volver a p\u00e1g 1 al cambiar de categor\u00eda\r\n updateView();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Eventos Click en Paginaci\u00f3n\r\n paginationContainer.addEventListener('click', (e) => {\r\n const btn = e.target.closest('.page-btn');\r\n if (btn) {\r\n e.preventDefault();\r\n const selectedPage = parseInt(btn.dataset.page);\r\n if(currentPage !== selectedPage) {\r\n currentPage = selectedPage;\r\n updateView();\r\n \r\n \/\/ Scroll suave hacia la secci\u00f3n del blog\r\n const offset = document.getElementById('blog-content').offsetTop - 100;\r\n window.scrollTo({ top: offset, behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n\r\n \/\/ Llamada inicial para establecer la paginaci\u00f3n de la carga\r\n updateView();\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>Insights & Diario | Duarte Views INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto © 2026 DUARTE VIEWS Nuestro Diario Insights & Perspectivas Todos Industrial Corporativo Comercial Gastronom\u00eda Detr\u00e1s de Escena Destacado Comercial & Motor El arte de capturar la velocidad en la fotograf\u00eda automotriz Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica. Leer Art\u00edculo Completo […]<\/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-10061","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Blog - 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\/insights\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog - imagen duarteviews\" \/>\n<meta property=\"og:description\" content=\"Insights & Diario | Duarte Views INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto © 2026 DUARTE VIEWS Nuestro Diario Insights & Perspectivas Todos Industrial Corporativo Comercial Gastronom\u00eda Detr\u00e1s de Escena Destacado Comercial & Motor El arte de capturar la velocidad en la fotograf\u00eda automotriz Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica. Leer Art\u00edculo Completo […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/duarteviews.com\/imagen\/insights\/\" \/>\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-30T16:32:43+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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/\",\"url\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/\",\"name\":\"Blog - imagen duarteviews\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/imagen.duarteviews.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bodas.duarteviews.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-letras-blanco.png\",\"datePublished\":\"2026-02-23T05:45:52+00:00\",\"dateModified\":\"2026-03-30T16:32:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#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\\\/insights\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\"}]},{\"@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_head_json":{"title":"Blog - 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\/insights\/","og_locale":"es_ES","og_type":"article","og_title":"Blog - imagen duarteviews","og_description":"Insights & Diario | Duarte Views INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto © 2026 DUARTE VIEWS Nuestro Diario Insights & Perspectivas Todos Industrial Corporativo Comercial Gastronom\u00eda Detr\u00e1s de Escena Destacado Comercial & Motor El arte de capturar la velocidad en la fotograf\u00eda automotriz Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica. Leer Art\u00edculo Completo […]","og_url":"https:\/\/duarteviews.com\/imagen\/insights\/","og_site_name":"imagen duarteviews","article_publisher":"https:\/\/www.facebook.com\/josemariaduartearaujo","article_modified_time":"2026-03-30T16:32:43+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":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/duarteviews.com\/imagen\/insights\/","url":"https:\/\/duarteviews.com\/imagen\/insights\/","name":"Blog - imagen duarteviews","isPartOf":{"@id":"https:\/\/imagen.duarteviews.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/duarteviews.com\/imagen\/insights\/#primaryimage"},"image":{"@id":"https:\/\/duarteviews.com\/imagen\/insights\/#primaryimage"},"thumbnailUrl":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png","datePublished":"2026-02-23T05:45:52+00:00","dateModified":"2026-03-30T16:32:43+00:00","breadcrumb":{"@id":"https:\/\/duarteviews.com\/imagen\/insights\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/duarteviews.com\/imagen\/insights\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/duarteviews.com\/imagen\/insights\/#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\/insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/duarteviews.com\/imagen\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@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\/10061","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=10061"}],"version-history":[{"count":22,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10061\/revisions"}],"predecessor-version":[{"id":10522,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10061\/revisions\/10522"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/media?parent=10061"}],"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 Insights & Diario | Duarte Views<\/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=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 <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': '#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 'marquee': 'marquee 40s linear infinite', \r\n },\r\n keyframes: {\r\n fadeIn: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n },\r\n zoomFade: {\r\n '0%': { transform: 'scale(1)' },\r\n '100%': { transform: 'scale(1.1)' },\r\n },\r\n marquee: { \r\n '0%': { transform: 'translate3d(0, 0, 0)' },\r\n '100%': { transform: 'translate3d(-50%, 0, 0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* --- 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 \/* 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 \/* Helpers for AJAX Filtering *\/\r\n .is-hidden { display: none !important; }\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 \/* ========================================================================= *\/\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-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 \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 \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 text-accent-gold after:w-full\">BLOG<\/a> \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/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 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 \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 text-accent-gold transition-colors mobile-link\">Blog<\/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 © 2026 DUARTE VIEWS\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"relative h-[60vh] w-full overflow-hidden flex items-center justify-center bg-black-rich\">\r\n \r\n <div class=\"absolute inset-0 bg-cover bg-center opacity-70 transform scale-105\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1452587925148-ce544e77e70d?q=80&w=2000&auto=format&fit=crop'); filter: grayscale(30%);\"><\/div> \r\n \r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black-rich via-black-rich\/60 to-transparent z-10\"><\/div>\r\n\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 font-bold tracking-[0.4em] mb-4 uppercase text-accent-gold drop-shadow-md\" data-aos=\"fade-up\">Nuestro Diario<\/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 Insights & <span class=\"not-italic font-medium text-accent-gold\">Perspectivas<\/span>\r\n <\/h1>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"py-20 px-6 md:px-12 bg-stone-50\" id=\"blog-content\">\r\n <div class=\"max-w-[1600px] mx-auto\">\r\n \r\n \r\n <div class=\"flex flex-wrap gap-6 justify-center md:justify-start items-center mb-16 border-b border-black-rich\/10 pb-6 text-[10px] md:text-xs font-bold uppercase tracking-[0.2em] text-black-rich\/50\" data-aos=\"fade-up\">\r\n <button data-filter=\"todos\" class=\"filter-btn text-accent-gold border-b-2 border-accent-gold pb-1 hoverable transition-colors\">Todos<\/button>\r\n <button data-filter=\"industrial\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Industrial<\/button>\r\n <button data-filter=\"corporativo\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Corporativo<\/button>\r\n <button data-filter=\"comercial\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Comercial<\/button>\r\n <button data-filter=\"gastronomia\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Gastronom\u00eda<\/button>\r\n <button data-filter=\"detras-de-escena\" class=\"filter-btn hover:text-black-rich transition-colors pb-1 hoverable\">Detr\u00e1s de Escena<\/button>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable grid grid-cols-1 lg:grid-cols-12 gap-10 items-center mb-24\" data-category=\"comercial\" data-aos=\"fade-up\">\r\n <div class=\"lg:col-span-8 overflow-hidden aspect-video relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2.5s] ease-in-out group-hover:scale-105\" alt=\"Fotograf\u00eda Comercial Automotriz\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-4 flex flex-col justify-center\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-white bg-accent-gold px-2 py-1\">Destacado<\/span>\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-gray-500\">Comercial & Motor<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-serif text-black-rich group-hover:italic transition-all duration-300 leading-tight mb-6\">El arte de capturar la velocidad en la fotograf\u00eda automotriz<\/h2>\r\n <p class=\"font-sans font-light text-black-rich\/70 mb-8 line-clamp-3\">\r\n Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica.\r\n <\/p>\r\n <div class=\"flex items-center\">\r\n <span class=\"text-xs font-bold uppercase tracking-widest text-black-rich mr-4 border-b border-black-rich pb-1 group-hover:text-accent-gold group-hover:border-accent-gold transition-colors\">Leer Art\u00edculo Completo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 md:gap-y-20\">\r\n \r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"industrial\" data-aos=\"fade-up\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Fotograf\u00eda Industrial\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Industrial<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">12 Mar 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">Iluminando espacios industriales: Retos y Soluciones<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Descubre c\u00f3mo domamos la luz en naves de m\u00e1s de 5,000 metros cuadrados sin perder la textura del acero y la maquinaria pesada.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"gastronomia\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Gastronom\u00eda\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Gastronom\u00eda<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">05 Mar 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">Psicolog\u00eda del color en la fotograf\u00eda de alimentos<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Por qu\u00e9 un fondo oscuro hace que tu platillo luzca m\u00e1s premium y c\u00f3mo aplicamos la teor\u00eda del color en nuestras sesiones gastron\u00f3micas.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"corporativo\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Corporativo\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Corporativo<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">28 Feb 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">Transmitiendo liderazgo a trav\u00e9s del retrato editorial<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">M\u00e1s all\u00e1 del tradicional fondo blanco. C\u00f3mo construimos retratos ejecutivos que comunican confianza, visi\u00f3n y autoridad contempor\u00e1nea.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"detras-de-escena\" data-aos=\"fade-up\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Detr\u00e1s de Escena\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Detr\u00e1s de Escena<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">15 Feb 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">La importancia de la direcci\u00f3n de arte en campa\u00f1as publicitarias<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Una gran foto comienza antes de encender la c\u00e1mara. Hablamos de props, estilismo y conceptualizaci\u00f3n en nuestro \u00faltimo shoot.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"gastronomia\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Gastronom\u00eda & Salud\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Gastronom\u00eda<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">02 Feb 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">5 claves para preparar tu restaurante para una sesi\u00f3n de fotos<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Una gu\u00eda pr\u00e1ctica para chefs y gerentes sobre c\u00f3mo optimizar el tiempo, preparar los ingredientes y obtener los mejores resultados visuales.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/duarteviews.com\/imagen\/articuloblog\/\" role=\"article\" class=\"article-card group cursor-none hoverable flex flex-col\" data-category=\"corporativo\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"overflow-hidden mb-6 aspect-[4\/3] relative w-full\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 600'%3E%3Crect width='100%25' height='100%25' fill='%23E5DEC9'\/%3E%3C\/svg%3E\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-105\" alt=\"Corporativo y Arquitectura\">\r\n <div class=\"absolute inset-0 bg-accent-gold\/0 group-hover:bg-accent-gold\/10 transition-colors duration-500 pointer-events-none mix-blend-multiply\"><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col flex-grow\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-[10px] text-accent-gold font-bold uppercase tracking-widest\">Corporativo<\/span>\r\n <span class=\"text-[10px] text-gray-400 font-bold tracking-widest uppercase\">20 Ene 2026<\/span>\r\n <\/div>\r\n <h4 class=\"text-2xl font-serif text-black-rich group-hover:italic transition-all duration-300 mb-4 leading-tight\">La arquitectura de tu oficina como herramienta de Employer Branding<\/h4>\r\n <p class=\"font-sans font-light text-sm text-black-rich\/70 mb-6 line-clamp-2\">Fotografiar espacios de trabajo no es solo mostrar mesas y sillas, es capturar la cultura de la empresa para atraer al mejor talento.<\/p>\r\n <div class=\"mt-auto pt-4 border-t border-black-rich\/10 flex justify-between items-center opacity-60 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-black-rich\">Leer Art\u00edculo<\/span>\r\n <i class=\"fas fa-arrow-right text-accent-gold -rotate-45\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"pagination-container\" class=\"mt-24 flex justify-center items-center gap-4 text-xs font-bold font-sans\" data-aos=\"fade-up\">\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer id=\"contact\" class=\"bg-black-rich text-stone-50 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-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-white 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-white 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 \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=\"text-white hoverable hover:text-accent-gold transition-colors\">INICIO<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/portafolio\/\" class=\"text-white hoverable hover:text-accent-gold transition-colors\">PORTAFOLIO<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/nosotros\/\" class=\"text-white hoverable hover:text-accent-gold transition-colors\">NOSOTROS<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/insights\/\" class=\"hoverable text-accent-gold transition-colors\">BLOG<\/a>\r\n <a href=\"https:\/\/duarteviews.com\/imagen\/contactanos\/\" class=\"text-white 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 <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>© 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 \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 \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 \/\/ Safely bind hoverables to the cursor effect\r\n window.updateHoverables = () => {\r\n const hoverables = document.querySelectorAll('.hoverable:not(.hover-bound)');\r\n hoverables.forEach(el => {\r\n el.classList.add('hover-bound');\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 window.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\r\n \/\/ 6. AJAX SIMULATION FOR BLOG FILTER AND PAGINATION\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n const articles = document.querySelectorAll('.article-card');\r\n const paginationContainer = document.getElementById('pagination-container');\r\n \r\n let currentFilter = 'todos';\r\n let currentPage = 1;\r\n const itemsPerPage = 4; \/\/ Mostraremos 4 por p\u00e1gina para que se vea la paginaci\u00f3n con los 7 art\u00edculos totales\r\n\r\n \/\/ Inicializar las transiciones de CSS\r\n articles.forEach(article => {\r\n article.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\r\n });\r\n\r\n function updateView() {\r\n \/\/ Filtrar los art\u00edculos\r\n let filteredArticles = Array.from(articles).filter(article => {\r\n return currentFilter === 'todos' || article.dataset.category === currentFilter;\r\n });\r\n\r\n \/\/ L\u00f3gica de Paginaci\u00f3n\r\n const totalPages = Math.ceil(filteredArticles.length \/ itemsPerPage) || 1;\r\n if (currentPage > totalPages) currentPage = 1;\r\n\r\n const startIndex = (currentPage - 1) * itemsPerPage;\r\n const endIndex = startIndex + itemsPerPage;\r\n const visibleArticles = filteredArticles.slice(startIndex, endIndex);\r\n\r\n \/\/ Ocultar todos (Animaci\u00f3n de salida)\r\n articles.forEach(article => {\r\n article.style.opacity = '0';\r\n article.style.transform = 'translateY(20px)';\r\n });\r\n\r\n \/\/ Esperar a que termine la animaci\u00f3n de salida\r\n setTimeout(() => {\r\n articles.forEach(article => article.classList.add('is-hidden'));\r\n\r\n \/\/ Mostrar solo los visibles de la p\u00e1gina actual\r\n visibleArticles.forEach(article => article.classList.remove('is-hidden'));\r\n\r\n \/\/ Forzar reflow para que la animaci\u00f3n funcione\r\n void document.body.offsetHeight;\r\n\r\n \/\/ Animaci\u00f3n de entrada\r\n visibleArticles.forEach(article => {\r\n article.style.opacity = '1';\r\n article.style.transform = 'translateY(0)';\r\n });\r\n\r\n \/\/ Construir Botones de Paginaci\u00f3n\r\n renderPagination(totalPages);\r\n }, 400);\r\n\r\n \/\/ Actualizar interfaz visual de los filtros\r\n filterBtns.forEach(btn => {\r\n if (btn.dataset.filter === currentFilter) {\r\n btn.classList.add('text-accent-gold', 'border-b-2', 'border-accent-gold');\r\n btn.classList.remove('hover:text-black-rich');\r\n } else {\r\n btn.classList.remove('text-accent-gold', 'border-b-2', 'border-accent-gold');\r\n btn.classList.add('hover:text-black-rich');\r\n }\r\n });\r\n }\r\n\r\n function renderPagination(totalPages) {\r\n if (totalPages <= 1) {\r\n paginationContainer.innerHTML = '';\r\n return;\r\n }\r\n\r\n let html = '';\r\n for (let i = 1; i <= totalPages; i++) {\r\n if (i === currentPage) {\r\n html += `<button data-page=\"${i}\" class=\"page-btn w-10 h-10 flex items-center justify-center rounded-full bg-black-rich text-white hoverable transition-colors\">${i}<\/button>`;\r\n } else {\r\n html += `<button data-page=\"${i}\" class=\"page-btn w-10 h-10 flex items-center justify-center rounded-full text-black-rich hover:bg-black-rich\/5 transition-colors hoverable\">${i}<\/button>`;\r\n }\r\n }\r\n \r\n if (currentPage < totalPages) {\r\n html += `<span class=\"text-black-rich\/30 px-2\">...<\/span>`;\r\n html += `<button data-page=\"${currentPage + 1}\" class=\"page-btn w-10 h-10 flex items-center justify-center rounded-full text-black-rich hover:bg-black-rich\/5 transition-colors hoverable\"><i class=\"fas fa-chevron-right\"><\/i><\/button>`;\r\n }\r\n\r\n paginationContainer.innerHTML = html;\r\n window.updateHoverables(); \/\/ Re-vincular el custom cursor a los nuevos botones\r\n }\r\n\r\n \/\/ Eventos Click en Filtros\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n const selectedFilter = e.currentTarget.dataset.filter;\r\n if(currentFilter !== selectedFilter) {\r\n currentFilter = selectedFilter;\r\n currentPage = 1; \/\/ Volver a p\u00e1g 1 al cambiar de categor\u00eda\r\n updateView();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Eventos Click en Paginaci\u00f3n\r\n paginationContainer.addEventListener('click', (e) => {\r\n const btn = e.target.closest('.page-btn');\r\n if (btn) {\r\n e.preventDefault();\r\n const selectedPage = parseInt(btn.dataset.page);\r\n if(currentPage !== selectedPage) {\r\n currentPage = selectedPage;\r\n updateView();\r\n \r\n \/\/ Scroll suave hacia la secci\u00f3n del blog\r\n const offset = document.getElementById('blog-content').offsetTop - 100;\r\n window.scrollTo({ top: offset, behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n\r\n \/\/ Llamada inicial para establecer la paginaci\u00f3n de la carga\r\n updateView();\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>Insights & Diario | Duarte Views INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto © 2026 DUARTE VIEWS Nuestro Diario Insights & Perspectivas Todos Industrial Corporativo Comercial Gastronom\u00eda Detr\u00e1s de Escena Destacado Comercial & Motor El arte de capturar la velocidad en la fotograf\u00eda automotriz Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica. Leer Art\u00edculo Completo […]<\/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-10061","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Blog - 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\/insights\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog - imagen duarteviews\" \/>\n<meta property=\"og:description\" content=\"Insights & Diario | Duarte Views INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto © 2026 DUARTE VIEWS Nuestro Diario Insights & Perspectivas Todos Industrial Corporativo Comercial Gastronom\u00eda Detr\u00e1s de Escena Destacado Comercial & Motor El arte de capturar la velocidad en la fotograf\u00eda automotriz Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica. Leer Art\u00edculo Completo […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/duarteviews.com\/imagen\/insights\/\" \/>\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-30T16:32:43+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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/\",\"url\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/\",\"name\":\"Blog - imagen duarteviews\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/imagen.duarteviews.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bodas.duarteviews.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-letras-blanco.png\",\"datePublished\":\"2026-02-23T05:45:52+00:00\",\"dateModified\":\"2026-03-30T16:32:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/insights\\\/#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\\\/insights\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/duarteviews.com\\\/imagen\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\"}]},{\"@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_head_json":{"title":"Blog - 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\/insights\/","og_locale":"es_ES","og_type":"article","og_title":"Blog - imagen duarteviews","og_description":"Insights & Diario | Duarte Views INICIO PORTAFOLIO NOSOTROS BLOG CONTACTO Men\u00fa Inicio Portafolio Nosotros Blog Contacto © 2026 DUARTE VIEWS Nuestro Diario Insights & Perspectivas Todos Industrial Corporativo Comercial Gastronom\u00eda Detr\u00e1s de Escena Destacado Comercial & Motor El arte de capturar la velocidad en la fotograf\u00eda automotriz Exploramos las t\u00e9cnicas lum\u00ednicas y de c\u00e1mara que utilizamos en nuestro \u00faltimo proyecto editorial para marcas de motor, demostrando c\u00f3mo transmitir adrenalina y elegancia en una sola imagen est\u00e1tica. Leer Art\u00edculo Completo […]","og_url":"https:\/\/duarteviews.com\/imagen\/insights\/","og_site_name":"imagen duarteviews","article_publisher":"https:\/\/www.facebook.com\/josemariaduartearaujo","article_modified_time":"2026-03-30T16:32:43+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":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/duarteviews.com\/imagen\/insights\/","url":"https:\/\/duarteviews.com\/imagen\/insights\/","name":"Blog - imagen duarteviews","isPartOf":{"@id":"https:\/\/imagen.duarteviews.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/duarteviews.com\/imagen\/insights\/#primaryimage"},"image":{"@id":"https:\/\/duarteviews.com\/imagen\/insights\/#primaryimage"},"thumbnailUrl":"https:\/\/bodas.duarteviews.com\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png","datePublished":"2026-02-23T05:45:52+00:00","dateModified":"2026-03-30T16:32:43+00:00","breadcrumb":{"@id":"https:\/\/duarteviews.com\/imagen\/insights\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/duarteviews.com\/imagen\/insights\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/duarteviews.com\/imagen\/insights\/#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\/insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/duarteviews.com\/imagen\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@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\/10061","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=10061"}],"version-history":[{"count":22,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10061\/revisions"}],"predecessor-version":[{"id":10522,"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/pages\/10061\/revisions\/10522"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/imagen\/wp-json\/wp\/v2\/media?parent=10061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}