/* =========================
   PARTE 1/3 — BASE + TOKENS + COMPONENTES
   (Cole no topo do style.css)
========================= */

:root{
  --bg:#ffffff;
  --ink:#303031;
  --muted:#6B7280;
  --line:#E9ECEF;
  --soft:#F7F7F8;

  --brand:#E2503F;     /* principal */
  --brand-2:#578E73;   /* complementar */
  --brand-3:#E38C41;   /* análoga */

  --radius:18px;
  --shadow-sm: 0 10px 30px rgba(16,24,40,.08);
  --shadow-md: 0 18px 60px rgba(16,24,40,.12);
  --shadow-lg: 0 26px 90px rgba(16,24,40,.16);
}

html,body{
  background:var(--bg);
  color:var(--ink);
}

body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* títulos */
h1,h2,h3{
  letter-spacing:-.02em;
}
.section-title{
  font-weight:900;
}
.section-kicker{
  color:var(--brand);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.82rem;
}

/* links */
a{ color: var(--brand); }
a:hover{ color: #c94235; }

/* containers */
.py-lg-6{ padding-top: 5rem!important; padding-bottom: 5rem!important; }

/* botão principal */
.btn-brand{
  background:var(--brand);
  border:1px solid var(--brand);
  color:#fff;
  border-radius:999px;
  padding:.95rem 1.35rem;
  font-weight:900;
  box-shadow: 0 14px 40px rgba(226,80,63,.22);
  transition:.18s ease;
}
.btn-brand:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 55px rgba(226,80,63,.28);
  color:#fff;
}

.btn-outline-ink{
  border-radius:999px;
  padding:.95rem 1.35rem;
  font-weight:900;
  border:1px solid var(--line);
  background:#fff;
  color: var(--ink);
}
.btn-outline-ink:hover{
  border-color:#cfd4da;
  transform: translateY(-1px);
}

/* cards premium */
.card-soft{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  transition: box-shadow .18s ease, transform .18s ease;
}
.card-soft:hover{
  box-shadow:var(--shadow-md);
  transform: translateY(-2px);
}

/* chips (pílulas) */
.chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.42rem .78rem;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-weight:700;
  font-size:.9rem;
}
.chip i{ color:var(--brand); }

/* números grandes economia */
.money-big{
  font-weight:950;
  color:var(--brand);
  letter-spacing:-.03em;
}

/* seção com fundo suave (continua branco premium) */
.bg-soft{
  background:var(--soft);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

/* separador fino */
.hr-soft{
  height:1px;
  background: linear-gradient(to right, transparent, rgba(48,48,49,.18), transparent);
  margin: 22px 0;
}

/* mini badge */
.badge-brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius:999px;
  font-weight:900;
  font-size:.86rem;
  background: rgba(226,80,63,.10);
  border:1px solid rgba(226,80,63,.22);
  color: var(--ink);
}
.badge-brand .dot{
  width:9px;height:9px;border-radius:999px;
  background: var(--brand);
  box-shadow: 0 0 0 6px rgba(226,80,63,.14);
}

/* vídeo preview (fundo branco, sem bloco escuro) */
.video-preview{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  background:#fff;
  aspect-ratio: 16/9;
}
.video-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
}
.video-play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.video-play button{
  width:74px;
  height:74px;
  border-radius:999px;
  border:0;
  background:var(--brand);
  box-shadow: 0 18px 60px rgba(226,80,63,.35);
  display:grid;
  place-items:center;
  transition:.18s ease;
}
.video-play button:hover{
  transform:scale(1.05);
}

/* util para texto muted */
.text-mutedx{ color: var(--muted); }

/* =========================
   FIM PARTE 1/3
========================= */

/* =========================
   PARTE 2/3 — HERO GN (FUNDO BRANCO PREMIUM)
========================= */

/* HERO */
.hero-gn{
  position: relative;
  background: var(--bg);
  padding-top: 34px;
  padding-bottom: 34px;
}

.hero-gn .hero-bg{
  position:absolute; inset:0;
  /* opcional: textura/pattern suave */
}
.hero-gn {
    background-image: url(img/b12.jpg);
    background-size: contain;
    background-position-x: 20rem;
    background-repeat: no-repeat;
}

.hero-gn .hero-overlay,
.hero-gn .hero-noise{ display:none !important; } /* garante sem dark */

.hero-copy{ color: var(--ink); }

.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.92rem;
  color: var(--muted);
  margin-bottom: 10px;
}
.hero-kicker .dot{
  width:10px; height:10px; border-radius:999px;
  background: var(--brand);
  box-shadow: 0 0 0 6px rgba(226,80,63,.12);
}

