/* Fuente base y colores (tomados del logo naranja) */
:root{
  --brand:#f57c00;
  --brand-dark:#cc6600;
  --ink:#1f2937;
  --muted:#6b7280;
  --bg:#fffaf5;
  --card:#ffffff;
  --radius:18px;
  --shadow:0 8px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  color:var(--ink); background:var(--bg); line-height:1.55}

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

/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.brand-logo{width:36px;height:36px;border-radius:12px}
.brand-name{font-weight:700}
.nav a{margin-left:1rem;text-decoration:none;color:var(--ink)}
.nav a.btn{margin-left:1.5rem}

/* Buttons */
.btn{display:inline-block;padding:.7rem 1rem;border-radius:999px;border:2px solid var(--brand);font-weight:700;text-decoration:none}
.btn-primary{background:var(--brand);color:white}
.btn-primary:hover{background:var(--brand-dark)}
.btn-outline{color:var(--brand);background:transparent}
.btn-outline:hover{background:#fff0e6}

/* Hero */
.hero{position:relative;min-height:68vh;border-bottom-left-radius:40px;border-bottom-right-radius:40px;overflow:hidden;background:#000}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,.2))}
.hero-content{position:relative;color:white;padding:18vh 0 10vh}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .4rem}
.hero p{margin:0 0 1rem;font-size:1.1rem}
.cta a{margin-right:.6rem}

/* Sections */
.section{padding:64px 0}
.section h2{font-size:1.8rem;margin:0 0 .5rem}
.grid{display:grid;gap:1rem}
.gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.social-embeds{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:1rem}
.embed{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}

/* Map */
.map iframe{width:100%;height:420px;border:0;border-radius:var(--radius);box-shadow:var(--shadow)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.form label{display:block;margin:.5rem 0}
.form input,.form textarea{width:100%;padding:.7rem;border:1px solid #e5e7eb;border-radius:12px}
.form button{margin-top:.5rem}

/* Footer */
.site-footer{border-top:1px solid #eee;padding:24px 0;margin-top:24px;background:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}
.link{color:var(--brand);text-decoration:none}
.link:hover{text-decoration:underline}

/* WhatsApp Floating */
.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#2cb742;box-shadow:var(--shadow)}
.wa-float svg{width:28px;height:28px;fill:white}

/* Responsive */
@media (min-width: 900px){
  .social-embeds{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr 1fr}
}