
:root { --green:#003e32; --green2:#075344; --gold:#b48832; --cream:#f4eee5; --ink:#062f28; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
.shell { width:min(1160px, calc(100% - 40px)); margin-inline:auto; position:relative; }
.hero { min-height:92vh; position:relative; overflow:hidden; background:linear-gradient(125deg,#f5eee5 15%,#ebe2d7 65%,#ddd0c2); }
.hero:before { content:""; position:absolute; inset:0; opacity:.3; background-image:radial-gradient(#b48832 0.7px,transparent .7px); background-size:18px 18px; mask-image:linear-gradient(90deg,black,transparent 72%); }
.heroContent { min-height:850px; display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; padding-block:70px 115px; z-index:2; }
.heroCopy { max-width:650px; position:relative; z-index:4; }
.eyebrow { display:inline-block; color:var(--gold); font-family:Georgia,serif; font-size:clamp(1.4rem,2.2vw,2rem); font-style:italic; letter-spacing:.02em; margin-bottom:18px; }
.intro { max-width:470px; font-size:1.12rem; line-height:1.5; font-weight:600; text-transform:uppercase; letter-spacing:.07em; }
.hero h1 { position:relative; z-index:5; width:max-content; max-width:none; margin:28px 0 0; font-family:Georgia,serif; font-size:clamp(3.7rem,7.5vw,7rem); line-height:.77; font-weight:400; letter-spacing:-.055em; text-transform:uppercase; text-shadow:3px 3px 0 #f3ece2,0 8px 22px #173c3128; }
.hero h1 span { display:block; color:var(--green); }
.subtitle { margin:20px 0; color:var(--gold); font-family:Georgia,serif; font-size:clamp(1.55rem,3vw,2.6rem); text-transform:uppercase; letter-spacing:.03em; }
.host { display:flex; align-items:center; gap:12px; font-size:1.1rem; }
.host strong { display:inline-block; padding:9px 30px 12px; border-radius:99px; background:var(--green); color:white; font-family:Georgia,serif; font-size:2rem; font-style:italic; font-weight:500; }
.lead { max-width:560px; margin:28px 0; color:#52615c; font-size:1.1rem; line-height:1.75; }
.primaryButton { display:inline-flex; align-items:center; gap:28px; padding:17px 24px; border-radius:99px; background:var(--gold); color:#fff; text-decoration:none; text-transform:uppercase; font-size:.85rem; font-weight:800; letter-spacing:.08em; box-shadow:0 12px 30px #98722640; transition:.2s ease; }
.primaryButton:hover { transform:translateY(-3px); background:#9d752b; }
.buttonRow{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primaryButton.whatsappButton{background:#168b5b;box-shadow:0 12px 30px #0e71443d}.primaryButton.whatsappButton:hover{background:#107247}.textButton{color:var(--green);font-weight:800;text-decoration:none;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em;border-bottom:1px solid #0d4c3d52;padding:10px 2px}
.posterWrap { position:relative; z-index:2; justify-self:end; }
.posterFrame { width:min(420px,36vw); aspect-ratio:2/3; overflow:hidden; border-radius:210px 210px 22px 22px; border:7px solid #fff8; box-shadow:0 30px 70px #173c3130; }
.posterFrame img { width:100%; height:100%; object-fit:cover; object-position:center; }
.seal { position:absolute; left:-75px; bottom:35px; width:170px; aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; text-align:center; padding:22px; border-radius:50%; background:#f8f0df; border:5px double var(--gold); box-shadow:0 12px 30px #153a3240; transform:rotate(-5deg); }
.seal span { font-size:.82rem; font-weight:800; text-transform:uppercase; line-height:1.25; }.seal strong{color:var(--gold);font:italic 2rem Georgia,serif;}
.curve { position:absolute; bottom:-80px; left:-5%; width:110%; height:160px; background:var(--green); border-radius:50% 50% 0 0; }
.details { background:var(--green); color:white; padding:75px 0 100px; }
.sectionHeading h2,.videoCopy h2,.guestCard h2 { margin:0; font:400 clamp(2.2rem,4.5vw,4rem)/1.06 Georgia,serif; }
.detailGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }
.detailCard { display:flex; gap:20px; min-height:175px; padding:28px; border:1px solid #bf984e78; border-radius:22px; background:#ffffff0a; }
.cardIcon { flex:0 0 54px; height:54px; display:grid; place-items:center; border-radius:50%; background:var(--gold); font-size:1.7rem; }
.detailCard small { color:#d2b677; text-transform:uppercase; letter-spacing:.12em; }.detailCard h3{margin:7px 0;font:400 1.5rem Georgia,serif}.detailCard p{margin:0;color:#d7e0dc;line-height:1.5;font-size:.92rem}
.videoSection { padding:105px 0; background:#efe6da; }
.videoGrid { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:center; }.videoCopy p{color:#5e6762;line-height:1.75}.goldLine{width:80px;height:3px;background:var(--gold);margin-top:30px}
.videoPlaceholder { aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; border-radius:24px; border:1px solid #c49b4c; color:white; background:radial-gradient(circle at 50% 0,#176353,#003e32 65%); box-shadow:0 24px 60px #17382f35; }
.videoPlaceholder .play { display:grid; place-items:center; width:76px; height:76px; padding-left:5px; border-radius:50%; background:var(--gold); font-size:1.6rem; box-shadow:0 0 0 12px #ffffff15; }.videoPlaceholder strong{font:400 1.4rem Georgia,serif}.videoPlaceholder span{font-size:.8rem;color:#bdcec8;letter-spacing:.08em;text-transform:uppercase}
.experience { padding:100px 0; background:#faf6ef; }.centered{text-align:center}.highlightGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:50px 0 80px}.highlight{text-align:center;padding:35px 25px}.highlight span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:2rem}.highlight h3{font:400 1.5rem Georgia,serif}.highlight p{color:#63706b;line-height:1.6}
.guestCard { display:grid;grid-template-columns:120px 1fr;align-items:center;gap:35px;padding:50px 60px;border-radius:30px;background:var(--green);color:white;box-shadow:0 24px 60px #17382f30}.guestCard p{max-width:700px;color:#d7e0dc;line-height:1.65}.guestIcon{font-size:4.5rem;color:var(--gold)}
.testimonials{padding:105px 0;background:#efe6da}.sectionIntro{max-width:620px;margin:18px auto 0;color:#69736e;line-height:1.6}.testimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:52px}.testimonialCard{position:relative;padding:34px 34px 30px 112px;min-height:240px;border:1px solid #b88f452e;border-radius:26px;background:#fbf8f2;box-shadow:0 14px 35px #153a3210}.avatar{position:absolute;top:34px;left:30px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--green2),var(--green));border:3px solid #d0ad65;color:#fff;font:600 1rem Georgia,serif;letter-spacing:.06em}.quoteMark{height:30px;color:var(--gold);font:4rem/1 Georgia,serif}.testimonialCard>p{color:#56635e;line-height:1.7;font-style:italic}.testimonialPerson{display:flex;flex-direction:column;gap:4px;margin-top:20px}.testimonialPerson strong{font:400 1.2rem Georgia,serif}.testimonialPerson span{color:#9c7a38;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.finalCta{padding:82px 0;background:var(--green);color:#fff}.finalCtaInner{display:flex;align-items:center;justify-content:space-between;gap:60px}.finalCta h2{margin:0;font:400 clamp(2.3rem,4vw,3.8rem)/1.08 Georgia,serif}.finalCta p{max-width:670px;color:#d3dfda;line-height:1.65}.finalCta .primaryButton{flex:0 0 auto}
footer{background:#eee5da}.footerInner{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:50px}.brandMark{display:flex;align-items:center;gap:18px}.brandMark>span{font-size:4rem;color:var(--gold)}.brandMark strong{display:block;font:400 2.8rem Georgia,serif;letter-spacing:.08em}.brandMark small{display:block;max-width:230px;text-transform:uppercase;font-size:.65rem}.footerInner>p{font:italic 2rem Georgia,serif}.footerBar{padding:20px;text-align:center;background:var(--green);color:#c39d53;letter-spacing:.17em}.footerBar i{margin:0 22px}
@media(max-width:850px){.heroContent{grid-template-columns:1fr;padding-top:55px}.posterWrap{justify-self:center}.posterFrame{width:min(480px,82vw)}.detailGrid,.highlightGrid,.videoGrid,.testimonialGrid{grid-template-columns:1fr}.videoGrid{gap:38px}.detailCard{min-height:unset}.guestCard{grid-template-columns:1fr;padding:38px}.finalCtaInner{align-items:flex-start;flex-direction:column}.footerInner{flex-direction:column;justify-content:center;text-align:center;padding-block:40px}.seal{left:-20px}.curve{bottom:-110px}}
@media(max-width:540px){.shell{width:min(100% - 28px,1160px)}.heroContent{gap:40px;min-height:auto;padding-bottom:150px}.hero h1{width:auto;max-width:100%;font-size:3.4rem}.host{align-items:flex-start;flex-direction:column}.host strong{font-size:1.55rem}.buttonRow{align-items:flex-start;flex-direction:column}.posterFrame{width:86vw}.seal{width:125px;left:-8px;bottom:18px;padding:12px}.seal strong{font-size:1.5rem}.details{padding-top:55px}.detailCard{padding:22px}.videoSection,.experience,.testimonials{padding:75px 0}.highlightGrid{gap:0;margin-top:30px}.guestCard{padding:30px 24px}.testimonialCard{padding:110px 24px 28px}.avatar{top:28px;left:24px}.finalCta{padding:65px 0}.footerBar{font-size:.7rem}.footerBar i{margin:0 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primaryButton{transition:none}}