.hero-title{
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1.05;
  font-size: clamp(2.1rem, 3.6vw, 3.25rem);
  margin-bottom: 10px;
}

.hero-sub{
  font-size: clamp(1.05rem, 1.4vw, 1.22rem);
  color: var(--muted);
  margin-bottom: 16px;
}

/* card do texto */
.hero-card{
  background:#fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: var(--shadow-sm);
}

.hero-p{
  margin: 0 0 12px;
  font-size: 1.03rem;
  line-height: 1.55;
  color: var(--ink);
}

.hero-ctas{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items:center;
  margin-top: 16px;
}

/* botão principal do hero (vermelho) */
.btn-hero{
  border: 0;
  padding: 14px 18px;
  border-radius: 999px;
  font-weight: 950;
  letter-spacing: .01em;
  color: #fff;
  background: var(--brand);
  box-shadow: 0 18px 55px rgba(226,80,63,.26);
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-hero::before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(260px 140px at 30% 0%, rgba(255,255,255,.35), transparent 60%);
  opacity:.95;
  transform: translateY(-10px);
}
.btn-hero:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 70px rgba(226,80,63,.32);
}

/* link secundário */
.link-hero{
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(48,48,49,.20);
  padding-bottom: 2px;
}
.link-hero:hover{
  color: var(--ink);
  border-bottom-color: rgba(48,48,49,.40);
}

/* provas (pílulas) */
.hero-proof{
  display:flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 16px;
}
.hero-proof .hp{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.95rem;
  background: #fff;
  border: 1px solid var(--line);
  padding: 10px 12px;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(16,24,40,.06);
  color: var(--ink);
}
.hero-proof i{ color: var(--brand); opacity:.95; }

/* mídia do hero */
.hero-media{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: var(--shadow-md);
}
.hero-img{
  width:100%;
  height: auto;
  display:block;
  transform: scale(1.02);
}

.hero-media-glow{
  position:absolute; inset:-60px;
  background:
    radial-gradient(360px 240px at 35% 20%, rgba(226,80,63,.16), transparent 65%),
    radial-gradient(420px 280px at 80% 80%, rgba(87,142,115,.14), transparent 70%);
  pointer-events:none;
  opacity:.55;
}

/* badges flutuantes */
.hero-badges{
  position:absolute;
  left: 14px;
  bottom: 14px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.hero-badges .hb{
  background: rgba(255,255,255,.92);
  color: var(--ink);
  font-weight: 950;
  font-size: .86rem;
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 40px rgba(16,24,40,.14);
}

@media (max-width: 991.98px){
  .hero-gn{ padding-top: 22px; padding-bottom: 22px; }
  .hero-card{ padding: 16px; }
}

/* =========================
   FIM PARTE 2/3
========================= */
/* =========================
   PARTE 3/3 — SEÇÃO PROBLEMA (AGORA BRANCA) + CTA
========================= */

.section-problema{
  position: relative;
  background: var(--bg);
  color: var(--ink);
}

/* remove qualquer bg escuro */
.section-problema .pb-bg,
.section-problema .pb-overlay,
.section-problema .pb-grid{
  display:none !important;
}

/* bloco mídia (agora claro) */
.pb-media{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: var(--shadow-md);
}

.pb-media-top{
  position:absolute;
  top: 14px; left: 14px; right: 14px;
  display:flex;
  justify-content: space-between;
  gap: 10px;
  z-index: 3;
}

.tag-live, .tag-risk{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: .86rem;
  letter-spacing: .01em;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(16,24,40,.08);
}

.tag-live .dot{
  width: 9px; height: 9px;
  border-radius: 999px;
  background: var(--brand);
  box-shadow: 0 0 0 6px rgba(226,80,63,.14);
}

.pb-video-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16/11;
  background: #fff;
}

.pb-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  filter: contrast(1.02) saturate(1.03);
}

.pb-caption{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--line);
  box-shadow: 0 18px 45px rgba(16,24,40,.14);
  z-index: 3;
}
.pb-caption .cap-ico{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(226,80,63,.10);
  border: 1px solid rgba(226,80,63,.22);
  color: var(--brand);
}
.pb-caption .cap-txt{
  font-size: .98rem;
  line-height: 1.35;
  color: var(--ink);
}

/* copy */
.pb-kicker .pill{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: .86rem;
  background: rgba(226,80,63,.10);
  border: 1px solid rgba(226,80,63,.22);
  color: var(--ink);
}

.pb-title{
  margin-top: 12px;
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(1.8rem, 2.7vw, 2.35rem);
}

