/* Celular · Parte C · só dentro de @media (max-width:720px) */
@media (max-width:720px){

/* 1 · Alinhamento à esquerda: pílula, título, subtítulo, notas e botões na mesma margem dos cards (20px) */
#implementacao .section-heading,#diagnostico .section-heading,#conversa .section-heading{align-items:flex-start;text-align:left;margin:0 0 40px;max-width:none}
#implementacao .section-heading .eyebrow,#diagnostico .section-heading .eyebrow,#conversa .section-heading .eyebrow{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;font-size:14px;margin:0 0 20px}
/* 4 · Escala: h2 32px, entrelinha 1,15 (igual às partes A e B); subtítulo 16px */
#implementacao .section-heading h2,#diagnostico .section-heading h2,#conversa .section-heading h2{text-align:left;font-size:32px;line-height:1.15;letter-spacing:-.03em;margin:0;max-width:none;text-wrap:pretty}
#implementacao .section-heading>p,#diagnostico .section-heading>p,#conversa .section-heading>p{text-align:left;margin:16px 0 0;max-width:none;font-size:16px;line-height:1.6}
#implementacao .section-body,#diagnostico .section-body,#conversa .section-body{text-align:left;max-width:none;margin:0}
#diagnostico .section-body>p.section-note,#conversa .section-body>p.section-note,#conversa .section-body>p.section-note:last-child{text-align:left;margin-left:0;margin-right:0;max-width:none;font-size:15px;line-height:1.6}
#diagnostico .section-body>p.section-note{margin-top:32px}
#diagnostico .section-body>p.cta-wrap,#conversa .section-body>p.cta-wrap{justify-content:flex-start}
#diagnostico .section-body>p.cta-wrap{margin-top:24px}
#conversa .section-body>p.cta-line{text-align:left;margin:16px 0 0;max-width:none;font-size:15px}
#conversa .section-body>p.cta-line strong{white-space:nowrap}
#implementacao .section-heading>p,#diagnostico .section-heading>p,#conversa .section-heading>p,#diagnostico .section-body>p.section-note,#conversa .section-body>p.section-note,#conversa .section-body>p.cta-line{text-wrap:pretty}

/* 04 · Três etapas em cards empilhados (menos de 4: sem trilho), FAQ em card com acordeões */
#implementacao .engagement-steps{gap:16px;margin:0 0 24px}
#implementacao .engagement-steps li{padding:24px}
#implementacao .engagement-steps .journey-number{margin-bottom:16px}
#implementacao .engagement-steps h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}
#implementacao .section-body .engagement-steps p{font-size:16px;line-height:1.6}
#implementacao .faq-card{padding:0 24px}
/* 7 · Cabeçalho de acordeão com 44px ou mais */
#implementacao .faq-card .reading-details summary{min-height:64px;padding:20px 0;font-size:16px;line-height:1.4;gap:16px}
#implementacao .faq-card .reading-content{padding:0 0 20px}
#implementacao .faq-card .reading-content p{font-size:16px;line-height:1.6}
#implementacao .execution-example{padding:16px;margin:16px 0}

/* 05 · 3 · Modelo do relatório: painel de interface em HTML com texto legível, inteiro dentro das margens de 20px,
   com borda e cantos completos (como o painel de desempenho da seção 02). Nada sangra. */
#diagnostico .diagnostic-sample{width:auto;max-width:none;margin:0;padding:24px;border-radius:18px}
#diagnostico .diagnostic-sample>.mock-bar{margin:-24px -24px 20px}
#diagnostico .diagnostic-sample .mock-label{font-size:13px}
#diagnostico .diagnostic-sample .sample-top{padding-bottom:14px}
#diagnostico .diagnostic-sample h3{font-size:clamp(19px,5.6vw,22px);line-height:1.25;margin:20px 0}
#diagnostico .diagnostic-sample .sample-signal{font-size:16px;line-height:1.6;margin-bottom:20px}
/* Painéis claros do relatório ("Prioridade a investigar" e "Gargalo crítico · 01") no mesmo padrão do painel aprovado da seção 02
   (.learning-card): fundo #F7F5F8, cantos 12px, respiro 20px; rótulo 12px marsala em caixa normal; título 16px/1,4 peso 550;
   corpo 16px/1,65 em #625865. */
#diagnostico .diagnostic-sample .sample-priority,#diagnostico .diagnostic-sample .report-excerpt .find{background:#F7F5F8;border:0;border-radius:12px;padding:20px}
#diagnostico .diagnostic-sample .sample-priority>span,#diagnostico .diagnostic-sample .report-excerpt .find-tag{display:block;margin:0;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;text-transform:none;color:#5C1041}
#diagnostico .diagnostic-sample .sample-priority>strong,#diagnostico .diagnostic-sample .report-excerpt .find h4{display:block;margin:7px 0;font-size:16px;line-height:1.4;font-weight:550;letter-spacing:-.035em;color:#120B16}
#diagnostico .diagnostic-sample .sample-priority p,#diagnostico .diagnostic-sample .sample-details .report-excerpt .find p{margin:0;font-size:16px;line-height:1.65;color:#625865}
#diagnostico .diagnostic-sample .sample-details .report-excerpt .find p+p{margin-top:12px}
/* 7 · "Ver como essa prioridade é levantada" continua acordeão tocável, com +, 56px de altura */
#diagnostico .diagnostic-sample .sample-details{margin:20px 0 0}
#diagnostico .diagnostic-sample .sample-details>summary{min-height:56px;padding:16px 0;font-size:15px;line-height:1.4;gap:12px}
#diagnostico .diagnostic-sample .sample-details .reading-content{padding:4px 0 20px}
#diagnostico .diagnostic-sample .sample-details .reading-content p{font-size:15px;line-height:1.6}
/* Perguntas e respostas empilhadas: pergunta em cima, resposta embaixo, uma por linha */
#diagnostico .diagnostic-sample .sample-details dl{display:block;margin:0 0 20px}
#diagnostico .diagnostic-sample .sample-details dl>div{display:block;padding:14px 0;border-bottom:1px solid #DED6E0}
#diagnostico .diagnostic-sample .sample-details dl>div:first-child{padding-top:4px}
#diagnostico .diagnostic-sample .sample-details dt{font-size:15px;line-height:1.45;font-weight:500;color:#120B16}
#diagnostico .diagnostic-sample .sample-details dd{margin:4px 0 0;font-size:15px;line-height:1.45;font-weight:600;color:#5C1041}
/* Recorte do relatório: rótulo com linha e achado no mesmo painel claro da prioridade (#F7F5F8, cantos 12px), na largura do painel */
#diagnostico .diagnostic-sample .report-excerpt{margin:4px 0 20px;padding:0;border:0;border-radius:0;background:transparent}
#diagnostico .diagnostic-sample .sample-details .report-excerpt .report-heading{margin:0 0 14px;padding:0 0 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5C1041;border-bottom:1px solid #DED6E0}
#diagnostico .diagnostic-sample .sample-details .find p.find-q{padding-top:0;border-top:0}
#diagnostico .diagnostic-sample .sample-details .report-excerpt .excerpt-note{font-size:14px;margin:14px 0 0}

/* Rodapé: marca à esquerda, telefone à direita; 7 · toque de 44px nos dois links */
body>footer{padding:12px 20px;font-size:14px}
body>footer .footer-brand{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
body>footer>a.footer-phone,body>footer>a:last-child{min-height:44px;font-size:14px}
}