@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--red:#a81722;--green:#173b2a;--cream:#fff8ec;--gold:#d4a14d;--ink:#251b15;--muted:#75675b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:100;top:0;left:0;right:0;height:3px;background:#ffffff55}.progress span{display:block;height:100%;width:0;background:var(--gold)}header{position:fixed;z-index:80;top:3px;left:0;right:0;height:76px;padding:0 clamp(18px,5vw,75px);display:flex;align-items:center;justify-content:space-between;background:#fff8ecef;backdrop-filter:blur(12px);border-bottom:1px solid #d9c8ac}.logo{width:155px}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a.active,nav a:hover{color:var(--red)}.head-cta{border:1px solid #d7c4a6;border-radius:30px;padding:10px 17px;font-size:12px;font-weight:700;color:var(--green)}.menu{display:none;border:0;background:none;font-size:25px;color:var(--green)}.hero{height:100svh;min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden;background:#1c100b;color:white}.hero-bg,.shade,.manifesto-bg,.closing-bg,.closing-shade{position:absolute;inset:0}.hero-bg{background:url('assets/hero-navidad.jpg') center 38%/cover;animation:zoom 18s ease-in-out infinite alternate}.shade{background:linear-gradient(90deg,#100905d9,#1009058a 44%,#10090508),linear-gradient(0deg,#10090566,transparent 50%)}@keyframes zoom{to{transform:scale(1.1)}}.hero-copy{position:relative;padding:125px clamp(25px,9vw,140px);max-width:850px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#e5bb76}.eyebrow.red{color:var(--red)}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:.9;margin:0}h1{font-size:clamp(65px,9vw,130px);letter-spacing:-.04em}h1 i,.hero h1 i{color:#e7bb70} .hero-copy>p:not(.eyebrow){max-width:490px;color:#f5ebdd;font-size:16px;margin:28px 0}.scroll-link{font-size:10px;letter-spacing:.13em;border-bottom:1px solid #fff8;padding-bottom:10px}.scroll-link b{font-size:20px;color:#e7bb70;margin-left:15px}.seal{position:absolute;right:9%;bottom:12%;width:130px;height:130px;border:1px solid #e2b96f;border-radius:50%;display:grid;place-content:center;text-align:center;color:#f6dcae;font-size:9px;letter-spacing:.15em;line-height:1.7;transform:rotate(9deg)}.seal i{font:italic 27px var(--serif);color:white}.chapter{max-width:1450px;margin:auto;padding:120px clamp(22px,8vw,120px)}.number{font-size:11px;letter-spacing:.12em;color:var(--red);font-weight:800;margin-bottom:55px}.number span{color:#8e7c69;font-weight:500;margin-left:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.copy{padding-left:3%}.copy h2,.heading h2{font-size:clamp(52px,6.5vw,88px);color:var(--green);margin:20px 0 25px;letter-spacing:-.035em}.copy h2 i,.heading h2 i{color:var(--red)}.copy p:not(.eyebrow),.heading>p:last-child{color:var(--muted);font-size:15px;max-width:510px}.under{display:inline-block;margin-top:18px;padding-bottom:8px;border-bottom:1px solid var(--gold);font-size:12px;font-weight:800;color:var(--green)}.framed{margin:0;position:relative}.framed:before{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #cda65e}.framed img{width:100%;height:550px;object-fit:cover;position:relative}.framed figcaption{position:relative;background:var(--green);color:white;padding:12px 17px;font:italic 18px var(--serif)}.manifesto{min-height:600px;display:flex;align-items:center;position:relative;overflow:hidden;background:#152d1e;color:white}.manifesto-bg{background:linear-gradient(90deg,#0c1c12e8,#0c1c1260),url('assets/decoracion.jpg') center/cover}.manifesto-copy{position:relative;padding:100px clamp(25px,12vw,170px);max-width:1000px}.manifesto h2,.journey h2{font-size:clamp(55px,7vw,95px);margin:20px 0}.manifesto h2 i,.journey h2 i,.closing h2 i{color:#e7bb70}.manifesto-copy>p:last-child{max-width:480px;color:#e8e2d7}.flavors,.offers{background:#f3e8d7}.heading{max-width:720px;margin-bottom:50px}.flavor-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:330px 330px;gap:17px}.flavor{position:relative;overflow:hidden;background:#332116;color:white}.flavor:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c0804d9,transparent 70%)}.flavor img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.flavor:hover img{transform:scale(1.07)}.flavor>div{position:absolute;z-index:1;left:24px;right:20px;bottom:23px}.flavor small{font-size:9px;letter-spacing:.15em;color:#f2cb81}.flavor h3{font-size:39px;margin:12px 0}.flavor p{font-size:12px;color:#eee1d2;margin:0}.flavor.big{grid-row:span 2}.flavor.wide{grid-column:span 2}.quote{background:var(--red);color:white;text-align:center;padding:110px 22px}.quote>div{max-width:900px;margin:auto}.quote span{font:100px/.6 var(--serif);color:#e8bd72}.quote blockquote{font:600 clamp(42px,6vw,76px)/.93 var(--serif);margin:15px 0 22px}.quote p{color:#f4d8ae;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.diy .two-col{grid-template-columns:1fr .9fr}.diy .framed img{height:600px}.diy ul{list-style:none;padding:0;color:var(--green);font-size:13px;font-weight:600}.diy li{margin:13px 0}.journey{background:var(--green);color:white;padding:110px clamp(25px,9vw,130px);text-align:center}.steps{max-width:950px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left}.steps article{border-top:1px solid #e7bd7780;padding-top:20px;display:flex;gap:18px}.steps b{font:italic 27px var(--serif);color:#e7bd77}.steps h3{font-size:26px;margin-bottom:10px}.steps p{font-size:12px;color:#d1dbd1}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.offer{position:relative;background:#fffaf1;border:1px solid #e3d2b8;padding:35px 30px;min-height:420px;display:flex;flex-direction:column}.offer.featured{background:var(--green);color:white;transform:translateY(-12px);border-color:var(--green)}.offer small{font-size:9px;letter-spacing:.16em;color:#9c8061;font-weight:800}.offer.featured small{color:#e9c887}.ornament{font:44px var(--serif);color:var(--red);margin:25px 0 10px}.featured .ornament{color:#e9c887}.offer h3{font-size:39px;color:var(--green);margin-bottom:15px}.featured h3{color:white}.offer p{font-size:13px;color:var(--muted);min-height:70px}.featured p{color:#d7e1d8}.offer strong{font:700 27px var(--serif);color:var(--red);margin:12px 0 18px}.featured strong{color:#f1ca7e}.offer>a{margin-top:auto;border-top:1px solid #dfceb4;padding-top:17px;font-size:11px;font-weight:800;color:var(--green)}.featured>a{color:#f1ca7e;border-color:#58715f}.offer label{position:absolute;right:0;top:0;background:var(--gold);color:#2c2418;padding:8px 12px;font-size:8px;font-weight:800;letter-spacing:.1em}.note{font-size:10px;color:#8d7e6b;margin-top:20px}.closing{min-height:820px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:#1b130e;color:white}.closing-bg{background:url('assets/hero-navidad.jpg') center 38%/cover}.closing-shade{background:linear-gradient(90deg,#0c0805db,#0c080557),linear-gradient(0deg,#0c0805bf,transparent 50%)}.closing-copy{position:relative;padding:120px clamp(25px,10vw,150px)}.closing h2{font-size:clamp(70px,9vw,120px);margin:25px 0 40px}.gold-button{display:inline-block;background:#e5bd75;color:#2c2115;border-radius:40px;padding:15px 23px;font-size:12px;font-weight:800}footer{position:relative;display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:22px 6vw;border-top:1px solid #ffffff44;background:#0f0a0760}footer img{width:125px}footer span,footer small{font-size:10px;color:#e1d4c4}footer small{margin-left:auto}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-bg{animation:none}}
@media(max-width:850px){nav{gap:14px}.two-col{gap:40px}.flavor-grid{grid-template-rows:280px 280px}.steps{grid-template-columns:1fr;max-width:600px}.offer-grid{grid-template-columns:1fr}.offer.featured{transform:none}}
@media(max-width:650px){html{scroll-padding-top:70px}header{height:68px}.logo{width:135px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:20px;flex-direction:column;border-bottom:1px solid #e3d2b8}nav.open{display:flex}.head-cta{display:none}.hero{min-height:740px}.hero-bg{background-position:60% center}.hero-copy{padding:120px 25px}.hero h1{font-size:clamp(62px,16vw,90px)}.hero-copy>p:not(.eyebrow){font-size:14px}.seal{width:95px;height:95px;font-size:7px;right:6%;bottom:7%}.seal i{font-size:21px}.chapter{padding:85px 22px}.number{margin-bottom:35px}.two-col,.diy .two-col{grid-template-columns:1fr}.copy{padding:0}.framed img,.diy .framed img{height:420px}.manifesto{min-height:560px}.manifesto-copy{padding:85px 25px}.flavor-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 240px 260px}.flavor.big{grid-row:span 2}.flavor.wide{grid-column:span 2}.flavor h3{font-size:30px}.flavor>div{left:14px;bottom:14px}.flavor p{font-size:10px}.quote{padding:80px 22px}.journey{padding:85px 24px}.journey h2{font-size:57px}.heading h2,.copy h2{font-size:58px}.offer{min-height:350px}.closing{min-height:740px}.closing-copy{padding:110px 25px}.closing h2{font-size:76px}footer{gap:12px}footer span{width:100%;order:3}footer small{margin-left:0}}