.pb-lead{
  margin-top: 10px;
  font-size: 1.08rem;
  color: var(--muted);
}

/* lista de problemas em cards claros */
.pb-cards{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.pb-card{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 12px 30px rgba(16,24,40,.08);
}

.pb-card .ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(226,80,63,.10);
  border: 1px solid rgba(226,80,63,.20);
  color: var(--brand);
  flex: 0 0 44px;
}

.pb-card .tx {
    font-size: 1.02rem;
    line-height: 2.35;
    color: var(--ink);
}
.pb-card-danger{
  border-color: rgba(226,80,63,.30);
  box-shadow: 0 14px 40px rgba(226,80,63,.10);
}

/* encerramento */
.pb-line{
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(48,48,49,.18), transparent);
  margin: 18px 0;
}

.pb-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 6px 6px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: 0 12px 30px rgba(16, 24, 40, .08);
}

.pb-closer{
  padding: 14px 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 12px 30px rgba(16,24,40,.08);
}

/* CTA (agora vermelho) */
.btn-problema{
  border: 0;
  padding: 14px 18px;
  border-radius: 999px;
  font-weight: 950;
  letter-spacing: .01em;
  color: #fff;
  background: var(--brand);
  box-shadow: 0 18px 55px rgba(226,80,63,.26);
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-problema::before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(260px 140px at 30% 0%, rgba(255,255,255,.35), transparent 60%);
  opacity:.95;
  transform: translateY(-10px);
}
.btn-problema:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 70px rgba(226,80,63,.32);
}

.pb-mini{
  margin-top: 10px;
  color: var(--muted);
  font-weight: 700;
  font-size: .95rem;
}

@media (max-width: 991.98px){
  .pb-video-wrap{ aspect-ratio: 16/12; }
}

/* =========================
   FIM PARTE 3/3
========================= */
/* =========================
   SECTION PROBLEMA — VERMELHA + TEXTOS BRANCOS + ONDAS
   (Cole no final do style.css)
========================= */
.section-problema {
    position: relative;
    background: var(--brand);
    color: #fff;
    overflow: hidden;
    padding: 4rem 0;
}

/* ondas (topo e base) */
.section-problema::before, .section-problema::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 110px;
    background-repeat: no-repeat;
    background-size: 166% 153px;
    z-index: 0;
    pointer-events: none;
    opacity: .98;
}

/* onda topo (branco entrando) */
.section-problema::before{
  top: -1px;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23ffffff' d='M0,42 C120,74 240,96 360,90 C480,84 600,52 720,52 C840,52 960,84 1080,90 C1200,96 1320,74 1440,42 L1440,0 L0,0 Z'/%3E%3C/svg%3E");
}

/* onda base (branco saindo) */
.section-problema::after{
  bottom: -1px;
  background-position: bottom center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23ffffff' d='M0,78 C120,46 240,24 360,30 C480,36 600,68 720,68 C840,68 960,36 1080,30 C1200,24 1320,46 1440,78 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
}

/* garante que o conteúdo fica acima das ondas */
.section-problema .container,
.section-problema .row{
  position: relative;
  z-index: 1;
}

/* desliga os overlays antigos escuros (se ainda existirem no HTML) */
.section-problema .pb-bg,
.section-problema .pb-overlay,
.section-problema .pb-grid{
  display:none !important;
}

/* TIPOGRAFIA / TEXTOS */
.section-problema .pb-title{
  color:#fff;
  text-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.section-problema .pb-lead{
  color: rgba(255,255,255,.92);
}
.section-problema .pb-mini,
.section-problema .pb-kicker,
.section-problema .pb-copy p{
  color: rgba(255,255,255,.92);
}

/* pílula do kicker */
.section-problema .pb-kicker .pill{
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.28);
  color:#fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* linha */
.section-problema .pb-line{
  background: linear-gradient(to right, transparent, rgba(255,255,255,.45), transparent);
  opacity: 1;
}

/* bloco final */
.section-problema .pb-closer{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  color:#fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.section-problema .pb-closer p{
  color:#fff;
}

/* CARDS (brancos para contraste premium) */
.section-problema .pb-card{
  background:#fff;
  border: 1px solid rgba(255,255,255,.0);
  color: var(--ink);
  box-shadow: 0 16px 55px rgba(0,0,0,.16);
}
.section-problema .pb-card .tx{
  color: var(--ink);
}
.section-problema .pb-card .ic{
  background: rgba(226,80,63,.10);
  border: 1px solid rgba(226,80,63,.20);
  color: var(--brand);
}

/* card de alerta final */
.section-problema .pb-card.pb-card-danger{
  border: 1px solid rgba(255,255,255,.0);
  box-shadow: 0 18px 70px rgba(0,0,0,.18);
}
.section-problema .pb-card.pb-card-danger .ic{
  background: rgba(226,80,63,.12);
  border-color: rgba(226,80,63,.22);
}

/* MÍDIA (video/box) com “glass branco” */
.section-problema .pb-media{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 26px 90px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.section-problema .pb-video{
  filter: contrast(1.03) saturate(1.06);
}

/* tags topo do vídeo */
.section-problema .tag-live,
.section-problema .tag-risk{
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.28);
  color:#fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.section-problema .tag-live .dot{
  background:#fff;
  box-shadow: 0 0 0 6px rgba(255,255,255,.14);
}

/* caption do vídeo */
.section-problema .pb-caption{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.20);
  color:#fff;
}
.section-problema .pb-caption .cap-ico{
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.25);
  color:#fff;
}

