/*
 * Ajustes compartilhados para a página principal e as páginas de solução.
 * Mantém as capturas reais inteiras e prioriza leitura, toque e hierarquia
 * em telas estreitas, sem alterar a estrutura semântica indexável.
 */

@media (max-width: 820px) {
  .solution-hero {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: 30px;
  }

  .hero-copy { padding: 20px 0 42px; }
  .hero-media { min-height: clamp(390px, 66vw, 540px); }

  .product-layout {
    margin-top: 42px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .desktop-capture {
    width: 100%;
    transform: none;
    overflow: hidden;
  }

  .mobile-capture {
    position: relative;
    z-index: 1;
    width: min(240px, 58vw);
    margin: -105px 18px 0 auto;
  }

  .capture-caption { align-items: flex-start; }
  .control-row { grid-template-columns: minmax(104px, .65fr) minmax(0, 1fr); gap: 12px 24px; }
  .control-row p { grid-column: 2; }
}

@media (max-width: 560px) {
  :root { --container: min(100% - 32px, 1180px); }

  .solution-header .header-inner { width: calc(100% - 32px); }
  .solution-header .menu-toggle { min-width: 44px; min-height: 44px; }
  .solution-header .mobile-menu a { min-height: 46px; display: flex; align-items: center; }

  .breadcrumbs { padding-top: calc(var(--header-height) + 12px); font-size: .72rem; }
  .solution-hero { padding-top: 20px; }
  .hero-copy { padding: 16px 0 34px; }
  .lead { margin-top: 20px; font-size: 1rem; line-height: 1.58; }
  .actions { margin-top: 24px; display: grid; grid-template-columns: 1fr; }
  .actions .button { width: 100%; min-height: 52px; }
  .hero-note { margin-top: 12px; line-height: 1.45; }

  .hero-media { min-height: 360px; border-left-width: 5px; }
  .operation-slip { right: 12px; bottom: 12px; width: calc(100% - 24px); }
  .operation-slip header { padding: 12px 14px; }
  .operation-slip dl > div { padding: 9px 14px; grid-template-columns: 74px minmax(0, 1fr); }

  .fact-strip { padding: 10px 16px; grid-template-columns: 1fr; }
  .fact-strip p { min-height: 72px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.16); border-left: 0; }
  .fact-strip p:first-child { border-top: 0; }

  .content-section,
  .workflow-section,
  .product-section,
  .faq-section { padding-right: 16px; padding-left: 16px; }

  .problem-ledger { margin-top: 38px; }
  .problem-ledger article,
  .problem-ledger article:nth-child(n) { min-height: 0; margin-left: 0; grid-template-columns: 1fr auto; gap: 12px; }
  .problem-ledger article > div { grid-column: 1 / -1; grid-row: 2; }
  .problem-ledger article > strong { font-size: 3rem; }

  .workflow-section,
  .faq-section,
  .scope-section { grid-template-columns: 1fr; }
  .workflow-intro,
  .faq-intro { position: static; }
  .workflow-list li { min-height: 0; padding: 22px 0; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; }
  .workflow-list h3 { font-size: 1.7rem; }

  .product-layout { margin-top: 34px; }
  .desktop-capture { width: 100%; transform: none; }
  .desktop-capture .capture-caption { display: flex; padding: 11px 12px; font-size: .68rem; }
  .mobile-capture { width: min(182px, 57vw); margin: -74px 10px 0 auto; border-width: 5px; border-radius: 25px; }
  .mobile-capture .capture-caption { display: none; }
  .phone-speaker { margin-bottom: 6px; }

  .control-table { margin-top: 42px; }
  .control-row { min-height: 0; padding: 20px 0; grid-template-columns: 1fr; gap: 8px; }
  .control-row p { grid-column: auto; }

  .scope-section { padding: 16px; gap: 1px; }
  .scope-panel { padding: 34px 24px; }
  .faq-list summary { min-height: 70px; padding: 18px 0; font-size: 1.25rem; }
}

@media (max-width: 359px) {
  .mobile-capture { width: 166px; }
  .operation-slip dd { font-size: .76rem; }
}

/* Home comercial: refinamentos nas larguras mais comuns de tráfego social. */
@media (min-width:701px) and (max-width:1100px){.command .section-shell,.connected .section-shell,.driver .section-shell,.customer .section-shell,.manifesto .section-shell,.platform .section-shell,.audience .section-shell,.pricing .section-shell,.faq .section-shell,.final-cta .section-shell{width:calc(100% - 56px)}.hero .hero-inner{width:calc(100% - 56px)}.hero h1{font-size:6rem}.connected .connected-screens{gap:16px}}
@media (max-width:390px){.hero h1{font-size:4rem}.hero .hero-copy{padding-top:72px}.routine-log article{grid-template-columns:78px 1fr}.routine-log time{font-size:1.75rem}.connected .connected-flow{font-size:1.35rem}.customer-question{font-size:2.65rem}}
@media (max-width:359px){.hero h1{font-size:3.65rem}.hero .eyebrow{letter-spacing:.06em}.command-signals{grid-template-columns:1fr}.connected .connected-flow{font-size:1.2rem}.connected .connected-flow i{display:none}}