.elementor-9880 .elementor-element.elementor-element-30a3b05{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9880 .elementor-element.elementor-element-30a3b05.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-9880 .elementor-element.elementor-element-30a3b05{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-ca0ae7b *//* Reset de links dentro da landing */
.hero a,
.problem a,
.lesson-section a,
.thanks a,
.modal a {
  text-decoration: none;
}

.hero a:not(.btn),
.problem a:not(.btn),
.lesson-section a:not(.btn) {
  color: inherit;
}
/* =========================================================
   AULÃO SUPERANDO CRISE E BIRRA — Página de Captura v3
   3 dobras: hero (identificação) → emocional → aula + CTA
   Paleta: azul-profundo + verde-oliva
   Tipografia: DM Sans em todos os títulos
   ========================================================= */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --azul-profundo: #2F4A5A;
  --azul-profundo-light: #3D5C6E;
  --azul-profundo-dark: #1F3340;
  --azul-deep: #14242F;

  --verde-oliva: #7A8F7B;
  --verde-oliva-light: #94A695;
  --verde-oliva-dark: #5C6F5D;
  --verde-claro: #A8B8A9;

  --terracota: #B26A4F;
  --terracota-hover: #9A5944;

  --neutra-clara: #F5F3EF;
  --branco-puro: #FFFFFF;
  --neutra-escura: #2A2A2A;
  --neutra-cinza: #6B6B6B;

  --font-display: 'DM Sans', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --section-pad: clamp(3rem, 8vw, 6rem);
  --container-max: 1180px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-soft: 0 2px 12px rgba(47, 74, 90, 0.08);
  --shadow-card: 0 4px 24px rgba(47, 74, 90, 0.15);
  --shadow-modal: 0 20px 60px rgba(20, 36, 47, 0.4);
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--neutra-escura);
  background: var(--neutra-clara);
  overflow-x: hidden;
}

img { max-width: 100%; display: block; height: auto; }

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: inherit;
}

h1 { font-size: clamp(2.5rem, 6.5vw, 4.5rem); }
h2 { font-size: clamp(1.875rem, 4vw, 2.75rem); }
h3 { font-size: clamp(1.25rem, 2.5vw, 1.625rem); font-weight: 600; }

.container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.scan-line {
  display: block;
  width: 80px;
  height: 2px;
  background: var(--verde-oliva);
  margin: 1.5rem 0;
  border: none;
}

.scan-line.center { margin-left: auto; margin-right: auto; }

/* =========================================================
   DOBRA 1 — HERO
   ========================================================= */
.hero {
  position: relative;
  min-height: 100vh;
  background: var(--azul-profundo);
  background-image:
    radial-gradient(ellipse at top right, rgba(122, 143, 123, 0.18), transparent 60%),
    radial-gradient(ellipse at bottom left, rgba(148, 166, 149, 0.12), transparent 50%),
    linear-gradient(180deg, var(--azul-profundo-dark) 0%, var(--azul-profundo) 100%);
  color: var(--neutra-clara);
  display: flex;
  align-items: center;
  padding: var(--section-pad) 0 4rem;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 80px,
      rgba(245, 243, 239, 0.025) 80px,
      rgba(245, 243, 239, 0.025) 81px
    );
  pointer-events: none;
}

.hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}

@media (min-width: 1024px) {
  .hero__inner {
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
  }
}

.hero__content { max-width: 640px; }

/* Logo no topo do hero */
.hero__logo {
  display: block;
  width: clamp(140px, 18vw, 200px);
  height: auto;
  margin-bottom: 2rem;
  opacity: 0.95;
}

.hero__tag {
  display: inline-block;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.8125rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--verde-claro);
  margin-bottom: 1.5rem;
}

.hero__title {
  color: var(--neutra-clara);
  margin-bottom: 1.25rem;
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.05;
}

.hero__subtitle {
  color: var(--verde-claro);
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.125rem, 2vw, 1.4375rem);
  line-height: 1.4;
  margin-bottom: 1.5rem;
  max-width: 580px;
}

.hero__text {
  color: rgba(245, 243, 239, 0.88);
  font-size: 1.0625rem;
  line-height: 1.7;
  margin-bottom: 1rem;
  max-width: 560px;
}

.hero__text + .hero__text { margin-bottom: 2rem; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.0625rem;
  letter-spacing: 0.01em;
  padding: 1.05rem 2rem;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  text-align: center;
  line-height: 1.2;
}

.btn--primary {
  background: var(--terracota);
  color: var(--neutra-clara);
  box-shadow: 0 6px 18px rgba(178, 106, 79, 0.4);
}

