:root{--brand:#2f5a36;--brand2:#47704c;--sun:#f28c38;--sand:#f7f2e8;--ink:#13211a;--soft:#5b6a60;--card:#fff;--line:#e5ddcc;--band:#1f3d25;--bandtxt:#dce9de}
@media (prefers-color-scheme:dark){:root{--sand:#0f1612;--ink:#edf3ee;--soft:#a3b5a8;--card:#18231c;--line:#27372c;--band:#14261a;--bandtxt:#b9cfbe}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sand)}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding-left:18px;padding-right:18px}
.topbar{position:sticky;top:0;z-index:20;background:var(--brand);color:#fff}
.tb{display:flex;align-items:center;gap:18px;min-height:60px}
.logo img{width:140px;height:auto}
.menu{display:flex;gap:18px;margin-left:auto;font-size:15px}.menu a{text-decoration:none;opacity:.9}.menu a:hover,.menu a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.langs{display:flex;gap:6px;font-size:13px}.langs a{text-decoration:none;padding:3px 7px;border-radius:6px;opacity:.75}.langs a.on{background:rgba(255,255,255,.18);opacity:1}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,center)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.72))}
.hero-in{position:relative;z-index:1;padding-top:110px;padding-bottom:52px;max-width:1120px;width:100%}
h1{font-size:clamp(32px,6vw,56px);line-height:1.05;margin:0 0 12px;font-weight:850;max-width:820px;overflow-wrap:break-word}
.lead{font-size:clamp(17px,2.3vw,21px);max-width:640px;margin:0 0 22px}
.lead2{font-size:20px;margin:0 0 14px}
.btns{display:flex;gap:12px;flex-wrap:wrap}.btns.c{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:750;text-decoration:none;font-size:16px;border:0;cursor:pointer;font-family:inherit}
.btn.pri{background:var(--sun);color:#1d1003}.btn.wa{background:#25d366;color:#062b14}
.btn.ghost{border:2px solid currentColor;background:none;color:inherit}.btn.ghost2{border:2px solid var(--brand2);color:var(--ink);background:none}
.trust{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:18px;font-size:15px}
section{padding:60px 0}section.top{padding-top:44px}
h2{font-size:clamp(26px,4.2vw,38px);line-height:1.12;margin:0 0 10px}h3{margin:18px 0 6px}
.sub{color:var(--soft);margin:0 0 24px;max-width:700px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.one{grid-template-columns:1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.card h3{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--soft)}
.band{background:var(--band);color:#fff}.band .sub{color:var(--bandtxt)}
.price{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.price.top{border:2px solid var(--sun)}
.price .tag{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand2)}
.price .n{font-size:40px;font-weight:850;margin:6px 0 2px;line-height:1.15}.price .n small{font-size:15px;font-weight:600;color:var(--soft)}
.price ul{padding-left:18px;color:var(--soft);margin:10px 0 18px;flex:1}
.tiles{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.tiles.two{grid-template-columns:repeat(2,1fr)}
.tile{position:relative;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;min-height:300px;display:flex;align-items:flex-end}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.04)}
.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78))}
.tile span{position:relative;z-index:1;padding:18px;font-size:15px}.tile b{display:block;font-size:20px;margin-bottom:4px}
.split{display:grid;gap:34px;grid-template-columns:1fr 1fr;align-items:center}.split.inv>div:first-child{order:2}
.redondo{border-radius:18px;width:100%;max-height:440px;object-fit:cover}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:14px}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{color:var(--soft);margin:10px 0 0}
.rev blockquote{margin:0 0 12px;font-size:15.5px}.rev figcaption{color:var(--soft);font-size:13px}
.aviso{background:var(--card);border-left:5px solid var(--sun);border-radius:12px;padding:14px 18px;margin-bottom:18px}
.tt{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.tt iframe{width:100%;height:1150px;border:0;display:block}
.shop{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.prod img{border-radius:12px;margin-bottom:12px;aspect-ratio:1;object-fit:cover;width:100%;background:#fff}.prod .pp{font-weight:800;color:var(--ink);margin:4px 0 2px}.prod .op{font-size:14px;margin:0 0 12px}
.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}
.legal{max-width:820px}.legal h2{font-size:22px;margin-top:28px}.legal p,.legal li{color:var(--soft)}
.foot{background:var(--band);color:var(--bandtxt);padding:36px 0 110px;font-size:14px}.foot a{color:#fff}
.fg{display:grid;gap:24px;grid-template-columns:1fr 1fr}.foot img{width:140px;margin-bottom:10px}
.bar{position:fixed;left:0;right:0;bottom:0;display:none;gap:8px;padding:10px;background:color-mix(in srgb,var(--band) 94%,transparent);z-index:30}
.bar .btn{flex:1;padding:13px 10px}
.ck{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;max-width:560px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.ck p{margin:0 0 12px;font-size:14px;color:var(--soft)}.ck[hidden]{display:none}
@media (min-width:1000px){.hero.right .hero-in{padding-left:max(18px,calc(50% - 40px))}.hero.right h1{font-size:clamp(32px,4.2vw,52px)}}
@media (max-width:900px){.tiles{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
 .menu{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;gap:0;background:var(--brand);padding:6px 18px 14px}
 .menu.open{display:flex}.menu a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
 .langs{margin-left:auto}.burger{display:block}
 .tiles,.tiles.two,.split,.fg{grid-template-columns:1fr}.split.inv>div:first-child{order:0}
 .gallery{grid-template-columns:1fr 1fr}.gallery img{height:170px}.tile{min-height:230px}
 .bar{display:flex}.ck{bottom:76px}.hero{min-height:74vh}
}