/* GCFC V28 — correções exclusivas para mobile. Desktop permanece inalterado. */
@media (max-width: 760px) {
  /* 01 — HOME: card 03 da jornada de confiança */
  .trust-journey-track { grid-template-columns: 1fr !important; gap: 18px !important; }
  .trust-journey-step { min-width: 0 !important; transform: none !important; }
  .trust-journey-video-card { min-height: 520px !important; height: auto !important; }
  .trust-journey-video-card video,
  .trust-journey-poster { object-fit: contain !important; object-position: center !important; }
  .trust-journey-video-copy {
    position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    z-index: 3 !important; width: 100% !important; min-height: 0 !important;
    padding: 82px 22px 24px !important; justify-content: flex-end !important;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.94) 58%) !important;
  }
  .trust-journey-video-copy .trust-journey-number { margin-bottom: 10px !important; }
  .trust-journey-play { top: 42% !important; right: 50% !important; transform: translate(50%,-50%) !important; }
  .trust-journey-video-card.is-playing .trust-journey-video-copy,
  .trust-journey-video-card.is-playing .trust-journey-video-overlay,
  .trust-journey-video-card.is-playing .trust-journey-play { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

  /* 02 — COMO OBTER: respiro da hero e cartões sem sobreposição */
  .method-hero { padding-top: 138px !important; }
  .method-hero .hero-grid { gap: 34px !important; }
  #jornada .journey-track { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; }
  #jornada .journey-step {
    position: relative !important; inset: auto !important; width: 100% !important; min-height: 0 !important;
    margin: 0 !important; padding: 54px 24px 42px !important; transform: none !important;
  }

  /* FAQ em Critérios, Investimento, Consumidor e Sobre nós */
  body main #faq .faq-item,
  body main .faq-section .faq-item,
  body main .questions-section .faq-item { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; }
  body main #faq .faq-answer,
  body main .faq-section .faq-answer,
  body main .questions-section .faq-answer {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    padding: 0 !important; margin: 0 !important; overflow: hidden !important; box-sizing: border-box !important;
  }
  body main #faq .faq-answer > div,
  body main .faq-section .faq-answer > div,
  body main .questions-section .faq-answer > div { width: 100% !important; max-width: 100% !important; padding: 0 !important; box-sizing: border-box !important; }
  body main #faq .faq-answer p,
  body main .faq-section .faq-answer p,
  body main .questions-section .faq-answer p {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 18px 22px !important; box-sizing: border-box !important;
    text-align: left !important; text-align-last: auto !important; white-space: normal !important;
    overflow-wrap: anywhere !important; word-break: normal !important;
  }
  body main #faq .faq-item.open .faq-answer,
  body main .faq-section .faq-item.open .faq-answer,
  body main .questions-section .faq-item.open .faq-answer { max-height: 1000px !important; }

  /* 04 — INVESTIMENTO */
  .investment-hero, .pricing-hero, body:has(.investment-section) .hero { padding-top: 138px !important; }

  /* 06 — SOBRE NÓS: painel completo em Nossa razão de existir */
  .story-grid { grid-template-columns: 1fr !important; gap: 34px !important; }
  .story-visual { min-height: 650px !important; height: auto !important; overflow: visible !important; }
  .story-dashboard { position: relative !important; inset: auto !important; width: 100% !important; padding: 22px 18px !important; }
  .dash-row { grid-template-columns: 88px minmax(0,1fr) 32px !important; gap: 9px !important; }
  .dash-footer { grid-template-columns: 1fr !important; }

  /* 07 — FAQ geral: respiro editorial */
  body.faq-clean-page .faq-answer { padding: 0 18px 22px !important; }
  body.faq-clean-page .faq-answer-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
  body.faq-clean-page .faq-answer p { line-height: 1.78 !important; }

  /* 08 — BLOG: alinhamento e CTAs consistentes */
  .blog-hero { padding-top: 132px !important; }
  .blog-hero-inner { grid-template-columns: 1fr !important; text-align: center !important; }
  .blog-hero .hero-copy-block { text-align: center !important; }
  .blog-hero .hero-copy,
  .blog-hero .gcfc-hero-subtitle { margin-left: auto !important; margin-right: auto !important; text-align: center !important; text-align-last: center !important; }
  .blog-hero .hero-actions { justify-content: center !important; gap: 12px !important; }
  .blog-hero .button-primary, .blog-hero .button-secondary {
    min-height: 48px !important; min-width: 190px !important; padding: 0 20px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  .featured-main video, .featured-side-card video { position: relative; z-index: 2; }

  /* 09 — CONTATO: alinhamento coerente */
  .contact-hero { padding-top: 132px !important; }
  .contact-hero .hero-content { text-align: center !important; }
  .contact-hero .gcfc-hero-subtitle { margin-left: auto !important; margin-right: auto !important; text-align: center !important; text-align-last: center !important; }
}

/* GCFC V29 — últimos refinamentos mobile; desktop inalterado. */
@media (max-width: 760px) {
  /* Home: título em exatamente três linhas. */
  .hero-title-desktop { display: none !important; }
  .hero-title-mobile {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  .hero-title-mobile > span {
    display: block !important;
    white-space: nowrap !important;
  }
  .hero-title-mobile {
    line-height: .96 !important;
  }

  /* Como funciona e Investimento: respiro seguro abaixo da header fixa. */
  body.page-como-funciona .method-hero {
    padding-top: 172px !important;
  }
  body.page-investimento main > .hero {
    padding-top: 172px !important;
  }
}

@media (min-width: 761px) {
  .hero-title-mobile { display: none !important; }
}