.btn--primary:hover {
  background: var(--terracota-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(178, 106, 79, 0.55);
}

.btn--primary:active { transform: translateY(0); }

.btn--whatsapp {
  background: #25D366;
  color: #fff;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);
}

.btn--whatsapp:hover {
  background: #1EB955;
  transform: translateY(-2px);
}

.btn--lg {
  font-size: 1.125rem;
  padding: 1.25rem 2.5rem;
}

.btn__arrow { transition: transform 0.2s ease; }
.btn:hover .btn__arrow { transform: translateX(4px); }

.cta-meta {
  display: block;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  color: var(--verde-claro);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 500;
}

/* Imagem hero (placeholder) */
.hero__image {
  position: relative;
  width: 100%;
  aspect-ratio: 4/5;
  max-width: 480px;
  margin-left: auto;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--azul-profundo-light), var(--verde-oliva-dark));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--verde-claro);
  font-family: var(--font-body);
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  overflow: hidden;
  box-shadow: var(--shadow-card);
}

.hero__image::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 20%, rgba(168, 184, 169, 0.15), transparent 50%),
    repeating-linear-gradient(45deg, transparent, transparent 12px, rgba(245, 243, 239, 0.04) 12px, rgba(245, 243, 239, 0.04) 13px);
}

.placeholder-text {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 1rem;
}

.placeholder-text strong {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: var(--neutra-clara);
}

@media (max-width: 1023px) {
  .hero__image { display: none; }
}

/* =========================================================
   DOBRA 2 — EMOCIONAL
   ========================================================= */
.problem {
  background: var(--neutra-clara);
  padding: var(--section-pad) 0;
}

.section-tag {
  display: inline-block;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.8125rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--verde-oliva-dark);
  margin-bottom: 1rem;
}

.problem__inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.problem__title {
  color: var(--azul-profundo);
  margin-bottom: 1.5rem;
  font-family: var(--font-display);
  font-weight: 700;
}

.problem__text {
  text-align: left;
  max-width: 640px;
  margin: 2rem auto 0;
}

.problem__text p {
  margin-bottom: 1.125rem;
  color: var(--neutra-escura);
  font-size: 1.0625rem;
  line-height: 1.7;
}

/* Frase de virada com peso visual maior */
.problem__pivot {
  margin-top: 2.5rem !important;
  padding: 1.75rem 1.5rem;
  background: rgba(122, 143, 123, 0.1);
  border-left: 3px solid var(--verde-oliva);
  border-radius: var(--radius-sm);
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  color: var(--azul-profundo) !important;
  font-size: 1.25rem !important;
  line-height: 1.45 !important;
}

/* Cenas em cards */
.scenes {
  margin-top: 3.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 700px) {
  .scenes { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
}

.scene-card {
  background: var(--branco-puro);
  border: 1px solid rgba(122, 143, 123, 0.3);
  border-radius: var(--radius-md);
  padding: 1.75rem 1.5rem;
  position: relative;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.45;
  color: var(--azul-profundo);
  text-align: left;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.scene-card::before {
  content: '"';
  position: absolute;
  top: -8px;
  left: 16px;
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 700;
  color: var(--verde-oliva);
  line-height: 1;
}

.scene-card:hover {
  border-color: var(--verde-oliva);
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
}

.problem__cta {
  margin-top: 3rem;
  text-align: center;
}

/* =========================================================
   DOBRA 3 — A AULA + CTA FINAL
   ========================================================= */
.lesson-section {
  background: var(--azul-profundo);
  background-image:
    radial-gradient(ellipse at bottom right, rgba(122, 143, 123, 0.15), transparent 55%),
    radial-gradient(ellipse at top left, rgba(148, 166, 149, 0.1), transparent 60%),
    linear-gradient(180deg, var(--azul-profundo) 0%, var(--azul-profundo-dark) 100%);
  color: var(--neutra-clara);
  padding: var(--section-pad) 0;
  position: relative;
  overflow: hidden;
}

.lesson-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 80px,
      rgba(245, 243, 239, 0.02) 80px,
      rgba(245, 243, 239, 0.02) 81px
    );
  pointer-events: none;
}

.lesson {
  position: relative;
  z-index: 2;
  text-align: center;
}

.lesson__tag {
  color: var(--verde-claro);
  margin-bottom: 1rem;
}

.lesson__title {
  color: var(--neutra-clara);
  margin-bottom: 1rem;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--font-display);
  font-weight: 700;
}

.lesson__subtitle {
  color: var(--verde-claro);
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 3rem;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.outcomes-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  max-width: 1000px;
  margin: 0 auto 3.5rem;
  text-align: left;
}