/* CTA: botão branco com texto vermelho (bem mundo vem) */
.section-problema .btn-problema{
  background: #fff;
  color: var(--brand);
  border: 1px solid rgba(255,255,255,.0);
  box-shadow: 0 22px 80px rgba(0,0,0,.22);
}
.section-problema .btn-problema::before{
  background: radial-gradient(260px 140px at 30% 0%, rgba(226,80,63,.18), transparent 60%);
}
.section-problema .btn-problema:hover{
  transform: translateY(-2px);
  box-shadow: 0 28px 95px rgba(0,0,0,.26);
}

/* responsivo: ondas menores */
@media (max-width: 991.98px){
  .section-problema::before,
  .section-problema::after{
    height: 80px;
    background-size: 140% 80px;
  }
}

/* =========================
   SECTION VIDEO — VERMELHA + ONDAS
========================= */

#video{
  position: relative;
  background: var(--brand); /* vermelho Mundo Vem */
  color: #fff;
}

/* ondas topo e base */
#video::before,
#video::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:110px;
  background-repeat:no-repeat;
  background-size:120% 110px;
  z-index:0;
  pointer-events:none;
}

/* onda topo */
#video::before{
  top:-1px;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23ffffff' d='M0,42 C120,74 240,96 360,90 C480,84 600,52 720,52 C840,52 960,84 1080,90 C1200,96 1320,74 1440,42 L1440,0 L0,0 Z'/%3E%3C/svg%3E");
}

/* onda base */
#video::after{
  bottom:-1px;
  background-position: bottom center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23ffffff' d='M0,78 C120,46 240,24 360,30 C480,36 600,68 720,68 C840,68 960,36 1080,30 C1200,24 1320,46 1440,78 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
}

/* conteúdo acima das ondas */
#video .container,
#video .row{
  position:relative;
  z-index:1;
}

/* textos */
#video .section-title,
#video .section-kicker{
  color:#fff;
}

#video .text-mutedx{
  color: rgba(255,255,255,.9) !important;
}

/* card branco contrastando */
#video .card-soft{
  background:#fff;
  border:1px solid rgba(255,255,255,0);
  color: var(--ink);
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
}

/* badge dentro do card */
#video .badge-brand{
  background: rgba(226,80,63,.10);
  border:1px solid rgba(226,80,63,.25);
  color: var(--ink);
}

/* linha */
#video .hr-soft{
  background: linear-gradient(to right, transparent, rgba(0,0,0,.18), transparent);
}

/* chips */
#video .chip{
  background:#fff;
  border:1px solid var(--line);
  color: var(--ink);
}
#video .chip i{
  color: var(--brand);
}

/* preview vídeo */
#video .video-preview{
  background: rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  box-shadow: 0 28px 90px rgba(0,0,0,.28);
}

/* botão play */
#video .video-play button{
  background:#fff;
  color: var(--brand);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
#video .video-play button i{
  color: var(--brand) !important;
}
#video .video-play button:hover{
  transform: scale(1.08);
}

/* responsivo ondas */
@media (max-width: 991.98px){
  #video::before,
  #video::after{
    height:80px;
    background-size:140% 80px;
  }
}
#video::before, #video::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 110px;
    background-repeat: no-repeat;
    background-size: 108% 150px;
    z-index: 0;
    pointer-events: none;
}
#video::before, #video::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 110px;
    background-repeat: no-repeat;
    background-size: 118% 136px;
    z-index: 0;
    pointer-events: none;
}

.py-lg-6x {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

#video::before, #video::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 110px;
    background-repeat: no-repeat;
    background-size: 141% 147px;
    z-index: 0;
    pointer-events: none;
}
/* =========================
   ECONOMIA — MODERNO (FUNDO BRANCO PREMIUM)
========================= */

