/* La Herradura - Styles */
:root{
  --green:#0f3b2e;
  --green-2:#1e5a48;
  --gold:#c3a46a;
  --bg:#0a1311;
  --text:#1b1b1b;
  --white:#ffffff;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--text);
  background:#fff;
}
img{max-width:100%;display:block;height:auto}

.container{width:min(1100px,92%);margin-inline:auto}

.topbar{
  position:sticky;top:0;z-index:50;
  background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--green);font-weight:700}
.brand img{width:32px;height:32px;border-radius:6px;object-fit:cover}
.nav a{color:#333;text-decoration:none;margin-left:1rem;font-weight:600}
.nav a:hover{color:var(--green)}

/* HERO */
.hero{position:relative;isolation:isolate}
.slides{height:64svh;min-height:420px;position:relative;overflow:hidden}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.slides img.active{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55));z-index:1}
.hero-text{position:absolute;inset:0;z-index:2;display:grid;place-content:center;color:#fff;text-align:center}
.hero-text h1{font-family:'Playfair Display',serif;font-size:clamp(28px,4.5vw,56px);line-height:1.05;margin:0 0 .5rem}
.hero-text p{opacity:.95;margin:.2rem 0 1rem}
.btn{display:inline-block;padding:.78rem 1.2rem;border-radius:999px;background:var(--gold);color:#000;text-decoration:none;font-weight:700;border:none;cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.btn.outline{background:transparent;border:2px solid var(--gold);color:var(--gold)}

.section{padding:64px 0}
.section h2{font-family:'Playfair Display',serif;color:var(--green);font-size:clamp(24px,3.2vw,40px);margin:0 0 .5rem}
.lead{color:#444;margin:0 0 1rem}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:18px}
.card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.card h3{margin:.8rem 1rem .2rem}
.card p{margin:0 1rem 1rem;color:#555}

.video-wrap{background:linear-gradient(120deg,#0f3b2e 0%,#1e5a48 60%);color:#fff}
.video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.video iframe{position:absolute;inset:0;width:100%;height:100%}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.grid img{border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08)}

.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}
.two-col .bullets{line-height:1.7}
.embeds .fb,.embeds .ig{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px;margin-bottom:12px}

.field{display:grid;gap:.4rem;margin-bottom:.8rem}
input,textarea{padding:.75rem;border-radius:10px;border:1px solid #ccc;font:inherit}
input:focus,textarea:focus{outline:none;border-color:var(--green-2);box-shadow:0 0 0 3px rgba(30,90,72,.15)}
.wh{margin:.6rem 0}
.address{opacity:.8}

.map{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.1)}

.footer{background:#07120f;color:#cfd7d5;padding:18px 0}
.footer a{color:#c3e6d6;text-decoration:none}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}
@media (max-width:820px){
  .two-col{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

/* WhatsApp floating */
.whatsapp{
  position:fixed;right:18px;bottom:18px;z-index:60;
  width:56px;height:56px;border-radius:999px;background:#25D366;color:#fff;
  display:grid;place-items:center;text-decoration:none;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.whatsapp:hover{transform:translateY(-2px)}