:root{
  --bg:#0a0a0a;
  --bg-2:#121212;
  --bg-3:#1a1a1a;
  --line:#262626;
  --text:#f5f5f5;
  --muted:#a1a1aa;
  --yellow:#facc15;
  --yellow-2:#fde047;
  --yellow-soft:rgba(250,204,21,.12);
  --radius:18px;
  --radius-lg:28px;
  --shadow:0 20px 60px -20px rgba(0,0,0,.7);
  --shadow-yellow:0 16px 50px -12px rgba(250,204,21,.35);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

.container{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* ===== NAV ===== */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 18px;
  background:rgba(10,10,10,.75);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav__brand img{height:34px;width:auto}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 20px;
  border-radius:999px;
  font-weight:600;
  font-family:'Space Grotesk',sans-serif;
  letter-spacing:.2px;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  cursor:pointer;border:0;
  white-space:nowrap;
}
.btn--primary{
  background:var(--yellow);
  color:#0a0a0a;
  box-shadow:var(--shadow-yellow);
}
.btn--primary:hover{transform:translateY(-2px);background:var(--yellow-2)}
.btn--ghost{
  background:transparent;color:var(--text);
  border:1px solid var(--line);
}
.btn--ghost:hover{border-color:var(--yellow);color:var(--yellow)}
.btn--lg{padding:16px 28px;font-size:1rem}
.btn--small{padding:9px 16px;font-size:.875rem;background:var(--yellow);color:#0a0a0a}
.btn--small:hover{background:var(--yellow-2)}

/* WhatsApp icon */
.wa-icon{
  width:18px;height:18px;display:inline-block;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.821 11.821 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.599 5.392l-.999 3.648 3.889-1.039zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.247-.694.247-1.289.173-1.413z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.821 11.821 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.599 5.392l-.999 3.648 3.889-1.039zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.247-.694.247-1.289.173-1.413z'/></svg>") center/contain no-repeat;
}
.wa-icon--lg{width:28px;height:28px}

/* ===== HERO ===== */
.hero{
  position:relative;
  padding:56px 0 80px;
  overflow:hidden;
  background:
    radial-gradient(1000px 500px at 50% -10%, rgba(250,204,21,.10), transparent 60%),
    linear-gradient(180deg, #0a0a0a 0%, #0d0d0d 100%);
}
.hero__glow{
  position:absolute;inset:auto;
  top:-150px;left:50%;transform:translateX(-50%);
  width:600px;height:600px;
  background:radial-gradient(circle, rgba(250,204,21,.18), transparent 60%);
  filter:blur(60px);
  pointer-events:none;
}
.hero__inner{
  position:relative;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:18px;
}
.hero__logo{
  width:120px;height:auto;
  margin-bottom:4px;
  filter:drop-shadow(0 8px 30px rgba(250,204,21,.25));
}
.eyebrow{
  font-family:'Space Grotesk',sans-serif;
  font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;
  color:var(--yellow);
  padding:6px 14px;
  border:1px solid rgba(250,204,21,.35);
  border-radius:999px;
  background:var(--yellow-soft);
}
.eyebrow--center{align-self:center}
.hero h1{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:clamp(2rem, 7vw, 3.5rem);
  line-height:1.1;
  letter-spacing:-.02em;
  max-width:18ch;
}
.hl{
  color:var(--yellow);
  background:linear-gradient(180deg,transparent 60%, rgba(250,204,21,.22) 60%);
}
.lead{
  text-align:center;
  font-size:1.05rem;
  color:var(--text);
  max-width:58ch;
}
.lead--muted{color:var(--muted);font-size:.98rem}
.hero__cta{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
  margin-top:10px;
}
.hero__chips{
  display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;
  margin-top:14px;
  color:var(--muted);font-size:.88rem;
}
 /* HIGHLIGHT TEXT (centralizados) */
  .centered-text{
    text-align:center;
    max-width:680px;
    margin:0 auto;
    color:var(--text);
    font-size:1.05rem;
  }

/* ===== SECTIONS ===== */
.section{padding:72px 0;position:relative}
.section--alt{
  background:
    radial-gradient(800px 400px at 100% 0%, rgba(250,204,21,.06), transparent 60%),
    var(--bg-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section__title{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:clamp(1.6rem, 5vw, 2.5rem);
  line-height:1.15;
  letter-spacing:-.02em;
  text-align:center;
  margin:14px auto 14px;
  max-width:22ch;
}
.section__sub{
  text-align:center;color:var(--muted);
  max-width:60ch;margin:0 auto 36px;
}
.section__note{
  text-align:center;color:var(--yellow);
  margin-top:28px;font-weight:600;
  font-family:'Space Grotesk',sans-serif;
}
.text-center{text-align:center}
.all-in-one{
  text-align:center;
  margin-top:32px;
  font-family:'Space Grotesk',sans-serif;
  font-size:1.25rem;color:var(--yellow);font-weight:600;
}

/* ===== GRIDS ===== */
.grid{display:grid;gap:12px}
.grid--checks{grid-template-columns:1fr}
.grid--checks li{
  background:var(--bg-3);
  border:1px solid var(--line);
  padding:14px 18px;
  border-radius:14px;
  position:relative;padding-left:46px;
  transition:border-color .25s ease, transform .25s ease;
}
.grid--checks li::before{
  content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:999px;
  background:var(--yellow);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/14px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/14px no-repeat;
  box-shadow:0 0 0 4px var(--yellow-soft);
}
.grid--checks li:hover{border-color:rgba(250,204,21,.4);transform:translateY(-2px)}

.grid--bullets{grid-template-columns:1fr}
.grid--bullets li{
  padding:12px 18px;color:var(--text);
  border-left:3px solid var(--yellow);
  background:linear-gradient(90deg, var(--yellow-soft), transparent 80%);
  border-radius:0 12px 12px 0;
}

.grid--cards{grid-template-columns:1fr;gap:14px;margin-top:8px}
.grid--cards li{
  background:linear-gradient(160deg, var(--bg-3), var(--bg-2));
  border:1px solid var(--line);
  padding:22px;border-radius:var(--radius);
  position:relative;overflow:hidden;
  transition:border-color .25s ease, transform .25s ease;
}
.grid--cards li:hover{border-color:rgba(250,204,21,.45);transform:translateY(-3px)}
.grid--cards h3{
  font-family:'Space Grotesk',sans-serif;
  font-size:1.1rem;margin:8px 0 6px;
}
.grid--cards p{color:var(--muted);font-size:.94rem}
.card__num{
  font-family:'Space Grotesk',sans-serif;
  font-size:.85rem;letter-spacing:.2em;color:var(--yellow);
}

/* ===== CTA ===== */
.cta{
  padding:80px 0;
  background:
    radial-gradient(600px 300px at 50% 0%, rgba(250,204,21,.18), transparent 60%),
    linear-gradient(180deg, var(--bg) 0%, #0d0d0d 100%);
  border-top:1px solid var(--line);
}
.cta__title{
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(1.8rem, 6vw, 2.8rem);
  font-weight:700;line-height:1.1;letter-spacing:-.02em;
  max-width:18ch;margin:0 auto 18px;
}
.cta .btn{margin-top:24px}
.cta__phone{
  margin-top:22px;font-family:'Space Grotesk',sans-serif;
  font-size:1.3rem;font-weight:600;
}
.cta__site{color:var(--muted);margin-top:4px}

/* ===== FOOTER ===== */
.footer{
  padding:48px 0 100px;
  background:#070707;
  border-top:1px solid var(--line);
  text-align:center;
}
.footer__logo{width:80px;margin:0 auto 14px;opacity:.95}
.footer__tag{
  font-family:'Space Grotesk',sans-serif;
  letter-spacing:.2em;font-size:.78rem;color:var(--yellow);
  text-transform:uppercase;
}
.footer__sub{color:var(--muted);margin-top:6px;font-size:.92rem}
.footer__copy{color:#555;margin-top:18px;font-size:.78rem}

/* ===== FAB ===== */
.fab{
  position:fixed;right:18px;bottom:18px;z-index:60;
  width:58px;height:58px;border-radius:999px;
  background:#25D366;color:#0a0a0a;
  display:grid;place-items:center;
  box-shadow:0 12px 32px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.6);
  animation:pulse 2.4s infinite;
  transition:transform .25s ease;
}
.fab:hover{transform:scale(1.07)}
@keyframes pulse{
  0%{box-shadow:0 12px 32px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.55)}
  70%{box-shadow:0 12px 32px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 12px 32px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}
}

/* ===== REVEAL ANIMATION ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .fab{animation:none}
  html{scroll-behavior:auto}
}

/* ===== RESPONSIVE ===== */
@media (min-width: 640px){
  .grid--checks{grid-template-columns:1fr 1fr}
  .grid--bullets{grid-template-columns:1fr 1fr}
  .grid--cards{grid-template-columns:1fr 1fr}
  .hero__logo{width:140px}
  .nav__brand img{height:38px}
  .section{padding:96px 0}
}
@media (min-width: 960px){
  .grid--checks{grid-template-columns:repeat(3,1fr)}
  .grid--cards{grid-template-columns:repeat(3,1fr);gap:18px}
  .hero{padding:80px 0 110px}
  .hero__logo{width:160px}
  .fab{width:64px;height:64px;right:24px;bottom:24px}
}
