:root{--bg:#ffffff;--text:#0f172a;--muted:#475569;--accent:#2563eb;--accent2:#6d28d9;--card:#f8fafc;--border:#e2e8f0}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1160px,92%);margin:0 auto}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo img{display:block}
.nav-toggle{display:none}
.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:.6rem .8rem;border-radius:.6rem;text-decoration:none;color:var(--text)}
.nav a.active,.nav a:hover{background:var(--card)}
.dropdown{position:relative}
.dropbtn{background:transparent;border:0;padding:.6rem .8rem;border-radius:.6rem;cursor:pointer}
.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-radius:.6rem;min-width:240px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.dropdown:hover .dropdown-content{display:block}
.dropdown-content li{list-style:none}
.dropdown-content a{display:block;padding:.6rem .8rem;color:var(--text);text-decoration:none}
#hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:2.6rem 0}
#hero h1{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2;margin:0 0 .6rem}
#hero p{color:var(--muted);margin:0 0 1rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
.btn,.cta{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:.8rem 1.1rem;border-radius:.8rem;text-decoration:none;font-weight:600;border:1px solid rgba(0,0,0,.06)}
.btn.secondary,.cta.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}
.btn.ghost,.cta.ghost{background:#fff;color:var(--text);border:1px solid var(--border)}
.grid{display:grid;gap:1rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);padding:1rem;border-radius:1rem;border:1px solid var(--border)}
.card h3{margin:.2rem 0 .3rem}
.small{font-size:.92rem;color:var(--muted)}
.section{padding:2rem 0}
.footer-grid{display:grid;gap:1rem;grid-template-columns:2fr 1.4fr 2fr;padding:1.8rem 0}
.footer-bottom{padding:1rem 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.site-footer a{text-decoration:none;color:var(--text)}
.whatsapp-float{position:fixed;right:1rem;bottom:1rem;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:1.3rem;border:0;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:70}
.badge{display:inline-block;background:#eef2ff;color:#3730a3;padding:.2rem .5rem;border-radius:.5rem;border:1px solid #e0e7ff;font-size:.85rem}
.faq details{border:1px solid var(--border);border-radius:.8rem;padding:1rem;background:#fff}
.faq summary{cursor:pointer;font-weight:600}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);padding:.6rem;display:none;gap:.6rem;justify-content:center;z-index:60}
.sticky-cta .btn{min-width:260px}
input,select,textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--border);border-radius:.6rem;background:#fff}
label{display:block;margin:.6rem 0 .2rem}
@media(max-width:880px){
  #hero{grid-template-columns:1fr;gap:1.2rem}
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .sticky-cta{display:flex}
  .nav ul{display:none}
  .nav-toggle:checked ~ .nav ul{display:flex;flex-direction:column;background:#fff;position:absolute;top:64px;right:4%;left:4%;padding:1rem;border:1px solid var(--border);border-radius:.8rem}
  .nav-toggle-label{display:inline-flex;gap:.4rem;align-items:center;cursor:pointer}
  .nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{content:"";display:block;height:2px;width:24px;background:#111;border-radius:2px;position:relative}
  .nav-toggle-label span:before{position:absolute;top:-6px}
  .nav-toggle-label span:after{position:absolute;top:6px}
}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;border:0;padding:0}