/* ====== URAH mobile-paginas (21/10/2026) ======
   Primeira tela, ritmo e leitura das páginas de conteúdo NO CELULAR.
   Carregado por último em: index, precos, crm, erp, licita, sobre, aprenda, curso-gratis-licitacao,
   guia-licitacao-2026, checklist-habilitacao, calculadora-de-prazos, blog e os 18 artigos blog-*.
   Regra da casa: o computador não muda. Tudo que mexe em layout fica dentro de
   @media (max-width:767px). Fora dele só existem regras de elementos novos que o computador não mostra.
   Escala de espaço: 8, 16, 24, 32, 48. Cinza mínimo: #5c6584 (5,75:1 no branco). */

/* ---------- fora do celular: elementos novos ficam escondidos ---------- */
.bk-lead-m{display:none}
.mp-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mp-acc-btn{all:unset}
.mp-acc-body[hidden]{display:none!important}

/* ---------- /sobre: etiqueta "Novembro de 2026" branca em fundo branco (tablet e celular) ---------- */
@media (max-width:960px){
  .mp-sobre .sb-p--on .sb-st{background:#fff!important;color:#4a5470!important;border-color:#d5dbe7!important}
}

@media (max-width:767px){

  /* ===== base comum das minhas páginas ===== */
  .mp main{overflow-wrap:anywhere}
  /* :where() deixa estas regras fracas: as regras próprias de cada imagem continuam valendo */
  :where(.mp main) :where(img,video,iframe,svg){max-width:100%}
  :where(.mp main) img{height:auto}
  .mp main .lg-crop img{max-width:none!important}
  .mp main table{max-width:100%}
  .mp main p,.mp main li,.mp main td,.mp main dd{overflow-wrap:anywhere}
  /* cinza de texto pequeno com contraste de 4,5:1 ou mais (era #5c6584, 3,14:1) */
  .mp .h5-tbl th,.mp .h5-card small,.mp .h5-nk,.mp .pr-price small,.mp .sb-f small,.mp .sb-p small,
  .mp .bl-meta,.mp .pr2-tbl small,.mp .h5-soon-line{color:#5c6584!important}
  .mp .h5-card small,.mp .bl-meta,.mp .sb-p small,.mp .sb-f small,.mp .pr2-tbl small{font-size:13px!important}
  /* botões de ação: 48 px, largura toda */
  .mp main .btn{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
  /* foco visível */
  .mp main a:focus-visible,.mp main button:focus-visible,.mp main summary:focus-visible,.mp main input:focus-visible{outline:2px solid #1f4bb8!important;outline-offset:2px}
  /* acordeão criado no celular (curso e guia) */
  .mp-acc-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mp-acc-btn::after{content:"+";flex:0 0 auto;width:24px;text-align:center;font-family:var(--font);font-size:1.4rem;font-weight:400;line-height:1;color:#1f4bb8}
  .mp-acc-btn[aria-expanded="true"]::after{content:"\2212"}
  .mp-acc-btn:focus-visible{outline:2px solid #1f4bb8;outline-offset:2px}

  /* =====================================================================
     HOME
     ===================================================================== */
  .mp-home main{display:flex;flex-direction:column}
  /* ordem no celular: a ferramenta, a prova cedo, depois o resto; "Como começar" encosta no fecho */
  .mp-home main>.v69-car{order:1}
  .mp-home main>.h5-clients{order:2}
  .mp-home main>.v60-caso{order:3}
  .mp-home main>.v58-start{order:4}
  .mp-home main>.v58-sys{order:5}
  .mp-home main>.h5-pains{order:6}
  .mp-home main>.h5-feat{order:7}
  .mp-home main>.h5-int{order:8}
  .mp-home main>.h5-next{order:9}
  .mp-home main>.v58-how{order:10}
  .mp-home main>.h5-faq{order:11}
  .mp-home main>.h5-final{order:12}

  /* ----- primeira tela ----- */
  .mp-home .bk{padding:24px 0 32px}
  .mp-home .bk-grid{display:flex;flex-direction:column;gap:0}
  .mp-home .bk-text,.mp-home .bk-cta{display:contents}
  .mp-home .bk h1{order:1;font-size:30px!important;line-height:1.12!important;margin:0 0 20px;letter-spacing:-.01em}
  .mp-home .bk-lead-m{display:block;order:2;margin:0 0 16px;font-size:17px;line-height:1.45;color:#4a5470;max-width:30em}
  .mp-home .bk-cta .btn{order:3;width:100%;min-height:48px;padding:12px 16px;font-size:16px}
  .mp-home .bk-small{order:4;margin:8px 0 0;font-size:14px;line-height:1.4;color:#4a5470}
  .mp-home .bk-cta .hl-link{order:5;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:16px 0 0;border:1px solid #1f4bb8;border-radius:4px;background:#fff;color:#1f4bb8;text-decoration:none;font-weight:600;font-size:16px}
  .mp-home .bk-sheet{order:6;margin:24px 0 0}
  .mp-home .bk-lead{order:7;margin:24px 0 0;font-size:16px;line-height:1.55;max-width:none}
  .mp-home .bk-seg{order:8;margin:16px 0 0;padding-top:16px;font-size:15px}
  .mp-home .bk-seg a{min-height:44px;padding:0 4px}
  .mp-home .bk-bar{padding:12px}
  .mp-home .bk-tbl th,.mp-home .bk-tbl td{padding:8px 12px}
  .mp-home .bk-tbl th{font-size:13px;color:#13203f}
  .mp-home .bk-tbl td span{font-size:13px}
  .mp-home .bk-clock{padding:12px}
  .mp-home .bk-k{font-size:13px}
  .mp-home .bk-sheet figcaption{padding:8px 12px;font-size:13px;line-height:1.4;color:#4a5470}

  /* ----- ritmo das seções: 32 px em cima e embaixo, régua fina entre elas ----- */
  .mp-home .v58-sec,.mp-home .h5-clients,.mp-home .h5-feat,.mp-home .h5-int,.mp-home .h5-next,
  .mp-home .h5-faq,.mp-home .h5-pains,.mp-home .h5-final{padding:32px 0!important}
  .mp-home .v58-sec h2,.mp-home .h5-clients h2,.mp-home .h5-int h2,.mp-home .h5-pains h2,.mp-home .h5-final h2{font-size:24px!important;line-height:1.2!important;margin:0 0 8px!important}
  .mp-home .h5-feat h3,.mp-home .h5-next h3,.mp-home .h5-faq h3{font-size:22px!important;line-height:1.2!important;margin:0 0 8px!important}
  .mp-home .v58-sec>.container>p,.mp-home .h5-clients>div>p{margin:0 0 16px;font-size:16px}
  .mp-home .h5-feat p,.mp-home .h5-next p,.mp-home .h5-faq p,.mp-home .h5-int p{font-size:16px!important;line-height:1.55}
  .mp-home .h5-feat-grid,.mp-home .h5-pains-grid{gap:24px!important}

  /* ----- clientes: grade de 2 colunas, logos em cor, sem movimento ----- */
  .mp-home .h5-cnames--logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;justify-items:stretch!important}
  .mp-home .h5-cnames--logos a{width:100%;box-sizing:border-box;height:64px!important;min-height:56px;padding:8px 12px!important;background:#fff!important;border:1px solid #d5dbe7;border-radius:4px!important;justify-content:center!important}
  .mp-home .h5-cnames--logos img,.mp-home .h5-cnames--logos a img{filter:none!important;opacity:1!important;transform:none!important;max-height:40px!important;object-position:center!important}
  .mp-home .h5-cnames--logos .lg-crop{transform:scale(.72)!important}
  .mp-home .h5-cnames--logos .lg-crop img{max-height:none!important}

  /* ----- caso real ----- */
  .mp-home .v60-col{padding:16px 0}
  .mp-home .v60-big{font-size:48px}
  .mp-home .v60-mid{padding:8px 12px!important}
  .mp-home .v60-foot{padding:16px 0 0}

  /* ----- por onde começar ----- */
  .mp-home .v58-rows li{padding:8px 0 16px}
  .mp-home .v58-rows span{font-size:15px}

  /* ----- tabela "um sistema só": cada linha vira uma ficha, rótulo à esquerda e valor à direita ----- */
  .mp-home .v58-tbl{border:1px solid #d5dbe7;border-radius:4px}
  .mp-home .v58-tbl tr{padding:0!important;border-bottom:1px solid #d5dbe7}
  .mp-home .v58-tbl tr:last-child{border-bottom:0}
  .mp-home .v58-tbl tbody th{background:#eaf0fb;padding:8px 12px!important;font-size:16px}
  .mp-home .v58-tbl td{display:grid!important;grid-template-columns:7.5em minmax(0,1fr);gap:12px;padding:8px 12px!important;font-size:15px}
  .mp-home .v58-tbl td+td{border-top:1px solid #e3e7ef!important}
  .mp-home .v58-tbl td::before{font-size:13px!important;line-height:1.45;color:#4a5470!important;font-weight:600}
  .mp-home .v58-tbl td:last-child{color:#13203f}

  /* ----- faixa escura: perguntas em lista, uma por linha ----- */
  .mp-home .h5-pq{grid-template-columns:1fr!important}
  .mp-home .h5-pq>div{border-right:0!important;padding:12px 16px!important}
  .mp-home .h5-pq>div:last-child{border-bottom:0!important}
  .mp-home .h5-pq b,.mp-home .h5-pq em{display:inline!important;font-size:16px!important}
  .mp-home .h5-pq b::after{content:" "}

  /* ----- três blocos de produto seguidos: juntam numa sequência só ----- */
  .mp-home .h5-feat{padding:24px 0!important;border-top:1px solid #d5dbe7}
  .mp-home .h5-pains+.h5-feat{border-top:0}
  .mp-home .h5-card:has(.kb5),.mp-home .h5-card:has(.h5-tbl){display:none}
  .mp-home .h5-card{padding:16px!important;border-radius:4px!important;box-shadow:none!important}
  .mp-home .h5-cost--t{margin:4px -16px 0!important;padding-left:16px!important;padding-right:16px!important}
  .mp-home .h5-side-photo{margin-top:16px;border-radius:4px;width:100%;height:auto}

  /* ----- rotina da empresa: lista de planilha ----- */
  .mp-home .h5-int .center{text-align:left!important;margin:0 0 16px!important}
  .mp-home .h5-ig{border-top:1px solid #d5dbe7}
  .mp-home .h5-ig>div{display:block!important;padding:12px 0!important;border-bottom:1px solid #d5dbe7!important}
  .mp-home .h5-ig b{font-size:16px}
  .mp-home .h5-ig em{font-size:15px!important;color:#4a5470!important}

  /* ----- o que chega depois ----- */
  .mp-home .h5-next-card{padding:16px!important;border-radius:4px!important}
  .mp-home .h5-nh{gap:8px}
  .mp-home .h5-nlink{display:inline-flex;align-items:center;min-height:44px;font-size:16px!important}
  .mp-home .h5-next-card p{font-size:16px!important}

  /* ----- como começar ----- */
  .mp-home .v58-steps li{padding:12px 0 12px 4px}

  /* ----- perguntas: alvo de 48 px, abre e fecha sem pulo ----- */
  .mp-home .h5-fa details{padding:0!important}
  .mp-home .h5-fa summary{display:flex;align-items:center;min-height:48px;padding:12px 40px 12px 0!important;font-size:16px!important;line-height:1.35}
  .mp-home .h5-fa summary:after{content:"+"!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important;font-size:1.4rem!important;line-height:1}
  .mp-home .h5-fa details[open] summary:after{content:"\2212"!important;transform:translateY(-50%)!important}
  .mp-home .h5-fa details p{margin:0 0 16px!important;font-size:16px!important;color:#4a5470!important}

  /* ----- fecho ----- */
  .mp-home .h5-final-btn{min-height:48px;width:100%}
  .mp-home .h5-final-link{min-height:48px}

  /* =====================================================================
     PRODUTOS (crm, erp, licita): título, uma linha, o botão
     ===================================================================== */
  .mp-crm .pp-hero .container,.mp-erp .pp-hero .container,.mp-licita .pp-hero .container{display:flex;flex-direction:column}
  .mp .pp-hero{padding:24px 0 32px}
  .mp .pp-hero h1{order:1;font-size:26px!important;line-height:1.15!important;margin:0 0 8px!important}
  .mp .pp-hero .pp-lead{display:contents}
  .mp .pp-lead .mp-l1{order:2;display:block;margin:0 0 16px;font-size:17px;line-height:1.45;color:#4a5470}
  /* "Sem cartão. Sem fidelidade." colado ao botão azul; o botão de contorno vem depois */
  .mp .pp-hero .pp-acts{display:contents}
  .mp .pp-hero .pp-btn--solid{order:3}
  .mp .pp-hero .pp-small{order:4;margin:8px 0 0;font-size:14px}
  .mp .pp-hero .pp-btn--line{order:5;margin-top:16px}
  .mp .pp-lead .mp-l2{order:6;display:block;margin:16px 0 0;padding-top:16px;border-top:1px solid #d5dbe7;font-size:16px;line-height:1.55;color:#4a5470}
  .mp .pp-acts{flex-direction:column}
  .mp .pp-btn{width:100%;min-height:48px}
  /* menu interno: faixa que rola dentro de si, alvos de 48 px */
  .mp .pp-menu-in{padding-left:0!important;padding-right:0!important;scroll-padding-left:16px;scroll-snap-type:x proximity;scrollbar-width:none}
  .mp .pp-menu-in::-webkit-scrollbar{display:none}
  .mp .pp-menu ul{gap:8px;padding:0 16px}
  .mp .pp-menu li{scroll-snap-align:start}
  .mp .pp-menu a{min-height:48px;padding:0 8px;font-size:15px}
  .mp .pp-sec{padding:32px 0}
  .mp .pp-sec h2,.mp .pp-close h2{font-size:24px!important}
  .mp .pp-sub{margin:0 0 16px}
  /* tabelas empilhadas: rótulo pequeno em cima, texto embaixo */
  .mp .pp-tbl thead{display:none}
  .mp .pp-tbl,.mp .pp-tbl tbody,.mp .pp-tbl tr,.mp .pp-tbl td{display:block;width:100%!important}
  .mp .pp-tbl{border-radius:4px}
  .mp .pp-tbl tr{border-bottom:1px solid #d5dbe7;padding:8px 0}
  .mp .pp-tbl tbody tr:last-child{border-bottom:0}
  .mp .pp-tbl td{border:0;padding:4px 12px;font-size:16px}
  .mp .pp-tbl td[data-label]::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;color:#4a5470;margin-bottom:2px}
  .mp .pp-tbl:not(.pp-tbl--duas) td[data-label]::before{display:none}
  .mp .pp-tbl:not(.pp-tbl--duas) td:first-child{font-weight:600;color:#13203f;padding-top:8px}
  .mp .pp-tbl:not(.pp-tbl--duas) td+td{color:#4a5470;padding-bottom:8px}
  .mp .pp-tbl--duas tr{padding:0}
  .mp .pp-tbl--duas td{padding:12px}
  .mp .pp-tbl--duas td+td{border-top:1px solid #d5dbe7;background:#f5f7fa}
  .mp .pp-tbl--duas td[data-label]::before{font-family:var(--display);font-stretch:87.5%;font-size:17px;font-weight:700;color:#13203f;margin-bottom:8px}
  .mp .pp-tbl ul{padding-left:20px}
  .mp .pp-tbl li{margin:0 0 8px;line-height:1.5}
  .mp .pp-faq div{padding:16px 0}
  .mp .pp-close{padding:32px 0}

  /* =====================================================================
     PREÇOS
     ===================================================================== */
  .mp-precos .pr-hero{padding:24px 0 32px!important}
  .mp-precos .pr-hero h1{font-size:30px!important;line-height:1.12!important;margin:0 0 8px}
  .mp-precos .pr-lead{font-size:16px;margin:0 0 16px}
  .mp-precos .pr-hero-acts{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  .mp-precos .pr-hero-acts .btn{width:100%}
  .mp-precos .pr-hero-alt{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #1f4bb8;border-radius:4px;color:#1f4bb8;text-decoration:none;font-weight:600}
  /* abas e mensal/anual: dois botões de 48 px por linha, texto de 15 px */
  .mp-precos .pr2-bar{display:flex;flex-direction:column;gap:8px}
  .mp-precos .pr2-tabs,.mp-precos .pr2-bill{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;padding:4px;width:100%;border-radius:4px}
  .mp-precos .pr2-tab,.mp-precos .pr2-b{min-height:48px;font-size:15px!important;line-height:1.25;padding:6px 8px!important;border-radius:4px!important;white-space:normal}
  /* planos: cada um vira uma folha de planilha */
  .mp-precos .pr2 .pr-card{padding:16px!important;margin-bottom:16px!important;border-radius:4px}
  .mp-precos .pr2 .pr-card>.pr-price b{font-size:28px!important}
  .mp-precos .pr2-when{font-size:14px!important;line-height:1.45;color:#4a5470!important}
  .mp-precos .pr2-list li{font-size:15px;line-height:1.45}
  .mp-precos .pr2 .pr-card .btn{width:100%}
  .mp-precos .pr-tag,.mp-precos .pr2-badge{font-size:13px!important}
  /* tabelas de comparação: sem rolar de lado; cada item é uma ficha com plano à esquerda e resposta à direita */
  .mp-precos .pr2-tblwrap{overflow:visible!important;border:0!important}
  .mp-precos .pr2-tbl{min-width:0!important;width:100%!important;border:1px solid #d5dbe7}
  .mp-precos .pr2-tbl thead{display:none}
  .mp-precos .pr2-tbl,.mp-precos .pr2-tbl tbody,.mp-precos .pr2-tbl tr,.mp-precos .pr2-tbl th,.mp-precos .pr2-tbl td{display:block;width:100%!important}
  .mp-precos .pr2-tbl tr{border-bottom:1px solid #d5dbe7}
  .mp-precos .pr2-tbl tr:last-child{border-bottom:0}
  .mp-precos .pr2-tbl tr.pr2-grp th{background:#13203f!important;color:#fff!important;font-size:14px;padding:8px 12px!important;position:static!important}
  .mp-precos .pr2-tbl tbody th[scope="row"],.mp-precos .pr2-tbl tbody tr>th:first-child:not([colspan]){background:#eaf0fb!important;padding:8px 12px!important;font-size:15px;font-weight:600;text-align:left;position:static!important;border:0!important}
  /* cada item: nome em cima, os planos em grade de 2 colunas (rótulo pequeno e a resposta) */
  .mp-precos .pr2-tbl tbody tr:not(.pr2-grp){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mp-precos .pr2-tbl tbody tr:not(.pr2-grp)>th{grid-column:1/-1}
  .mp-precos .pr2-tbl td{display:flex!important;flex-direction:column;gap:2px;padding:8px 12px!important;border:0!important;border-top:1px solid #e3e7ef!important;font-size:15px;font-weight:600;text-align:left!important;color:#13203f}
  .mp-precos .pr2-tbl td:nth-of-type(even){border-left:1px solid #e3e7ef!important}
  .mp-precos .pr2-tbl td.no{color:#4a5470;font-weight:400}
  .mp-precos .pr2-tbl td::before{content:attr(data-label);color:#4a5470;font-size:13px;font-weight:400;line-height:1.3}
  .mp-precos .pr2-more p,.mp-precos .pr2-line{font-size:16px}
  .mp-precos .mp-acc-h--tbl{margin:0 0 8px;padding:0 12px;border:1px solid #1f4bb8;border-radius:4px;background:#fff;color:#1f4bb8;font-weight:600}
  .mp-precos .mp-acc-h--tbl+.pr2-tblwrap{margin-top:8px}
  /* perguntas: linhas de 48 px, sem caixa grande */
  .mp-precos .pr-fa{gap:0!important;border-top:1px solid #d5dbe7}
  .mp-precos .pr-fa details{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #d5dbe7!important;border-radius:0!important;background:transparent!important}
  .mp-precos .pr-fa summary{display:flex;align-items:center;min-height:48px;padding:12px 40px 12px 0!important;font-size:16px!important;line-height:1.35;position:relative}
  .mp-precos .pr-fa details p{margin:0 0 16px!important;padding:0!important;font-size:16px}
  .mp-precos .pr-faq-all{min-height:44px}
  .mp-precos .pr-fa summary::-webkit-details-marker{display:none}
  .mp-precos .pr-fa summary{list-style:none}
  .mp-precos .pr-fa summary::after{content:"+"!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.4rem!important;line-height:1;color:#1f4bb8;background:none!important;width:auto!important;height:auto!important;border:0!important}
  .mp-precos .pr-fa details[open] summary::after{content:"\2212"!important}
  .mp-precos .pr-final .btn,.mp-precos .pr-final-btn{width:100%}
  .mp-precos .pr-final a:not(.btn){display:inline-flex;align-items:center;min-height:44px}

  /* =====================================================================
     SOBRE
     ===================================================================== */
  .mp-sobre .sb-st{font-size:13px!important}

  /* =====================================================================
     APRENDA, CURSO, GUIA, CHECKLIST, CALCULADORA
     ===================================================================== */
  .mp .ap-hero h1,.mp .gd-hero h1,.mp .ck-hero h1,.mp .cp-hero h1{font-size:28px!important;line-height:1.15!important}
  .mp .ap-list>li{margin-bottom:0}
  .mp .ap-item{padding:16px 0;min-height:48px}
  .mp .ap-item i{min-height:44px;display:flex;align-items:center}
  .mp .ap-mods{columns:1}
  .mp .ap-mods li{padding:8px 0}
  .mp .ap-btn{min-height:48px;display:flex;align-items:center;justify-content:center}
  .mp .ap-crumb a{display:inline-flex;align-items:center;min-height:44px}

  /* curso: o índice ao lado some (os próprios módulos viram o índice em acordeão) */
  .mp-curso-gratis-licitacao .cg-toc{display:none}
  .mp .cg-mod{margin:0 0 8px}
  .mp .cg-mod-h{padding:8px 16px}
  .mp .cg-mod-h small{font-size:13px}
  .mp .cg-mod-h h2{font-size:18px!important;line-height:1.3}
  .mp .cg-mod>.mp-acc-body{padding:0 0 8px}
  .mp .cg-mod>.mp-acc-body>p{margin:0;padding:16px 16px 0;color:#4a5470}
  .mp .cg-aulas{gap:8px}
  .mp .cg-aula{min-height:48px}
  .mp .cg-aula small,.mp .cg-mod small{font-size:13px}

  /* guia: índice em acordeão, logo depois da primeira frase */
  .mp .gd-hero .container{display:flex;flex-direction:column}
  .mp .gd-hero h1{order:1}
  .mp .gd-hero .gd-lead:first-of-type{order:2}
  .mp .gd-hero nav{order:3;margin:8px 0 16px;border:1px solid #d5dbe7;border-radius:4px;background:#fff}
  .mp .gd-hero>.container>*{order:4}
  .mp .gd-hero>.container>h1{order:1}
  .mp .gd-hero>.container>.gd-lead:first-of-type{order:2}
  .mp .gd-hero>.container>nav{order:3}
  .mp .mp-acc-h{margin:0;padding:0 12px;font-weight:600;color:#13203f}
  .mp .gd-hero nav .gd-idx{margin:0;padding:0 12px 8px;border-top:1px solid #d5dbe7}
  .mp .gd-idx{gap:0!important}
  .mp .gd-idx li{border-bottom:1px solid #e3e7ef}
  .mp .gd-idx li:last-child{border-bottom:0}
  .mp .gd-idx a{display:flex;align-items:center;min-height:48px}
  .mp .gd-list{gap:8px}
  .mp .gd-list a{display:inline-flex;align-items:center;min-height:44px}
  .mp .gd-step{scroll-margin-top:72px}

  /* checklist: caixa de marcar com 44 px de toque, caixa visível de 24 px */
  .mp .ck-item{display:flex;align-items:flex-start;gap:8px;min-height:48px;padding:4px 0}
  .mp .ck-item input[type="checkbox"]{-webkit-appearance:none!important;appearance:none!important;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px;margin:-6px 0 0 -10px!important;padding:0!important;border:0!important;border-radius:4px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='3' fill='%23fff' stroke='%234a5470' stroke-width='2'/%3E%3C/svg%3E") center/24px 24px no-repeat!important;box-shadow:none!important;cursor:pointer}
  .mp .ck-item input[type="checkbox"]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='3' fill='%231f4bb8' stroke='%231f4bb8' stroke-width='2'/%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
  .mp .ck-item input[type="checkbox"]:focus-visible{outline:2px solid #1f4bb8;outline-offset:-6px}
  .mp .ck-item>span{padding-top:6px;font-size:16px;line-height:1.45}
  .mp .ck-item small{font-size:14px!important;line-height:1.45;color:#4a5470!important}
  .mp .ck-print{min-height:48px;padding:0 16px}
  .mp .ck-back a{display:inline-flex;align-items:center;min-height:44px}

  /* calculadora: campos de 16 px (sem zoom no iPhone), botões de 48 px */
  .mp .cp-form input{font-size:16px!important;min-height:48px}
  .mp .cp-row{grid-template-columns:minmax(0,1fr)!important;gap:16px}
  .mp .cp-form,.mp .cp-sheet{padding:16px}
  .mp .cp-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .mp .cp-actions .btn,.mp .cp-link{min-height:48px;width:100%;display:flex;align-items:center;justify-content:center}
  .mp .cp-link{border:1px solid #1f4bb8;border-radius:4px;color:#1f4bb8;text-decoration:none}
  .mp .cp-actions #cpStatus{grid-column:1/-1}
  .mp .cp-tbl thead{display:none}
  .mp .cp-tbl,.mp .cp-tbl tbody,.mp .cp-tbl tr,.mp .cp-tbl td{display:block;width:100%}
  .mp .cp-tbl tr{border-bottom:1px solid #d5dbe7;padding:8px 0}
  .mp .cp-tbl td{border:0;padding:4px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:baseline}
  .mp .cp-tbl td::before{content:attr(data-label);color:#4a5470;font-size:14px}
  .mp .cp-tbl td:first-child{font-weight:600}
  .mp .cp-tbl .cp-prazo{white-space:normal}

  /* =====================================================================
     BLOG (lista)
     ===================================================================== */
  .mp-blog main{display:flex;flex-direction:column}
  .mp-blog main>*{order:3}
  .mp-blog main>.bl-hero{order:1}
  .mp-blog main>.bl-start{order:2}
  .mp-blog .bl-hero h1{font-size:28px!important;line-height:1.15!important}
  /* filtros numa linha só, que rola dentro dela */
  .mp-blog .bl-filters{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px;scroll-padding-left:20px;scroll-snap-type:x proximity}
  .mp-blog .bl-filters::-webkit-scrollbar{display:none}
  .mp-blog .bl-f{flex:0 0 auto;min-height:44px;font-size:15px!important;white-space:nowrap;scroll-snap-align:start}
  .mp-blog .bl-search input{font-size:16px!important;min-height:48px}
  .mp-blog .bl-start{padding:24px 0!important}
  .mp-blog .bl-start h2{font-size:20px!important}
  .mp-blog .bl-start a{display:inline-flex;align-items:center;min-height:44px}
  .mp-blog .bl-meta{font-size:13px!important}
  /* etiqueta da categoria: retângulo de canto 3 px, não pílula */
  .mp-blog .bl-art span{border-radius:3px!important;background:#fff!important;color:#13203f!important;border:1px solid #d5dbe7;font-size:13px!important;padding:2px 8px!important}
  /* capa só nos 3 primeiros; do 4º em diante, título e data (lista mais curta e mais leve no 4G) */
  .mp-blog .bl-grid>.bl-card:nth-child(n+4) .bl-art{min-height:0!important;aspect-ratio:auto!important;height:auto!important;padding:16px 24px 0!important;background:none!important}
  .mp-blog .bl-grid>.bl-card:nth-child(n+4) .bl-art img{display:none!important}
  .mp-blog .bl-card{border-radius:4px!important}
  .mp-blog .bl-more{display:inline-flex;align-items:center;min-height:44px}

  /* =====================================================================
     ARTIGOS: coluna de leitura, 17 px, linha 1,6
     ===================================================================== */
  .mp-artigo .page-hero--dark{padding:32px 0 32px!important}
  .mp-artigo .page-hero--dark h1{font-size:28px!important;line-height:1.15!important}
  .mp-artigo .back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;font-size:15px}
  .mp-artigo .section{padding:32px 0}
  .mp-artigo .article{max-width:36em}
  .mp-artigo .article p,.mp-artigo .article li{font-size:17px!important;line-height:1.6!important}
  .mp-artigo .article h2{font-size:24px!important;line-height:1.2;margin:48px 0 16px!important}
  .mp-artigo .article h3{font-size:19px!important;line-height:1.3;margin:32px 0 8px!important}
  .mp-artigo .article p{margin:0 0 16px}
  .mp-artigo .article li a,.mp-artigo .article p>a:only-child{display:inline-flex;align-items:center;min-height:44px}
  .mp-artigo .article table{display:block;overflow-x:auto;border-radius:4px}
  .mp-artigo .post-cover-k{font-size:13px!important}
  .mp-artigo .post-faq summary{display:flex;align-items:center;min-height:48px;padding:12px 0;font-size:16px}
  /* o botão do teste no fim do texto */
  .mp-artigo .post-cta{padding:16px!important;border-radius:4px!important}
  .mp-artigo .article .disc{font-size:14px!important;line-height:1.5!important}
  .mp-artigo .post-cta .post-cta-link{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:16px;background:#1f4bb8;color:#fff!important;border-radius:4px;text-decoration:none!important;font-weight:600}
  .mp-artigo .cta-dark,.mp-calculadora-de-prazos .cta-dark{border-radius:4px!important;padding:32px 16px!important}
  .mp .cta-dark .hero-cta{display:flex;flex-direction:column;gap:8px}
  .mp .cta-dark .btn{width:100%}
}

@media (max-width:360px){
  .mp-home .bk h1{font-size:28px!important}
  .mp-home .bk-lead-m{font-size:16px}
  .mp-home .v58-tbl td{grid-template-columns:6.5em minmax(0,1fr)}
  .mp .pp-hero h1{font-size:24px!important}
}

@media (min-width:361px) and (max-width:390px){
  .mp-home .bk h1{font-size:30px!important}
}