
:root{
  --blue:#1e3a8a;
  --light:#e0f2fe;
  --yellow:#facc15;
  --text:#334155;
  --white:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--white)}
header{background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:1000}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:44px}
nav a{color:#fff;text-decoration:none;margin:0 10px;font-weight:700}
nav a.contact{background:var(--yellow);color:#0f172a;padding:8px 14px;border-radius:10px}
.hero{background:url('images/hero.jpg') center/cover no-repeat;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--blue);padding:40px 20px}
.hero h1{font-size:40px;margin:0 0 10px 0}
.container{max-width:1100px;margin:0 auto;padding:32px 20px}
.btn{background:var(--yellow);color:#111827;padding:12px 20px;border:none;border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
footer{background:var(--blue);color:#fff;text-align:center;padding:18px;margin-top:30px}
/* Testimonials */
.testimonials{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.testimonials .card p{margin:6px 0 0 0;font-style:italic}
/* Slideshow */
.slideshow{position:relative;max-width:980px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.slide{display:none;width:100%}
.slide.active{display:block;animation:fade .6s ease-in}
@keyframes fade{from{opacity:.4}to{opacity:1}}
.controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 10px}
.control-btn{background:rgba(255,255,255,.9);border:none;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
.caption{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;background:var(--blue);color:#fff;padding:10px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(30,58,138,.4);font-weight:700;max-width:90%}
.pp{position:absolute;top:12px;right:12px;background:var(--yellow);border:none;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}
.map iframe{width:100%;height:360px;border:0}
/* Contact form buttons */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.cta{display:inline-block;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800}
.cta.whatsapp{background:#25D366;color:#fff}
.cta.call{background:var(--yellow);color:#111827}