.economia-modern{
  position: relative;
  padding: 5rem 0;
  background: #fff;
}

/* fundo sutil com “aurora” (bem leve) */
.economia-modern::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(800px 420px at 12% 12%, rgba(226,80,63,.10), transparent 60%),
    radial-gradient(760px 420px at 86% 22%, rgba(87,142,115,.10), transparent 62%),
    radial-gradient(700px 420px at 70% 92%, rgba(227,140,65,.08), transparent 62%);
  pointer-events:none;
}
.economia-modern .container{ position: relative; z-index: 1; }

/* topo */
.eco-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 20px;
  margin-bottom: 26px;
}
.eco-head{ max-width: 720px; }

.eco-kicker{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom: 10px;
}

.eco-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(226,80,63,.12);
  border: 1px solid rgba(226,80,63,.22);
  font-weight: 900;
  color: #202224;
  font-size: .9rem;
}
.eco-pill-soft{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(48,48,49,.10);
  font-weight: 800;
}

.eco-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--brand);
  box-shadow: 0 0 0 6px rgba(226,80,63,.12);
}

.eco-title{
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0 0 10px;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: var(--ink);
}
.eco-sub{
  margin:0;
  color: rgba(48,48,49,.72);
  font-size: 1.06rem;
}

.eco-actions{
  text-align:right;
  min-width: 280px;
}
.eco-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 14px 18px;
  border-radius: 999px;
  font-weight: 950;
  letter-spacing: .01em;
  color: #fff;
  background: var(--brand);
  border: 1px solid var(--brand);
  text-decoration:none;
  box-shadow: 0 18px 60px rgba(226,80,63,.25);
  transition: transform .18s ease, box-shadow .18s ease;
}
.eco-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 80px rgba(226,80,63,.32);
  color:#fff;
}
.eco-mini{
  margin-top: 8px;
  font-weight: 800;
  color: rgba(48,48,49,.62);
  font-size: .95rem;
}

/* calculadora (coluna esquerda) */
.eco-calc-card{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(48,48,49,.10);
  border-radius: 22px;
  box-shadow: 0 26px 90px rgba(16,24,40,.10);
  padding: 18px 18px;
  overflow:hidden;
  position: relative;
}
.eco-calc-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(420px 240px at 20% 0%, rgba(226,80,63,.20), transparent 60%);
  opacity:.75;
  pointer-events:none;
  mask-image: linear-gradient(#000, transparent 72%);
}

.eco-calc-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}
.eco-calc-kicker{
  font-weight: 950;
  font-size: .86rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(48,48,49,.65);
}
.eco-calc-title{
  font-weight: 950;
  font-size: 1.08rem;
  color: var(--ink);
}
.eco-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(87,142,115,.10);
  border: 1px solid rgba(87,142,115,.18);
  font-weight: 900;
  color: var(--ink);
  font-size: .88rem;
  white-space: nowrap;
}

.eco-field{ margin-top: 10px; }
.eco-label{
  font-weight: 900;
  font-size: .92rem;
  color: rgba(48,48,49,.72);
  margin-bottom: 6px;
  display:block;
}
.eco-input-wrap{
  display:flex;
  align-items:center;
  border-radius: 16px;
  border: 1px solid rgba(48,48,49,.12);
  background:#fff;
  padding: 10px 12px;
  box-shadow: 0 14px 40px rgba(16,24,40,.06);
}
.eco-input{
  width:100%;
  border:0;
  outline:none;
  font-weight: 950;
  font-size: 1.25rem;
  color: var(--ink);
}
.eco-suffix{
  font-weight: 900;
  color: rgba(48,48,49,.55);
  padding-left: 10px;
  border-left: 1px solid rgba(48,48,49,.10);
  margin-left: 10px;
}
.eco-hint{
  margin-top: 8px;
  color: rgba(48,48,49,.62);
  font-weight: 700;
  font-size: .95rem;
}

