5 Tips para tu sesi\u00f3n Pre-Boda | Duarte Views Blog<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n \n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'stone-50': '#faf9f6', \/* Off-white luxury paper color *\/\n 'black-rich': '#111111',\n 'gold-muted': '#c5a059',\n },\n fontFamily: {\n sans: ['Montserrat', 'sans-serif'],\n serif: ['Cormorant Garamond', 'serif'],\n },\n animation: {\n 'spin-slow': 'spin 12s linear infinite',\n 'fade-in': 'fadeIn 1.5s ease-out forwards',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0', transform: 'translateY(20px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* --- LUXURY TWEAKS --- *\/\n body {\n background-color: #faf9f6;\n cursor: none; \/* Hide default cursor *\/\n overflow-x: hidden;\n }\n\n \/* Custom Cursor *\/\n .cursor-dot,\n .cursor-outline {\n position: fixed;\n top: 0;\n left: 0;\n border-radius: 50%;\n z-index: 9999;\n pointer-events: none;\n will-change: transform;\n transform: translateZ(0); \n }\n\n .cursor-dot {\n width: 8px;\n height: 8px;\n background-color: #111;\n }\n\n .cursor-outline {\n width: 40px;\n height: 40px;\n border: 1px solid rgba(17, 17, 17, 0.5);\n transition: width 0.2s, height 0.2s, background-color 0.2s;\n }\n\n body.hovering .cursor-outline {\n width: 70px;\n height: 70px;\n background-color: rgba(197, 160, 89, 0.3);\n border-color: transparent;\n }\n\n \/* Film Grain Overlay *\/\n .grain-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 9000;\n opacity: 0.04;\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\");\n background-repeat: repeat;\n background-size: 200px 200px;\n transform: translateZ(0);\n }\n\n \/* Smooth Scroll Setup (Lenis) *\/\n html.lenis {\n height: auto;\n }\n .lenis.lenis-smooth {\n scroll-behavior: auto;\n }\n .lenis.lenis-smooth [data-lenis-prevent] {\n overscroll-behavior: contain;\n }\n .lenis.lenis-stopped {\n overflow: hidden;\n }\n\n \/* Button Hover Effect *\/\n .btn-link {\n position: relative;\n }\n .btn-link::after {\n content: '';\n position: absolute;\n width: 0;\n height: 1px;\n bottom: -4px;\n left: 0;\n background-color: currentColor;\n transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n .btn-link:hover::after {\n width: 100%;\n }\n\n \/* Selection Color *\/\n ::selection {\n background: #111;\n color: #fff;\n }\n\n \/* WhatsApp Pulsing Effect *\/\n @keyframes subtlePulse {\n 0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(197, 160, 89, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\n }\n .wa-pulse {\n animation: subtlePulse 2s infinite;\n }\n\n \/* EDITORIAL BLOG STYLES *\/\n .drop-cap::first-letter {\n float: left;\n font-family: 'Cormorant Garamond', serif;\n font-size: 6rem;\n line-height: 0.8;\n padding-right: 1rem;\n padding-top: 0.5rem;\n color: #111111;\n font-style: italic;\n }\n \n .article-content p {\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n .index-link.active {\n color: #111;\n font-weight: 500;\n font-style: italic;\n }\n .index-link.active::before {\n content: '\u2014 ';\n color: #c5a059;\n }\n\n \/* Fix for Elementor Nav consistency *\/\n #nav-logo img {\n max-height: 45px !important;\n width: 100% !important;\n object-fit: contain !important;\n }\n #mobile-toggle {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased text-black-rich\">\n\n \n <div class=\"cursor-dot hidden md:block\"><\/div>\n <div class=\"cursor-outline hidden md:block\"><\/div>\n\n \n <div class=\"grain-overlay\"><\/div>\n\n \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\">\n <div class=\"flex justify-between items-center relative w-full h-[40px] md:h-auto\">\n \n \n <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-medium flex-1 justify-start\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\n <\/div>\n\n \n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable z-50 absolute left-0 md:left-1\/2 top-1\/2 -translate-y-1\/2 translate-x-0 md:-translate-x-1\/2 w-32 md:w-44 block\" id=\"nav-logo\">\n <img decoding=\"async\" id=\"logo-img\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png\" alt=\"Duarte Views\" class=\"w-full h-auto object-contain transition-all duration-300\">\n <\/a>\n\n \n <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-medium flex-1 justify-end\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\n <\/div>\n\n \n <button class=\"md:hidden text-white hoverable z-50 text-xs uppercase tracking-widest absolute right-0\" id=\"mobile-toggle\">\n Men\u00fa\n <\/button>\n <\/div>\n <\/nav>\n\n \n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-[#111] z-40 transform translate-x-full transition-transform duration-700 cubic-bezier(0.7,0,0.3,1) flex flex-col justify-center items-center text-white\">\n <div class=\"flex flex-col space-y-8 text-center\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Home<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Blog<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Bodas<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Sobre nosotros<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactactanos\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Contacto<\/a>\n <\/div>\n <div class=\"absolute bottom-10 text-xs tracking-widest text-gray-500\">\n © 2026 DUARTE VIEWS\n <\/div>\n <\/div>\n\n \n <header class=\"relative h-[85vh] w-full overflow-hidden flex items-end pb-24 px-6 md:px-12\">\n \n <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/DUARTEVIEWS-JAVITOTAIS-3JUNIO23-PRE-22.jpg');\" data-aos=\"scale-in\" data-aos-duration=\"2000\"><\/div>\n \n \n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-black\/10 z-10\"><\/div>\n\n \n <div class=\"relative z-20 text-white max-w-5xl mx-auto w-full text-center md:text-left\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"flex flex-col md:flex-row items-center md:items-baseline gap-4 mb-6 justify-center md:justify-start\">\n <span class=\"text-[10px] md:text-xs tracking-[0.3em] uppercase border border-white\/30 px-4 py-1 rounded-full backdrop-blur-sm !text-white\">Sesiones<\/span>\n <span class=\"text-[10px] md:text-xs tracking-[0.2em] uppercase !text-gray-300\">12 Octubre, 2024<\/span>\n <\/div>\n \n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-serif italic font-light leading-[1.1] drop-shadow-lg mb-8 !text-white\">\n 5 Tips para tu <br class=\"hidden md:block\"> sesi\u00f3n Pre-Boda\n <\/h1>\n \n <div class=\"flex items-center justify-center md:justify-start gap-4\">\n <div class=\"w-10 h-10 rounded-full border border-white\/50 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" class=\"w-full h-full object-cover bg-black\" alt=\"Author\">\n <\/div>\n <div class=\"text-left\">\n <p class=\"text-xs tracking-widest uppercase !text-white\">Por Duarte Views<\/p>\n <p class=\"text-[10px] uppercase tracking-wider !text-gray-400\">Direcci\u00f3n de Arte<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-24 px-6 md:px-12 relative bg-stone-50\">\n <div class=\"max-w-[1400px] mx-auto flex flex-col lg:flex-row gap-16 lg:gap-24 relative\">\n \n \n <aside class=\"lg:w-1\/4 relative order-2 lg:order-1 mt-16 lg:mt-0\">\n <div class=\"sticky top-32\">\n <div class=\"border-t border-black pt-6\">\n <h3 class=\"font-serif italic text-3xl mb-8\">\u00cdndice<\/h3>\n <ul class=\"space-y-5 text-sm font-sans tracking-wide text-gray-500\" id=\"toc-menu\">\n <li>\n <a href=\"#seccion-1\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">01.<\/span> Olvida las poses\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-2\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">02.<\/span> Una locaci\u00f3n con significado\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-3\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">03.<\/span> El arte del estilismo\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-4\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">04.<\/span> La magia de la luz dorada\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-5\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">05.<\/span> Conf\u00eda en nuestra visi\u00f3n\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"mt-20 border-t border-gray-300 pt-6\">\n <span class=\"text-[10px] tracking-[0.2em] uppercase text-gray-400 mb-4 block\">Compartir Diario<\/span>\n <div class=\"flex space-x-4\">\n <a href=\"#\" class=\"hoverable w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-black hover:text-white transition-colors\">\n <i class=\"fab fa-facebook-f text-xs\"><\/i>\n <\/a>\n <a href=\"#\" class=\"hoverable w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-black hover:text-white transition-colors\">\n <i class=\"fab fa-x-twitter text-xs\"><\/i>\n <\/a>\n <a href=\"#\" class=\"hoverable w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-black hover:text-white transition-colors\">\n <i class=\"fab fa-pinterest-p text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n \n <article class=\"lg:w-3\/4 max-w-4xl mx-auto article-content font-sans font-light text-gray-600 text-base md:text-lg order-1 lg:order-2\">\n \n \n <p class=\"drop-cap\" data-aos=\"fade-up\">\n La sesi\u00f3n pre-boda no es simplemente un tr\u00e1mite fotogr\u00e1fico antes del gran d\u00eda; es una oportunidad invaluable para conectar. En Duarte Views, consideramos este encuentro como el pr\u00f3logo visual de vuestra historia de amor. Es el momento donde la c\u00e1mara deja de ser un objeto extra\u00f1o y se convierte en un testigo silencioso de vuestra intimidad.\n <\/p>\n <p data-aos=\"fade-up\" data-aos-delay=\"100\">\n A menudo, las parejas llegan a esta primera sesi\u00f3n con cierto nerviosismo. \u00bfC\u00f3mo nos paramos? \u00bfQu\u00e9 hacemos con las manos? Nuestra filosof\u00eda rechaza la rigidez. Buscamos el movimiento constante, la risa sincera que se escapa entre un beso y el viento desordenando el cabello. Para lograr esa est\u00e9tica editorial y cinematogr\u00e1fica que nos caracteriza, aqu\u00ed tienes 5 consejos fundamentales.\n <\/p>\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\n M\u00e1s all\u00e1 de obtener fotograf\u00edas impresionantes para las invitaciones, el \"Save the Date\" o la web de la boda, consideramos esta sesi\u00f3n como un ensayo emocional. Nos permite estudiar sus \u00e1ngulos, descubrir c\u00f3mo interact\u00faan de manera natural y, lo m\u00e1s cr\u00edtico, construir un nivel de confianza que har\u00e1 que el d\u00eda de la boda ni siquiera noten nuestra presencia, permitiendo que la verdadera magia fluya sin interrupciones.\n <\/p>\n\n \n <h2 id=\"seccion-1\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">01. Olvida las poses, busca la conexi\u00f3n<\/h2>\n <p data-aos=\"fade-up\">\n El mayor error en la fotograf\u00eda de parejas es intentar emular una pose vista en Pinterest que no encaja con vuestra din\u00e1mica natural. Si son una pareja de abrazos fuertes y carcajadas, obligarlos a una pose melanc\u00f3lica se sentir\u00e1 falso. Nosotros proponemos acciones en lugar de posturas est\u00e1ticas: caminen hacia all\u00ed, sus\u00farrense algo al o\u00eddo, corran sin mirar a la c\u00e1mara. De ese movimiento nace la magia documental.\n <\/p>\n <p data-aos=\"fade-up\">\n En lugar de directrices r\u00edgidas como \"miren a la lente y sonr\u00edan\", solemos utilizar peque\u00f1os juegos de interacci\u00f3n. A veces les pediremos que pongan su canci\u00f3n favorita en el m\u00f3vil y bailen como si estuvieran solos en el sal\u00f3n de su casa. Otras veces, simplemente les daremos espacio para que hablen sobre c\u00f3mo se sintieron en su primera cita. Es en las pausas de esas conversaciones, en las miradas fugaces y en las manos que se buscan inconscientemente, donde capturamos las im\u00e1genes m\u00e1s poderosas y atemporales.\n <\/p>\n\n \n <div class=\"my-16\" data-aos=\"fade-up\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/duarteviews-ALVAROFANY-15JUL23-post-BODA-66.jpg\" alt=\"Pareja corriendo\" class=\"w-full h-auto object-cover hoverable grayscale hover:grayscale-0 transition-all duration-700\">\n <p class=\"text-[10px] uppercase tracking-widest text-gray-400 mt-4 text-center\">Movimiento y naturalidad en estado puro.<\/p>\n <\/div>\n\n \n <h2 id=\"seccion-2\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">02. Una locaci\u00f3n con significado<\/h2>\n <p data-aos=\"fade-up\">\n No es necesario viajar a Islandia para tener fotograf\u00edas espectaculares (aunque, si quieren, \u00a1hacemos las maletas hoy mismo!). Lo verdaderamente importante es que el lugar tenga sentido para vosotros o proporcione un lienzo limpio para destacar vuestra esencia. Una cafeter\u00eda donde tuvieron su primera cita, las calles del centro de Madrid al amanecer o un campo abierto y minimalista. La arquitectura y la naturaleza act\u00faan como actores secundarios en vuestra pel\u00edcula.\n <\/p>\n <p data-aos=\"fade-up\">\n Recomendamos jugar con el contraste o la armon\u00eda. Si su boda ser\u00e1 un evento elegante en una finca r\u00fastica, tal vez una sesi\u00f3n pre-boda con un rollo m\u00e1s urbano y cosmopolita sea el contrapunto perfecto. Tambi\u00e9n es vital considerar el factor multitud. Si eligen un lugar muy concurrido, a menudo sugerimos madrugar. La luz del amanecer ba\u00f1ando la ciudad vac\u00eda no solo ofrece una est\u00e9tica cinematogr\u00e1fica inigualable, sino que tambi\u00e9n elimina la presi\u00f3n de sentirse observados por transe\u00fantes.\n <\/p>\n\n \n <blockquote class=\"font-serif italic text-3xl md:text-5xl text-center my-24 border-y border-gray-200 py-16 text-black-rich leading-snug\" data-aos=\"zoom-in\">\n \"La fotograf\u00eda m\u00e1s hermosa es aquella que huele a recuerdo y no a pose planificada.\"\n <\/blockquote>\n\n \n <h2 id=\"seccion-3\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">03. El arte del estilismo (S\u00e9 t\u00fa mismo)<\/h2>\n <p data-aos=\"fade-up\">\n El estilismo editorial se basa en texturas, paletas neutras y movimiento. Recomendamos encarecidamente evitar logos grandes, estampados muy recargados o colores ne\u00f3n que distraigan la atenci\u00f3n de vuestros rostros. Opten por tonos tierra, blancos rotos, negros profundos o linos fluidos. Si no se sienten c\u00f3modos con traje y vestido de noche, unos buenos jeans y camisetas blancas pueden verse incre\u00edblemente chic y atemporales si esa es vuestra verdadera personalidad.\n <\/p>\n <p data-aos=\"fade-up\">\n La regla de oro para la pareja es coordinar, no combinar id\u00e9nticamente. Buscamos una paleta de colores complementaria que respire armon\u00eda. Adem\u00e1s, piensen en el entorno: unos tacones de aguja en un acantilado de rocas no solo son peligrosos, sino que visualmente restan naturalidad a la escena. Por \u00faltimo, favorezcan las telas con movimiento. Faldas ligeras, gabardinas abiertas o camisas de lino a\u00f1aden un dinamismo espectacular a la fotograf\u00eda cuando interviene el viento, aportando ese toque de alta costura sin esfuerzo.\n <\/p>\n\n \n <div class=\"my-16 grid grid-cols-1 md:grid-cols-2 gap-6\" data-aos=\"fade-up\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/SANTISILVIA-538.jpg\" alt=\"Detalle Preboda 1\" class=\"w-full h-[500px] object-cover hoverable grayscale hover:grayscale-0 transition-all duration-700\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ANAJAVI-17JUN23-38.jpg\" alt=\"Detalle Preboda 2\" class=\"w-full h-[500px] object-cover hoverable grayscale hover:grayscale-0 transition-all duration-700 md:mt-12\">\n <\/div>\n\n \n <h2 id=\"seccion-4\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">04. La magia de la luz dorada<\/h2>\n <p data-aos=\"fade-up\">\n En fotograf\u00eda, la luz lo es todo. Nuestro estilo se nutre fuertemente de los amaneceres y atardeceres (la famosa \"Golden Hour\" o \"Blue Hour\"). Programaremos la sesi\u00f3n para aprovechar estos momentos del d\u00eda donde el sol abraza la piel con suavidad y crea destellos cinem\u00e1ticos en la lente. Si la luz es dura (mediod\u00eda), jugaremos con sombras dram\u00e1ticas y altos contrastes para darle un toque de <em>High Fashion<\/em> a la serie.\n <\/p>\n <p data-aos=\"fade-up\">\n Dicho esto, nunca duden del poder de un d\u00eda nublado. Muchas parejas entran en p\u00e1nico cuando ven nubes en el pron\u00f3stico, pero fotogr\u00e1ficamente hablando, un cielo encapotado act\u00faa como una inmensa caja de luz (softbox) natural. Suaviza las facciones, elimina las sombras duras bajo los ojos y dota a las im\u00e1genes de un tono melanc\u00f3lico, profundo y exquisitamente rom\u00e1ntico. La luz dicta el estado de \u00e1nimo de las fotos, y nosotros sabemos c\u00f3mo exprimir cada escenario.\n <\/p>\n\n \n <h2 id=\"seccion-5\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">05. Conf\u00eda en nuestra visi\u00f3n<\/h2>\n <p data-aos=\"fade-up\">\n El consejo definitivo: d\u00e9jense llevar. Han confiado en nuestro portafolio y en nuestro ojo cl\u00ednico para captar el lujo en lo cotidiano. Habr\u00e1 momentos donde les pediremos que cierren los ojos y sientan la respiraci\u00f3n del otro, u otros donde les diremos que corran hacia nosotros. Conf\u00eden en el proceso. El resultado no ser\u00e1n simples fotos, ser\u00e1n fotogramas de una pel\u00edcula donde ustedes son los protagonistas absolutos.\n <\/p>\n <p data-aos=\"fade-up\">\n Es completamente normal sentirse fuera de lugar durante los primeros minutos frente a una c\u00e1mara profesional. Les prometemos que esa barrera inicial se desmorona r\u00e1pidamente. Nuestro mayor \u00e9xito no es solo entregarles una galer\u00eda sublime, sino lograr que, al terminar la tarde, sientan que simplemente dieron un agradable paseo acompa\u00f1ados de amigos. Rel\u00e1jense, r\u00edan fuerte, \u00e1mense sin reservas y d\u00e9jenos el resto a nosotros.\n <\/p>\n <p class=\"mt-8 font-serif italic text-2xl text-black-rich\" data-aos=\"fade-up\">\n Nos vemos detr\u00e1s del lente.\n <\/p>\n\n \n <div class=\"mt-24 pt-8 border-t border-gray-200 flex flex-wrap gap-4 items-center\">\n <span class=\"text-xs uppercase tracking-widest font-medium text-black-rich mr-4\">Etiquetas:<\/span>\n <a href=\"#\" class=\"text-[10px] uppercase tracking-widest border border-gray-300 px-4 py-2 hover:bg-black hover:text-white transition-colors hoverable\">Pre-Boda<\/a>\n <a href=\"#\" class=\"text-[10px] uppercase tracking-widest border border-gray-300 px-4 py-2 hover:bg-black hover:text-white transition-colors hoverable\">Tips<\/a>\n <a href=\"#\" class=\"text-[10px] uppercase tracking-widest border border-gray-300 px-4 py-2 hover:bg-black hover:text-white transition-colors hoverable\">Estilismo<\/a>\n <\/div>\n\n <\/article>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-white border-t border-gray-100 relative overflow-hidden\">\n <div class=\"max-w-5xl mx-auto px-6 text-center\" data-aos=\"zoom-in\">\n <span class=\"text-xs uppercase tracking-[0.3em] text-gray-400 mb-6 block\">Siguiente Lectura<\/span>\n <a href=\"#\" class=\"group cursor-none hoverable inline-block\">\n <h2 class=\"text-4xl md:text-6xl font-serif italic text-black-rich group-hover:text-gold-muted transition-colors duration-500\">\n Destinos \u00edntimos en Europa para una boda Elopement\n <\/h2>\n <div class=\"w-0 group-hover:w-full h-[1px] bg-gold-muted mt-6 mx-auto transition-all duration-700 ease-in-out\"><\/div>\n <\/a>\n <\/div>\n <\/section>\n\n \n <footer id=\"contact\" class=\"bg-black text-white pt-32 pb-12 px-6\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-stretch\">\n \n <div class=\"mb-16 md:mb-0 flex flex-col justify-end items-start\">\n <h2 class=\"text-6xl md:text-8xl font-serif italic mb-8 text-white\">Creemos<br>Magia Juntos<\/h2>\n <div class=\"flex flex-col gap-4 mb-8\">\n <a href=\"mailto:info@duarteviews.com\" class=\"text-xl md:text-2xl border-b border-gray-700 text-white hover:border-white hover:text-gray-300 transition-all pb-2 hoverable w-fit\">info@duarteviews.com<\/a>\n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"text-xl md:text-2xl border-b border-gray-700 text-white hover:border-white hover:text-gray-300 transition-all pb-2 hoverable w-fit\">+34 679 18 03 18<\/a>\n <span class=\"text-sm md:text-base text-gray-400 tracking-widest uppercase mt-2\">Torrej\u00f3n de Ardoz (Madrid)<\/span>\n <\/div>\n \n \n <div class=\"flex flex-wrap gap-x-8 gap-y-4 mt-4 text-xs tracking-[0.2em] font-medium text-white opacity-90\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col justify-between items-start md:items-end\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" alt=\"Duarte Views\" class=\"w-32 md:w-48 h-auto object-contain mb-16 md:mb-0 hoverable block\" style=\"max-height: 120px !important;\">\n \n <div class=\"flex flex-col justify-end items-start md:items-end space-y-6 mt-auto\">\n <div class=\"flex flex-wrap gap-6\">\n <a href=\"https:\/\/www.facebook.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\n <i class=\"fab fa-facebook-f text-base\"><\/i> Facebook\n <\/a>\n <a href=\"https:\/\/x.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\n <i class=\"fab fa-x-twitter text-base\"><\/i> X\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\n <i class=\"fab fa-instagram text-base\"><\/i> Instagram\n <\/a>\n <\/div>\n <div class=\"text-white opacity-70 text-[10px] uppercase tracking-widest text-right\">\n <p>© 2026 Duarte Views Fotograf\u00eda<\/p>\n <p class=\"mt-1\">Todos los derechos reservados.<\/p>\n <p class=\"mt-2\">Dise\u00f1ado con Pasi\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"fixed bottom-8 right-8 z-[90] group hoverable\">\n <span class=\"absolute right-full mr-4 top-1\/2 -translate-y-1\/2 text-black-rich font-serif italic text-lg bg-stone-50 px-4 py-1 rounded-sm opacity-0 group-hover:opacity-100 transition-all duration-500 translate-x-4 group-hover:translate-x-0 pointer-events-none whitespace-nowrap shadow-lg border border-black\/5\">\n Consultar Fecha\n <\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-black-rich text-stone-50 rounded-full flex items-center justify-center shadow-2xl transition-all duration-500 group-hover:bg-gold-muted group-hover:scale-110 border border-white\/10 wa-pulse\">\n <i class=\"fab fa-whatsapp text-2xl md:text-3xl group-hover:rotate-12 transition-transform duration-500\"><\/i>\n <\/div>\n <\/a>\n\n \n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.29\/bundled\/lenis.min.js\"><\/script> \n\n <script>\n \/\/ 1. AOS INITIALIZATION\n window.addEventListener('load', () => {\n AOS.init({\n once: true,\n duration: 1000,\n offset: 50,\n easing: 'ease-out-cubic'\n });\n });\n\n \/\/ 2. SMOOTH SCROLL (Lenis)\n const lenis = new Lenis({\n duration: 1.2,\n easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \n direction: 'vertical',\n gestureDirection: 'vertical',\n smooth: true,\n mouseMultiplier: 1,\n smoothTouch: false,\n touchMultiplier: 2,\n });\n\n \/\/ Ligar anclas del \u00cdndice (TOC) con Lenis para scroll suave exacto\n document.querySelectorAll('.index-link').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = this.getAttribute('href');\n \n \/\/ Actualizar clases activas visualmente en el men\u00fa\n document.querySelectorAll('.index-link').forEach(l => l.classList.remove('active'));\n this.classList.add('active');\n\n \/\/ Hacer scroll con Lenis dejando un peque\u00f1o margen superior (offset) para la barra de navegaci\u00f3n\n lenis.scrollTo(target, { offset: -100, duration: 1.5 });\n });\n });\n\n \/\/ 3. CUSTOM CURSOR LOGIC (FULLY OPTIMIZED FOR 60FPS)\n const cursorDot = document.querySelector('.cursor-dot');\n const cursorOutline = document.querySelector('.cursor-outline');\n \n let mouseX = -100;\n let mouseY = -100;\n let outlineX = -100;\n let outlineY = -100;\n\n window.addEventListener('mousemove', (e) => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n });\n\n const updateHoverables = () => {\n const hoverables = document.querySelectorAll('.hoverable, a, button'); \/\/ Agregados enlaces y botones por defecto\n hoverables.forEach(el => {\n el.addEventListener('mouseenter', () => document.body.classList.add('hovering'));\n el.addEventListener('mouseleave', () => document.body.classList.remove('hovering'));\n });\n };\n updateHoverables();\n\n \/\/ MERGED RAF LOOP: Lenis Scroll + Smooth Cursor\n function raf(time) {\n lenis.raf(time);\n \n \/\/ Cursor Interpolation Logic\n outlineX += (mouseX - outlineX) * 0.25;\n outlineY += (mouseY - outlineY) * 0.25;\n\n \/\/ GPU Accelerated Transforms\n cursorDot.style.transform = `translate3d(calc(${mouseX}px - 50%), calc(${mouseY}px - 50%), 0)`;\n cursorOutline.style.transform = `translate3d(calc(${outlineX}px - 50%), calc(${outlineY}px - 50%), 0)`;\n\n requestAnimationFrame(raf);\n }\n requestAnimationFrame(raf);\n\n \/\/ 4. MOBILE MENU\n const mobileToggle = document.getElementById('mobile-toggle');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n let isMenuOpen = false;\n\n mobileToggle.addEventListener('click', () => {\n isMenuOpen = !isMenuOpen;\n if (isMenuOpen) {\n mobileMenu.classList.remove('translate-x-full');\n mobileToggle.textContent = 'Cerrar';\n lenis.stop();\n } else {\n mobileMenu.classList.add('translate-x-full');\n mobileToggle.textContent = 'Men\u00fa';\n lenis.start();\n }\n });\n\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n isMenuOpen = false;\n mobileMenu.classList.add('translate-x-full');\n mobileToggle.textContent = 'Men\u00fa';\n lenis.start();\n });\n });\n\n \/\/ 5. NAVBAR SCROLL EFFECT (Adaptado para la vista del art\u00edculo)\n const navbar = document.getElementById('navbar');\n const logoText = document.getElementById('nav-logo');\n const logoImg = document.getElementById('logo-img');\n const menuButton = document.getElementById('mobile-toggle');\n let isScrolled = false;\n\n window.addEventListener('scroll', () => {\n \/\/ El trigger es mayor ya que la imagen de cabecera es grande\n const currentScrolled = window.scrollY > 100; \n if (currentScrolled !== isScrolled) {\n isScrolled = currentScrolled;\n if (isScrolled) {\n navbar.classList.remove('text-white', 'py-10', 'drop-shadow-md');\n navbar.classList.add('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\n logoText.classList.remove('text-white');\n logoText.classList.add('text-black-rich');\n menuButton.classList.remove('text-white');\n menuButton.classList.add('text-black-rich');\n logoImg.src = 'https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-lettras.png';\n } else {\n navbar.classList.add('text-white', 'py-10', 'drop-shadow-md');\n navbar.classList.remove('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\n logoText.classList.add('text-white');\n logoText.classList.remove('text-black-rich');\n menuButton.classList.add('text-white');\n menuButton.classList.remove('text-black-rich');\n logoImg.src = 'https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png';\n }\n }\n \n \/\/ Highlight TOC active section on scroll (Opcional, activa visualmente el \u00edndice al leer)\n let scrollPosition = window.scrollY;\n document.querySelectorAll('h2[id]').forEach((section) => {\n if(scrollPosition >= (section.offsetTop - 200)) {\n document.querySelectorAll('.index-link').forEach(l => l.classList.remove('active'));\n let activeLink = document.querySelector('.index-link[href=\"#' + section.id + '\"]');\n if(activeLink) activeLink.classList.add('active');\n }\n });\n });\n <\/script>\n<\/body>\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>5 Tips para tu sesi\u00f3n Pre-Boda | Duarte Views Blog HOME BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Home Blog Bodas Sobre nosotros Contacto © 2026 DUARTE VIEWS Sesiones 12 Octubre, 2024 5 Tips para tu sesi\u00f3n Pre-Boda Por Duarte Views Direcci\u00f3n de Arte \u00cdndice 01. Olvida las poses 02. Una locaci\u00f3n con significado 03. El arte del estilismo 04. La magia de la luz dorada 05. Conf\u00eda en nuestra visi\u00f3n Compartir Diario La sesi\u00f3n pre-boda no es simplemente un tr\u00e1mite […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12081","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/12081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/comments?post=12081"}],"version-history":[{"count":7,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/12081\/revisions"}],"predecessor-version":[{"id":12088,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/12081\/revisions\/12088"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=12081"}],"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\n\n\n \n \n 5 Tips para tu sesi\u00f3n Pre-Boda | Duarte Views Blog<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n \n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'stone-50': '#faf9f6', \/* Off-white luxury paper color *\/\n 'black-rich': '#111111',\n 'gold-muted': '#c5a059',\n },\n fontFamily: {\n sans: ['Montserrat', 'sans-serif'],\n serif: ['Cormorant Garamond', 'serif'],\n },\n animation: {\n 'spin-slow': 'spin 12s linear infinite',\n 'fade-in': 'fadeIn 1.5s ease-out forwards',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0', transform: 'translateY(20px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* --- LUXURY TWEAKS --- *\/\n body {\n background-color: #faf9f6;\n cursor: none; \/* Hide default cursor *\/\n overflow-x: hidden;\n }\n\n \/* Custom Cursor *\/\n .cursor-dot,\n .cursor-outline {\n position: fixed;\n top: 0;\n left: 0;\n border-radius: 50%;\n z-index: 9999;\n pointer-events: none;\n will-change: transform;\n transform: translateZ(0); \n }\n\n .cursor-dot {\n width: 8px;\n height: 8px;\n background-color: #111;\n }\n\n .cursor-outline {\n width: 40px;\n height: 40px;\n border: 1px solid rgba(17, 17, 17, 0.5);\n transition: width 0.2s, height 0.2s, background-color 0.2s;\n }\n\n body.hovering .cursor-outline {\n width: 70px;\n height: 70px;\n background-color: rgba(197, 160, 89, 0.3);\n border-color: transparent;\n }\n\n \/* Film Grain Overlay *\/\n .grain-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 9000;\n opacity: 0.04;\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\");\n background-repeat: repeat;\n background-size: 200px 200px;\n transform: translateZ(0);\n }\n\n \/* Smooth Scroll Setup (Lenis) *\/\n html.lenis {\n height: auto;\n }\n .lenis.lenis-smooth {\n scroll-behavior: auto;\n }\n .lenis.lenis-smooth [data-lenis-prevent] {\n overscroll-behavior: contain;\n }\n .lenis.lenis-stopped {\n overflow: hidden;\n }\n\n \/* Button Hover Effect *\/\n .btn-link {\n position: relative;\n }\n .btn-link::after {\n content: '';\n position: absolute;\n width: 0;\n height: 1px;\n bottom: -4px;\n left: 0;\n background-color: currentColor;\n transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n .btn-link:hover::after {\n width: 100%;\n }\n\n \/* Selection Color *\/\n ::selection {\n background: #111;\n color: #fff;\n }\n\n \/* WhatsApp Pulsing Effect *\/\n @keyframes subtlePulse {\n 0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(197, 160, 89, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\n }\n .wa-pulse {\n animation: subtlePulse 2s infinite;\n }\n\n \/* EDITORIAL BLOG STYLES *\/\n .drop-cap::first-letter {\n float: left;\n font-family: 'Cormorant Garamond', serif;\n font-size: 6rem;\n line-height: 0.8;\n padding-right: 1rem;\n padding-top: 0.5rem;\n color: #111111;\n font-style: italic;\n }\n \n .article-content p {\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n .index-link.active {\n color: #111;\n font-weight: 500;\n font-style: italic;\n }\n .index-link.active::before {\n content: '\u2014 ';\n color: #c5a059;\n }\n\n \/* Fix for Elementor Nav consistency *\/\n #nav-logo img {\n max-height: 45px !important;\n width: 100% !important;\n object-fit: contain !important;\n }\n #mobile-toggle {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased text-black-rich\">\n\n \n <div class=\"cursor-dot hidden md:block\"><\/div>\n <div class=\"cursor-outline hidden md:block\"><\/div>\n\n \n <div class=\"grain-overlay\"><\/div>\n\n \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\">\n <div class=\"flex justify-between items-center relative w-full h-[40px] md:h-auto\">\n \n \n <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-medium flex-1 justify-start\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\n <\/div>\n\n \n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable z-50 absolute left-0 md:left-1\/2 top-1\/2 -translate-y-1\/2 translate-x-0 md:-translate-x-1\/2 w-32 md:w-44 block\" id=\"nav-logo\">\n <img decoding=\"async\" id=\"logo-img\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png\" alt=\"Duarte Views\" class=\"w-full h-auto object-contain transition-all duration-300\">\n <\/a>\n\n \n <div class=\"hidden md:flex space-x-12 text-xs tracking-[0.2em] font-medium flex-1 justify-end\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\n <\/div>\n\n \n <button class=\"md:hidden text-white hoverable z-50 text-xs uppercase tracking-widest absolute right-0\" id=\"mobile-toggle\">\n Men\u00fa\n <\/button>\n <\/div>\n <\/nav>\n\n \n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-[#111] z-40 transform translate-x-full transition-transform duration-700 cubic-bezier(0.7,0,0.3,1) flex flex-col justify-center items-center text-white\">\n <div class=\"flex flex-col space-y-8 text-center\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Home<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Blog<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Bodas<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Sobre nosotros<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactactanos\/\" class=\"text-4xl font-serif italic hover:text-gray-400 transition-colors mobile-link\">Contacto<\/a>\n <\/div>\n <div class=\"absolute bottom-10 text-xs tracking-widest text-gray-500\">\n © 2026 DUARTE VIEWS\n <\/div>\n <\/div>\n\n \n <header class=\"relative h-[85vh] w-full overflow-hidden flex items-end pb-24 px-6 md:px-12\">\n \n <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/DUARTEVIEWS-JAVITOTAIS-3JUNIO23-PRE-22.jpg');\" data-aos=\"scale-in\" data-aos-duration=\"2000\"><\/div>\n \n \n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-black\/10 z-10\"><\/div>\n\n \n <div class=\"relative z-20 text-white max-w-5xl mx-auto w-full text-center md:text-left\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"flex flex-col md:flex-row items-center md:items-baseline gap-4 mb-6 justify-center md:justify-start\">\n <span class=\"text-[10px] md:text-xs tracking-[0.3em] uppercase border border-white\/30 px-4 py-1 rounded-full backdrop-blur-sm !text-white\">Sesiones<\/span>\n <span class=\"text-[10px] md:text-xs tracking-[0.2em] uppercase !text-gray-300\">12 Octubre, 2024<\/span>\n <\/div>\n \n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-serif italic font-light leading-[1.1] drop-shadow-lg mb-8 !text-white\">\n 5 Tips para tu <br class=\"hidden md:block\"> sesi\u00f3n Pre-Boda\n <\/h1>\n \n <div class=\"flex items-center justify-center md:justify-start gap-4\">\n <div class=\"w-10 h-10 rounded-full border border-white\/50 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" class=\"w-full h-full object-cover bg-black\" alt=\"Author\">\n <\/div>\n <div class=\"text-left\">\n <p class=\"text-xs tracking-widest uppercase !text-white\">Por Duarte Views<\/p>\n <p class=\"text-[10px] uppercase tracking-wider !text-gray-400\">Direcci\u00f3n de Arte<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-24 px-6 md:px-12 relative bg-stone-50\">\n <div class=\"max-w-[1400px] mx-auto flex flex-col lg:flex-row gap-16 lg:gap-24 relative\">\n \n \n <aside class=\"lg:w-1\/4 relative order-2 lg:order-1 mt-16 lg:mt-0\">\n <div class=\"sticky top-32\">\n <div class=\"border-t border-black pt-6\">\n <h3 class=\"font-serif italic text-3xl mb-8\">\u00cdndice<\/h3>\n <ul class=\"space-y-5 text-sm font-sans tracking-wide text-gray-500\" id=\"toc-menu\">\n <li>\n <a href=\"#seccion-1\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">01.<\/span> Olvida las poses\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-2\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">02.<\/span> Una locaci\u00f3n con significado\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-3\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">03.<\/span> El arte del estilismo\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-4\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">04.<\/span> La magia de la luz dorada\n <\/a>\n <\/li>\n <li>\n <a href=\"#seccion-5\" class=\"index-link hoverable hover:text-black transition-all duration-300 block\">\n <span class=\"text-xs opacity-50 mr-2\">05.<\/span> Conf\u00eda en nuestra visi\u00f3n\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"mt-20 border-t border-gray-300 pt-6\">\n <span class=\"text-[10px] tracking-[0.2em] uppercase text-gray-400 mb-4 block\">Compartir Diario<\/span>\n <div class=\"flex space-x-4\">\n <a href=\"#\" class=\"hoverable w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-black hover:text-white transition-colors\">\n <i class=\"fab fa-facebook-f text-xs\"><\/i>\n <\/a>\n <a href=\"#\" class=\"hoverable w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-black hover:text-white transition-colors\">\n <i class=\"fab fa-x-twitter text-xs\"><\/i>\n <\/a>\n <a href=\"#\" class=\"hoverable w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-black hover:text-white transition-colors\">\n <i class=\"fab fa-pinterest-p text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n \n <article class=\"lg:w-3\/4 max-w-4xl mx-auto article-content font-sans font-light text-gray-600 text-base md:text-lg order-1 lg:order-2\">\n \n \n <p class=\"drop-cap\" data-aos=\"fade-up\">\n La sesi\u00f3n pre-boda no es simplemente un tr\u00e1mite fotogr\u00e1fico antes del gran d\u00eda; es una oportunidad invaluable para conectar. En Duarte Views, consideramos este encuentro como el pr\u00f3logo visual de vuestra historia de amor. Es el momento donde la c\u00e1mara deja de ser un objeto extra\u00f1o y se convierte en un testigo silencioso de vuestra intimidad.\n <\/p>\n <p data-aos=\"fade-up\" data-aos-delay=\"100\">\n A menudo, las parejas llegan a esta primera sesi\u00f3n con cierto nerviosismo. \u00bfC\u00f3mo nos paramos? \u00bfQu\u00e9 hacemos con las manos? Nuestra filosof\u00eda rechaza la rigidez. Buscamos el movimiento constante, la risa sincera que se escapa entre un beso y el viento desordenando el cabello. Para lograr esa est\u00e9tica editorial y cinematogr\u00e1fica que nos caracteriza, aqu\u00ed tienes 5 consejos fundamentales.\n <\/p>\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\n M\u00e1s all\u00e1 de obtener fotograf\u00edas impresionantes para las invitaciones, el \"Save the Date\" o la web de la boda, consideramos esta sesi\u00f3n como un ensayo emocional. Nos permite estudiar sus \u00e1ngulos, descubrir c\u00f3mo interact\u00faan de manera natural y, lo m\u00e1s cr\u00edtico, construir un nivel de confianza que har\u00e1 que el d\u00eda de la boda ni siquiera noten nuestra presencia, permitiendo que la verdadera magia fluya sin interrupciones.\n <\/p>\n\n \n <h2 id=\"seccion-1\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">01. Olvida las poses, busca la conexi\u00f3n<\/h2>\n <p data-aos=\"fade-up\">\n El mayor error en la fotograf\u00eda de parejas es intentar emular una pose vista en Pinterest que no encaja con vuestra din\u00e1mica natural. Si son una pareja de abrazos fuertes y carcajadas, obligarlos a una pose melanc\u00f3lica se sentir\u00e1 falso. Nosotros proponemos acciones en lugar de posturas est\u00e1ticas: caminen hacia all\u00ed, sus\u00farrense algo al o\u00eddo, corran sin mirar a la c\u00e1mara. De ese movimiento nace la magia documental.\n <\/p>\n <p data-aos=\"fade-up\">\n En lugar de directrices r\u00edgidas como \"miren a la lente y sonr\u00edan\", solemos utilizar peque\u00f1os juegos de interacci\u00f3n. A veces les pediremos que pongan su canci\u00f3n favorita en el m\u00f3vil y bailen como si estuvieran solos en el sal\u00f3n de su casa. Otras veces, simplemente les daremos espacio para que hablen sobre c\u00f3mo se sintieron en su primera cita. Es en las pausas de esas conversaciones, en las miradas fugaces y en las manos que se buscan inconscientemente, donde capturamos las im\u00e1genes m\u00e1s poderosas y atemporales.\n <\/p>\n\n \n <div class=\"my-16\" data-aos=\"fade-up\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2024\/06\/duarteviews-ALVAROFANY-15JUL23-post-BODA-66.jpg\" alt=\"Pareja corriendo\" class=\"w-full h-auto object-cover hoverable grayscale hover:grayscale-0 transition-all duration-700\">\n <p class=\"text-[10px] uppercase tracking-widest text-gray-400 mt-4 text-center\">Movimiento y naturalidad en estado puro.<\/p>\n <\/div>\n\n \n <h2 id=\"seccion-2\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">02. Una locaci\u00f3n con significado<\/h2>\n <p data-aos=\"fade-up\">\n No es necesario viajar a Islandia para tener fotograf\u00edas espectaculares (aunque, si quieren, \u00a1hacemos las maletas hoy mismo!). Lo verdaderamente importante es que el lugar tenga sentido para vosotros o proporcione un lienzo limpio para destacar vuestra esencia. Una cafeter\u00eda donde tuvieron su primera cita, las calles del centro de Madrid al amanecer o un campo abierto y minimalista. La arquitectura y la naturaleza act\u00faan como actores secundarios en vuestra pel\u00edcula.\n <\/p>\n <p data-aos=\"fade-up\">\n Recomendamos jugar con el contraste o la armon\u00eda. Si su boda ser\u00e1 un evento elegante en una finca r\u00fastica, tal vez una sesi\u00f3n pre-boda con un rollo m\u00e1s urbano y cosmopolita sea el contrapunto perfecto. Tambi\u00e9n es vital considerar el factor multitud. Si eligen un lugar muy concurrido, a menudo sugerimos madrugar. La luz del amanecer ba\u00f1ando la ciudad vac\u00eda no solo ofrece una est\u00e9tica cinematogr\u00e1fica inigualable, sino que tambi\u00e9n elimina la presi\u00f3n de sentirse observados por transe\u00fantes.\n <\/p>\n\n \n <blockquote class=\"font-serif italic text-3xl md:text-5xl text-center my-24 border-y border-gray-200 py-16 text-black-rich leading-snug\" data-aos=\"zoom-in\">\n \"La fotograf\u00eda m\u00e1s hermosa es aquella que huele a recuerdo y no a pose planificada.\"\n <\/blockquote>\n\n \n <h2 id=\"seccion-3\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">03. El arte del estilismo (S\u00e9 t\u00fa mismo)<\/h2>\n <p data-aos=\"fade-up\">\n El estilismo editorial se basa en texturas, paletas neutras y movimiento. Recomendamos encarecidamente evitar logos grandes, estampados muy recargados o colores ne\u00f3n que distraigan la atenci\u00f3n de vuestros rostros. Opten por tonos tierra, blancos rotos, negros profundos o linos fluidos. Si no se sienten c\u00f3modos con traje y vestido de noche, unos buenos jeans y camisetas blancas pueden verse incre\u00edblemente chic y atemporales si esa es vuestra verdadera personalidad.\n <\/p>\n <p data-aos=\"fade-up\">\n La regla de oro para la pareja es coordinar, no combinar id\u00e9nticamente. Buscamos una paleta de colores complementaria que respire armon\u00eda. Adem\u00e1s, piensen en el entorno: unos tacones de aguja en un acantilado de rocas no solo son peligrosos, sino que visualmente restan naturalidad a la escena. Por \u00faltimo, favorezcan las telas con movimiento. Faldas ligeras, gabardinas abiertas o camisas de lino a\u00f1aden un dinamismo espectacular a la fotograf\u00eda cuando interviene el viento, aportando ese toque de alta costura sin esfuerzo.\n <\/p>\n\n \n <div class=\"my-16 grid grid-cols-1 md:grid-cols-2 gap-6\" data-aos=\"fade-up\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2022\/09\/SANTISILVIA-538.jpg\" alt=\"Detalle Preboda 1\" class=\"w-full h-[500px] object-cover hoverable grayscale hover:grayscale-0 transition-all duration-700\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2023\/07\/www.DUARTEVIEWS.es-ANAJAVI-17JUN23-38.jpg\" alt=\"Detalle Preboda 2\" class=\"w-full h-[500px] object-cover hoverable grayscale hover:grayscale-0 transition-all duration-700 md:mt-12\">\n <\/div>\n\n \n <h2 id=\"seccion-4\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">04. La magia de la luz dorada<\/h2>\n <p data-aos=\"fade-up\">\n En fotograf\u00eda, la luz lo es todo. Nuestro estilo se nutre fuertemente de los amaneceres y atardeceres (la famosa \"Golden Hour\" o \"Blue Hour\"). Programaremos la sesi\u00f3n para aprovechar estos momentos del d\u00eda donde el sol abraza la piel con suavidad y crea destellos cinem\u00e1ticos en la lente. Si la luz es dura (mediod\u00eda), jugaremos con sombras dram\u00e1ticas y altos contrastes para darle un toque de <em>High Fashion<\/em> a la serie.\n <\/p>\n <p data-aos=\"fade-up\">\n Dicho esto, nunca duden del poder de un d\u00eda nublado. Muchas parejas entran en p\u00e1nico cuando ven nubes en el pron\u00f3stico, pero fotogr\u00e1ficamente hablando, un cielo encapotado act\u00faa como una inmensa caja de luz (softbox) natural. Suaviza las facciones, elimina las sombras duras bajo los ojos y dota a las im\u00e1genes de un tono melanc\u00f3lico, profundo y exquisitamente rom\u00e1ntico. La luz dicta el estado de \u00e1nimo de las fotos, y nosotros sabemos c\u00f3mo exprimir cada escenario.\n <\/p>\n\n \n <h2 id=\"seccion-5\" class=\"font-serif italic text-4xl md:text-5xl mt-24 mb-8 text-black-rich\" data-aos=\"fade-up\">05. Conf\u00eda en nuestra visi\u00f3n<\/h2>\n <p data-aos=\"fade-up\">\n El consejo definitivo: d\u00e9jense llevar. Han confiado en nuestro portafolio y en nuestro ojo cl\u00ednico para captar el lujo en lo cotidiano. Habr\u00e1 momentos donde les pediremos que cierren los ojos y sientan la respiraci\u00f3n del otro, u otros donde les diremos que corran hacia nosotros. Conf\u00eden en el proceso. El resultado no ser\u00e1n simples fotos, ser\u00e1n fotogramas de una pel\u00edcula donde ustedes son los protagonistas absolutos.\n <\/p>\n <p data-aos=\"fade-up\">\n Es completamente normal sentirse fuera de lugar durante los primeros minutos frente a una c\u00e1mara profesional. Les prometemos que esa barrera inicial se desmorona r\u00e1pidamente. Nuestro mayor \u00e9xito no es solo entregarles una galer\u00eda sublime, sino lograr que, al terminar la tarde, sientan que simplemente dieron un agradable paseo acompa\u00f1ados de amigos. Rel\u00e1jense, r\u00edan fuerte, \u00e1mense sin reservas y d\u00e9jenos el resto a nosotros.\n <\/p>\n <p class=\"mt-8 font-serif italic text-2xl text-black-rich\" data-aos=\"fade-up\">\n Nos vemos detr\u00e1s del lente.\n <\/p>\n\n \n <div class=\"mt-24 pt-8 border-t border-gray-200 flex flex-wrap gap-4 items-center\">\n <span class=\"text-xs uppercase tracking-widest font-medium text-black-rich mr-4\">Etiquetas:<\/span>\n <a href=\"#\" class=\"text-[10px] uppercase tracking-widest border border-gray-300 px-4 py-2 hover:bg-black hover:text-white transition-colors hoverable\">Pre-Boda<\/a>\n <a href=\"#\" class=\"text-[10px] uppercase tracking-widest border border-gray-300 px-4 py-2 hover:bg-black hover:text-white transition-colors hoverable\">Tips<\/a>\n <a href=\"#\" class=\"text-[10px] uppercase tracking-widest border border-gray-300 px-4 py-2 hover:bg-black hover:text-white transition-colors hoverable\">Estilismo<\/a>\n <\/div>\n\n <\/article>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-white border-t border-gray-100 relative overflow-hidden\">\n <div class=\"max-w-5xl mx-auto px-6 text-center\" data-aos=\"zoom-in\">\n <span class=\"text-xs uppercase tracking-[0.3em] text-gray-400 mb-6 block\">Siguiente Lectura<\/span>\n <a href=\"#\" class=\"group cursor-none hoverable inline-block\">\n <h2 class=\"text-4xl md:text-6xl font-serif italic text-black-rich group-hover:text-gold-muted transition-colors duration-500\">\n Destinos \u00edntimos en Europa para una boda Elopement\n <\/h2>\n <div class=\"w-0 group-hover:w-full h-[1px] bg-gold-muted mt-6 mx-auto transition-all duration-700 ease-in-out\"><\/div>\n <\/a>\n <\/div>\n <\/section>\n\n \n <footer id=\"contact\" class=\"bg-black text-white pt-32 pb-12 px-6\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-stretch\">\n \n <div class=\"mb-16 md:mb-0 flex flex-col justify-end items-start\">\n <h2 class=\"text-6xl md:text-8xl font-serif italic mb-8 text-white\">Creemos<br>Magia Juntos<\/h2>\n <div class=\"flex flex-col gap-4 mb-8\">\n <a href=\"mailto:info@duarteviews.com\" class=\"text-xl md:text-2xl border-b border-gray-700 text-white hover:border-white hover:text-gray-300 transition-all pb-2 hoverable w-fit\">info@duarteviews.com<\/a>\n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"text-xl md:text-2xl border-b border-gray-700 text-white hover:border-white hover:text-gray-300 transition-all pb-2 hoverable w-fit\">+34 679 18 03 18<\/a>\n <span class=\"text-sm md:text-base text-gray-400 tracking-widest uppercase mt-2\">Torrej\u00f3n de Ardoz (Madrid)<\/span>\n <\/div>\n \n \n <div class=\"flex flex-wrap gap-x-8 gap-y-4 mt-4 text-xs tracking-[0.2em] font-medium text-white opacity-90\">\n <a href=\"https:\/\/duarteviews.com\/bodas\/\" class=\"hoverable btn-link\">HOME<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/diario\/\" class=\"hoverable btn-link\">BLOG<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/galeriadebodas\/\" class=\"hoverable btn-link\">BODAS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/nosotros\/\" class=\"hoverable btn-link\">SOBRE NOSOTROS<\/a>\n <a href=\"https:\/\/duarteviews.com\/bodas\/contactactanos\/\" class=\"hoverable btn-link\">CONTACTO<\/a>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col justify-between items-start md:items-end\">\n <img decoding=\"async\" src=\"https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo.png\" alt=\"Duarte Views\" class=\"w-32 md:w-48 h-auto object-contain mb-16 md:mb-0 hoverable block\" style=\"max-height: 120px !important;\">\n \n <div class=\"flex flex-col justify-end items-start md:items-end space-y-6 mt-auto\">\n <div class=\"flex flex-wrap gap-6\">\n <a href=\"https:\/\/www.facebook.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\n <i class=\"fab fa-facebook-f text-base\"><\/i> Facebook\n <\/a>\n <a href=\"https:\/\/x.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\n <i class=\"fab fa-x-twitter text-base\"><\/i> X\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/duarteviews\" target=\"_blank\" class=\"hoverable flex items-center gap-2 text-sm uppercase tracking-widest text-white hover:text-gray-400\">\n <i class=\"fab fa-instagram text-base\"><\/i> Instagram\n <\/a>\n <\/div>\n <div class=\"text-white opacity-70 text-[10px] uppercase tracking-widest text-right\">\n <p>© 2026 Duarte Views Fotograf\u00eda<\/p>\n <p class=\"mt-1\">Todos los derechos reservados.<\/p>\n <p class=\"mt-2\">Dise\u00f1ado con Pasi\u00f3n<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <a href=\"https:\/\/wa.me\/34679180318\" target=\"_blank\" class=\"fixed bottom-8 right-8 z-[90] group hoverable\">\n <span class=\"absolute right-full mr-4 top-1\/2 -translate-y-1\/2 text-black-rich font-serif italic text-lg bg-stone-50 px-4 py-1 rounded-sm opacity-0 group-hover:opacity-100 transition-all duration-500 translate-x-4 group-hover:translate-x-0 pointer-events-none whitespace-nowrap shadow-lg border border-black\/5\">\n Consultar Fecha\n <\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-black-rich text-stone-50 rounded-full flex items-center justify-center shadow-2xl transition-all duration-500 group-hover:bg-gold-muted group-hover:scale-110 border border-white\/10 wa-pulse\">\n <i class=\"fab fa-whatsapp text-2xl md:text-3xl group-hover:rotate-12 transition-transform duration-500\"><\/i>\n <\/div>\n <\/a>\n\n \n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.29\/bundled\/lenis.min.js\"><\/script> \n\n <script>\n \/\/ 1. AOS INITIALIZATION\n window.addEventListener('load', () => {\n AOS.init({\n once: true,\n duration: 1000,\n offset: 50,\n easing: 'ease-out-cubic'\n });\n });\n\n \/\/ 2. SMOOTH SCROLL (Lenis)\n const lenis = new Lenis({\n duration: 1.2,\n easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \n direction: 'vertical',\n gestureDirection: 'vertical',\n smooth: true,\n mouseMultiplier: 1,\n smoothTouch: false,\n touchMultiplier: 2,\n });\n\n \/\/ Ligar anclas del \u00cdndice (TOC) con Lenis para scroll suave exacto\n document.querySelectorAll('.index-link').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = this.getAttribute('href');\n \n \/\/ Actualizar clases activas visualmente en el men\u00fa\n document.querySelectorAll('.index-link').forEach(l => l.classList.remove('active'));\n this.classList.add('active');\n\n \/\/ Hacer scroll con Lenis dejando un peque\u00f1o margen superior (offset) para la barra de navegaci\u00f3n\n lenis.scrollTo(target, { offset: -100, duration: 1.5 });\n });\n });\n\n \/\/ 3. CUSTOM CURSOR LOGIC (FULLY OPTIMIZED FOR 60FPS)\n const cursorDot = document.querySelector('.cursor-dot');\n const cursorOutline = document.querySelector('.cursor-outline');\n \n let mouseX = -100;\n let mouseY = -100;\n let outlineX = -100;\n let outlineY = -100;\n\n window.addEventListener('mousemove', (e) => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n });\n\n const updateHoverables = () => {\n const hoverables = document.querySelectorAll('.hoverable, a, button'); \/\/ Agregados enlaces y botones por defecto\n hoverables.forEach(el => {\n el.addEventListener('mouseenter', () => document.body.classList.add('hovering'));\n el.addEventListener('mouseleave', () => document.body.classList.remove('hovering'));\n });\n };\n updateHoverables();\n\n \/\/ MERGED RAF LOOP: Lenis Scroll + Smooth Cursor\n function raf(time) {\n lenis.raf(time);\n \n \/\/ Cursor Interpolation Logic\n outlineX += (mouseX - outlineX) * 0.25;\n outlineY += (mouseY - outlineY) * 0.25;\n\n \/\/ GPU Accelerated Transforms\n cursorDot.style.transform = `translate3d(calc(${mouseX}px - 50%), calc(${mouseY}px - 50%), 0)`;\n cursorOutline.style.transform = `translate3d(calc(${outlineX}px - 50%), calc(${outlineY}px - 50%), 0)`;\n\n requestAnimationFrame(raf);\n }\n requestAnimationFrame(raf);\n\n \/\/ 4. MOBILE MENU\n const mobileToggle = document.getElementById('mobile-toggle');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n let isMenuOpen = false;\n\n mobileToggle.addEventListener('click', () => {\n isMenuOpen = !isMenuOpen;\n if (isMenuOpen) {\n mobileMenu.classList.remove('translate-x-full');\n mobileToggle.textContent = 'Cerrar';\n lenis.stop();\n } else {\n mobileMenu.classList.add('translate-x-full');\n mobileToggle.textContent = 'Men\u00fa';\n lenis.start();\n }\n });\n\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n isMenuOpen = false;\n mobileMenu.classList.add('translate-x-full');\n mobileToggle.textContent = 'Men\u00fa';\n lenis.start();\n });\n });\n\n \/\/ 5. NAVBAR SCROLL EFFECT (Adaptado para la vista del art\u00edculo)\n const navbar = document.getElementById('navbar');\n const logoText = document.getElementById('nav-logo');\n const logoImg = document.getElementById('logo-img');\n const menuButton = document.getElementById('mobile-toggle');\n let isScrolled = false;\n\n window.addEventListener('scroll', () => {\n \/\/ El trigger es mayor ya que la imagen de cabecera es grande\n const currentScrolled = window.scrollY > 100; \n if (currentScrolled !== isScrolled) {\n isScrolled = currentScrolled;\n if (isScrolled) {\n navbar.classList.remove('text-white', 'py-10', 'drop-shadow-md');\n navbar.classList.add('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\n logoText.classList.remove('text-white');\n logoText.classList.add('text-black-rich');\n menuButton.classList.remove('text-white');\n menuButton.classList.add('text-black-rich');\n logoImg.src = 'https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-lettras.png';\n } else {\n navbar.classList.add('text-white', 'py-10', 'drop-shadow-md');\n navbar.classList.remove('bg-stone-50', 'text-black-rich', 'shadow-sm', 'py-6');\n logoText.classList.add('text-white');\n logoText.classList.remove('text-black-rich');\n menuButton.classList.add('text-white');\n menuButton.classList.remove('text-black-rich');\n logoImg.src = 'https:\/\/duarteviews.com\/bodas\/wp-content\/uploads\/2026\/02\/logo-letras-blanco.png';\n }\n }\n \n \/\/ Highlight TOC active section on scroll (Opcional, activa visualmente el \u00edndice al leer)\n let scrollPosition = window.scrollY;\n document.querySelectorAll('h2[id]').forEach((section) => {\n if(scrollPosition >= (section.offsetTop - 200)) {\n document.querySelectorAll('.index-link').forEach(l => l.classList.remove('active'));\n let activeLink = document.querySelector('.index-link[href=\"#' + section.id + '\"]');\n if(activeLink) activeLink.classList.add('active');\n }\n });\n });\n <\/script>\n<\/body>\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>5 Tips para tu sesi\u00f3n Pre-Boda | Duarte Views Blog HOME BLOG BODAS SOBRE NOSOTROS CONTACTO Men\u00fa Home Blog Bodas Sobre nosotros Contacto © 2026 DUARTE VIEWS Sesiones 12 Octubre, 2024 5 Tips para tu sesi\u00f3n Pre-Boda Por Duarte Views Direcci\u00f3n de Arte \u00cdndice 01. Olvida las poses 02. Una locaci\u00f3n con significado 03. El arte del estilismo 04. La magia de la luz dorada 05. Conf\u00eda en nuestra visi\u00f3n Compartir Diario La sesi\u00f3n pre-boda no es simplemente un tr\u00e1mite […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12081","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/12081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/comments?post=12081"}],"version-history":[{"count":7,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/12081\/revisions"}],"predecessor-version":[{"id":12088,"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/pages\/12081\/revisions\/12088"}],"wp:attachment":[{"href":"https:\/\/duarteviews.com\/bodas\/wp-json\/wp\/v2\/media?parent=12081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}