/* =====================================================================
   V44: Correções de responsividade mobile
   Só afeta telas <= 760px. Desktop 100% intacto.
   ===================================================================== */

@media (max-width: 760px) {

  /* =================================================================
     1. ESPAÇAMENTO DE TEXTO — TODAS AS SEÇÕES
     ================================================================= */

  /* Eyebrows (etiquetas de seção) */
  .eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
  }

  /* Títulos de seção */
  .section-title {
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 1.22;
  }
  .section-title br { display: none; }

  /* Parágrafos gerais */
  .hero-copy > p,
  .about-description,
  .personal-copy,
  .fit-card p,
  .module-answer,
  .accordion .answer p {
    line-height: 1.6;
  }

  /* Espaçamento entre blocos nas seções */
  .journey { padding: 42px 0 58px; }
  .journey .gold-rule { margin: 32px 0 28px; }

  .aurea-intro-cards {
    gap: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 28px !important;
  }
  .aurea-intro-cards article {
    padding: 28px 22px 24px !important;
    min-height: auto !important;
  }
  .aurea-intro-cards h3 {
    font-size: 22px !important;
    margin: 12px 0 10px !important;
  }
  .aurea-intro-cards p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-bottom: 8px;
  }
  .aurea-intro-cards article > a {
    margin-top: 16px !important;
    padding-top: 16px !important;
    font-size: 12px !important;
  }
  .aurea-intro-cards small {
    font-size: 10px !important;
    padding-bottom: 10px !important;
  }

  .cta, .cta.compact {
    width: 100%;
    min-height: 56px;
    font-size: 14px;
  }

  /* Módulos */
  .modules-grid {
    gap: 16px;
    margin-top: 18px;
  }
  .module header {
    min-height: 72px;
    padding: 14px 16px;
  }
  .module header h3 {
    font-size: 19px;
    margin-top: 6px;
  }
  .module button {
    min-height: 54px;
    margin-top: 10px;
    padding: 12px 14px;
    font-size: 14px;
  }
  .module-answer {
    font-size: 14px;
    line-height: 1.55;
  }

  /* Seção Adequação */
  .fit-title {
    font-size: 26px;
    margin-bottom: 22px;
    line-height: 1.15;
  }
  .fit-card {
    padding: 20px 18px;
  }
  .fit-card i {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
  }
  .fit-card p {
    font-size: 15px;
    line-height: 1.55;
  }

  /* Seção Planos */
  .plans-title {
    font-size: 24px !important;
    line-height: 1.22 !important;
    margin-bottom: 28px !important;
  }
  .plans-title br { display: none; }
  .price-plan li {
    font-size: 15px !important;
    line-height: 1.35 !important;
    min-height: 50px !important;
    padding: 10px 4px 10px 42px !important;
  }

  /* Seção Personalizado */
  .personal { padding: 48px 0 38px; }
  .speech {
    height: 68px !important;
    font-size: 18px !important;
    margin-bottom: 22px !important;
  }
  .speech span {
    padding: 0 18px !important;
    font-size: inherit !important;
  }
  .personal-copy {
    font-size: 18px !important;
    line-height: 1.48 !important;
  }
  .personal-copy br { display: none; }

  /* Seção Sucesso */
  .success { padding: 48px 0 54px; }
  .success-title {
    font-size: 24px !important;
    line-height: 1.18 !important;
    margin-bottom: 28px !important;
  }
  .success-title br { display: none; }

  /* Seção FAQ */
  .faq { padding: 48px 0 58px !important; }
  .faq-title {
    font-size: 28px !important;
    line-height: 1.12 !important;
    margin-bottom: 24px !important;
  }
  .accordion {
    gap: 12px;
  }
  .accordion button {
    min-height: 62px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.35;
  }
  .accordion article.open .answer p {
    padding: 16px 18px;
    font-size: 14px;
    line-height: 1.55;
  }

  /* =================================================================
     2. RODAPÉ (FOOTER) — textos e elementos maiores
     ================================================================= */
  .minimal-footer {
    padding: 36px 0 28px !important;
  }
  .minimal-footer > .section-wrap {
    gap: 20px !important;
  }
  .minimal-footer p {
    font-size: 13px !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }
  .minimal-footer nav {
    gap: 18px !important;
  }
  .minimal-footer nav a {
    font-size: 13px !important;
  }
  .footer-social a {
    width: 42px !important;
    height: 42px !important;
  }
  .footer-social svg {
    width: 20px;
    height: 20px;
  }
  .provided-brand-logo--footer {
    height: 54px !important;
    max-width: 200px !important;
  }

  /* =================================================================
     3. PRIMEIRA SEÇÃO (HERO) — layout mobile reorganizado
     ================================================================= */
  body .hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    padding-bottom: 90px !important;
  }

  body .hero-inner {
    display: block !important;
    width: calc(100% - 32px) !important;
    min-height: auto !important;
    padding: 38px 0 24px !important;
    grid-template-columns: 1fr !important;
    order: 1;
  }

  body .hero-copy {
    width: 100% !important;
    max-width: none !important;
  }

  body .hero h1 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    letter-spacing: -1px !important;
    margin-bottom: 18px !important;
  }
  body .hero h1 br { display: none; }

  body .hero-copy > p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
    max-width: none !important;
  }
  body .hero-copy > p br { display: none; }

  .provided-brand-logo {
    height: 80px !important;
    max-width: 280px !important;
    margin-bottom: 22px;
  }

  body .hero .cta {
    width: 100% !important;
    min-height: 54px !important;
  }

  body .hero-media,
  body .hero-media.reference-crop {
    position: relative !important;
    inset: auto !important;
    order: 2 !important;
    width: calc(100% - 32px) !important;
    height: 380px !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body .hero-media .hero-selected-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .hero-media::after {
    display: none !important;
  }

  body .hero-shade {
    display: none !important;
  }

  body .hero-detail-field {
    display: none !important;
  }

  body .hero-down {
    bottom: 18px !important;
    width: 58px !important;
    height: 58px !important;
    border-width: 8px !important;
  }

  body .hero::after {
    bottom: -48px !important;
    height: 80px !important;
  }

  /* =================================================================
     4. SEÇÃO "PILARES DO MÉTODO" — título e cards maiores
     ================================================================= */
  .pillars-stage {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    height: auto !important;
    gap: 20px 12px !important;
    padding: 0 !important;
    margin-top: 22px !important;
  }
  .pillars-shadow { display: none; }
  .pillar-item {
    height: auto !important;
    min-height: 240px;
  }
  .pillar-item img {
    width: 100px !important;
    height: 200px !important;
    margin-top: 0 !important;
  }
  .pillar-label {
    font-size: 15px !important;
    min-height: auto !important;
    padding: 0 4px;
    line-height: 1.2;
  }
  .pillar-label span {
    height: 20px !important;
    margin-top: 8px !important;
  }
  .pillar-lead {
    font-size: 20px !important;
    line-height: 1.38 !important;
    margin: 24px 0 28px !important;
  }
  .pillar-lead br { display: none; }

  .venn-shell {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 24px !important;
  }

  /* =================================================================
     5. SEÇÃO "SOBRE MIM" — imagem corrigida
     ================================================================= */
  body .about {
    min-height: auto !important;
    overflow: hidden;
  }
  body .about::before {
    width: 100% !important;
    height: 40% !important;
    top: auto !important;
    bottom: 0 !important;
  }
  body .about-editorial {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    width: calc(100% - 32px) !important;
    padding-top: 48px !important;
    gap: 24px !important;
  }
  body .about-copy {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  body .about-copy h2 {
    font-size: 32px !important;
    line-height: 1.08 !important;
    margin: 14px 0 18px !important;
  }
  body .about-description {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  body .about-visual-stack {
    width: 100% !important;
    height: 420px !important;
    position: relative !important;
  }
  body .about-ghost {
    display: none !important;
  }
  body .about-portrait {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 380px !important;
    transform: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  body .about-portrait img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 20% !important;
  }
  body .about-seal {
    position: absolute !important;
    top: auto !important;
    bottom: 12px !important;
    right: 12px !important;
    width: 72px !important;
    height: 72px !important;
  }
  body .about-seal .about-seal-icon {
    width: 70% !important;
    height: 70% !important;
  }
  body .about-orbit {
    display: none !important;
  }

  /* =================================================================
     6. FAQ — componente de fundo do contato corrigido
     ================================================================= */
  .faq-ornament {
    display: none !important;
  }
  .contact-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 42px 0 0 !important;
    padding: 24px 20px !important;
    gap: 12px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .contact-icon {
    width: 48px !important;
    height: 42px !important;
  }
  .contact-card > strong {
    font-size: 22px !important;
    white-space: normal !important;
  }
  .contact-card > p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  .contact-card > a {
    width: 100% !important;
    min-height: 54px !important;
    margin-top: 8px !important;
    border-radius: 28px !important;
    font-size: 14px !important;
  }

  /* Card de autonomia estruturada */
  .final-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
    margin-top: 24px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .autonomy-visual {
    height: 280px !important;
    min-height: 280px !important;
    flex: 0 0 280px !important;
  }
  .autonomy-visual > .autonomy-product-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  .final-copy {
    padding: 28px 22px !important;
    min-height: auto !important;
  }
  .final-copy h2 {
    font-size: 26px !important;
    line-height: 1.15 !important;
    margin: 12px 0 16px !important;
  }
  .final-copy p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-bottom: 12px !important;
  }
  .final-copy br { display: none; }
  .final-logo {
    width: 36px !important;
    height: 36px !important;
  }
}