
:root {
  --red:#E10600;
  --yellow:#FFD60A;
  --ink:#111111;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--ink);background:#ffffff}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:clamp(16px,3vw,24px)}
header{background:linear-gradient(180deg,var(--yellow) 0%, #fff 60%);border-bottom:4px solid var(--red)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.3rem;color:#000}
nav a{margin-left:16px;font-weight:700;color:#000}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:36px 0}
.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 12px;color:#000}
.hero p{font-size:1.1rem;margin:0 0 18px}
.cta{display:inline-block;padding:12px 18px;border:2px solid var(--red);background:var(--red);color:#fff;border-radius:10px;font-weight:800}
.cta.alt{background:#fff;color:#000;border-color:#000}
.section{padding:48px 0}
h2{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 12px;color:#000}
.card{border:1px solid #eee;border-radius:12px;padding:18px;background:#fff}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.list-plain{margin:0;padding-left:18px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kpi{text-align:center;border:1px solid #eee;border-radius:10px;padding:12px;background:#fff}
.kpi .num{font-weight:900;font-size:1.6rem;color:var(--red)}
.kpi .lbl{font-size:.9rem;color:#555}
footer{background:#fafafa;border-top:4px solid var(--red);padding:24px 0}
.small{font-size:.9rem;color:#666}
.badge{display:inline-block;border:1px solid #000;border-radius:999px;font-size:.8rem;padding:4px 8px;margin-bottom:8px}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
}


/* Sticky bottom bar */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);border-top:3px solid var(--red);box-shadow:0 -6px 24px rgba(0,0,0,.06);z-index:9999}
.sticky-wrap{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.sticky-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btn-wa,.btn-call{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none}
.btn-call{background:var(--red);color:#fff;border:2px solid var(--red)}
.btn-wa{background:#25D366;color:#000;border:2px solid #25D366}
.btn-wa img{height:20px;width:20px}
.book-now{display:flex;align-items:center;gap:8px;font-weight:900;color:#000}
.book-now .arrow{display:inline-block;animation:pulse 1.2s infinite}
@keyframes pulse{0%{transform:translateX(0)}50%{transform:translateX(6px)}100%{transform:translateX(0)}}
body{padding-bottom:72px} /* space for sticky bar */
