/* Theme: derived from logo (turquesa, naranja, blanco) */
:root{
  --turq:#10b7bd;
  --turq-dark:#0f9aa0;
  --orange:#ff7a1a;
  --ink:#0b1b25;
  --bg:#f7fbfc;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--turq-dark);text-decoration:none}
.container{max-width:1100px;margin:auto;padding:0 1rem}
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:4px solid var(--orange)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem}
.brand{display:flex;align-items:center;gap:.6rem}
.brand-logo{width:40px;height:40px;border-radius:50%;border:3px solid var(--orange)}
.brand-name{font-weight:800;font-size:1.1rem;color:var(--turq-dark)}
.nav{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.nav a{padding:.45rem .8rem;border-radius:999px}
.btn{display:inline-block;padding:.7rem 1.1rem;border-radius:999px;border:2px solid var(--turq-dark);font-weight:600}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.btn.outline{background:transparent}
.btn.icon{border-color:#e5eef2;background:#fff}

.hero{position:relative;min-height:60vh;display:grid;place-items:center;background:#000;overflow:hidden}
.hero img{width:100%;height:60vh;object-fit:cover;filter:brightness(.65)}
.hero-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;padding:1rem}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:.2rem 0}
.hero p{max-width:760px;margin-inline:auto}
.cta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}

.section{padding:3.5rem 0;background:#fff}
.section.alt{background:linear-gradient(180deg,#ffffff, #f1fbfd)}
.grid2{display:grid;grid-template-columns:1fr;gap:1.2rem}
.grid3{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:800px){.grid2{grid-template-columns:1.1fr .9fr}.grid3{grid-template-columns:repeat(3,1fr)}}

.card{background:#fff;border-radius:18px;box-shadow:0 10px 24px rgba(16,183,189,.12);padding:1rem;overflow:hidden}
.card.media{padding:0}

.bullets{margin:.6rem 0;padding-left:1rem}
.bullets li{margin:.2rem 0}
.location a{font-weight:600}

.video-wrapper{position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}

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

.fb-container{margin-bottom:1rem}
.ig-card{position:relative}
.ig-card img{border-radius:14px}
.ig-card span{position:absolute;bottom:.6rem;left:.6rem;background:rgba(0,0,0,.55);color:#fff;padding:.3rem .6rem;border-radius:999px;font-size:.9rem}

.form{display:grid;gap:.6rem}
.form input,.form textarea{padding:.9rem;border:2px solid #dbe7eb;border-radius:12px;font:inherit}
.form button{justify-self:start}

.contact-list{list-style:none;padding:0;margin:1rem 0 0 0;display:grid;gap:.2rem}

.footer{background:#062a31;color:#eaf6f8;padding:1.2rem 0}
.footer a{color:#89f0f4}
.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

.whatsapp{position:fixed;right:18px;bottom:18px;width:60px;height:60px;background:#25D366;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.whatsapp svg{width:30px;height:30px;fill:#fff}