/* resultados */
.eco-results{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.eco-result{
  background:#fff;
  border: 1px solid rgba(48,48,49,.10);
  border-radius: 18px;
  padding: 12px 12px;
  box-shadow: 0 14px 40px rgba(16,24,40,.06);
}
.eco-result-label{
  color: rgba(48,48,49,.62);
  font-weight: 900;
  font-size: .9rem;
}
.eco-result-value{
  margin-top: 6px;
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: 1.35rem;
  color: var(--ink);
}
.eco-money{
  color: var(--brand);
}

.eco-cta-row{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  justify-content:space-between;
}
.eco-btn-outline{
  background:#fff;
  color: var(--brand);
  border: 1px solid rgba(226,80,63,.28);
  box-shadow: 0 18px 55px rgba(16,24,40,.10);
}
.eco-btn-outline:hover{
  color: var(--brand);
  box-shadow: 0 26px 80px rgba(16,24,40,.14);
}
.eco-note{
  color: rgba(48,48,49,.55);
  font-weight: 800;
  font-size: .92rem;
}

/* proof */
.eco-proof{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}
.eco-proof-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(48,48,49,.10);
  box-shadow: 0 12px 30px rgba(16,24,40,.06);
  font-weight: 900;
  color: rgba(48,48,49,.78);
}
.eco-proof-item i{ color: var(--brand); }

/* grid cenários (coluna direita) */
.eco-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.eco-scenario{
  position: relative;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(48,48,49,.10);
  border-radius: 22px;
  padding: 16px 16px;
  box-shadow: 0 26px 90px rgba(16,24,40,.10);
  overflow:hidden;
}
.eco-scenario::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(420px 260px at 30% 0%, rgba(226,80,63,.18), transparent 60%);
  opacity:.55;
  pointer-events:none;
  mask-image: linear-gradient(#000, transparent 70%);
}

.eco-scenario-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 12px;
}
.eco-tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(226,80,63,.12);
  border: 1px solid rgba(226,80,63,.22);
  font-weight: 950;
  color: var(--ink);
  font-size: .9rem;
}
.eco-tag-soft{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(48,48,49,.10);
  font-weight: 900;
}

.eco-scenario-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  flex-wrap:wrap;
}
.eco-big{
  font-weight: 950;
  letter-spacing: -0.03em;
  font-size: clamp(2rem, 3.1vw, 2.55rem);
  color: var(--brand);
  line-height: 1;
}
.eco-big small{
  font-size: .95rem;
  color: rgba(48,48,49,.55);
  font-weight: 900;
}
.eco-big-sub{
  font-weight: 950;
  color: var(--ink);
  font-size: 1.2rem;
}

.eco-scenario-foot{
  margin-top: 12px;
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
}
.eco-foot-pill{
  padding: 8px 10px;
  border-radius: 999px;
  background:#fff;
  border: 1px solid rgba(48,48,49,.10);
  font-weight: 900;
  color: rgba(48,48,49,.72);
  box-shadow: 0 10px 24px rgba(16,24,40,.06);
}

/* destaque do cenário B */
.eco-scenario-hot{
  border-color: rgba(226,80,63,.30);
  box-shadow: 0 30px 110px rgba(226,80,63,.14);
}
.eco-scenario-hot::before{
  opacity:.72;
}

/* bloco final */
.eco-bottom{
  margin-top: 16px;
  display:flex;
  gap: 14px;
  align-items:flex-start;
  padding: 16px 16px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(48,48,49,.10);
  box-shadow: 0 20px 70px rgba(16,24,40,.10);
}
.eco-bottom-icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(226,80,63,.12);
  border: 1px solid rgba(226,80,63,.22);
  color: var(--brand);
  flex: 0 0 46px;
}
.eco-bottom-title{
  font-weight: 950;
  color: var(--ink);
  font-size: 1.12rem;
}
.eco-bottom-sub{
  margin-top: 4px;
  color: rgba(48,48,49,.68);
  font-weight: 800;
}

/* responsivo topo */
@media (max-width: 991.98px){
  .eco-top{ flex-direction: column; align-items:flex-start; }
  .eco-actions{ text-align:left; width:100%; }
  .eco-btn{ width: 100%; }
  .eco-results{ grid-template-columns: 1fr; }
}
/* Add-ons para ações da calculadora */
.eco-calc-actions{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.eco-btn-calc{
  flex: 1 1 220px;
}

.eco-btn-ghost{
  flex: 1 1 170px;
  background: rgba(255,255,255,.85);
  color: var(--ink);
  border: 1px solid rgba(48,48,49,.12);
  box-shadow: 0 18px 55px rgba(16,24,40,.08);
}
.eco-btn-ghost:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 80px rgba(16,24,40,.12);
  color: var(--ink);
}
/* SECTION */
.pb-section{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.12), transparent 60%),
              radial-gradient(900px 500px at 80% 0%, rgba(255,255,255,.10), transparent 55%),
              linear-gradient(135deg, #d7473c, #c83b31);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.pb-section::before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(700px 300px at 10% 90%, rgba(0,0,0,.18), transparent 60%);
  pointer-events:none;
}
.pb-section .container{ position:relative; z-index:1; }

