*{box-sizing:border-box}html,body{margin:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji';color:#1d2a3a;background:#fff}
:root{--primary:#3e5f8a;--accent:#d6b899;--ink:#233246}
.container{width:min(1100px,92%);margin-inline:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid #eee}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.7rem}
.logo{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.brand-title{font-size:1.15rem;color:var(--primary);letter-spacing:.5px}
.brand-sub{font-size:.8rem;color:#7a8aa0}
.nav a{margin-left:1rem;text-decoration:none;color:#2b3b52;font-weight:600}
.nav a:hover{color:var(--primary)}
.hero{position:relative;isolation:isolate}
.hero-img{width:100%;height:66vh;object-fit:cover;display:block;filter:brightness(.8)}
.hero-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;padding:1rem}
.hero-overlay h1{font-size:clamp(1.8rem,3vw,3rem);margin:.2rem 0}
.hero-overlay p{font-size:clamp(1rem,1.8vw,1.3rem);opacity:.95}
.btn{display:inline-block;border:2px solid var(--primary);padding:.65rem 1rem;border-radius:999px;text-decoration:none;font-weight:700;color:var(--primary);transition:.2s}
.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(62,95,138,.2)}
.section{padding:3rem 0}
.section h2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:0 0 1.2rem;color:var(--primary)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.card{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.04)}
.card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.card-body{padding:1rem}
.card h3{margin:.2rem 0;color:var(--ink)}
.video .video-wrapper{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.video iframe{position:absolute;inset:0;width:100%;height:100%}
.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.social-card{border:1px solid #eee;border-radius:16px;padding:1rem;background:#fff}
.social-card .muted{color:#73839a;font-size:.9rem}
.gallery img{width:100%;height:auto;border-radius:12px;object-fit:cover}
.map-wrapper{aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.map-wrapper iframe{width:100%;height:100%;border:0}
.form label{display:block;font-weight:600;margin:.5rem 0}
.form input,.form select,.form textarea{width:100%;padding:.7rem;border-radius:10px;border:1px solid #ccd4df;background:#fbfdff}
.footer{background:#f6f8fb;border-top:1px solid #e7edf5}
.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;color:#5c6b80}
.wa-float{position:fixed;right:16px;bottom:16px;width:58px;height:58px;background:#25D366;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.wa-icon{width:32px;height:32px;fill:#fff}
@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .socials{grid-template-columns:1fr}
  .hero-img{height:54vh}
  .footer-inner{flex-direction:column;gap:.4rem}
}