
:root{
  --brand:#F29F1F; /* naranja logo aproximado */
  --brand-dark:#c07e17;
  --ink:#1a1a1a;
  --muted:#666;
  --bg:#fffaf4;
  --alt:#faf7f2;
  --card:#ffffff;
  --shadow:0 10px 25px rgba(0,0,0,.08);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);}
img{max-width:100%;display:block}
.container{max-width:1120px;margin:0 auto;padding:24px}
/* Navbar */
.navbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
.navwrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700}
.brand img{width:34px;height:34px;border-radius:8px}
.navbar nav{display:flex;gap:18px;align-items:center}
.navbar nav a{color:var(--ink);text-decoration:none;font-weight:600}
.btn{background:var(--brand);border:2px solid var(--brand);color:white;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;display:inline-block;box-shadow:var(--shadow)}
.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.btn-outline{background:transparent;color:var(--brand)}
.btn-outline:hover{background:#fff2df}
.btn-sm{padding:8px 14px;font-size:.9rem}
.btn-block{display:block;text-align:center;width:100%}
.badge{display:inline-block;background:#fff2df;color:#7a4a00;padding:6px 10px;border-radius:999px;margin-right:8px;font-size:.85rem}
.muted{color:var(--muted)}
/* Hero */
.hero{position:relative;height:72vh;min-height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #eee}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.7);}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55))}
.hero-content{position:relative;color:#fff;text-align:center}
.hero h1{font-family:'Playfair Display',serif;font-size:56px;margin:0 0 8px}
.hero p{font-size:18px;opacity:.95;margin:0 0 18px}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* Sections */
.section{padding:64px 0}
.section.alt{background:var(--alt)}
h2{font-family:'Playfair Display',serif;font-size:40px;margin:0 0 18px}
h3{margin:0 0 12px}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.menu-card p{margin:0 0 12px}
.feature-list{padding-left:18px}
.feature-list li{margin:8px 0}
.info{list-style:none;padding:0;margin:10px 0 0}
.info li{margin:6px 0}
.map-holder{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-top:10px}
.map-holder iframe{width:100%;height:230px;border:0}
/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.gallery a{display:block;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.gallery img{aspect-ratio:1.35/1;object-fit:cover}
.social{margin-top:18px;display:flex;gap:12px}
/* Footer */
.footer{border-top:1px solid #eee;padding:24px 0;background:#fff}
.footwrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footbrand{display:flex;gap:10px;align-items:center}
.footbrand img{width:40px;height:40px;border-radius:8px}
.footlinks a{margin-right:12px;text-decoration:none;color:var(--ink)}
.credit{color:var(--muted)}
/* WhatsApp Floating */
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;border-radius:999px;padding:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);text-decoration:none}
.whatsapp:hover{filter:brightness(.95)}

/* Responsive */
@media (max-width: 900px){
  .two-col,.grid-2{grid-template-columns:1fr}
  .hero{height:62vh}
  .hero h1{font-size:44px}
}
