@font-face {
  font-family: 'Urbane';
  src: url('https://cdn.dreamsnutrition.com.br/fonts/Urbane-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbane';
  src: url('https://cdn.dreamsnutrition.com.br/fonts/Urbane-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbane';
  src: url('https://cdn.dreamsnutrition.com.br/fonts/Urbane-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
  --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
  --wp--style--global--content-size: 800px;
  --wp--style--global--wide-size: 1200px;
  --wp--style--block-gap: 24px;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  color: #333;
  background-color: #f9f9f7;
}

#advertorial {
  width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  overflow-x: hidden;
}

.elementor-widget-html,
.e-con-full,
.elementor-2792 {
  width: 100% !important;
  max-width: 100% !important;
}

.advertorial-logo {
  width: 100%;
  padding: 20px 24px;
  text-align: center;
  box-sizing: border-box;
}

.advertorial-logo img {
  max-width: 600px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.advertorial-banner-top {
  position: relative;
  width: 100%;
  background: #42BFFC;
  font-family: 'Urbane', sans-serif;
  padding: 14px 24px;
  box-sizing: border-box;
}

.advertorial-banner-top-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.advertorial-banner-top-text {
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.5px;
}

@media (max-width: 768px) {
  .advertorial-logo {
    padding: 16px 20px;
  }

  .advertorial-logo img {
    max-width: 100%;
  }

  .advertorial-banner-top {
    padding: 12px 20px;
  }

  .advertorial-banner-top-text {
    font-size: 16px;
  }
}

.text-blue {
  color: #2E8DD6;
}

.text-highlight {
  color: #2E8DD6;
  background-color: rgba(46, 141, 214, 0.12);
  padding: 0 2px;
  border-radius: 2px;
  text-decoration: underline;
  font-weight: 600;
}

.advertorial-badge {
  background: #0693e3;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  padding: 6px 20px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 24px; /* Aumentado de 10px para padronização */
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Espaçamento maior entre o conteúdo anterior e o novo badge (Sinal) */
.advertorial-razao-conteudo + .advertorial-badge {
  margin-top: 64px;
}

.advertorial-artigo-inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .advertorial-artigo-inner {
    max-width: 650px;
  }
}

.advertorial-artigo-titulo {
  font-family: 'Urbane', sans-serif;
  font-weight: 700;
  font-size: clamp(15px, 4.2vw, 28px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #2A1A15;
  margin: 48px 0 4px;
  text-align: left;
  max-width: 38ch;
  text-wrap: balance;
}

.advertorial-artigo-titulo-destaque {
  color: #2E8DD6;
  font-weight: 700;
}

.advertorial-artigo-titulo-destaque-2 {
  display: block;
  color: #2E8DD6;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: left;
  max-width: 38ch;
}

.advertorial-artigo-descricao {
  font-size: 14.5px;
  color: #4D4543;
  font-weight: 400;
  line-height: 1.5;
  margin: 10px 0 18px;
  text-wrap: balance;
}

.advertorial-artigo-meta {
  font-size: 13px;
  color: #7A726E;
  font-weight: 400;
  margin: 0 0 24px;
  letter-spacing: 0.02em;
}

.advertorial-artigo-videos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 32px;
  max-width: 700px;
}

.advertorial-artigo-video-item {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 9 / 12;
  /* Proporção aproximada de Reels/Stories para alinhar altura */
  background: #000;
}

.advertorial-artigo-video-item video,
.advertorial-artigo-video-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 12px;
}

.advertorial-artigo-autor {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.advertorial-artigo-foto-wrap {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #e8e0d8;
}

.advertorial-artigo-foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advertorial-artigo-autor-info {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.25;
}

.advertorial-artigo-por {
  font-weight: 600;
  font-size: 13px;
  color: #2A1A15;
  margin: 0;
}

.advertorial-artigo-data {
  font-size: 11px;
  color: #4D4543;
  font-weight: 400;
  margin: 0;
}

.advertorial-artigo-citacao {
  background: #F4EDE3;
  border-left: 6px solid #2E8DD6;
  padding: 18px 24px;
  border-radius: 0 8px 8px 0;
}

.advertorial-artigo-citacao blockquote {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #2E8DD6;
  font-weight: 500;
}

.advertorial-artigo-citacao blockquote strong {
  font-weight: 700;
}

@media (max-width: 768px) {
  .advertorial-artigo {
    padding: 24px 20px 20px;
  }

  .advertorial-artigo-inner {
    width: 100%;
    max-width: 100%;
  }

  .advertorial-artigo-titulo {
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 4px;
    letter-spacing: 0.01em;
    line-height: 1.22;
    max-width: 42ch;
    text-wrap: balance;
  }

  .advertorial-artigo-descricao {
    font-size: 14px;
    text-wrap: balance;
  }

  .advertorial-artigo-meta {
    font-size: 12px;
    margin-bottom: 20px;
  }

  .advertorial-artigo-videos {
    grid-template-columns: 1fr 1fr;
    /* Garante 2 colunas no mobile */
    gap: 12px;
    margin-bottom: 24px;
  }

  .advertorial-artigo-autor {
    align-items: center;
  }

  .advertorial-artigo-foto-wrap {
    width: 36px;
    height: 36px;
  }

  .advertorial-artigo-por {
    font-size: 12px;
  }

  .advertorial-artigo-data {
    font-size: 10px;
  }

  .advertorial-artigo-citacao {
    padding: 12px 16px;
  }

  .advertorial-artigo-citacao blockquote {
    font-size: 13px;
  }

  .advertorial-artigo-titulo-destaque-2 {
    text-align: center;
    max-width: 100%;
  }
}

/* Dobra 7 Razões */
.advertorial-razoes {
  width: 100%;
  background: #f9f9f7;
  font-family: 'Urbane', sans-serif;
  padding: 24px 24px 16px;
  box-sizing: border-box;
}


.advertorial-razoes-inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .advertorial-razoes-inner {
    max-width: 650px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .advertorial-razao {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    max-width: 650px;
    margin: 0 auto 64px;
    text-align: left;
  }
}

.advertorial-razao:last-child {
  margin-bottom: 0;
}

/* ---- Sinal 3: Widget Layout ---- */
.advertorial-razao--widget {
  display: block;
}

.advertorial-razao--widget .advertorial-razao-texto {
  width: 100%;
}

/* ---- Manha Widget ---- */
.manha-widget {
  background: #f7f9fc;
  border: 1px solid #e3eaf2;
  border-radius: 14px;
  padding: 22px 20px 18px;
  margin: 20px 0 24px;
}

.manha-widget__pergunta {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 16px;
  line-height: 1.4;
}

.manha-widget__opcoes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.manha-opcao {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 8px 10px;
  border-radius: 10px;
  border: 2px solid transparent;
  background: #fff;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  text-align: center;
  font-family: inherit;
}

.manha-opcao:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.manha-opcao.ativo {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.manha-opcao__emoji {
  font-size: 26px;
  line-height: 1;
}

.manha-opcao__label {
  font-size: 11.5px;
  font-weight: 700;
  color: #1a1a2e;
  line-height: 1.3;
}

.manha-opcao__tag {
  font-size: 10px;
  font-weight: 500;
  margin-top: 2px;
}

/* Verde */
.manha-opcao--verde {
  border-color: #34c759;
}
.manha-opcao--verde .manha-opcao__tag { color: #1e9e44; }
.manha-opcao--verde.ativo { background: #edfaf2; }

/* Laranja */
.manha-opcao--laranja {
  border-color: #ff9500;
}
.manha-opcao--laranja .manha-opcao__tag { color: #b86e00; }
.manha-opcao--laranja.ativo { background: #fff7ec; }

/* Vermelho */
.manha-opcao--vermelho {
  border-color: #ff3b30;
}
.manha-opcao--vermelho .manha-opcao__tag { color: #c0281f; }
.manha-opcao--vermelho.ativo { background: #fff0ee; }

/* ---- Sinal 4: Imagem full-width ---- */
.advertorial-razao-media--full {
  width: 100%;
  margin: 16px 0;
}

.advertorial-img-full {
  width: 100%;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  max-height: 260px;
}

/* ---- Sinal 4: Perfil Cards ---- */
.perfil-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
  width: 100%;
}

.perfil-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fff;
  border: 1.5px solid #e3eaf2;
  border-radius: 12px;
  padding: 14px 20px;
  width: 100%;
  box-sizing: border-box;
}

.perfil-card__icon {
  font-size: 22px;
  flex-shrink: 0;
  line-height: 1.2;
  margin-top: 1px;
}

.perfil-card__texto {
  font-size: 13px;
  color: #3a3a4a;
  line-height: 1.5;
  margin: 0;
}

.perfil-card__destaque {
  color: #0078d4;
  font-weight: 700;
}

/* ---- Sinal 4: Layout grid 2 colunas no desktop ---- */
.advertorial-razao--sinal4 {
  display: block;
}

.sinal4-titulo {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .sinal4-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    max-width: 650px;
    margin: 0 auto;
    text-align: left;
  }
}

.sinal4-col-media .advertorial-razao-media {
  position: relative;
  width: 100%;
}

.sinal4-col-media .perfil-cards {
  margin-top: 12px;
}

.sinal4-col-texto {
  font-size: 14.5px;
  line-height: 1.55;
  color: #4D4543;
  font-weight: 500;
}

.sinal4-col-texto p {
  margin: 0 0 12px;
}

.sinal4-col-texto p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .sinal4-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sinal4-col-media .advertorial-razao-media img,
  .sinal4-col-media .advertorial-razao-media video {
    width: 100%;
  }
}

/* ---- Sinal 5: Ciclo Vicioso Card ---- */
.ciclo-vicioso-card {
  background: #fff8ee;
  border: 2px solid #f4a800;
  border-radius: 14px;
  padding: 20px 22px;
  margin: 20px 0 24px;
}

.ciclo-vicioso-card__titulo {
  font-family: 'Urbane', sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  color: #2A1A15;
  margin: 0 0 16px;
}

.ciclo-vicioso-card__steps {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ciclo-step {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1.5px solid #f0d080;
  border-radius: 10px;
  padding: 10px 14px;
}

.ciclo-step--destaque {
  background: #ffefc2;
  border-color: #f4a800;
}

.ciclo-step__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f4a800;
  color: #fff;
  font-family: 'Urbane', sans-serif;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

.ciclo-step__texto {
  font-size: 13.5px;
  font-weight: 600;
  color: #3a3a3a;
  line-height: 1.4;
}

.ciclo-arrow {
  text-align: center;
  font-size: 18px;
  color: #f4a800;
  line-height: 1;
  padding: 0 14px;
}

/* ---- Sinal 6: Cards comparativos cortisol ---- */
.cortisol-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0 20px;
}

.cortisol-compare__col {
  border-radius: 14px;
  padding: 16px 14px;
}

.cortisol-compare__col--alto {
  background: #fff0f0;
  border: 1.5px solid #f5c0c0;
}

.cortisol-compare__col--equilibrado {
  background: #f0fff4;
  border: 1.5px solid #a8d5b5;
}

.cortisol-compare__titulo {
  font-family: 'Urbane', sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #2A1A15;
  line-height: 1.3;
}

.cortisol-compare__lista {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.cortisol-compare__lista li {
  font-size: 12.5px;
  font-weight: 500;
  color: #3a3a3a;
  line-height: 1.35;
}

.cortisol-compare__col--alto .cortisol-compare__lista li {
  color: #7a2a2a;
}

.cortisol-compare__col--equilibrado .cortisol-compare__lista li {
  color: #1a5c34;
}

@media (max-width: 480px) {
  .cortisol-compare {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .cortisol-compare__col {
    padding: 12px 10px;
  }

  .cortisol-compare__titulo {
    font-size: 12px;
  }

  .cortisol-compare__lista li {
    font-size: 11.5px;
  }
}

@media (min-width: 1024px) {
  .advertorial-razao-media {
    width: 100%;
    max-width: 650px;
    order: 2;
  }
}
.advertorial-razao-media {
  width: 100%;
}

.advertorial-razao-video-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.advertorial-razao-media img,
.advertorial-razao-media video,
.advertorial-razao-media iframe {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  box-shadow: none;
  background-color: #000;
  /* Previne tela branca enquanto carrega */
}

.advertorial-razao-video-wrap video,
.advertorial-razao-video-wrap img,
.advertorial-razao-video-wrap iframe {
  border-radius: 10px;
  pointer-events: none;
}

.advertorial-razao-card {
  background: #2E8DD6;
  color: #fff;
  font-family: 'Urbane', sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.3px;
  padding: 12px 14px;
  border-radius: 0 0 10px 10px;
  display: flex;
  position: relative;
  z-index: 10;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .advertorial-razao-titulo {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin: 0 0 16px;
    order: 1;
    text-align: left;
    width: 100%;
  }
  .advertorial-razao-conteudo {
    font-size: 15.5px;
    line-height: 1.6;
    order: 3;
    text-align: left;
    width: 100%;
  }
  .advertorial-razao-texto {
    display: contents;
  }
}

.advertorial-razao-titulo {
  font-family: 'Urbane', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.3px;
  color: #2A1A15;
  margin: 0 0 14px;
}

.advertorial-razao-texto {
  display: contents;
}

.advertorial-razao-conteudo {
  font-size: 14.5px;
  line-height: 1.5;
  color: #4D4543;
  font-weight: 500;
}

.advertorial-razao-conteudo p,
.advertorial-razao-conteudo ul {
  margin: 0 0 6px;
}

.advertorial-razao-conteudo p:last-child,
.advertorial-razao-conteudo ul:last-child {
  margin-bottom: 0;
}

.advertorial-razao-conteudo ul {
  padding-left: 0;
  list-style: none;
}

.advertorial-razao-conteudo li {
  margin-bottom: 2px;
}

.advertorial-razao-conteudo .dot {
  color: #2A1A15;
  margin-right: 6px;
  font-weight: 700;
}

.advertorial-razao-conteudo strong {
  color: #2A1A15;
  font-weight: 600;
}

.advertorial-indent {
  padding-left: 14px;
  margin-left: 4px;
  border-left: 2px solid #d4c8c0;
}

.advertorial-cta {
  margin-top: 12px !important;
  font-size: 12px !important;
  color: #2A1A15 !important;
}

.advertorial-cta a {
  color: inherit !important;
  text-decoration: underline;
}

.advertorial-cta a:hover {
  color: #2A1A15 !important;
  opacity: 0.85;
}

.advertorial-destaque {
  font-size: 14px !important;
  margin: 10px 0 !important;
  color: #2A1A15 !important;
}

@media (max-width: 768px) {
  .advertorial-razoes {
    padding: 20px 20px 48px;
  }

  .advertorial-razoes-inner {
    width: 100%;
    max-width: 100%;
  }

  .advertorial-razao {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px;
    margin-bottom: 48px;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .advertorial-razao-texto {
    display: contents;
  }

  .advertorial-razao-titulo {
    order: -2;
    width: 100%;
    font-size: 17px;
    margin-bottom: 6px;
    line-height: 1.35;
  }

  .advertorial-razao-media {
    position: relative;
    order: -1;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    flex-shrink: 0;
  }

  .advertorial-razao-media img,
  .advertorial-razao-media video {
    aspect-ratio: 1/1;
    max-width: 100%;
    width: 100%;
    display: block;
  }

  .advertorial-razao-conteudo {
    order: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
  }

  .advertorial-razao-conteudo p,
  .advertorial-razao-conteudo ul {
    margin: 0 0 14px;
  }

  .advertorial-cta {
    font-size: 11px !important;
  }

  .advertorial-destaque {
    font-size: 13px !important;
  }

  .advertorial-razao-card {
    font-size: 15px;
    padding: 10px 12px;
  }
}

/* Dobra Oferta Especial */
.advertorial-oferta {
  width: 100%;
  background: #ffeecb;
  font-family: 'Urbane', sans-serif;
  padding: 60px 24px 56px;
  box-sizing: border-box;
}

.advertorial-oferta-intro {
  max-width: 900px;
  margin: 0 auto 32px;
  text-align: center;
}

.advertorial-oferta-headline {
  font-size: 22px;
  font-weight: 700;
  color: #2A1A15;
  line-height: 1.35;
  margin: 0 0 12px;
  text-wrap: balance;
}

.advertorial-oferta-sub {
  font-size: 16px;
  color: #4D4543;
  line-height: 1.5;
  margin: 0;
  text-wrap: balance;
}

.advertorial-oferta-card-wrap {
  width: 100%;
  max-width: 500px;
  margin: 40px auto 0;
  position: relative;
  background: #fff;
  border-radius: 24px;
  overflow: visible; /* To allow banner to float */
  box-shadow: 0 20px 50px rgba(0, 110, 255, 0.1), 0 5px 15px rgba(0, 110, 255, 0.05);
}

.advertorial-oferta-banner {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  background: #2E8DD6;
  color: #fff;
  font-family: 'Urbane', sans-serif;
  font-weight: 800;
  font-size: 18px;
  padding: 12px 32px;
  border-radius: 10px;
  white-space: nowrap;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.advertorial-oferta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(0, 128, 255, 0.1);
}

.advertorial-oferta-produto {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.advertorial-oferta-produto img {
  width: 100%;
  height: auto;
  display: block;
}

.advertorial-oferta-info {
  width: 100%;
  padding: 32px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.advertorial-oferta-frete {
  font-size: 15px;
  color: #2A1A15;
  margin: 0 0 16px;
}

.advertorial-oferta-desconto {
  font-family: 'Urbane', sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.1;
  margin: 16px 0;
  color: #252525;
  text-transform: uppercase;
}

.coral, .advertorial-oferta-desconto .coral {
  color: #fcd34d !important;
}

.advertorial-oferta-urgencia {
  font-size: 14px;
  color: #4D4543;
  margin: 0 0 24px;
  line-height: 1.5;
  max-width: 320px;
}

.advertorial-oferta-btn.cta.elementor-button {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 18px 20px;
  text-decoration: none;
  margin-bottom: 20px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  border-radius: 10px !important;
  animation: pulse-white 2s infinite;
  transition: 0.5s;
  background: linear-gradient(180deg, #2E8dd6 0%, #5092c5 55%, #3c75a0 100%);
  border: 4px solid #2E8dd6;
  font-family: 'Urbane', sans-serif;
  width: 100%;
  max-width: 400px;
  text-align: center;
  box-sizing: border-box;
}

.advertorial-oferta-btn.cta.elementor-button:hover {
  animation: pulse-hover 2s infinite;
  transition: 0.5s;
}

@keyframes pulse-white {
  0% {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(74, 155, 255, 0.5);
  }

  70% {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 122, 74, 0);
  }

  100% {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(255, 122, 74, 0);
  }
}

@keyframes pulse-hover {
  0% {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(255, 122, 74, 0.5);
  }

  70% {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 14px rgba(255, 122, 74, 0);
  }

  100% {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(255, 122, 74, 0);
  }
}

.advertorial-oferta-timer-wrap {
  margin-bottom: 16px;
}

.advertorial-oferta-timer-label {
  font-size: 15px;
  color: #2A1A15;
  margin: 0;
}

.advertorial-oferta-timer-label span {
  font-weight: 700;
  color: #2e8dd6;
}

.advertorial-oferta-risco-box {
  background: #f0f7ff;
  border: 1.5px solid rgba(0, 128, 255, 0.2);
  padding: 14px 24px;
  border-radius: 15px;
  margin: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 15px;
  color: #000000;
  width: 100%;
  box-sizing: border-box;
}

.advertorial-oferta-risco-box strong {
  color: #2E8dd6;
}

.advertorial-oferta-risco-box .risco-divider {
  color: #4D4543;
  opacity: 0.6;
}

.advertorial-oferta-garantia {
  font-size: 14px;
  color: #4D4543;
  margin: 0;
}

@media (max-width: 768px) {
  .advertorial-oferta {
    padding: 32px 20px 48px;
  }

  .advertorial-oferta-intro {
    width: 100%;
    margin-bottom: 24px;
  }

  .advertorial-oferta-inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    min-height: auto;
    width: 100%;
    max-width: 100%;
  }

  .advertorial-oferta-produto {
    min-height: 280px;
    order: -1;
    width: 100%;
  }

  .advertorial-oferta-produto img {
    border-radius: 10px 10px 0 0;
    object-fit: contain;
    width: 100%;
  }

  .advertorial-oferta-info {
    padding: 24px 20px 28px;
    width: 100%;
    box-sizing: border-box;
  }

  .advertorial-oferta-headline {
    font-size: clamp(14px, 4.5vw, 18px);
    margin-bottom: 10px;
  }

  .advertorial-oferta-sub {
    font-size: clamp(12px, 3.8vw, 15px);
  }

  .advertorial-oferta-banner {
    font-size: 3vw;
    padding: 10px 18px;
    margin: 0 auto -22px;
  }

  .advertorial-oferta-frete {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .advertorial-oferta-desconto {
    font-size: 26px;
    margin-bottom: 12px;
  }

  .advertorial-oferta-urgencia {
    font-size: 13px;
    margin-bottom: 18px;
  }

  .advertorial-oferta-btn.cta.elementor-button {
    font-size: 17px;
    padding: 16px 48px;
  }

  .advertorial-oferta-timer-label {
    font-size: 15px;
  }

  .advertorial-oferta-risco-box {
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 12px;
    padding: 10px 12px;
    gap: 8px;
  }

  .advertorial-oferta-risco-box .risco-divider {
    flex-shrink: 0;
  }

  .advertorial-oferta-garantia {
    font-size: 12px;
  }
}

.e-con-inner {
  max-width: 1000px;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: #f9f9f7;
}

.elementor-image-box-description {
  font-size: 14px;
  margin: 0;
  color: #4D4543;
}

.elementor-inline-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
}

.e-font-icon-svg {
  width: 24px;
  height: 24px;
  fill: #2A1A15;
}

@media (max-width: 768px) {
  .e-con-inner {
    flex-direction: column;
    gap: 20px;
    text-align: center;
    margin: 8px auto;
  }
}
/* ==========================================================================
   Novos Componentes (Checklist, Comparação e Aviso)
   ========================================================================== */

/* Checklist Component */
.hrm-combo * { margin:0!important;padding:0!important;box-sizing:border-box!important;font-family:'Montserrat',sans-serif!important; }
.hrm-combo { --hrm-rosa-forte:#3B82F6;--hrm-rosa-chiclete:#60A5FA;--hrm-verde-neon:#22c55e;--hrm-verde-neon-hover:#16a34a;--hrm-laranja:#F67563;--hrm-offwhite:#F8FBFF;--hrm-preto:#252525;--hrm-branco:#FFFFFF;--hrm-text-dark:#2D2A26;--hrm-text-medium:#5A5560;--hrm-text-light:#8A8590;max-width:600px!important;margin:0 auto!important;padding:0!important; }
.hrm-check { background:#F0F7FF!important;border:1px solid #BFDBFE!important;border-radius:14px!important;padding:28px 20px 24px!important; }
.hrm-check-title { font-size:16px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1.5px!important;color:var(--hrm-rosa-forte)!important;margin-bottom:6px!important;line-height:1.3!important; }
.hrm-check-subtitle { font-size:13px!important;font-weight:400!important;color:var(--hrm-text-light)!important;margin-bottom:22px!important;line-height:1.4!important; }
.hrm-check-list { display:flex!important;flex-direction:column!important;gap:0!important; }
.hrm-check-item { display:flex!important;align-items:center!important;gap:14px!important;padding:14px 0!important;border-bottom:1px solid #DBEAFE!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important; }
.hrm-check-item:last-child { border-bottom:none!important;padding-bottom:4px!important; }
.hrm-check-box { width:26px!important;height:26px!important;min-width:26px!important;border:2px solid #93C5FD!important;border-radius:6px!important;background:var(--hrm-branco)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all 0.2s ease!important;font-size:15px!important;color:transparent!important;line-height:1!important; }
.hrm-check-item.active .hrm-check-box { background:var(--hrm-rosa-forte)!important;border-color:var(--hrm-rosa-forte)!important;color:var(--hrm-branco)!important; }
.hrm-check-label { font-size:15px!important;font-weight:500!important;color:var(--hrm-text-dark)!important;line-height:1.4!important;transition:color 0.2s ease!important; }
.hrm-check-item.active .hrm-check-label { color:var(--hrm-rosa-forte)!important;font-weight:600!important; }
.hrm-check-result { text-align:center!important;font-size:14px!important;font-weight:700!important;color:var(--hrm-rosa-forte)!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid #BFDBFE!important;line-height:1.5!important;min-height:24px!important;transition:opacity 0.3s ease!important; }
.hrm-check-result:empty { display:none!important; }
.hrm-bridge { background:var(--hrm-offwhite)!important;border-left:4px solid var(--hrm-rosa-forte)!important;padding:0 18px!important;opacity:0;max-height:0;overflow:hidden;transition:opacity 0.4s ease,max-height 0.5s ease,margin 0.4s ease,padding 0.4s ease!important;border-radius:0 10px 10px 0!important; }
.hrm-bridge.visible { opacity:1;max-height:300px;margin-top:16px!important;padding:20px 18px!important; }
.hrm-bridge-headline { font-size:15px!important;font-weight:700!important;color:var(--hrm-text-dark)!important;line-height:1.4!important;margin-bottom:10px!important; }
.hrm-bridge-text { font-size:14px!important;font-weight:400!important;color:var(--hrm-text-medium)!important;line-height:1.6!important; }
.hrm-offer { opacity:0;max-height:0;overflow:hidden;transition:opacity 0.5s ease 0.15s,max-height 0.6s ease 0.1s,margin 0.4s ease!important; }
.hrm-offer.visible { opacity:1;max-height:600px;margin-top:16px!important; }
.hrm-offer-card { background:linear-gradient(135deg,var(--hrm-rosa-forte) 0%,var(--hrm-rosa-chiclete) 50%,var(--hrm-rosa-forte) 100%)!important;border-radius:14px!important;box-shadow:0 6px 32px rgba(59,130,246,0.25),0 2px 8px rgba(0,0,0,0.06)!important;padding:28px 22px 24px!important;text-align:center!important; }
.hrm-offer-ib strong { color:var(--hrm-branco)!important;font-weight:700!important;text-transform:uppercase!important;font-size:10px!important; }
.hrm-offer-ib svg { width:12px!important;height:12px!important;flex-shrink:0!important; }
.hrm-offer-frete-top { font-size: 13px!important; font-weight: 600!important; color: rgba(255,255,255,0.9)!important; margin-bottom: 12px!important; display: block!important; }
.hrm-offer-headline { font-size:24px!important;font-weight:900!important;color:var(--hrm-branco)!important;line-height:1.2!important;margin-bottom:12px!important;text-transform:uppercase!important; }
.hrm-offer-headline span { color: #fcd34d!important; }
.hrm-offer-sub { font-size:14px!important;font-weight:400!important;color:rgba(255,255,255,0.85)!important;line-height:1.5!important;margin-bottom:24px!important; }
.hrm-offer-cta { display:block!important;width:100%!important;max-width:380px!important;margin:0 auto 16px!important;background:#FFD43B!important;color:#000!important;font-size:14px!important;font-weight:900!important;text-align:center!important;text-decoration:none!important;padding:16px 20px!important;border-radius:12px!important;border:none!important;cursor:pointer!important;letter-spacing:0.3px!important;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease!important;line-height:1.2!important;box-shadow: 0 10px 25px rgba(255, 212, 59, 0.5)!important; }
.hrm-offer-cta:hover { background:#fcd34d!important;transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(255, 212, 59, 0.7)!important; }
.hrm-offer-timer { display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:20px!important;font-weight:600!important;color:rgba(255,255,255,0.75)!important;font-size: 14px!important; }
.hrm-offer-timer-value { color:var(--hrm-branco)!important;font-variant-numeric:tabular-nums!important;font-size:15px!important;font-weight:800!important;min-width:54px!important; }
.hrm-offer-risco-dashed { display: flex!important; align-items: center!important; justify-content: center!important; gap: 10px!important; margin: 0 auto 20px!important; padding: 12px 20px!important; border: 2px dashed rgba(255,255,255,0.4)!important; border-radius: 12px!important; max-width: 320px!important; font-size: 14px!important; color: #fff!important; font-weight: 500!important; }
.hrm-offer-risco-dashed strong { font-weight: 700!important; color: #fff!important; }
.hrm-offer-risco-span { color: #fff!important; }
.hrm-offer-guarantee { text-align:center!important;font-size:13px!important;color:rgba(255,255,255,0.8)!important;margin-top:10px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,0.15)!important;font-weight: 500!important; }

@media(max-width:599px){ 
  .hrm-check{padding:24px 16px 20px!important;border-radius:12px!important;} 
  .hrm-check-title{font-size:14px!important;} 
  .hrm-check-label{font-size:14px!important;} 
  .hrm-offer-card{padding:24px 18px 20px!important;border-radius:12px!important;} 
  .hrm-offer-headline{font-size:21px!important;} 
  .hrm-offer-sub{font-size:13px!important;} 
  .hrm-offer-cta{font-size:12.5px!important;padding:14px 16px!important;} 
}

@media(min-width:600px){ 
  .hrm-check{padding:32px 32px 28px!important;} 
  .hrm-check-title{font-size:18px!important;} 
  .hrm-check-subtitle{font-size:14px!important;} 
  .hrm-check-label{font-size:16px!important;} 
  .hrm-check-box{width:28px!important;height:28px!important;min-width:28px!important;} 
  .hrm-bridge.visible{padding:24px 22px!important;} 
  .hrm-offer-card{padding:36px 32px 30px!important;} 
  .hrm-offer-headline{font-size:28px!important;} 
  .hrm-offer-sub{font-size:15px!important;} 
  .hrm-offer-cta{font-size:15px!important;padding:18px 24px!important;} 
}

/* Comparison Section */
.comparison-wrapper { 
  padding: 60px 20px; 
  background: #f9f9f7; 
  font-family: 'Urbane', 'Montserrat', sans-serif;
  text-align: center;
}
.comparison-container-new {
  max-width: 800px;
  margin: 0 auto;
}
.comparison-header-new {
  margin-bottom: 40px;
}
.comparison-header-new h2 {
  font-family: 'Urbane', 'Montserrat', sans-serif;
  font-size: clamp(24px, 5vw, 28px);
  font-weight: 900;
  color: #000;
  line-height: 1.1;
  margin-bottom: 15px;
  letter-spacing: -1px;
}
.comparison-header-new p {
  font-size: clamp(16px, 3.5vw, 19px);
  color: #333;
  font-weight: 400;
  margin: 0;
}
.comp-table {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  width: 100%;
  margin-top: 30px;
  align-items: stretch;
}
.comp-cell {
  padding: 20px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: clamp(13px, 3vw, 15px);
  line-height: 1.3;
  min-height: 80px;
}
.comp-cell.label {
  justify-content: flex-start;
  text-align: left;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #efefef;
  padding-right: 10px;
}
.comp-cell.highlight {
  background: #639ef6;
  color: #fff;
  font-weight: 600;
  z-index: 10;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  box-shadow: 15px 0 35px rgba(99, 158, 246, 0.2), -15px 0 35px rgba(99, 158, 246, 0.2);
}
.comp-cell.highlight-header { 
  border-radius: 20px 20px 0 0; 
  font-weight: 900;
  font-size: clamp(15px, 3.5vw, 18px);
  padding-top: 30px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.comp-cell.highlight-footer { 
  border-radius: 0 0 20px 20px; 
  border-bottom: none;
  padding-bottom: 30px;
  box-shadow: 0 15px 35px rgba(99, 158, 246, 0.3), 15px 0 35px rgba(99, 158, 246, 0.2), -15px 0 35px rgba(99, 158, 246, 0.2);
}
.comp-cell.others {
  border-bottom: 1px solid #efefef;
  color: #333;
}
.comp-header {
  font-weight: 900;
  font-size: clamp(15px, 3.5vw, 18px);
  border-bottom: 1px solid #efefef;
  min-height: 90px;
}
.comp-header.label { background: transparent; }
.comp-header.others { color: #000; }
.comp-row-last .comp-cell { border-bottom: none; }

@media (max-width: 600px) {
  .comparison-wrapper { padding: 40px 10px; }
  .comp-table { grid-template-columns: 0.9fr 1.4fr 1fr; }
  .comp-cell { padding: 15px 8px; min-height: 90px; }
  .comp-cell.highlight { 
      transform: scale(1.02); 
      box-shadow: 10px 0 20px rgba(99, 158, 246, 0.15), -10px 0 20px rgba(99, 158, 246, 0.15);
  }
}

/* Aviso Component */
.hrm-aviso * {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-family: 'Montserrat', sans-serif !important;
}
.hrm-aviso {
  max-width: 600px !important;
  margin: 72px auto !important;
  padding: 0 16px !important;
}
.hrm-aviso-box {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  background: #F0F7FF !important;
  border: 1px solid #BFDBFE !important;
  border-left: 3px solid #2E8DD6 !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 14px 16px !important;
}
.hrm-aviso-icon {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  color: #2E8DD6 !important;
  margin-top: 1px !important;
}
.hrm-aviso-text {
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #5A5560 !important;
  text-align: left !important;
}
.hrm-aviso-text strong {
  color: #2D2A26 !important;
  font-weight: 700 !important;
}
@media (max-width: 599px) {
  .hrm-aviso {
    padding: 0 14px !important;
    margin: 60px auto !important;
  }
  .hrm-aviso-box {
    padding: 12px 14px !important;
  }
  .hrm-aviso-text {
    font-size: 11px !important;
  }
}

/* Roadmap Component */
.roadmap-container {
  max-width: 600px;
  margin: 72px auto;
  padding: 0 16px;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}
.roadmap-header {
  margin-bottom: 40px;
}
.roadmap-header .heading {
  font-family: 'Urbane', sans-serif;
  font-size: 26px;
  font-weight: 900;
  color: #000;
  margin-bottom: 12px;
  line-height: 1.2;
}
.roadmap-header .subheading {
  font-size: 14px;
  color: #5A5560;
  line-height: 1.5;
  font-style: italic;
}
.roadmap-timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-left: 50px;
  text-align: left;
}
/* Timeline Line */
.roadmap-timeline::before {
  content: '';
  position: absolute;
  left: 17px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: #2E8DD6;
  opacity: 0.2;
  z-index: 1;
}
.roadmap-item {
  position: relative;
}
.roadmap-circle {
  position: absolute;
  left: -50px;
  top: 0;
  width: 36px;
  height: 36px;
  background: #2E8DD6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(46, 141, 214, 0.25);
}
.roadmap-circle svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.roadmap-badge {
  display: inline-block;
  background: #E8F4FD;
  color: #2E8DD6;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 14px;
  border-radius: 50px;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}
.roadmap-title {
  font-family: 'Urbane', sans-serif;
  font-size: 19px;
  font-weight: 800;
  color: #000;
  margin-bottom: 8px;
  line-height: 1.3;
}
.roadmap-description {
  font-size: 14.5px;
  color: #4D4543;
  line-height: 1.55;
}
.roadmap-description strong {
  color: #000;
  font-weight: 700;
}

@media (max-width: 599px) {
  .roadmap-container { margin: 60px auto; }
  .roadmap-header .heading { font-size: 22px; }
  .roadmap-timeline { padding-left: 45px; }
  .roadmap-circle { left: -45px; width: 32px; height: 32px; }
  .roadmap-title { font-size: 17px; }
  .roadmap-description { font-size: 13.5px; }
}

/* Roadmap Animations */
.roadmap-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.roadmap-item.active {
  opacity: 1;
  transform: translateY(0);
}

.roadmap-item.fade-out.active {
  opacity: 1;
  transform: translateY(0);
}

/* Timeline Line Animation (optional but nice) */
.roadmap-timeline::before {
  height: 0;
  transition: height 1.5s ease-in-out;
}

.roadmap-timeline.active::before {
  height: calc(100% - 20px);
}

/* Benefits section will be handled in css/benefits.css */