:root{
  --accent:#d62828;
  --dark:#0b1320;
  --muted:#6c7885;
}
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;color:var(--dark);background:#f7f7f7}
.container{width:95%;max-width:1100px;margin:0 auto;padding:20px}
.site-header{background:white;box-shadow:0 2px 6px rgba(0,0,0,0.06);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{height:64px}
.nav a{margin-left:18px;text-decoration:none;color:var(--dark);font-weight:600}
.hero{display:flex;gap:24px;align-items:center;padding:24px 0}
.carousel{flex:1;min-height:260px;border-radius:8px;overflow:hidden;position:relative;background:#222}
.carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.carousel img.active{opacity:1}
.hero-text{flex:1;padding:20px}
.hero-text h1{margin:0 0 8px;font-size:28px}
.hero-text p{margin:0 0 16px;color:var(--muted)}
.cta-row{display:flex;gap:12px}
.btn{background:var(--accent);color:white;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:700}
.btn.ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}

.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.card{background:white;padding:16px;border-radius:8px;box-shadow:0 6px 12px rgba(13,38,59,0.04)}
.card h2{margin-top:0}

.gallery{margin-top:20px}
.gallery .images{display:flex;gap:8px;flex-wrap:wrap}
.gallery img{width:calc(33% - 8px);border-radius:6px;object-fit:cover;height:140px}

.site-footer{margin-top:28px;padding:18px 0;color:var(--muted)}

.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#25D366;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,0.2);text-decoration:none}
.whatsapp-float svg{display:block}

@media(max-width:820px){
  .hero{flex-direction:column}
  .hero-text h1{font-size:22px}
  .gallery img{width:48%}
}