:root {
  --primary:#00A896; /* verde tipo logo */
  --secondary:#FFC94B; /* amarillo tipo logo */
  --accent:#F25F5C; /* rojo coral */
  --dark:#17222d;
  --light:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  color:var(--dark);
  background:#f9fafb;
}
.container{width:min(1100px,92%);margin:0 auto}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid #e5e7eb;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.nav a{color:var(--dark);text-decoration:none;margin:0 .75rem;font-weight:600}
.logo{display:flex;align-items:center;gap:.6rem}
.logo img{height:42px;width:auto;border-radius:.35rem}
.cta{background:var(--primary);color:#fff;padding:.6rem 1rem;border-radius:.7rem}
.cta:hover{opacity:.9}
.hero{
  position:relative;min-height:72vh;display:grid;place-items:center;
  color:#fff;overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.35)),
  url('./assets/img/hero.jpg') center/cover no-repeat;
  filter:saturate(1.05);
}
.hero .content{position:relative;text-align:center;padding:2rem}
.kicker{display:inline-block;background:rgba(0,0,0,.45);padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-size:.9rem;letter-spacing:.4px}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:.8rem 0 1rem;line-height:1.1}
.hero p{font-size:clamp(1rem,2.5vw,1.2rem);opacity:.95}
.btn{display:inline-block;margin-top:1rem;padding:.8rem 1.1rem;border-radius:.8rem;background:var(--secondary);color:#1b1b1b;font-weight:800;text-decoration:none}
.section{padding:3.2rem 0}
.grid{display:grid;gap:1.3rem}
.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid #eef1f5;border-radius:1rem;overflow:hidden;box-shadow:0 6px 18px rgba(7,17,34,.06)}
.card img{width:100%;height:240px;object-fit:cover}
.card .p{padding:1rem 1.2rem}
.badge{display:inline-block;background:var(--primary);color:#fff;padding:.25rem .6rem;border-radius:.5rem;font-size:.85rem}
.gallery{columns:1;column-gap:1rem}
@media(min-width:700px){.gallery{columns:2}}
@media(min-width:1000px){.gallery{columns:3}}
.gallery img{width:100%;margin:0 0 1rem;border-radius:.8rem;break-inside:avoid;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.embed-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
iframe.resp{width:100%;border:0;min-height:420px;border-radius:.8rem;box-shadow:0 8px 20px rgba(0,0,0,.06)}
footer{background:#0f1720;color:#cbd5e1;padding:2.5rem 0;margin-top:2rem}
footer a{color:#e2e8f0}
.brandline{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.small{font-size:.9rem;opacity:.9}
/* Floating WhatsApp */
.floating-wpp{
  position:fixed;right:18px;bottom:18px;z-index:60;
  display:flex;align-items:center;gap:.7rem;
  background:var(--primary);color:#fff;padding:.7rem 1rem;border-radius:999px;
  text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.2);
}
.floating-wpp img{height:22px;width:22px}
.contact form{display:grid;gap:.8rem}
input,textarea{width:100%;padding:.9rem;border:1px solid #e5e7eb;border-radius:.7rem;font:inherit}
button[type=submit]{background:var(--primary);color:#fff;border:0;padding:.9rem 1rem;border-radius:.8rem;font-weight:800;cursor:pointer}
.notice{font-size:.9rem;color:#475569}