/* KICKER */
.pb-kicker .pill{
  display:inline-flex;
  align-items:center;
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  font-weight:600;
  font-size:.9rem;
}
.pb-title{
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.05;
  margin:.75rem 0 .75rem;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
}
.pb-lead{
  opacity:.95;
  font-size:1.05rem;
  margin:0 0 1.2rem;
}

/* VIDEO */
.pb-video-wrap{
  border-radius:22px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  overflow:hidden;
}
.pb-video{
  aspect-ratio: 16 / 9;
  background: rgba(0,0,0,.25);
}
.pb-video iframe{
  width:100%;
  height:100%;
  display:block;
}
.pb-video-caption{
  padding:14px 16px 16px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  border-top:1px solid rgba(255,255,255,.18);
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.14));
}
.pb-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:.35rem .65rem;
  border-radius:999px;
  background: rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  font-weight:700;
  font-size:.85rem;
  white-space:nowrap;
}
.pb-caption-text{
  line-height:1.2;
  opacity:.95;
}

/* CARDS */
.pb-cards{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
  margin: 0 0 1.2rem;
}
@media (min-width: 576px){
  .pb-cards{ grid-template-columns: 1fr 1fr; }
}
.pb-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:16px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.pb-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.26);
}
.pb-card .ic{
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
  background: rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  flex:0 0 auto;
}
.pb-card .ic i{ font-size:1.05rem; }
.pb-card .tx{
  line-height:1.2;
  font-size:.98rem;
  opacity:.97;
}
.pb-card-danger{
  background: rgba(0,0,0,.12);
  border-color: rgba(255,255,255,.22);
}
.pb-card-danger .ic{
  background: rgba(0,0,0,.18);
}

/* CLOSER */
.pb-closer{
  margin-top:6px;
  padding:14px 16px;
  border-radius:16px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
}

/* CTA */
.pb-cta{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.btn.btn-problema{
  border-radius:14px;
  padding:14px 18px;
  font-weight:800;
  letter-spacing:.01em;
  background: #ffffff;
  color:#b9332a;
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 16px 35px rgba(0,0,0,.18);
}
.btn.btn-problema:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}
.pb-mini{
  opacity:.92;
  font-size:.92rem;
  display:flex;
  align-items:center;
  gap:8px;
}
.pb-section{
    background: linear-gradient(135deg,#d7473c,#c83b31);
    padding:120px 0;
    overflow:hidden;
}

/* WAVES */


.pb-wave img{
    width:100%;
    height:auto;
    display:block;
}

.pb-wave-top{
    top:-1px;
}

.pb-wave-bottom{
    bottom:-1px;
}

/* Garante que conteúdo fique acima */
.pb-section .container{
    position:relative;
    z-index:2;
}

.hero-gn {
    background-image: url(img/mct.jpg);
    background-size: cover;
    background-position-x: 100%;
    padding-bottom: 7rem;
}
.pb-wave {
    position: relative;
    width: 100%;
    line-height: 0;
    z-index: 0;
}
.py-lg-6 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.hero-gn {
    padding-bottom: 0rem;
}
.pb-section::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: none;
    pointer-events: none;
}

.pb-kicker .pill {
    display: inline-flex;
    align-items: center;
    padding: .45rem .85rem;
    border-radius: 999px;
    background: rgb(255 255 255);
    border: 1px solid rgba(255, 255, 255, .22);
    backdrop-filter: blur(8px);
    font-weight: 600;
    font-size: .9rem;
    margin-top: 5rem;
}
/* Ajuste do grid agora que é col-12 */
.pb-cards{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
  margin: 0 0 1.2rem;
}
@media (min-width: 768px){
  .pb-cards{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1200px){
  .pb-cards{ grid-template-columns: 1fr 1fr 1fr; }
}

/* Ícones pulsando (leve e premium) */
.ic-pulse{
  position:relative;
  isolation:isolate;
  animation: icFloat 3.2s ease-in-out infinite;
}
.ic-pulse::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:14px;
  background: rgba(255,255,255,.18);
  filter: blur(8px);
  opacity:.0;
  z-index:-1;
  animation: icPulse 1.8s ease-in-out infinite;
}

.pb-card:nth-child(2) .ic-pulse{ animation-delay:.15s; }
.pb-card:nth-child(3) .ic-pulse{ animation-delay:.30s; }
.pb-card:nth-child(4) .ic-pulse{ animation-delay:.45s; }
.pb-card:nth-child(5) .ic-pulse{ animation-delay:.60s; }
.pb-card:nth-child(6) .ic-pulse{ animation-delay:.75s; }

