/* Overrides: fundo branco + letras pretas, mantendo layout/animações do styles.css */
:root{
  --bg:#ffffff;
  --bg2:#f6f7fb;
  --card:#ffffff;
  --fg:#0b0b0c;
  --muted:#3f3f46;
  --muted2:#52525b;
  --line:rgba(0,0,0,.12);
  --line2:rgba(0,0,0,.08);
  --shadow: 0 24px 70px rgba(0,0,0,.12);
}

body{
  background: radial-gradient(1200px 900px at 20% 10%, #ffffff 0%, var(--bg2) 55%, #ffffff 100%) !important;
  color: var(--fg) !important;
}

.header{ background: rgba(255,255,255,.86) !important; border-bottom:1px solid var(--line2) !important; }
.brand__logo{ filter: grayscale(100%) !important; }

.nav__toggle{ border-color: var(--line) !important; }
.nav__toggle span{ background: #0b0b0c !important; }

.nav__menu a{ color: rgba(0,0,0,.78) !important; }
.nav__menu a:hover{ color:#000 !important; }
/* manter o botão WhatsApp com texto branco */
.nav__menu a.btn--primary{ color:#fff !important; }

/* Buttons */
.btn{ border-color: var(--line) !important; }
.btn--primary{ background:#0b0b0c !important; color:#fff !important; border-color:#0b0b0c !important; }
.btn--primary:hover{ background:#111827 !important; border-color:#111827 !important; }
.btn--ghost{ color:#0b0b0c !important; }
.btn--ghost:hover{ background: rgba(0,0,0,.06) !important; }
.btn--invert{ background:#0b0b0c !important; color:#fff !important; border-color:#0b0b0c !important; }

/* Hero */
.hero__bg{
  background:
    radial-gradient(900px 600px at 70% 20%, rgba(0,0,0,.08) 0%, rgba(0,0,0,0) 60%),
    repeating-linear-gradient(135deg, rgba(0,0,0,.06) 0 2px, rgba(0,0,0,0) 2px 18px) !important;
  opacity:.25 !important;
}
.pill{ background: rgba(0,0,0,.04) !important; color: rgba(0,0,0,.78) !important; border-color: var(--line) !important; }
.lead{ color: rgba(0,0,0,.70) !important; }
.bullet{ color: rgba(0,0,0,.78) !important; }
.dot{ background:#0b0b0c !important; opacity:.85 !important; }

.hero__card{ background: rgba(255,255,255,.75) !important; border-color: var(--line) !important; }
.stat__k{ color: rgba(0,0,0,.55) !important; }
.micro.muted, .muted{ color: rgba(0,0,0,.55) !important; }
.divider{ background: var(--line) !important; }

/* Strip */
.strip{ background: rgba(0,0,0,.04) !important; border-top:1px solid var(--line2) !important; border-bottom:1px solid var(--line2) !important; }

/* Sections */
.section--alt{ background: rgba(0,0,0,.02) !important; border-top:1px solid var(--line2) !important; border-bottom:1px solid var(--line2) !important; }
.section__head p{ color: rgba(0,0,0,.62) !important; }

.card{ background: rgba(255,255,255,.8) !important; border-color: var(--line) !important; }
.card:before{ background: radial-gradient(380px 180px at 20% 0%, rgba(0,0,0,.06), transparent 60%) !important; }
.card:hover{ background: #fff !important; border-color: rgba(0,0,0,.18) !important; }
.card__icon{ background: rgba(0,0,0,.03) !important; }
.card p{ color: rgba(0,0,0,.62) !important; }
.card ul{ color: rgba(0,0,0,.80) !important; }

.about__text p{ color: rgba(0,0,0,.70) !important; }
.value{ background: rgba(255,255,255,.85) !important; }
.value p{ color: rgba(0,0,0,.62) !important; }
.photo{ background: rgba(255,255,255,.75) !important; }
.placeholder:before{ background: repeating-linear-gradient(135deg, rgba(0,0,0,.06) 0 2px, rgba(0,0,0,0) 2px 18px) !important; }
.placeholder__text{ color: rgba(0,0,0,.62) !important; }

.highlight{ background: rgba(255,255,255,.85) !important; }
.highlight p{ color: rgba(0,0,0,.62) !important; }

.faq__item{ background: rgba(255,255,255,.85) !important; }
.faq__item p{ color: rgba(0,0,0,.62) !important; }

input{ background: rgba(255,255,255,.95) !important; color:#0b0b0c !important; border-color: var(--line) !important; }
input:focus{ background:#fff !important; border-color: rgba(0,0,0,.24) !important; }
label span{ color: rgba(0,0,0,.55) !important; }
.fine{ color: rgba(0,0,0,.55) !important; }

.contactCard{ background: rgba(255,255,255,.9) !important; }
.contactRow .k{ color: rgba(0,0,0,.55) !important; }
.contactRow .v{ color: rgba(0,0,0,.80) !important; }

.footer{ background: rgba(255,255,255,.86) !important; border-top:1px solid var(--line2) !important; }
.footer__bottom{ opacity:.75 !important; }

.float{ background:#0b0b0c !important; color:#fff !important; border-color:#0b0b0c !important; }