<\/p>\n\n\n\n
<?php\n\/**\n * Template Name: Portfolio ItsArielRodriguez\n *\/\n?>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ItsArielRodriguez \u2014 Fotograf\u00eda Documental de Bodas<\/title>\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;1,300;1,400&family=Mulish:wght@300;400&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #f5f0e8;\n --warm-white: #faf8f4;\n --ink: #1a1714;\n --ink-light: #3d3730;\n --gold: #b8935a;\n --gold-light: #d4af7a;\n --muted: #7a7168;\n --serif: 'Cormorant Garamond', Georgia, serif;\n --sans: 'Mulish', system-ui, sans-serif;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--ink);\n color: var(--cream);\n font-family: var(--sans);\n font-weight: 300;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.5rem 3rem;\n mix-blend-mode: normal;\n transition: background 0.4s;\n }\n nav.scrolled {\n background: rgba(26,23,20,0.92);\n backdrop-filter: blur(8px);\n border-bottom: 0.5px solid rgba(184,147,90,0.2);\n }\n .nav-logo {\n font-family: var(--serif);\n font-size: 1.1rem;\n font-weight: 300;\n letter-spacing: 0.15em;\n color: var(--cream);\n text-decoration: none;\n text-transform: uppercase;\n }\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n .nav-links a {\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(245,240,232,0.65);\n text-decoration: none;\n transition: color 0.25s;\n }\n .nav-links a:hover { color: var(--gold-light); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n height: 100vh;\n min-height: 600px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n overflow: hidden;\n }\n .hero-visual {\n position: relative;\n background: #0e0c0a;\n overflow: hidden;\n }\n .hero-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.75;\n display: block;\n filter: contrast(1.05) saturate(0.85);\n }\n .hero-img-placeholder {\n width: 100%;\n height: 100%;\n background: linear-gradient(160deg, #2a2218 0%, #0e0c0a 60%, #1c1710 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hero-img-placeholder span {\n font-family: var(--serif);\n font-size: 0.8rem;\n letter-spacing: 0.2em;\n color: rgba(184,147,90,0.4);\n text-transform: uppercase;\n }\n .hero-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 6rem 5rem 4rem 5rem;\n position: relative;\n }\n .hero-eyebrow {\n font-size: 0.65rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 2rem;\n opacity: 0;\n animation: fadeUp 0.8s 0.3s forwards;\n }\n .hero-title {\n font-family: var(--serif);\n font-size: clamp(3rem, 5vw, 5.5rem);\n font-weight: 300;\n line-height: 1.05;\n letter-spacing: -0.01em;\n color: var(--cream);\n margin-bottom: 2rem;\n opacity: 0;\n animation: fadeUp 0.8s 0.5s forwards;\n }\n .hero-title em {\n font-style: italic;\n color: var(--gold-light);\n }\n .hero-desc {\n font-size: 0.85rem;\n line-height: 1.8;\n color: rgba(245,240,232,0.55);\n max-width: 320px;\n margin-bottom: 3rem;\n letter-spacing: 0.03em;\n opacity: 0;\n animation: fadeUp 0.8s 0.7s forwards;\n }\n .hero-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.7rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--cream);\n text-decoration: none;\n padding-bottom: 0.5rem;\n border-bottom: 0.5px solid var(--gold);\n transition: color 0.25s, gap 0.25s;\n opacity: 0;\n animation: fadeUp 0.8s 0.9s forwards;\n width: fit-content;\n }\n .hero-cta:hover { color: var(--gold-light); gap: 1.25rem; }\n .hero-scroll {\n position: absolute;\n bottom: 2.5rem;\n left: 5rem;\n font-size: 0.65rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(245,240,232,0.3);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .hero-scroll::before {\n content: '';\n display: block;\n width: 40px;\n height: 0.5px;\n background: rgba(245,240,232,0.3);\n }\n\n \/* \u2500\u2500 ABOUT \/ MANIFIESTO \u2500\u2500 *\/\n .about {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 70vh;\n }\n .about-img {\n position: relative;\n overflow: hidden;\n background: #0e0c0a;\n }\n .about-img img {\n width: 100%; height: 100%;\n object-fit: cover;\n opacity: 0.7;\n filter: contrast(1.05) saturate(0.75);\n }\n .about-img-placeholder {\n width: 100%; height: 100%;\n min-height: 500px;\n background: #151210;\n display: flex; align-items: center; justify-content: center;\n }\n .about-img-placeholder span {\n font-family: var(--serif);\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n color: rgba(184,147,90,0.3);\n text-transform: uppercase;\n }\n .about-content {\n padding: 6rem 5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: #141210;\n }\n .section-label {\n font-size: 0.65rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 2.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .section-label::after {\n content: '';\n display: block;\n width: 32px;\n height: 0.5px;\n background: var(--gold);\n }\n .about-quote {\n font-family: var(--serif);\n font-size: clamp(1.8rem, 2.5vw, 2.8rem);\n font-weight: 300;\n font-style: italic;\n line-height: 1.3;\n color: var(--cream);\n margin-bottom: 2.5rem;\n }\n .about-text {\n font-size: 0.85rem;\n line-height: 1.9;\n color: rgba(245,240,232,0.5);\n max-width: 420px;\n letter-spacing: 0.02em;\n }\n .about-text + .about-text { margin-top: 1rem; }\n .about-sig {\n margin-top: 3rem;\n font-family: var(--serif);\n font-size: 1.3rem;\n font-style: italic;\n color: var(--gold-light);\n opacity: 0.7;\n }\n\n \/* \u2500\u2500 GALER\u00cdA \u2500\u2500 *\/\n .gallery-section {\n padding: 7rem 3rem;\n background: var(--ink);\n }\n .gallery-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n .gallery-title {\n font-family: var(--serif);\n font-size: clamp(2.5rem, 4vw, 4rem);\n font-weight: 300;\n color: var(--cream);\n margin-bottom: 1rem;\n }\n .gallery-subtitle {\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--muted);\n }\n\n \/* Masonry-style grid *\/\n .gallery-grid {\n columns: 3;\n column-gap: 1rem;\n max-width: 1300px;\n margin: 0 auto;\n }\n .gallery-item {\n break-inside: avoid;\n margin-bottom: 1rem;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n }\n .gallery-item img {\n width: 100%;\n display: block;\n filter: contrast(1.05) saturate(0.8);\n transition: transform 0.6s cubic-bezier(0.25,0,0,1), filter 0.4s;\n }\n .gallery-item:hover img {\n transform: scale(1.03);\n filter: contrast(1.1) saturate(0.9);\n }\n .gallery-placeholder {\n background: #1c1814;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .gallery-placeholder span {\n font-family: var(--serif);\n font-size: 0.7rem;\n letter-spacing: 0.15em;\n color: rgba(184,147,90,0.25);\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500 SERVICIOS \u2500\u2500 *\/\n .services {\n padding: 7rem 3rem;\n background: #0f0d0b;\n text-align: center;\n }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2px;\n max-width: 900px;\n margin: 4rem auto 0;\n }\n .service-item {\n padding: 3.5rem 2.5rem;\n background: #141210;\n transition: background 0.3s;\n }\n .service-item:hover { background: #1c1916; }\n .service-num {\n font-family: var(--serif);\n font-size: 3rem;\n font-weight: 300;\n color: rgba(184,147,90,0.2);\n line-height: 1;\n margin-bottom: 1.5rem;\n }\n .service-name {\n font-family: var(--serif);\n font-size: 1.1rem;\n font-weight: 300;\n color: var(--cream);\n margin-bottom: 1rem;\n letter-spacing: 0.05em;\n }\n .service-desc {\n font-size: 0.78rem;\n line-height: 1.8;\n color: rgba(245,240,232,0.4);\n letter-spacing: 0.02em;\n }\n\n \/* \u2500\u2500 PROCESO \u2500\u2500 *\/\n .process {\n padding: 7rem 5rem;\n background: var(--ink);\n max-width: 1100px;\n margin: 0 auto;\n }\n .process-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 3rem;\n margin-top: 4rem;\n }\n .process-step { position: relative; }\n .process-step::after {\n content: '';\n position: absolute;\n top: 0.6rem;\n right: 0;\n width: calc(100% - 2rem);\n height: 0.5px;\n background: rgba(184,147,90,0.2);\n }\n .process-step:last-child::after { display: none; }\n .step-dot {\n width: 10px; height: 10px;\n border: 0.5px solid var(--gold);\n border-radius: 50%;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 1;\n background: var(--ink);\n }\n .step-num {\n font-size: 0.6rem;\n letter-spacing: 0.3em;\n color: var(--gold);\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n }\n .step-name {\n font-family: var(--serif);\n font-size: 1rem;\n color: var(--cream);\n margin-bottom: 0.75rem;\n font-weight: 300;\n }\n .step-desc {\n font-size: 0.78rem;\n color: rgba(245,240,232,0.4);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 CONTACTO \u2500\u2500 *\/\n .contact {\n min-height: 80vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: #0a0908;\n }\n .contact-left {\n padding: 7rem 5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-right: 0.5px solid rgba(184,147,90,0.1);\n }\n .contact-title {\n font-family: var(--serif);\n font-size: clamp(2.5rem, 4vw, 4.5rem);\n font-weight: 300;\n line-height: 1.1;\n color: var(--cream);\n margin-bottom: 2rem;\n }\n .contact-title em { font-style: italic; color: var(--gold-light); }\n .contact-note {\n font-size: 0.82rem;\n line-height: 1.8;\n color: rgba(245,240,232,0.45);\n max-width: 360px;\n margin-bottom: 3rem;\n }\n .contact-details { display: flex; flex-direction: column; gap: 1rem; }\n .contact-detail {\n font-size: 0.75rem;\n letter-spacing: 0.1em;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .contact-detail a { color: var(--gold-light); text-decoration: none; transition: color 0.2s; }\n .contact-detail a:hover { color: var(--cream); }\n .contact-right {\n padding: 7rem 5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .contact-form { display: flex; flex-direction: column; gap: 1.5rem; }\n .form-field { display: flex; flex-direction: column; gap: 0.5rem; }\n .form-label {\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: rgba(245,240,232,0.4);\n }\n .form-input, .form-textarea {\n background: transparent;\n border: none;\n border-bottom: 0.5px solid rgba(245,240,232,0.15);\n padding: 0.75rem 0;\n color: var(--cream);\n font-family: var(--sans);\n font-size: 0.85rem;\n font-weight: 300;\n outline: none;\n transition: border-color 0.25s;\n width: 100%;\n letter-spacing: 0.03em;\n }\n .form-input::placeholder, .form-textarea::placeholder {\n color: rgba(245,240,232,0.2);\n }\n .form-input:focus, .form-textarea:focus {\n border-bottom-color: var(--gold);\n }\n .form-textarea { resize: none; height: 100px; }\n .form-submit {\n margin-top: 1rem;\n background: transparent;\n border: 0.5px solid var(--gold);\n color: var(--gold-light);\n font-family: var(--sans);\n font-size: 0.7rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n padding: 1rem 2.5rem;\n cursor: pointer;\n transition: background 0.25s, color 0.25s;\n align-self: flex-start;\n }\n .form-submit:hover {\n background: var(--gold);\n color: var(--ink);\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n padding: 3rem 5rem;\n background: #070605;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 0.5px solid rgba(184,147,90,0.1);\n }\n .footer-logo {\n font-family: var(--serif);\n font-size: 0.9rem;\n font-weight: 300;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: rgba(245,240,232,0.3);\n }\n .footer-copy {\n font-size: 0.7rem;\n color: rgba(245,240,232,0.2);\n letter-spacing: 0.05em;\n }\n .footer-social { display: flex; gap: 1.5rem; }\n .footer-social a {\n font-size: 0.65rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: rgba(245,240,232,0.3);\n text-decoration: none;\n transition: color 0.25s;\n }\n .footer-social a:hover { color: var(--gold-light); }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s cubic-bezier(0.25,0,0,1), transform 0.8s cubic-bezier(0.25,0,0,1);\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 1.25rem 1.5rem; }\n .nav-links { display: none; }\n .hero { grid-template-columns: 1fr; height: auto; }\n .hero-visual { height: 50vh; }\n .hero-content { padding: 3rem 2rem 4rem; }\n .hero-scroll { left: 2rem; }\n .about { grid-template-columns: 1fr; }\n .about-img-placeholder { min-height: 300px; }\n .about-content { padding: 3rem 2rem; }\n .gallery-grid { columns: 2; }\n .services-grid { grid-template-columns: 1fr; gap: 2px; }\n .process { padding: 4rem 2rem; }\n .process-steps { grid-template-columns: 1fr 1fr; gap: 2rem; }\n .contact { grid-template-columns: 1fr; }\n .contact-left { padding: 4rem 2rem 2rem; }\n .contact-right { padding: 2rem 2rem 4rem; }\n footer { flex-direction: column; gap: 1rem; text-align: center; padding: 2rem; }\n }\n @media (max-width: 600px) {\n .gallery-grid { columns: 1; }\n .process-steps { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav id=\"main-nav\">\n <a href=\"#\" class=\"nav-logo\">ItsArielRodriguez<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#galeria\">Trabajo<\/a><\/li>\n <li><a href=\"#sobre-mi\">Sobre m\u00ed<\/a><\/li>\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-visual\">\n <!-- REEMPLAZA con: <img src=\"TU-FOTO-HERO.jpg\" class=\"hero-img\" alt=\"Fotograf\u00eda documental de bodas\"> -->\n <div class=\"hero-img-placeholder\">\n <span>Tu foto aqu\u00ed<\/span>\n <\/div>\n <\/div>\n <div class=\"hero-content\">\n <p class=\"hero-eyebrow\">Fotograf\u00eda documental de bodas \u00b7 Santiago, Chile<\/p>\n <h1 class=\"hero-title\">El d\u00eda<br>tal como<br><em>fue.<\/em><\/h1>\n <p class=\"hero-desc\">No poso momentos. Los encuentro. Cada boda es un documento \u00fanico de lo que dos personas construyeron.<\/p>\n <a href=\"#contacto\" class=\"hero-cta\">Reservar fecha \u2192<\/a>\n <div class=\"hero-scroll\">Scroll<\/div>\n <\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"sobre-mi\">\n <div class=\"about-img\">\n <!-- REEMPLAZA con: <img src=\"TU-RETRATO.jpg\" alt=\"Ariel Rodr\u00edguez, fot\u00f3grafo\"> -->\n <div class=\"about-img-placeholder\">\n <span>Tu retrato aqu\u00ed<\/span>\n <\/div>\n <\/div>\n <div class=\"about-content reveal\">\n <p class=\"section-label\">Sobre m\u00ed<\/p>\n <blockquote class=\"about-quote\">\n \"No soy el fot\u00f3grafo del escenario. Soy el fot\u00f3grafo del margen.\"\n <\/blockquote>\n <p class=\"about-text\">\n Soy Ariel, fot\u00f3grafo documental basado en Santiago. Trabajo con luz disponible, en silencio, sin interrumpir. Mi trabajo es desaparecer para que el d\u00eda ocurra sin filtro.\n <\/p>\n <p class=\"about-text\">\n Me form\u00e9 mirando a Fer Juaristi y Victor Lax. Creo que una boda bien fotografiada deber\u00eda sentirse como encontrar cartas viejas: \u00edntimas, honestas, capaces de devolverte exactamente c\u00f3mo fue.\n <\/p>\n <p class=\"about-sig\">\u2014 Ariel<\/p>\n <\/div>\n<\/section>\n\n<!-- GALER\u00cdA -->\n<section class=\"gallery-section\" id=\"galeria\">\n <div class=\"gallery-header reveal\">\n <h2 class=\"gallery-title\">Trabajo reciente<\/h2>\n <p class=\"gallery-subtitle\">Bodas documentales \u00b7 Chile<\/p>\n <\/div>\n\n <div class=\"gallery-grid\">\n <!--\n INSTRUCCIONES: Reemplaza cada bloque .gallery-placeholder con una etiqueta <img>.\n Ejemplo:\n <div class=\"gallery-item\">\n <img src=\"wp-content\/uploads\/boda-1.jpg\" alt=\"Boda en Santiago\">\n <\/div>\n\n Sube fotos de distintas proporciones para un efecto masonry natural.\n Idealmente 9-12 im\u00e1genes para este primer portfolio.\n -->\n\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:380px\"><span>Foto 1<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:280px\"><span>Foto 2<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:320px\"><span>Foto 3<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:260px\"><span>Foto 4<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:400px\"><span>Foto 5<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:300px\"><span>Foto 6<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:340px\"><span>Foto 7<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:250px\"><span>Foto 8<\/span><\/div><\/div>\n <div class=\"gallery-item\"><div class=\"gallery-placeholder\" style=\"height:360px\"><span>Foto 9<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- SERVICIOS -->\n<section class=\"services\" id=\"servicios\">\n <p class=\"section-label\" style=\"justify-content: center; gap: 1rem;\">\n <span style=\"display:block; width:32px; height:0.5px; background:var(--gold);\"><\/span>\n Servicios\n <span style=\"display:block; width:32px; height:0.5px; background:var(--gold);\"><\/span>\n <\/p>\n <h2 class=\"gallery-title reveal\">Lo que ofrezco<\/h2>\n\n <div class=\"services-grid\">\n <div class=\"service-item reveal\">\n <p class=\"service-num\">01<\/p>\n <h3 class=\"service-name\">Cobertura completa<\/h3>\n <p class=\"service-desc\">Desde la preparaci\u00f3n hasta la fiesta. Trabajo solo, sin asistente, para mantener la intimidad del d\u00eda.<\/p>\n <\/div>\n <div class=\"service-item reveal\">\n <p class=\"service-num\">02<\/p>\n <h3 class=\"service-name\">Preboda<\/h3>\n <p class=\"service-desc\">Una sesi\u00f3n antes de la boda. Para conocernos, para que la c\u00e1mara deje de ser un objeto extra\u00f1o.<\/p>\n <\/div>\n <div class=\"service-item reveal\">\n <p class=\"service-num\">03<\/p>\n <h3 class=\"service-name\">\u00c1lbum impreso<\/h3>\n <p class=\"service-desc\">Impresi\u00f3n de calidad art\u00edstica. Un objeto f\u00edsico que dura m\u00e1s que cualquier pantalla.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PROCESO -->\n<section style=\"padding: 7rem 0; background: var(--ink);\">\n <div class=\"process\">\n <p class=\"section-label reveal\">El proceso<\/p>\n <h2 class=\"gallery-title reveal\" style=\"margin-bottom: 0;\">C\u00f3mo trabajamos juntos<\/h2>\n <div class=\"process-steps\">\n <div class=\"process-step reveal\">\n <div class=\"step-dot\"><\/div>\n <p class=\"step-num\">01<\/p>\n <h4 class=\"step-name\">Conversamos<\/h4>\n <p class=\"step-desc\">Me cuentas la boda. No el programa: lo que importa, lo que quieres recordar.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"step-dot\"><\/div>\n <p class=\"step-num\">02<\/p>\n <h4 class=\"step-name\">Reservamos<\/h4>\n <p class=\"step-desc\">Fecha bloqueada con contrato y pie. Trabajo con pocas bodas por a\u00f1o para darte atenci\u00f3n real.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"step-dot\"><\/div>\n <p class=\"step-num\">03<\/p>\n <h4 class=\"step-name\">El d\u00eda<\/h4>\n <p class=\"step-desc\">Estoy ah\u00ed desde antes que lleguen los primeros invitados. Sin flash intrusivo. Sin poses forzadas.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"step-dot\"><\/div>\n <p class=\"step-num\">04<\/p>\n <h4 class=\"step-name\">La entrega<\/h4>\n <p class=\"step-desc\">Selecci\u00f3n editada en 30 d\u00edas. Galer\u00eda privada online + archivos en alta resoluci\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACTO -->\n<section class=\"contact\" id=\"contacto\">\n <div class=\"contact-left reveal\">\n <p class=\"section-label\">Contacto<\/p>\n <h2 class=\"contact-title\">\u00bfHay<br>una boda<br><em>en camino?<\/em><\/h2>\n <p class=\"contact-note\">\n Cu\u00e9ntame la fecha y el lugar. Respondo en menos de 48 horas. Si la fecha est\u00e1 disponible, coordinamos una llamada corta para conocernos.\n <\/p>\n <div class=\"contact-details\">\n <span class=\"contact-detail\">\n 📍 Santiago, Chile \u00b7 disponible a regiones\n <\/span>\n <span class=\"contact-detail\">\n ✉ <a href=\"mailto:hola@itsarielrodriguez.com\">hola@itsarielrodriguez.com<\/a>\n <\/span>\n <span class=\"contact-detail\">\n 📱 <a href=\"https:\/\/wa.me\/56912345678\">WhatsApp<\/a>\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"contact-right reveal\">\n <form class=\"contact-form\"\n action=\"<?php echo esc_url( admin_url('admin-post.php') ); ?>\"\n method=\"POST\">\n <?php wp_nonce_field('contacto_boda', 'contacto_nonce'); ?>\n <input type=\"hidden\" name=\"action\" value=\"contacto_boda\">\n\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"nombre\">Nombre<\/label>\n <input class=\"form-input\" type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Nombre y apellido\" required>\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"email\">Correo<\/label>\n <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"tu@correo.com\" required>\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"fecha\">Fecha de la boda<\/label>\n <input class=\"form-input\" type=\"text\" id=\"fecha\" name=\"fecha\" placeholder=\"ej. 14 de marzo 2026\">\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"mensaje\">Cu\u00e9ntame algo<\/label>\n <textarea class=\"form-textarea\" id=\"mensaje\" name=\"mensaje\" placeholder=\"El lugar, c\u00f3mo se conocieron, qu\u00e9 esperan...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"form-submit\">Enviar mensaje<\/button>\n <\/form>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <span class=\"footer-logo\">ItsArielRodriguez<\/span>\n <span class=\"footer-copy\">\u00a9 <?php echo date('Y'); ?> Ariel Rodr\u00edguez \u00b7 Santiago, Chile<\/span>\n <div class=\"footer-social\">\n <a href=\"https:\/\/instagram.com\/itsarielrodriguez\" target=\"_blank\">Instagram<\/a>\n <a href=\"https:\/\/tiktok.com\/@itsarielrodriguez\" target=\"_blank\">TikTok<\/a>\n <\/div>\n<\/footer>\n\n<script>\n\/* Nav scroll *\/\nconst nav = document.getElementById('main-nav');\nwindow.addEventListener('scroll', () => {\n nav.classList.toggle('scrolled', window.scrollY > 60);\n});\n\n\/* Reveal on scroll *\/\nconst reveals = document.querySelectorAll('.reveal');\nconst obs = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n obs.unobserve(e.target);\n }\n });\n}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\nreveals.forEach(r => obs.observe(r));\n\n\/* Stagger gallery items *\/\ndocument.querySelectorAll('.gallery-item').forEach((item, i) => {\n item.style.animationDelay = `${i * 0.08}s`;\n});\n<\/script>\n\n<\/body>\n<\/html>\n<?php wp_footer(); ?><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":1,"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/itsarielrodriguez.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}