.pb-card:nth-child(2) .ic-pulse::after{ animation-delay:.15s; }
.pb-card:nth-child(3) .ic-pulse::after{ animation-delay:.30s; }
.pb-card:nth-child(4) .ic-pulse::after{ animation-delay:.45s; }
.pb-card:nth-child(5) .ic-pulse::after{ animation-delay:.60s; }
.pb-card:nth-child(6) .ic-pulse::after{ animation-delay:.75s; }

@keyframes icPulse{
  0%   { transform: scale(.92); opacity:0; }
  35%  { opacity:.55; }
  70%  { transform: scale(1.08); opacity:0; }
  100% { transform: scale(.92); opacity:0; }
}
@keyframes icFloat{
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-2px); }
}

/* reduz animação pra quem prefere */
@media (prefers-reduced-motion: reduce){
  .ic-pulse, .ic-pulse::after{ animation:none !important; }
}
.pb-section{
  background: linear-gradient(135deg,#d7473c,#c83b31);
  color:#fff;
}

/* TITULO */
.pb-title{
  font-weight:800;
  line-height:1.1;
}
.pb-title span{
  font-weight:600;
  opacity:.9;
}

.pb-lead{
  font-size:1.1rem;
  margin-bottom:1.5rem;
}

/* GRID CARDS */
.pb-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:768px){
  .pb-cards{
    grid-template-columns:1fr 1fr;
  }
}

/* CARD */
.pb-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  transition:.3s ease;
}
.pb-card:hover{
  background:rgba(255,255,255,.14);
  transform:translateY(-3px);
}

/* ICONE */
.ic{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff;
  color:#c83b31;
  position:relative;
  animation: pulseStrong 1.6s infinite;
}

/* PULSO VISIVEL */
@keyframes pulseStrong{
  0%{
    box-shadow:0 0 0 0 rgba(255,255,255,.6);
  }
  70%{
    box-shadow:0 0 0 12px rgba(255,255,255,0);
  }
  100%{
    box-shadow:0 0 0 0 rgba(255,255,255,0);
  }
}

/* CARD LIXO */
.pb-card-danger{
  background:rgba(0,0,0,.2);
}

/* IMAGEM */
.pb-image img{
  width:100%;
  border-radius:22px;
  box-shadow:0 25px 60px rgba(0,0,0,.35);
}
.pb-card .tx {
    line-height: 1.2;
    font-size: .98rem;
    opacity: .97;
    color: white;
}
.pb-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgb(255 255 255 / 0%);
    border: 1px solid rgba(255, 255, 255, .2);
    transition: .3s ease;
}
.pb-card .ic {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgba(255, 255, 255, .18);
    flex: 0 0 auto;
}
.pb-card-danger .ic {
    background: rgb(255 255 255);
}
.pb-section {
    background: linear-gradient(135deg, #d7473c, #d7473c);
    padding: 120px 0;
    overflow: hidden;
    padding-bottom: 3rem !important;
}
.pb-image img {
    width: 100%;
    border-radius: 22px;
    box-shadow: none;
}
.pb-lead {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: white;
}
#video .section-title, #video .section-kicker {
    color: #fff;
    font-size: 3rem;
}

/* ================= HEADER ================= */
.mv-header{
  background:#ffffff;
  border-bottom:1px solid #E9ECEF;
  padding:18px 0;
}

.mv-header-inner{
  display:flex;
  justify-content:center;
  align-items:center;
}

.mv-logo img{
  height:52px;
  width:auto;
  transition:.2s ease;
}

.mv-logo img:hover{
  transform:scale(1.03);
}


/* ================= FOOTER ================= */
.mv-footer{
  background:#ffffff;
  border-top:1px solid #E9ECEF;
  padding:60px 0 30px;
  margin-top:80px;
}

.mv-footer-top{
  text-align:center;
  margin-bottom:25px;
}

.mv-footer-logo{
  height:46px;
  width:auto;
}

.mv-footer-middle{
  text-align:center;
  margin-bottom:40px;
}

.mv-footer-text{
  color:#6B7280;
  font-size:1rem;
}

.mv-footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
  border-top:1px solid #E9ECEF;
  padding-top:25px;
}

.mv-copy{
  font-size:.9rem;
  color:#6B7280;
}

.mv-links{
  display:flex;
  gap:20px;
}

.mv-links a{
  text-decoration:none;
  font-size:.9rem;
  color:#303031;
  font-weight:600;
  transition:.2s ease;
}

.mv-links a:hover{
  color:#E2503F;
}
.mv-logo img {
    height: 30px;
    width: auto;
    transition: .2s ease;
}