@media (min-width: 700px) {
  .outcomes-grid { grid-template-columns: repeat(3, 1fr); }
}

.outcome-card {
  background: rgba(245, 243, 239, 0.05);
  border: 1px solid rgba(168, 184, 169, 0.2);
  border-radius: var(--radius-md);
  padding: 1.75rem 1.5rem;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.outcome-card:hover {
  border-color: var(--verde-oliva);
  background: rgba(122, 143, 123, 0.08);
  transform: translateY(-2px);
}

.outcome-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--verde-oliva);
  border-radius: var(--radius-sm);
  margin-bottom: 1rem;
}

.outcome-card__icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--neutra-clara);
  stroke-width: 2;
  fill: none;
}

.outcome-card__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.1875rem;
  line-height: 1.3;
  color: var(--neutra-clara);
  margin-bottom: 0.5rem;
}

.outcome-card__text {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: rgba(245, 243, 239, 0.8);
}

.final__cta { text-align: center; }

.gratuita-ribbon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(122, 143, 123, 0.18);
  border: 1px solid var(--verde-oliva);
  color: var(--verde-claro);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  margin-bottom: 1.5rem;
}

/* =========================================================
   POPUP / MODAL DO FORMULÁRIO
   ========================================================= */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(20, 36, 47, 0.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.modal-overlay.is-open {
  display: flex;
  opacity: 1;
}

.modal {
  background: var(--neutra-clara);
  border-radius: var(--radius-lg);
  width: 100%;
  max-width: 460px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2.5rem 2rem 2rem;
  position: relative;
  box-shadow: var(--shadow-modal);
  transform: translateY(20px);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.modal-overlay.is-open .modal { transform: translateY(0); }

/* Logo dentro do modal */
.modal__logo {
  display: block;
  width: 130px;
  height: auto;
  margin: 0 auto 1.25rem;
}

.modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--neutra-cinza);
  transition: background 0.2s ease, color 0.2s ease;
}

.modal__close:hover {
  background: rgba(47, 74, 90, 0.08);
  color: var(--azul-profundo);
}

.modal__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--azul-profundo);
  margin-bottom: 0.5rem;
  text-align: center;
  line-height: 1.2;
}

.modal__subtitle {
  font-size: 0.9375rem;
  color: var(--neutra-cinza);
  text-align: center;
  margin-bottom: 1.75rem;
}

.form-field {
  margin-bottom: 1.125rem;
}

.form-field label {
  display: block;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--azul-profundo);
  margin-bottom: 0.4rem;
  letter-spacing: 0.01em;
}

.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"] {
  width: 100%;
  font-family: var(--font-body);
  font-size: 1rem;
  padding: 0.85rem 1rem;
  border: 1.5px solid rgba(122, 143, 123, 0.35);
  border-radius: var(--radius-sm);
  background: var(--branco-puro);
  color: var(--neutra-escura);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field input:focus {
  outline: none;
  border-color: var(--verde-oliva);
  box-shadow: 0 0 0 3px rgba(122, 143, 123, 0.2);
}

.form-field input.invalid {
  border-color: #C44;
  box-shadow: 0 0 0 3px rgba(196, 68, 68, 0.15);
}

.form-error {
  display: none;
  font-size: 0.8125rem;
  color: #C44;
  margin-top: 0.4rem;
}

.form-error.visible { display: block; }

.form-submit {
  width: 100%;
  background: var(--terracota);
  color: var(--neutra-clara);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.0625rem;
  padding: 1.05rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
  letter-spacing: 0.01em;
  margin-top: 0.5rem;
}

.form-submit:hover {
  background: var(--terracota-hover);
  transform: translateY(-1px);
}

.form-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.form-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 1rem;
  font-size: 0.8125rem;
  color: var(--neutra-cinza);
  text-align: center;
}

.iti { width: 100%; }
.iti__country-list { font-family: var(--font-body); }

.form-submit.loading {
  position: relative;
  color: transparent;
}

.form-submit.loading::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 22px; height: 22px;
  margin: -11px 0 0 -11px;
  border: 2.5px solid rgba(245, 243, 239, 0.4);
  border-top-color: var(--neutra-clara);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

