.vsl-frame vturb-smartplayer {
  display: block;
  width: 100%;
}

/* Variante C: página sem VSL */
.rr-no-vsl-hero {
  position: relative;
  min-height: 760px;
  overflow: hidden;
  color: #fff;
  background: #061522 url("/images/hero-miguel.webp") center 30% / cover no-repeat;
}

.rr-no-vsl-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 16, 27, .98) 0%, rgba(4, 16, 27, .9) 43%, rgba(4, 16, 27, .2) 73%, rgba(4, 16, 27, .55) 100%),
    linear-gradient(0deg, #061522 0%, transparent 27%);
}

.rr-no-vsl-inner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 760px;
  align-items: center;
  padding-top: 74px;
  padding-bottom: 74px;
}

.rr-no-vsl-copy { width: min(690px, 58%); }
.rr-no-vsl-eyebrow {
  margin: 0 0 19px;
  color: #f3bd3d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
}
.rr-no-vsl-copy h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(44px, 4.6vw, 72px);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: .96;
  text-transform: uppercase;
}
.rr-no-vsl-copy h1 em { display: block; margin-top: 12px; color: #f3bd3d; font-style: normal; }
.rr-no-vsl-lead {
  max-width: 630px;
  margin: 28px 0 30px;
  color: rgba(255,255,255,.82);
  font-size: 17px;
  line-height: 1.65;
}
.rr-no-vsl-cta {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 0 28px;
  border-radius: 8px;
  color: #061522;
  background: linear-gradient(135deg, #ffd259, #e4a713);
  box-shadow: 0 16px 35px rgba(227,167,28,.24);
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
}
.rr-no-vsl-trust {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 23px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  font-weight: 750;
}
.rr-no-vsl-trust i { width: 4px; height: 4px; border-radius: 50%; background: #e3a71c; }

@media (max-width: 760px) {
  .rr-no-vsl-hero {
    min-height: 720px;
    background-position: 63% top;
  }
  .rr-no-vsl-overlay {
    background:
      linear-gradient(180deg, rgba(4,16,27,.8) 0%, rgba(4,16,27,.3) 35%, rgba(4,16,27,.78) 61%, #061522 91%),
      linear-gradient(90deg, rgba(4,16,27,.72), rgba(4,16,27,.08));
  }
  .rr-no-vsl-inner {
    min-height: 720px;
    align-items: flex-end;
    padding: 32px 17px 36px;
  }
  .rr-no-vsl-copy { width: 100%; }
  .rr-no-vsl-eyebrow { margin-bottom: 12px; font-size: 9px; }
  .rr-no-vsl-copy h1 {
    max-width: 365px;
    font-size: clamp(35px, 10.4vw, 46px);
    line-height: .93;
  }
  .rr-no-vsl-copy h1 em { margin-top: 9px; }
  .rr-no-vsl-lead { margin: 18px 0 20px; font-size: 14px; line-height: 1.5; }
  .rr-no-vsl-cta { width: 100%; min-height: 56px; gap: 18px; padding: 0 14px; font-size: 11px; }
  .rr-no-vsl-trust { gap: 7px; margin-top: 17px; font-size: 8.5px; }
}

.offer-card {
  position: relative;
  margin-bottom: 44px;
}

.offer-card > small::after {
  content: "O valor será aumentado após esta semana.";
  display: block;
  margin-top: 4px;
  color: #9b7113;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

.offer-card::after {
  content: "Quanto mais adias aprender o processo, mais oportunidades passam — e continuas exatamente no mesmo lugar.";
  position: absolute;
  right: 0;
  bottom: -38px;
  left: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
  text-align: center;
}

@media (max-width: 760px) {
  .offer-card {
    margin-bottom: 52px;
  }

  .offer-card::after {
    bottom: -46px;
    font-size: 11px;
  }
}

/* Formas de começar: versão compacta sem imagens */
.paths-section .path-stories {
  align-items: stretch;
}

.paths-section .path-stories article {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  border: 1px solid rgba(7, 19, 31, .1);
  border-top: 4px solid #d9a21b;
  background:
    radial-gradient(circle at 100% 0%, rgba(217, 162, 27, .1), transparent 35%),
    #fff;
}

.paths-section .path-stories article > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
}

.paths-section .path-stories h3 {
  margin-bottom: 14px;
  font-size: 22px;
}

.paths-section .path-stories p {
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 1.65;
}

.path-earning {
  display: block;
  margin-top: auto;
  padding-top: 19px;
  border-top: 1px solid rgba(7, 19, 31, .12);
  color: #07131f;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
}

.path-disclaimer {
  display: block;
  max-width: 760px;
  margin: 18px auto 0;
  color: rgba(7, 19, 31, .54);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 760px) {
  .paths-section .path-stories article {
    min-height: 0;
  }

  .paths-section .path-stories article > div {
    padding: 24px 22px;
  }

  .paths-section .path-stories h3 {
    font-size: 20px;
  }

  .paths-section .path-stories p {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .path-earning {
    padding-top: 17px;
    font-size: 17px;
  }

  .path-disclaimer {
    margin-top: 15px;
    font-size: 10px;
  }

  /* Autoridade: Miguel integrado ao fundo no mobile */
  .authority-section {
    min-height: 800px;
    padding: 0;
    background:
      linear-gradient(
        180deg,
        rgba(7, 19, 31, 0.04) 0%,
        rgba(7, 19, 31, 0.12) 38%,
        rgba(7, 19, 31, 0.78) 64%,
        #07131f 92%
      ),
      url("/images/miguel-hero-rota-revenda.webp") 55% top / cover no-repeat;
  }

  .authority-section .authority-layout {
    display: flex;
    min-height: 800px;
    align-items: flex-end;
    padding-top: 390px;
    padding-bottom: 54px;
  }

  .authority-section .authority-layout figure {
    display: none;
  }

  .authority-section .authority-copy {
    position: relative;
    z-index: 1;
    width: 100%;
    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.52);
  }

  .authority-section .authority-copy h2 {
    max-width: 560px;
    margin-bottom: 18px;
  }

  .authority-section .authority-copy > p {
    max-width: 610px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.84);
  }
}

@media (max-width: 430px) {
  .authority-section,
  .authority-section .authority-layout {
    min-height: 820px;
  }

  .authority-section .authority-layout {
    padding-top: 410px;
    padding-bottom: 46px;
  }

  .authority-section .authority-copy h2 {
    font-size: 29px;
    line-height: 1.02;
  }
}
