:root{
  --brand:#0e2a52; /* azul oscuro del logo */
  --brand-2:#1a4d8f;
  --accent:#f3b33d; /* dorado cálido para CTA */
  --ink:#0f172a;
  --bg:#ffffff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu, Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--ink);background:var(--bg)}
a{color:var(--brand-2);text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1200px;margin:0 auto;padding:0 20px}

header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(10px);
  background:rgba(255,255,255,.85);
  border-bottom:1px solid #e5e7eb;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img.logo{width:44px;height:44px;border-radius:999px;object-fit:cover;border:2px solid var(--brand)}
.brand .title{font-weight:800;color:var(--brand)}
.brand .subtitle{font-size:12px;color:#475569;margin-top:-4px}

.nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0}
.nav a{padding:10px 12px;border-radius:10px;font-weight:600}
.nav a:hover{background:#eef2ff}

.hero{
  background: radial-gradient(1000px 400px at 70% -200px, #dbeafe 5%, transparent 60%) , linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding:64px 0 24px;
}
.hero .inner{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.hero h1{font-size:44px;line-height:1.1;margin:0;color:var(--brand)}
.hero p{font-size:18px;color:#475569;margin:14px 0 24px}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.badge{background:#eef2ff;color:#1e293b;border:1px solid #c7d2fe;padding:6px 10px;border-radius:999px;font-size:12px}

.cta{display:flex;gap:12px;flex-wrap:wrap}
.button{background:var(--accent);color:#111827;padding:12px 18px;border-radius:12px;font-weight:800;border:0;cursor:pointer;box-shadow:0 6px 16px rgba(243,179,61,.35)}
.button.secondary{background:#0ea5e9;color:white;box-shadow:0 6px 16px rgba(14,165,233,.35)}
.button.link{background:transparent;color:var(--brand-2);box-shadow:none;padding:0}

.section{padding:56px 0;border-top:1px solid #f1f5f9}
.section h2{font-size:30px;color:var(--brand);margin:0 0 18px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:white;box-shadow:0 8px 24px rgba(2,6,23,.04)}
.card h3{margin:.2rem 0 .4rem;font-size:18px;color:var(--brand)}
.card p{margin:0;color:#475569;font-size:15px}

.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature{display:flex;gap:12px;align-items:flex-start}
.check{width:26px;height:26px;border-radius:50%;background:#e0f2fe;display:flex;align-items:center;justify-content:center;border:1px solid #bae6fd}
.check span{font-weight:900;color:#0369a1}

.gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
.gallery img{border-radius:14px;object-fit:cover;height:100%;aspect-ratio:1/1;}

.embed-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:16px}
.embed{border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;background:white;min-height:420px}

.map iframe, .video iframe{width:100%;height:360px;border:0;border-radius:16px}

footer{margin-top:36px;padding:26px 0;border-top:1px solid #e5e7eb;background:#0b1220;color:#e2e8f0}
footer a{color:#93c5fd}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center}

.floating-whatsapp{
  position:fixed;right:16px;bottom:16px;z-index:60;
  width:58px;height:58px;border-radius:999px;background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.floating-whatsapp img{width:28px;height:28px;filter:invert(1)}

@media (max-width: 980px){
  .hero .inner{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .features{grid-template-columns:1fr}
  .embed-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
}