/* =========================================================
   ANIMAÇÕES DE ENTRADA
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
  .hero__content > * {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.7s ease forwards;
  }
  .hero__content > *:nth-child(1) { animation-delay: 0.05s; }
  .hero__content > *:nth-child(2) { animation-delay: 0.15s; }
  .hero__content > *:nth-child(3) { animation-delay: 0.25s; }
  .hero__content > *:nth-child(4) { animation-delay: 0.35s; }
  .hero__content > *:nth-child(5) { animation-delay: 0.45s; }
  .hero__content > *:nth-child(6) { animation-delay: 0.55s; }
  .hero__content > *:nth-child(7) { animation-delay: 0.65s; }
  .hero__content > *:nth-child(8) { animation-delay: 0.75s; }
  .hero__content > *:nth-child(9) { animation-delay: 0.85s; }
}

@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }

.btn:focus-visible,
.form-submit:focus-visible,
.modal__close:focus-visible {
  outline: 3px solid var(--verde-claro);
  outline-offset: 3px;
}

a:focus-visible {
  outline: 2px solid var(--verde-oliva);
  outline-offset: 2px;
  border-radius: 2px;
}

/* =========================================================
   PÁGINA DE OBRIGADO
   ========================================================= */
.thanks {
  min-height: 100vh;
  background: var(--neutra-clara);
  background-image:
    radial-gradient(ellipse at top, rgba(122, 143, 123, 0.12), transparent 60%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--section-pad) 1.5rem;
}

.thanks__content {
  max-width: 580px;
  text-align: center;
}

/* Logo no topo da página de obrigado */
.thanks__logo {
  display: block;
  width: 160px;
  height: auto;
  margin: 0 auto 2rem;
}

.thanks__icon {
  width: 88px;
  height: 88px;
  margin: 0 auto 1.5rem;
  background: var(--verde-oliva);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--neutra-clara);
  animation: bounceIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes bounceIn {
  0% { transform: scale(0.3); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.thanks__icon svg { width: 44px; height: 44px; stroke-width: 3; }

.thanks__title {
  color: var(--azul-profundo);
  margin-bottom: 0.75rem;
  font-family: var(--font-display);
  font-weight: 700;
}

.thanks__subtitle {
  font-size: 1.125rem;
  color: var(--neutra-cinza);
  margin-bottom: 2.5rem;
}

.thanks__card {
  background: var(--azul-profundo);
  color: var(--neutra-clara);
  padding: 2rem 1.75rem;
  border-radius: var(--radius-lg);
  margin-bottom: 2rem;
  text-align: left;
}

.thanks__card h3 {
  color: var(--neutra-clara);
  margin-bottom: 1rem;
  text-align: center;
}

.thanks__card ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.9375rem;
  margin-bottom: 1.5rem;
}

.thanks__card ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  color: rgba(245, 243, 239, 0.9);
}

.thanks__card ul li::before {
  content: '✓';
  color: var(--verde-claro);
  font-weight: 700;
  flex-shrink: 0;
  font-size: 1.125rem;
  line-height: 1.4;
}

.thanks__redirect {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  color: var(--neutra-cinza);
}

.thanks__redirect strong { color: var(--azul-profundo); }

.thanks__sig {
  margin-top: 2.5rem;
  font-family: var(--font-display);
  font-style: italic;
  color: var(--verde-oliva-dark);
  font-size: 0.9375rem;
}
/* Força cor clara nos botões (override do tema/Elementor) */
.btn,
.btn:hover,
.btn:focus,
.btn:visited,
.btn:active,
a.btn,
a.btn:hover,
a.btn:focus,
a.btn:visited,
a.btn:active {
  color: var(--neutra-clara) !important;
  text-decoration: none !important;
}

.btn--primary,
.btn--primary:hover,
.btn--primary:focus,
.btn--primary:visited,
.btn--primary:active,
a.btn--primary,
a.btn--primary:hover,
a.btn--primary:focus,
a.btn--primary:visited,
a.btn--primary:active {
  color: var(--neutra-clara) !important;
}

.btn--whatsapp,
.btn--whatsapp:hover,
.btn--whatsapp:focus,
.btn--whatsapp:visited,
.btn--whatsapp:active,
a.btn--whatsapp,
a.btn--whatsapp:hover,
a.btn--whatsapp:focus,
a.btn--whatsapp:visited,
a.btn--whatsapp:active {
  color: #ffffff !important;
}

/* Garantir que o texto interno e ícones também fiquem claros */
.btn span,
.btn .btn__arrow,
a.btn span,
a.btn .btn__arrow {
  color: inherit !important;
}
.thanks__card ul {
  align-items: center;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.thanks__card ul li {
  text-align: center;
  justify-content: center;
}

/* Imagem do hero — wrapper com overlay de vinheta */
.hero__image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.85) brightness(0.95);
  border-radius: var(--radius-lg);
}

.hero__image::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--radius-lg);
  background: radial-gradient(
    ellipse at center,
    transparent 45%,
    var(--azul-profundo-dark) 100%
  );
  z-index: 2;
}/* End custom CSS */