/* ================================================================
   ATENDIMENTO — MOBILE
   Complemento responsivo de atendimento.css.
   Carregado no HTML com media="(max-width: 900px)" — por isso as regras
   aqui NÃO ficam dentro de @media: o próprio <link> já filtra.
   Blocos na mesma ordem em que estavam no arquivo original.
   ================================================================ */

/* ---- .canal ---- */
.canal {
    padding: 32px 16px;
  }
.canal .canal__cartao {
    padding: 28px 22px;
  }
.canal .canal__titulo {
    font-size: 26px;
  }
.canal .canal__apoio {
    font-size: 14px;
    margin-bottom: 22px;
  }