/*
 * Páginas públicas legíveis no celular (revisão do SEO / CEO, 27/10): a 375 px havia texto abaixo de 12 px (rótulos,
 * selos, cabeçalhos do rodapé) e links com menos de 44 px de altura. Esta folha entra DEPOIS das outras nas três
 * páginas (home, teste gratuito, preços) e só vale até 640 px; no computador nada muda.
 * Usa !important de propósito e só aqui: as regras de origem têm especificidade de duas classes (.home-page .x) e esta
 * folha é a última palavra do celular — uma regra nova não pode voltar a encolher o texto sem passar por aqui.
 * As ilustrações (.pframe, role="img") ficam de fora: são figuras com nome acessível, não texto para ler.
 */
@media (max-width: 640px) {
    :is(.eyebrow, .section-kicker, .preview-heading, .window-address, .oria-card-head div > span,
        .oria-confirm strong, .oria-confirm small, .proof-icon, .product-proof strong, .product-proof small,
        .preview-caption, .audience-bar span, .journey-label, .demo-command small, .summary-label,
        .action-flow article > span, .feature-index, .security-grid article > span, .price-purpose, .price-badge,
        .footer-grid h2, .trust-list, .footer-bottom) {
        font-size: 0.75rem !important;
    }

    /* alvos de toque com pelo menos 44 px de altura (os links do meio do texto ficam como estão: são parte da frase) */
    .text-link,
    .footer-grid a,
    .trial-login-link a,
    .pricing-note a {
        display: inline-flex !important;
        align-items: center;
        min-height: 44px !important;
        min-width: 44px;
    }
    .brand { min-height: 44px; min-width: 44px; display: inline-flex !important; align-items: center; }
    .theme-toggle { min-width: 44px !important; min-height: 44px !important; }
    /* a caixa do aceite: 24 px (o rótulo inteiro também a marca) */
    .consent-group input[type="checkbox"] { width: 24px !important; height: 24px !important; }
}

/* o botão do tema desenha sol e lua em SVG (antes, os glifos ☼ e ◐ dependiam da fonte do sistema) */
.theme-toggle svg { display: block; width: 18px; height: 18px; }