:root{--red:#e10600;--black:#111;--white:#fff;--gray:#f6f6f6}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--white);color:var(--black)}
.container{max-width:1150px;margin:0 auto;padding:0 16px}
/* Fixed top header */
.topbar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #eee;z-index:10000}
.bar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:800;text-decoration:none;color:#111;font-size:18px}
.nav-desktop{display:flex;gap:18px}
.nav-desktop a{color:#111;text-decoration:none;font-weight:600}
.hamburger{display:none;background:none;border:0;padding:6px 4px;cursor:pointer}
.hamburger span{display:block;width:24px;height:2px;background:#111;margin:5px 0}
@media (max-width:900px){.nav-desktop{display:none}.hamburger{display:block}}
.nav-mobile{display:none;flex-direction:column;background:#fff;border-bottom:1px solid #eee}
.nav-mobile a{padding:12px 16px;border-top:1px solid #f2f2f2;color:#111;text-decoration:none}
.nav-mobile.show{display:flex}
/* Space for fixed header */
body{padding-top:60px}
/* Centered logo */
.site-logo{text-align:center;padding:18px 0}
.site-logo img{max-width:180px;width:100%;height:auto}
/* Hero */
header.hero{position:relative;min-height:44vh;display:grid;place-items:center;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.hero .overlay{position:relative;z-index:2;color:#fff;max-width:900px;width:100%}
.badge{display:inline-block;background:rgba(0,0,0,.35);padding:6px 10px;border-radius:999px;font-size:14px;margin-bottom:10px;border:1px solid rgba(255,255,255,.25)}
.hero h1{font-size:clamp(26px,4vw,40px);margin:6px 0 14px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
button,a.button{background:var(--red);border:none;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px rgba(225,6,0,.2)}
a.button.secondary{background:#fff;color:var(--red);border:2px solid var(--red);box-shadow:none}
.section{padding:44px 0}
.section.gray{background:var(--gray)}
.section h2{font-size:clamp(22px,3vw,30px);margin:0 0 18px;color:var(--black)}
.section p.lead{color:#444;margin-top:-4px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}
.card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card img{width:100%;height:170px;object-fit:cover}
.card .content{padding:14px 14px 18px}
.card h3{margin:2px 0 8px;font-size:18px}
.card p{margin:0 0 12px;color:#333}
.card .actions{display:flex;gap:10px;flex-wrap:wrap}
.form{border:1px solid #eee;background:#fff;border-radius:14px;padding:16px;box-shadow:0 12px 24px rgba(0,0,0,.03)}
.form .row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.form .row{grid-template-columns:1fr}}
input,select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;font-size:15px}
textarea{min-height:110px;resize:vertical}
label{font-size:14px;margin-bottom:6px;display:block}
.counter-wrap{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.counter-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
.counter{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px;text-align:center}
.counter .num{font-size:36px;font-weight:800;color:var(--red)}
/* sticky mobile call button */
.mobile-call{position:fixed;left:0;right:0;bottom:0;display:none;z-index:9999}
.mobile-call a{display:block;text-align:center;background:var(--red);color:#fff;font-weight:800;padding:14px 16px;text-decoration:none}
@media (max-width:768px){.mobile-call{display:block}}
/* Floating WhatsApp button */
.whatsapp-fab{position:fixed;right:16px;bottom:76px;z-index:10001}
.whatsapp-fab a{display:grid;place-items:center;width:54px;height:54px;border-radius:999px;background:#25D366;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.whatsapp-fab svg{width:28px;height:28px;fill:#fff}
@media (min-width:769px){.whatsapp-fab{bottom:20px}}
.footer{padding:24px 0;color:#666}
.address{font-size:14px;color:#444}
.footer .disclaimer{text-align:center;margin-top:14px;font-size:13px;color:#555;line-height:1.4}

/* === Neon animated logo === */
@keyframes neonPulse {
  0% { filter: drop-shadow(0 0 0px rgba(225,6,0,.0)) drop-shadow(0 0 0px rgba(0,75,160,.0)) brightness(1); }
  10% { filter: drop-shadow(0 0 10px rgba(225,6,0,.55)) drop-shadow(0 0 16px rgba(0,75,160,.50)) brightness(1.05); }
  20% { filter: drop-shadow(0 0 6px rgba(225,6,0,.35)) drop-shadow(0 0 10px rgba(0,75,160,.35)) brightness(1); }
  30% { filter: drop-shadow(0 0 14px rgba(225,6,0,.65)) drop-shadow(0 0 22px rgba(0,75,160,.55)) brightness(1.08); }
  40% { filter: drop-shadow(0 0 8px rgba(225,6,0,.45)) drop-shadow(0 0 14px rgba(0,75,160,.45)) brightness(1.02); }
  60% { filter: drop-shadow(0 0 16px rgba(225,6,0,.75)) drop-shadow(0 0 26px rgba(0,75,160,.6)) brightness(1.1); }
  80% { filter: drop-shadow(0 0 7px rgba(225,6,0,.4)) drop-shadow(0 0 12px rgba(0,75,160,.35)) brightness(1.03); }
  100% { filter: drop-shadow(0 0 14px rgba(225,6,0,.65)) drop-shadow(0 0 22px rgba(0,75,160,.55)) brightness(1.06); }
}
.site-logo img.neon{
  animation: neonPulse 2.6s infinite ease-in-out;
}