*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:linear-gradient(135deg,#021b33,#043d5d,#046a38);color:#fff}
header{padding:25px 8%;display:flex;justify-content:space-between;align-items:center}
header .brand-bar{display:flex;align-items:center;justify-content:space-between;width:100%}
header h1{color:#00ff88;font-size:26px}
header span{color:#ffd700}
header .brand-logo{height:40px;max-width:180px;width:auto;object-fit:contain;border-radius:8px}
@media(max-width:900px){
  header .brand-logo{height:32px;max-width:140px}
}
nav.site-nav{display:flex;align-items:center;gap:20px}
nav.site-nav a{color:#fff;text-decoration:none}
.menu-toggle{display:none;background:#0e1624;color:#fff;border:none;border-radius:8px;padding:10px 12px}
.social a{color:#fff}
.social i{font-size:18px}
.hero{padding:80px 8%;display:grid;grid-template-columns:1.5fr 0.5fr;gap:40px}
.hero h2{font-size:44px}
.hero span{color:#ffd700}
.hero-image{width:100%;height:clamp(120px,20vh,220px);border-radius:20px;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.hero-image{max-width:380px;margin-left:auto;aspect-ratio:16/9}
.btn{display:inline-block;margin-top:20px;padding:14px 26px;border-radius:30px;background:linear-gradient(90deg,#00ff88,#00cfff);color:#000;font-weight:700;text-decoration:none}
.cards{padding:60px 8%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.card{background:#0e1624;padding:30px;border-radius:18px;text-align:center}
.card i{font-size:36px;color:#00ff88;margin-bottom:15px}
.agendamento{padding:80px 8%;background:#020617}
form{max-width:700px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
input,select,textarea{padding:15px;border:none;border-radius:12px;background:#0e1624;color:#fff}
textarea{grid-column:1/3;height:120px}
button{grid-column:1/3;padding:16px;border:none;border-radius:30px;background:linear-gradient(90deg,#ffd700,#00ff88);font-weight:700}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}form{grid-template-columns:1fr}textarea,button{grid-column:1}}
@media(max-width:900px){
  .menu-toggle{display:inline-block !important}
  nav.site-nav{position:absolute;top:70px;left:0;right:0;background:#0e1624;padding:15px 8%;display:none !important;flex-direction:column;gap:12px}
  nav.site-nav.open{display:flex !important}
  .hero-image{height:clamp(120px,22vh,200px);max-width:320px;margin:10px auto 0}
}
@media(min-width:901px){
  .menu-toggle{display:none !important}
  nav.site-nav{display:flex !important;position:static !important;padding:0}
}
.site-footer{padding:20px 8%;background:#0e1624;color:#fff;margin-top:40px}
.site-footer .footer-inner{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center}
@media(max-width:900px){
  .site-footer .footer-inner{flex-direction:column}
}
body.mobile .menu-toggle{display:inline-block !important}
body.mobile nav.site-nav{display:none !important;position:absolute;top:70px;left:0;right:0;background:#0e1624;padding:15px 8%;flex-direction:column;gap:12px}
body.mobile nav.site-nav.open{display:flex !important}
.wa-widget{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#00ff88,#00cfff);color:#000;box-shadow:0 10px 30px rgba(0,255,136,.25);z-index:9999}
.wa-widget i{font-size:28px}
.wa-widget:hover{filter:brightness(1.05)}
.wa-widget.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(0,255,136,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,255,136,.4)}70%{box-shadow:0 0 0 14px rgba(0,255,136,0)}100%{box-shadow:0 0 0 0 rgba(0,255,136,0)}}
