/* ===========================================================
   Modernização visual — casa com a paleta/design system da LP
   (roxo #170b33/#1e0e42, verde #3ae4a3, dourado #f19f39, lavanda #a290cc)
   NÃO altera copy. Só melhora legibilidade e dá um ar mais shadcn.
   =========================================================== */

:root {
  --g-purple: #170b33;
  --g-purple-2: #1e0e42;
  --g-green: #3ae4a3;
  --g-gold: #f19f39;
  --g-lav: #a290cc;
}

/* ---- Tipografia: textos mais legíveis e agradáveis ---- */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
  line-height: 1.75 !important;
  letter-spacing: 0.003em;
}
.elementor-widget-text-editor p {
  margin-bottom: 0.9em;
}

/* ---- FAQ / acordeões: cards modernos (shadcn-like) ---- */
.e-n-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.e-n-accordion > .e-n-accordion-item {
  border: 1px solid rgba(162, 144, 204, 0.22) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 18px !important;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.e-n-accordion > .e-n-accordion-item:hover {
  border-color: rgba(58, 228, 163, 0.45) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}
.e-n-accordion > .e-n-accordion-item:has(> .e-n-accordion-item-title[aria-expanded="true"]) {
  border-color: rgba(58, 228, 163, 0.6) !important;
  background: rgba(58, 228, 163, 0.05) !important;
  box-shadow: 0 8px 30px -12px rgba(58, 228, 163, 0.25);
}
.e-n-accordion .e-n-accordion-item-title {
  padding: 18px 22px !important;
  border-radius: 18px !important;
  transition: color 0.2s ease;
}
.e-n-accordion .e-n-accordion-item-title:hover {
  color: var(--g-green) !important;
}
.e-n-accordion .e-n-accordion-item-title-text {
  font-weight: 600 !important;
  letter-spacing: 0.002em;
}
.e-n-accordion .e-n-accordion-item-title-icon,
.e-n-accordion .e-n-accordion-item-title-icon * {
  color: var(--g-green) !important;
  fill: var(--g-green) !important;
}
.e-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {
  color: var(--g-green) !important;
}

/* ===========================================================
   Lote de ajustes (jun/2026): plano clicável, timeline, hero
   =========================================================== */

/* ---- Rive "Escolha seu plano": o widget tinha margin -150px que
        puxava as abas PRA BAIXO do iframe e bloqueava o clique.
        Neutraliza a margem + garante as abas acima do iframe. ---- */
.elementor-element-1ff6144 > .elementor-widget-container {
  margin: 0 auto 10px auto !important;
}
.elementor-element-1ff6144 iframe {
  pointer-events: none !important; /* nunca intercepta cliques das abas */
}
.gp-plans {
  position: relative;
  z-index: 5;
}
.gp-plans .gp-tabs {
  position: relative;
  z-index: 6;
}

/* ---- Selos (história 2017-2019 / 2020 / 2020-2022 + cronograma) ----
   O <p> dentro do selo tinha margin-bottom (~21px) que empurrava a data
   pra cima, colando no topo do círculo. Centraliza o texto DENTRO do selo
   (vertical + horizontal). NÃO move o selo em relação à imagem. */
.elementor-element-75636b4 > .elementor-widget-container,
.elementor-element-d33407d > .elementor-widget-container,
.elementor-element-71883a4 > .elementor-widget-container,
.elementor-element-4c0df70 > .elementor-widget-container,
.elementor-element-4c19dec > .elementor-widget-container,
.elementor-element-870848d > .elementor-widget-container,
.elementor-element-bd84b32 > .elementor-widget-container,
.elementor-element-ff61205 > .elementor-widget-container {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.elementor-element-75636b4 > .elementor-widget-container > p,
.elementor-element-d33407d > .elementor-widget-container > p,
.elementor-element-71883a4 > .elementor-widget-container > p,
.elementor-element-4c0df70 > .elementor-widget-container > p,
.elementor-element-4c19dec > .elementor-widget-container > p,
.elementor-element-870848d > .elementor-widget-container > p,
.elementor-element-bd84b32 > .elementor-widget-container > p,
.elementor-element-ff61205 > .elementor-widget-container > p {
  margin: 0 !important;
  line-height: 1.15 !important;
}

/* ---- Hero: legibilidade do texto sobre o novo fundo (patos + livros) ---- */
.elementor-element-9ddce31 {
  position: relative;
}
.elementor-element-9ddce31 > .e-con-inner {
  position: relative;
  z-index: 2;
}
.elementor-element-9ddce31::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(12, 6, 28, 0.55) 0%,
    rgba(12, 6, 28, 0.32) 34%,
    rgba(12, 6, 28, 0) 60%
  );
}
@media (max-width: 767px) {
  .elementor-element-9ddce31::before {
    background: linear-gradient(
      180deg,
      rgba(12, 6, 28, 0.62) 0%,
      rgba(12, 6, 28, 0.32) 32%,
      rgba(12, 6, 28, 0) 62%
    );
  }
}

/* ===========================================================
   Hero mobile: patos pequenos como FOREGROUND no topo (antes do
   texto, não no fundo) + botão (CTA) centralizado.
   No desktop os patos seguem no fundo (bg-top.webp), então o
   elemento de foreground fica escondido.
   =========================================================== */
.gp-hero-patos { display: none; }

@media (max-width: 767px) {
  .gp-hero-patos {
    display: block;
    width: 100%;
    text-align: center;
    margin: 2px auto 12px;
  }
  .gp-hero-patos img {
    display: block;
    width: 180px;
    max-width: 50vw;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.38));
  }
  /* CTA "Estudar com o Guia Semestral" centralizado no mobile */
  .elementor-element-b7d5f95,
  .elementor-element-b7d5f95 > .elementor-widget-container,
  .elementor-element-b7d5f95 .elementor-button-wrapper {
    text-align: center !important;
  }
  .elementor-element-b7d5f95 .elementor-button-wrapper {
    display: flex !important;
    justify-content: center !important;
  }
}

/* ===========================================================
   Seção "Entenda o Guia Semestral 2026" (heading + vídeo "LANDING
   2026" Vimeo 1144747575 + botão) OCULTADA temporariamente — o vídeo
   é o do ANUAL. Reexibir/trocar quando houver o vídeo do SEMESTRAL:
   basta remover esta regra. Seção inteira = container 5709222.
   =========================================================== */
.elementor-element-5709222 {
  display: none !important;
}

/* ===========================================================
   CACHE-BUST do fundo do hero.
   Quem visitou a versão antiga (WordPress no DigitalOcean) tem o
   bg-top.webp antigo preso no cache do navegador (LiteSpeed servia
   com cache de ~1 ano). Não dá pra limpar o cache dos outros, então
   forçamos uma URL NOVA (?v=2): o navegador trata como arquivo novo
   e baixa o atual do Vercel. modern.css é revalidado sempre, então
   esta regra chega a todo mundo no próximo acesso.
   Subir o número (?v=3, ?v=4...) sempre que trocar o fundo de novo.
   =========================================================== */
.elementor-element-9ddce31:not(.elementor-motion-effects-element-type-background) {
  background-image: url("/wp-content/uploads/2025/12/bg-top.webp?v=2") !important;
}
@media (max-width: 767px) {
  .elementor-element-9ddce31:not(.elementor-motion-effects-element-type-background) {
    background-image: url("/wp-content/uploads/2025/12/bg-top-pato.webp?v=2") !important;
  }
}