@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/cormorant-garamond-600-normal-latin.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:italic;font-display:swap;src:url(../fonts/cormorant-garamond-600-italic-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(../fonts/manrope-400-normal-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url(../fonts/manrope-600-normal-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url(../fonts/manrope-700-normal-latin.woff2) format('woff2')}
:root{--mar:#2d5a27;--mar-d:#234a1e;--terra:#f0562e;--terra-d:#c8401c;--arena:#f4f5f1;--arena2:#e9ebe3;--tinta:#1a1a1a;--suave:#505a50;--r:16px;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--arena);color:var(--tinta);font:400 1.0625rem/1.65 var(--sans);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--mar)}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--mar);line-height:1.08;margin:0}
h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:.4em}
h3{font-size:1.5rem;margin-bottom:.2em}
p{margin:0 0 1em}
.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--terra-d);margin-bottom:12px;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:12px;font-weight:700;text-decoration:none;font-size:1rem;transition:background .2s,transform .2s}
.btn-p{background:var(--terra);color:#fff}.btn-p:hover{background:var(--terra-d)}
.btn-g{border:1.5px solid rgba(255,255,255,.7);color:#fff}.btn-g:hover{background:rgba(255,255,255,.14)}
.btn-o{border:1.5px solid var(--mar);color:var(--mar)}.btn-o:hover{background:var(--mar);color:#fff}
/* nav */
header{position:absolute;inset:0 0 auto 0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;max-width:1080px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:600 1.7rem var(--serif)}
.brand img{width:38px;height:38px;border-radius:9px}
.nav a.enter{color:#fff;font-weight:700;text-decoration:none;border:1.5px solid rgba(255,255,255,.7);border-radius:12px;min-height:44px;padding:0 20px;display:inline-flex;align-items:center}
.nav a.enter:hover{background:rgba(255,255,255,.14)}
/* hero */
.hero{position:relative;min-height:min(92vh,760px);display:flex;align-items:flex-end;color:#fff;background:#1c2a1a}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,10,.45) 0%,rgba(10,20,10,.15) 35%,rgba(10,20,10,.78) 100%)}
.hero .wrap{position:relative;z-index:2;padding-bottom:56px;padding-top:140px}
.hero h1{color:#fff;font-size:clamp(2.8rem,9vw,5.4rem);max-width:12ch}
.hero .sub{font-size:clamp(1.1rem,2.4vw,1.35rem);max-width:34em;margin:18px 0 28px;color:#f1f3ec}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.stores a{display:block;line-height:0}
.stores img{height:56px;width:auto}
.stores .gp img{height:76px;margin:-10px -12px}
.microcopy{font-size:.9rem;margin-top:30px;color:#e5e9dd}
/* secciones */
section{padding:clamp(56px,9vw,104px) 0}
.split{display:grid;gap:36px;align-items:center}
.split img{border-radius:var(--r);width:100%;aspect-ratio:3/2;object-fit:cover;box-shadow:0 18px 40px -22px rgba(20,40,20,.45)}
@media(min-width:820px){.split{grid-template-columns:1fr 1fr;gap:64px}.split.rev img{order:2}}
.lead{font-size:1.2rem;color:var(--suave)}
.steps{counter-reset:s;list-style:none;padding:0;margin:26px 0 0;display:grid;gap:18px}
.steps li{counter-increment:s;padding-left:54px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:var(--mar);color:#fff;font:600 1.3rem/38px var(--serif);text-align:center}
.steps b{display:block;color:var(--tinta)}
.tint{background:var(--arena2)}
.grid{display:grid;gap:20px;margin-top:34px}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:var(--r);padding:26px;border:1px solid #dfe3d6}
.card p{margin:0;color:var(--suave);font-size:1rem}
.night{background:#0e1a2b;color:#e8edf5}
.night h2{color:#fff}.night .lead{color:#c3cde0}.night .eyebrow{color:#ff9b7c}
.band{position:relative;color:#fff;background:#1c2a1a;padding:0}
.band>img{width:100%;height:clamp(300px,52vw,520px);object-fit:cover}
.band .txt{position:absolute;inset:0;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 30%,rgba(10,20,10,.82))}
.band h2{color:#fff;max-width:20ch}
.band .wrap{padding-bottom:36px}
/* precios */
.prices{display:grid;gap:20px;margin-top:34px}
@media(min-width:820px){.prices{grid-template-columns:repeat(3,1fr)}}
.plan{background:#fff;border:1px solid #dfe3d6;border-radius:var(--r);padding:28px;display:flex;flex-direction:column}
.plan.f{border:2px solid var(--terra)}
.plan .price{font:600 2.6rem/1 var(--serif);color:var(--mar);margin:10px 0 4px}
.plan .price small{font:400 1rem var(--sans);color:var(--suave)}
.plan ul{padding-left:1.1em;margin:14px 0 0;color:var(--suave);font-size:.98rem}
.note{font-size:.92rem;color:var(--suave);margin-top:22px}
/* faq */
details{border-bottom:1px solid #d4d8cb;padding:16px 0}
summary{cursor:pointer;font-weight:700;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
summary::after{content:"+";font-size:1.5rem;color:var(--terra)}
details[open] summary::after{content:"–"}
details p{margin:8px 0 0;color:var(--suave)}
.final{background:var(--mar);color:#fff;text-align:center}
.final h2{color:#fff;margin-inline:auto;max-width:18ch}
.final .stores{justify-content:center}
.final p{color:#dfe8da}
footer{background:#14210f;color:#c8d3c2;padding:44px 0;font-size:.92rem}
footer a{color:#e6eddf}
footer nav{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0 18px}
footer nav a{display:inline-flex;min-height:36px;align-items:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* paginas hijas */
.hero{min-height:min(60vh,520px)}
.hero.plain{background:var(--mar)}
.hero.plain::after{display:none}
.hero h1{max-width:18ch;font-size:clamp(2.4rem,7vw,4.2rem)}
.hero .eyebrow{color:#ffd2c4}
.back{display:inline-block;margin-bottom:22px;font-weight:700;text-decoration:none;min-height:44px;line-height:44px}
.funcs{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.funcs li{background:#fff;border:1px solid #dfe3d6;border-radius:var(--r);padding:20px 22px}
.more{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--terra-d);text-decoration:none;margin-top:6px}
.funcs h3{font-size:1.45rem;margin:0 0 4px}
.funcs p{margin:0;color:var(--suave)}