:root{--verde:#0c1812;--verde2:#16291f;--oro:#d6b25e;--oro2:#b8923a;--crema:#f6f2e8;--txt:#1d2a22;--gris:#5b665f;--wa:#25d366}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--txt);background:var(--crema);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:var(--verde2)}
.serif{font-family:Georgia,"Times New Roman",serif}
/* barra superior */
.top{position:sticky;top:0;z-index:20;background:rgba(12,24,18,.94);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:10px 18px}
.top img{height:38px;width:auto}.top nav{display:flex;gap:14px;align-items:center}.top nav a{color:#e9e3d2;text-decoration:none;font-size:.92rem}
.top nav a.cta{background:var(--oro);color:var(--verde);padding:7px 14px;border-radius:999px;font-weight:700}
@media(max-width:640px){.top nav a.hide-m{display:none}}
/* héroe */
.hero{position:relative;color:#fff;min-height:86vh;display:flex;align-items:flex-end;padding:30px 20px 46px;background:var(--verde) center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,24,18,.15) 20%,rgba(12,24,18,.7) 55%,rgba(12,24,18,.96))}
.hero .in{position:relative;max-width:1040px;margin:0 auto;width:100%}
.kicker{color:var(--oro);font-weight:700;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase}
h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.1rem,7vw,3.8rem);line-height:1.08;margin:.25em 0 .3em}
.lead{font-size:1.12rem;opacity:.95;max-width:640px}
.acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:999px;border:0;font-size:1rem;cursor:pointer;font-family:inherit;min-height:48px}
.btn.oro{background:var(--oro);color:var(--verde)}.btn.wa{background:var(--wa);color:#fff}
.btn.linea{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.85)}.btn.oscuro{background:var(--verde);color:#fff}
.btn:disabled{opacity:.6;cursor:wait}
section{max-width:1040px;margin:0 auto;padding:54px 20px}
h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.6rem,4.5vw,2.3rem);color:var(--verde2);margin:0 0 .5em}
.sub{color:var(--gris);max-width:680px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 14px rgba(12,24,18,.06)}
.card b{display:block;font-family:Georgia,serif;font-weight:400;font-size:1.6rem;color:var(--verde2)}
.dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.camino{background:var(--verde);color:#fff;border-radius:20px;padding:28px;text-decoration:none;display:block;transition:transform .15s}
.camino:hover{transform:translateY(-2px)}.camino h3{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;margin:.2em 0}.camino p{color:#d7dfd9;margin:.3em 0 1em}
.camino.claro{background:#fff;color:var(--txt)}.camino.claro p{color:var(--gris)}
.destacado{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(12,24,18,.08)}
@media(min-width:780px){.destacado{grid-template-columns:1.1fr 1fr}}
.destacado img{width:100%;height:100%;min-height:260px;object-fit:cover}.destacado .tx{padding:26px}
.precio{display:inline-block;background:var(--oro);color:var(--verde);font-weight:800;font-size:1.45rem;padding:.3em .8em;border-radius:12px;margin:10px 0}
.etq{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:6px}
.etq.real{background:rgba(12,24,18,.82);color:var(--oro)}.etq.ref{background:#fff;color:var(--verde);border:1px solid #cfd6cf}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.gal figure{margin:0;position:relative}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;cursor:zoom-in}
.gal figcaption{position:absolute;left:8px;top:8px}
.gal.ref figure{outline:3px solid #fff;outline-offset:-3px;border-radius:12px}
.gal.ref figcaption{left:8px;right:8px;top:8px;text-align:center}
.aviso{background:#fff;border-left:4px solid var(--oro);border-radius:10px;padding:14px 16px;font-size:.92rem;color:var(--gris);margin:14px 0}
.video{display:grid;grid-template-columns:1fr;gap:18px;align-items:center}@media(min-width:780px){.video{grid-template-columns:minmax(260px,360px) 1fr}}
.video video{width:100%;max-height:78vh;border-radius:16px;background:#000;aspect-ratio:9/16}
.mapa iframe{width:100%;height:340px;border:0;border-radius:16px}
form.f{background:#fff;border-radius:18px;padding:22px;display:grid;gap:14px;box-shadow:0 4px 24px rgba(12,24,18,.07);max-width:640px}
.f label{font-weight:600;font-size:.93rem;display:block}
.f input,.f select,.f textarea{width:100%;padding:12px;border:1px solid #c9d1ca;border-radius:10px;font:inherit;margin-top:5px;background:#fbfaf6;font-size:16px}
.f .fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.f .fila{grid-template-columns:1fr}}
.f .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}.f .chk input{width:auto;margin-top:5px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.nota{font-size:.84rem;color:var(--gris)}
.msg{padding:14px;border-radius:12px;display:none}.msg.ok{display:block;background:#e7f5ec;color:#14532d}.msg.err{display:block;background:#fdecec;color:#7f1d1d}
footer{background:var(--verde);color:#cfd8d2;padding:34px 20px;font-size:.88rem}
footer .in{max-width:1040px;margin:0 auto;display:grid;gap:10px}footer a{color:var(--oro)}
.wa-flot{position:fixed;right:14px;bottom:14px;z-index:30;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
.lb.on{display:flex}.lb img{max-height:88vh;border-radius:10px}.lb .c{position:absolute;top:10px;left:0;right:0;text-align:center;color:#fff;font-size:.85rem}