/* MoradaOS · Escala tipográfica ampliada · v1.1.4 */
/* Aplicado após a tipografia leve: preserva leveza, melhora leitura e hierarquia. */

:root {
    --moradaos-body-size: 15px;
    --moradaos-copy-size: 16px;
}

html { text-size-adjust: 100%; }
body { font-size: var(--moradaos-body-size) !important; line-height: 1.55; }

/* ---------------------------
   Landing pública
   --------------------------- */
.header-nav { font-size: 14px !important; }
.btn { font-size: 13.5px !important; padding: 12px 18px !important; }
.pill { font-size: 12px !important; padding: 8px 12px !important; }
.hero h1 { font-size: clamp(45px, 4.05vw, 56px) !important; line-height: 1.08 !important; }
.hero p { font-size: 17px !important; line-height: 1.62 !important; }
.trust { font-size: 11.5px !important; line-height: 1.45 !important; }
.trust strong { font-size: 12.5px !important; }
.preview-top { font-size: 10px !important; }
.preview-title { font-size: 13px !important; }
.preview-side .mini-brand { font-size: 12px !important; }
.mini-nav { font-size: 9px !important; }
.mini-card span { font-size: 8px !important; }
.mini-card strong { font-size: 12px !important; }
.mini-card small { font-size: 8px !important; }
.preview-panel h3 { font-size: 9px !important; }
.preview-panel h3 a, .mock-row, .mock-row em { font-size: 8px !important; }
.feature h3 { font-size: 14px !important; }
.feature p { font-size: 11.5px !important; line-height: 1.52 !important; }
.benefit h3 { font-size: 14px !important; }
.benefit p { font-size: 11.5px !important; line-height: 1.55 !important; }
.testimonial q { font-size: 13.5px !important; line-height: 1.58 !important; }
.testimonial small { font-size: 11px !important; }
.plans-header h2 { font-size: 34px !important; }
.plans-header p { font-size: 15px !important; }
.plans-copy a { font-size: 13px !important; }
.plan-card h3 { font-size: 17px !important; }
.plan-card p, .plan-card .hint { font-size: 11.5px !important; }
.price { font-size: 25px !important; }
.price small { font-size: 12px !important; }
.plan-card .btn { font-size: 12.5px !important; }
.footer p { font-size: 12px !important; }
.footer h4 { font-size: 12px !important; }
.footer a, .footer-bottom { font-size: 11px !important; }

/* ---------------------------
   Painel administrativo
   --------------------------- */
.sidebar { font-size: 15px !important; }
.nav-section { font-size: 11px !important; }
.nav-link { font-size: 14.5px !important; padding: 11px 12px !important; }
.sidebar-bottom { font-size: 12px !important; }
.page-title { font-size: 18px !important; }
.page-subtitle, .condo-pill, .logout { font-size: 13px !important; }
.account-copy strong { font-size: 13px !important; }
.account-copy small { font-size: 11px !important; }
.content { font-size: 15px !important; }
.page-head h1, .dashboard-head h1 { font-size: 29px !important; }
.page-head p, .dashboard-head p { font-size: 15px !important; }
.button { font-size: 14px !important; padding: 11px 15px !important; }
.metric-card-top { font-size: 12px !important; }
.metric-card strong { font-size: 26px !important; }
.metric-card small, .metric-trend { font-size: 11px !important; }
.panel-header h2 { font-size: 16px !important; }
.panel-header a, .select-look { font-size: 12px !important; }
.list-main strong { font-size: 14px !important; }
.list-main small { font-size: 12px !important; }
.status, .badge { font-size: 11px !important; }
.summary-cell span { font-size: 12px !important; }
.summary-cell strong { font-size: 22px !important; }
.quick-link { font-size: 13px !important; }
.table th { font-size: 11px !important; }
.table td { font-size: 14px !important; }
.field label { font-size: 14px !important; }
.field input, .field select, .field textarea { font-size: 15px !important; }
.help { font-size: 12px !important; }
.empty { font-size: 14px !important; }

/* ---------------------------
   Tela de login
   --------------------------- */
.intro h1 { font-size: clamp(34px, 3.5vw, 48px) !important; line-height: 1.1 !important; }
.intro p { font-size: 16px !important; line-height: 1.62 !important; }
.eyebrow, .back { font-size: 13px !important; }
.form h2 { font-size: 26px !important; }
.form p, .fact { font-size: 14px !important; }
.fact strong { font-size: 15px !important; }

/* Mantém conforto visual no celular. */
@media (max-width: 720px) {
    body { font-size: 15px !important; }
    .hero h1 { font-size: clamp(38px, 11vw, 46px) !important; }
    .hero p { font-size: 16px !important; }
    .feature h3, .benefit h3 { font-size: 14px !important; }
    .plans-header h2 { font-size: 30px !important; }
    .page-head h1, .dashboard-head h1 { font-size: 26px !important; }
    .metric-card strong { font-size: 24px !important; }
}