
:root{--green:#06442d;--green2:#0b6b43;--leaf:#6dbb52;--gold:#d7ac45;--cream:#fffaf0;--dark:#10231a;--text:#23352c;--muted:#6d7f74;--shadow:0 24px 80px rgba(6,68,45,.18);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#f4f7ef 100%);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(18px,4vw,56px);background:rgba(255,255,255,.86);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--green);letter-spacing:.02em}.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid rgba(215,172,69,.6)}.nav{display:flex;gap:22px;font-weight:650;color:#28503a}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.nav a:hover:after{transform:scaleX(1)}.lang{border:1px solid rgba(6,68,45,.18);background:var(--green);color:white;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.hero{position:relative;min-height:86vh;display:grid;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,68,45,.95),rgba(6,68,45,.68),rgba(6,68,45,.18)),url('../images/portada-esmeralda.jpg') center/cover no-repeat;transform:scale(1.02)}.hero-content{position:relative;max-width:760px;padding:clamp(90px,12vw,160px) clamp(22px,6vw,90px);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.78rem;color:var(--gold);margin:0 0 12px}.hero h1,.section h2{font-family:Georgia,'Times New Roman',serif;line-height:1.05;letter-spacing:-.035em}.hero h1{font-size:clamp(3rem,7vw,6.5rem);margin:0 0 20px}.lead{font-size:clamp(1.08rem,2vw,1.35rem);max-width:650px;color:rgba(255,255,255,.9)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 22px;font-weight:900;letter-spacing:.02em;transition:.25s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--gold),#f3d778);color:#142216;box-shadow:0 14px 35px rgba(215,172,69,.28)}.btn-primary:hover{transform:translateY(-3px)}.btn-outline{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.12)}.btn-outline.dark{border-color:rgba(6,68,45,.2);color:var(--green);background:white}.strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-54px auto 0;width:min(1080px,92%);background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.strip article{padding:18px;border-radius:18px;background:linear-gradient(135deg,#f7faee,#fff);border:1px solid rgba(6,68,45,.08)}.strip strong{display:block;color:var(--green);font-size:1.15rem}.strip span{color:var(--muted);font-weight:650}.section{padding:clamp(70px,9vw,120px) clamp(20px,5vw,70px)}.two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);gap:clamp(32px,6vw,72px);align-items:center}.section h2{font-size:clamp(2.1rem,4.5vw,4.2rem);margin:0 0 18px;color:var(--green)}.copy p{font-size:1.06rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.card{background:white;border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(6,68,45,.08);border:1px solid rgba(6,68,45,.07)}.card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf8e7;color:var(--green2);font-weight:900}.card h3{margin:14px 0 8px;color:var(--green)}.poster img{border-radius:34px;box-shadow:var(--shadow);border:8px solid white}.center{text-align:center;max-width:850px;margin:0 auto 34px}.video-section{background:radial-gradient(circle at 50% 10%,rgba(215,172,69,.20),transparent 36%),linear-gradient(180deg,#f4f7ef,#fff)}.video-wrap{width:min(980px,94vw);margin:auto;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:8px solid white;background:#0d2f20}.video-wrap video{display:block;width:100%;height:auto}.gallery-section{background:#fff}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1080px;margin:auto}.gallery-item{border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#eef4e9;box-shadow:0 12px 30px rgba(0,0,0,.08)}.gallery-item img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:.28s}.gallery-item:hover img{transform:scale(1.05)}.social{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#0a422d,#071f16);color:white}.social h2{color:white}.social .copy p:not(.eyebrow){color:rgba(255,255,255,.85)}.fb-box{justify-self:center;width:min(500px,100%);background:white;border-radius:26px;padding:10px;box-shadow:0 26px 70px rgba(0,0,0,.24);overflow:hidden}.fb-box iframe{width:100%!important}.location{background:linear-gradient(180deg,#fff,#f4f7ef)}.contact-lines{display:grid;gap:10px;margin-top:24px}.contact-lines a{display:inline-flex;width:max-content;padding:11px 16px;border-radius:999px;background:#fff;color:var(--green);font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.06)}.map iframe{width:100%;height:430px;border:0;border-radius:28px;box-shadow:var(--shadow)}.contact{background:linear-gradient(135deg,#f4f7ef,#ffffff)}.contact-form{max-width:920px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:white;padding:clamp(20px,4vw,36px);border-radius:30px;box-shadow:var(--shadow)}.contact-form label{display:grid;gap:7px;font-weight:800;color:var(--green)}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(6,68,45,.18);border-radius:16px;padding:14px 15px;font:inherit;background:#fbfdf9;color:var(--text)}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(215,172,69,.28);border-color:var(--gold)}.contact-form .full{grid-column:1/-1}.contact-form button{border:0;cursor:pointer;width:max-content}.footer{text-align:center;background:#061c14;color:rgba(255,255,255,.82);padding:40px 20px}.footer img{width:82px;height:82px;object-fit:cover;border-radius:50%;margin:0 auto 14px;border:2px solid var(--gold)}.footer a{color:#f0d677;font-weight:900}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:70;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:30px;box-shadow:0 14px 35px rgba(37,211,102,.38);border:4px solid white}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:100;display:none;align-items:center;justify-content:center;padding:26px}.lightbox.show{display:flex}.lightbox img{max-width:min(96vw,1000px);max-height:86vh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;border:0;background:white;color:#111;font-size:30px;cursor:pointer}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.nav{display:none}.two,.social{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.poster{max-width:560px;margin:auto}.strip{grid-template-columns:1fr;margin-top:0;border-radius:0;width:100%}.hero{min-height:82vh}.hero-bg{background:linear-gradient(180deg,rgba(6,68,45,.86),rgba(6,68,45,.72)),url('../images/portada-esmeralda.jpg') center/cover no-repeat}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand span{display:none}.topbar{padding:10px 14px}.hero-content{padding:90px 20px}.actions .btn{width:100%}.contact-form{grid-template-columns:1fr}.contact-form button{width:100%}.gallery{gap:10px}.whatsapp{width:56px;height:56px;right:14px;bottom:14px}.section{padding:64px 18px}.fb-box{padding:6px}.map iframe{height:360px}}
