/* ============================================================
   ECO EXPO — Ajustes de legibilidade
   Carregado por último (ver functions.php), então sobrescreve
   os CSS de página sem precisar de !important na maioria dos casos.

   Objetivos (pedido do cliente):
   1. "Entrada gratuita" nas hero sections: caixa alta, dentro de um box.
   2. Mais espaço entre linhas nas hero sections.
   3. Fonte um pouco maior nos blocos de texto/informação — com
      reforço no mobile, onde estava pequeno demais.
   ============================================================ */

/* ---------- 1. "ENTRADA GRATUITA" EM DESTAQUE ---------- */

/* Home (front-page): era uma linha cinza discreta abaixo dos botões. */
.hero-free-note {
  font-family: var(--font-display);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #eafff4;
  background: rgba(0, 162, 85, 0.30);
  border: 1px solid rgba(0, 201, 106, 0.6);
  padding: 9px 18px;
  border-radius: 4px;
  gap: 9px;
  margin-left: 0;
  margin-top: 6px;
}
.hero-free-note svg { width: 17px; height: 17px; color: var(--green-light); }

/* Visitantes: já era um badge em box — só aumenta. */
.free-badge { font-size: 13.5px; padding: 8px 18px; letter-spacing: 1.6px; }
.free-badge svg { width: 16px; height: 16px; }

/* ---------- 2. HERO — RESPIRO NO SUBTEXTO CINZA ----------
   O conteúdo da hero é ancorado no rodapé de um bloco de altura fixa
   (.hero). Não dá pra crescer a hero (empurra a contagem regressiva
   pra baixo da dobra) nem deixar o conteúdo maior (clipa o título sob
   a navbar). Solução: dar entrelinha ao subtexto cinza (.t3) e
   recuperar a mesma altura reduzindo as margens generosas em volta —
   altura total da hero praticamente igual à original. */

/* Rede de segurança: o conteúdo é ancorado no rodapé (margin-top:auto).
   Quando ele passa a caber por pouco, a margem automática vira 0 e o
   padding-top garante que o título ainda comece abaixo da navbar fixa.
   Em telas altas o padding é absorvido pela margem — não muda nada. */
.hero-content { padding-top: 84px; }

.hero-title { margin-bottom: 14px; }          /* era 36px */
.hero-title .t3 { line-height: 1.32; margin-top: 10px; }
.hero-info-inline { margin-bottom: 14px; gap: 14px 20px; }  /* mb era 24px */
.hero-info-text { font-size: 13.5px; line-height: 1.65; }

.page-subtitle { font-size: 15.5px; line-height: 1.85; }
.hero-simple-sub { font-size: 14.5px; line-height: 1.8; }

/* ---------- 3. BLOCOS DE TEXTO — FONTE UM POUCO MAIOR ---------- */

/* Descrições / parágrafos que estavam em 12–13,5px → 14px */
.beneficio-desc,
.beneficio-pat-desc,
.circuito-preview-desc,
.contato-info-desc,
.contato-info-extra-item,
.cota-custom-desc,
.cta-final-sub,
.desconto-texto,
.edicao-hl-text,
.enc-desc,
.exp-planta-desc,
.faq-answer,
.faq-contato-desc,
.form-card-sub,
.form-destaque-text,
.forum-dia-desc,
.forum-vis-desc,
.jornada-desc,
.log-desc,
.material-desc,
.motivo-desc,
.noticia-resumo,
.perfil-stand-desc,
.portal-highlight-desc,
.priv-contato-item,
.priv-lista-item,
.produto-desconto-texto,
.resultado-desc,
.setor-card-desc,
.vis-desc {
  font-size: 14px;
  line-height: 1.65;
}

/* Textos que já estavam em 14px → 15px */
.bv-texto,
.edicao-desc,
.form-left-intro,
.forum-desc,
.gratuidade-text,
.priv-intro,
.priv-texto,
.produto-desc,
.sobre-evento-desc {
  font-size: 15px;
  line-height: 1.8;
}

/* Parágrafos "soltos" dentro de conteúdo rico */
.contexto p,
.priv-conteudo p,
.faq-resposta p { font-size: 15px; line-height: 1.8; }

/* ---------- 4. NAVEGAÇÃO E AVISOS — LETRA MAIOR ----------
   Breadcrumbs, notas de rodapé de formulário, observações e legendas
   de palestrante/depoimento estavam em 9–11px — informação real que
   as pessoas precisam ler, não só rótulo decorativo. */
.breadcrumb { font-size: 12.5px; }

.form-note,
.produto-nota,
.obs-box,
.produto-aviso-vagas,
.produto-variantes,
.palestrante-cargo,
.depoimento-cargo,
.priv-atualizacao {
  font-size: 12.5px;
}

.priv-tabela th { font-size: 11px; }

/* ---------- 5. LISTAS E LEGENDAS EM 12px — LETRA MAIOR ---------- */
.forum-tema,
.cota-beneficio,
.dia-data,
.expo-date-place,
.forum-data-place,
.num-label,
.numero-label {
  font-size: 13.5px;
}

/* ---------- MOBILE (≤768px) — reforço ----------
   responsive.css é "desktop-first" e usa !important nos ajustes de
   breakpoint, então aqui também precisamos de !important para vencer. */
@media (max-width: 768px) {

  .hero-title .t3 { font-size: 0.4em; line-height: 1.35; margin-top: 10px; }
  .hero-info-pill span { font-size: 15px !important; }

  .page-subtitle { font-size: 15px !important; line-height: 1.8; }
  .hero-simple-sub { font-size: 14.5px; }

  .beneficio-desc,
  .beneficio-pat-desc,
  .circuito-preview-desc,
  .contato-info-desc,
  .contato-info-extra-item,
  .cota-custom-desc,
  .cta-final-sub,
  .desconto-texto,
  .edicao-hl-text,
  .enc-desc,
  .exp-planta-desc,
  .faq-answer,
  .faq-contato-desc,
  .form-card-sub,
  .form-destaque-text,
  .forum-vis-desc,
  .jornada-desc,
  .log-desc,
  .material-desc,
  .motivo-desc,
  .noticia-resumo,
  .perfil-stand-desc,
  .portal-highlight-desc,
  .priv-contato-item,
  .priv-lista-item,
  .produto-desconto-texto,
  .resultado-desc,
  .setor-card-desc,
  .vis-desc {
    font-size: 14.5px;
    line-height: 1.7;
  }

  .bv-texto,
  .edicao-desc,
  .form-left-intro,
  .forum-desc,
  .gratuidade-text,
  .priv-intro,
  .priv-texto,
  .produto-desc,
  .sobre-evento-desc,
  .contexto p,
  .priv-conteudo p,
  .faq-resposta p {
    font-size: 15.5px;
    line-height: 1.8;
  }

  .breadcrumb { font-size: 12px !important; }

  .form-note,
  .produto-nota,
  .obs-box,
  .produto-aviso-vagas,
  .produto-variantes,
  .palestrante-cargo,
  .depoimento-cargo,
  .priv-atualizacao {
    font-size: 13px !important;
  }

  .priv-tabela th { font-size: 11px !important; }

  .forum-tema,
  .cota-beneficio,
  .dia-data,
  .expo-date-place,
  .forum-data-place,
  .num-label,
  .numero-label {
    font-size: 14px !important;
  }
}