/* === LATERAIS-NO-TELEMOVEL === 18 Set.
   Medido a 390px nos quatro modulos: nenhuma pagina transborda e as tiras de
   separadores DESLIZAM (sao alcancaveis). O unico defeito real era a lateral:
   `ASIDE#sx-nav`, `#px-nav` e `#vx-nav` ficavam fora do ecra, sem forma de la
   chegar -- 236px de navegacao invisivel.
   A lateral e' construida A PARTIR dos separadores e mostra os mesmos itens,
   portanto escondê-la no telemovel e devolver a tira nao perde navegacao
   nenhuma: troca a forma, nao o conteudo.
   820px: abaixo disso os 236px da lateral comiam mais de um quarto do ecra.
   Esta folha carrega DEPOIS das dos modulos; o !important existe porque as
   regras originais estao presas a `body.XX-on` e ganhariam por especificidade. */
@media (max-width: 820px){

  /* 1. A lateral sai, e com ela o avanço que o corpo lhe reservava. */
  #sx-nav, #px-nav, #vx-nav, #fnl-nav{ display:none !important }
  body.sx-on, body.px-on, body.vx-on, body.fnl-on{ padding-left:0 !important }

  /* 2. Os separadores voltam. Sao eles a navegacao no telemovel.
        As duas grafias de propósito: o index escreve `.pentabs` e o rh
        `.pen-tabs`, e uma das regras originais nunca casou com nada. */
  body.sx-on  #central-saude   .sa-tabs,
  body.px-on  #central-pensoes .pen-tabs,
  body.px-on  #central-pensoes .pentabs,
  body.vx-on  #central-vida    .vid-tabs,
  body.vx-on  .ind-tabs,
  body.fnl-on #central-app     .tabs{
    display:flex !important;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }

  /* 3. Cada separador mantem a largura: sem isto o flex espremia-os todos
        e os rotulos partiam-se ao meio. */
  .sa-tab, .pen-tab, .vid-tab, .ind-tab, #central-app .tabs .tab{
    flex:0 0 auto;
    white-space:nowrap;
  }

  /* 4. O botao de voltar da lateral desaparece com ela; o do corpo fica. */
  body.sx-on .ci-voltar, body.px-on .ci-voltar,
  body.vx-on .ci-voltar, body.fnl-on .ci-voltar{ display:block !important }
}


/* === HEROI-E-DESLIZE-NO-TELEMOVEL === 18 Set. Dois defeitos de ecra estreito.
   Primeiro: no Funeral o simbolo decorativo ocupa x181-291 y153-263 e a
   saudacao e o subtitulo passam por dentro dele; a 390px o simbolo recua para
   marca de agua e o texto ganha camada propria. Segundo: as tiras de
   separadores deslizam (1064 para 343) sem nada que o indique; as duas
   primeiras camadas acompanham o conteudo e tapam a sombra quando se chega ao
   fim, por isso a sombra so aparece do lado onde ainda ha para deslizar. */
@media (max-width: 520px){
  .fnl-sim{ opacity:.12; z-index:0 }
  #fnl-saud-h, #fnl-saud-n, .fnl-saud-s{ position:relative; z-index:1 }
}
@media (max-width: 820px){
  .sa-tabs, .pen-tabs, .pentabs, .vid-tabs, .ind-tabs, #central-app .tabs{
    background-image:
      linear-gradient(to right, rgb(246,248,248) 40%, rgba(246,248,248,0)),
      linear-gradient(to left,  rgb(246,248,248) 40%, rgba(246,248,248,0)),
      linear-gradient(to right, rgba(0,0,0,.18), rgba(0,0,0,0)),
      linear-gradient(to left,  rgba(0,0,0,.18), rgba(0,0,0,0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 34px 100%, 34px 100%, 15px 100%, 15px 100%;
    background-attachment: local, local, scroll, scroll;
  }
}


/* === RESPONSIVO-GERAL === 18 Set. Camada defensiva para qualquer ecra e
   qualquer navegador. Cada regra corresponde a uma falha conhecida e concreta,
   nao a preferencia de estilo. O que NAO esta aqui e deliberado: o intervalo
   de tablet (820-1100) e o transbordo da vitrine em desktop ainda nao foram
   medidos, e nao se corrige o que nao se mediu. */

/* O Safari do iPhone aumenta o texto sozinho ao rodar para paisagem. Isto
   desliga esse ajuste automatico sem impedir o zoom do utilizador. */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100% }

/* Um filho de flex ou de grid nao encolhe abaixo do seu conteudo por omissao,
   e essa e a causa mais comum de barra de deslocacao horizontal. */
/* min-width:0 global retirado: colapsava colunas de texto em listas */

/* Nenhuma imagem passa da largura disponivel. */
img, svg, video, canvas{ max-width:100%; height:auto }

/* Emails e referencias longas partem em vez de esticarem a caixa. */
body{ overflow-wrap:break-word }

@media (max-width:820px){
  /* O iPhone faz zoom ao focar um campo com letra menor que 16px, e depois
     nao volta atras. 16px e o limiar exacto que o impede. */
  input, select, textarea{ font-size:16px }

  /* Tabelas deslizam dentro da propria caixa, sem arrastar a pagina. */
  table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch }

  /* Chao de tamanho para o texto mais pequeno. Nao se uniformiza o desenho:
     mexe-se so no que fica abaixo do legivel. */
  .sx-tag, .vx-tag{ font-size:10px }
  #u-papel{ font-size:11px }
}

/* Alvos de toque, so em ecras tacteis: 40px e o minimo para um dedo.
   O `pointer:coarse` garante que nada disto toca no rato. */
@media (max-width:820px) and (pointer:coarse){
  button, .btn, a.btn, [role="button"]{ min-height:40px }
  #sino-b, #btn-sair, .ci-voltar{ min-height:40px }
}

/* Recorte do ecra nos iPhone com entalhe, em paisagem: sem isto o conteudo
   fica por baixo do canto arredondado. */
@media (orientation:landscape) and (max-width:920px){
  @supports (padding:max(0px)){
    body{ padding-left:max(0px, env(safe-area-inset-left));
          padding-right:max(0px, env(safe-area-inset-right)) }
  }
}
/* === FIM-RESPONSIVO-GERAL === */


/* === ALVOS-E-TEXTO-NAS-ENTRADAS === 18 Set. Medido com Chromium em oito
   tamanhos, de 360 a 1440px. Cada regra vem de um numero medido, nao de gosto.
   O que ficou de fora e deliberado: o padrao .ac-pontos passa da margem mas e
   `fixed` e nao faz a pagina rolar; a .panel-photo passa 3 a 5px dentro de um
   contentor que a corta, e portanto e invisivel. Nao se corrige o que nao
   incomoda ninguem. */
@media (max-width:820px){
  /* 8.5px num subtitulo de marca e pequeno de mais para ler ao sol. */
  .brand-tagline{ font-size:10px }
  /* 9.5px com espacamento largo: no limite. */
  .ac-sub{ font-size:10.5px }
  /* A etiqueta nao deve ser tao mais pequena que o campo que descreve. */
  .form-label{ font-size:11.5px }
  /* "Esqueci a minha palavra-passe" media 9.5px: e a unica saida de quem
     nao consegue entrar, e tem de se ler a primeira. */
  .forgot a, a[href="/acesso"]{ font-size:12px }
}
@media (pointer:coarse){
  /* O olho da senha media 25x25: estreito de mais para um dedo. */
  .password-toggle{ min-width:40px; min-height:40px }
  /* Ligacoes legais e de regresso mediam 16 a 18px de altura. Ganham area de
     toque por enchimento; ao rato nada muda, porque isto so vale em ecras
     tacteis. */
  /* 11px de enchimento deixava-as a 37px de altura, tres abaixo do alvo. */
  /* Enchimento e fragil: o total depende da altura da linha, e ficava a 39px.
     A altura minima garante os 40 seja qual for a fonte. */
  a[href="/privacidade"], a[href="/termos"], a[href="/acesso"], .forgot a{
    display:inline-flex; align-items:center; min-height:40px;
    padding-top:6px; padding-bottom:6px }
}
/* === FIM-ALVOS-E-TEXTO-NAS-ENTRADAS === */

@media (max-width:820px){
  /* 9px com espacamento de .22em, em ouro sobre escuro: ilegivel ao sol. */
  .lg-sub{ font-size:10.5px }
}
/* Nao se mexe nas ligacoes de email dentro do texto legal: 248px de largura
   chegam ao dedo, e os 21px sao a altura da linha. Forcar 40px estragava o
   paragrafo para resolver um problema que nao existe. */

/* === GRELHAS-NUMA-COLUNA === 18 Set. */
@media (max-width:600px){
  .kpis,
  .result-stats,
  #central-saude .sa-kpis,
  #central-saude .rs-lin,
  :is(#central-saude,#central-pensoes,#central-vida) .rel-cal-g,
  :is(#central-saude,#central-pensoes,#central-vida) .ma-tres,
  :is(#central-saude,#central-pensoes,#central-vida) .sa-nums,
  :is(#central-saude,#central-pensoes,#central-vida) .sa-prazos,
  #central-app #rf-corpo .rf-grelha,
  #central-app .sa-kpis,
  #central-app .rs-lin,
  #central-index > .cbx-scope, #central-index > .cbx-scope > .pair-destaque,
  #central-index .rp-base,
  #central-pensoes .sa-kpis,
  #central-vida .sa-kpis,
  .form-grid,
  #central-saude .rs-cards,
  #central-saude .rs-grelha,
  #central-saude .rs-l1,
  #central-saude .rs-l2,
  #central-saude .rs-fin,
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-pizza .pz-cx,
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-par,
  #central-saude .sa-topo3,
  :is(#central-saude,#central-pensoes,#central-vida) .cs-form,
  :is(#central-saude,#central-pensoes,#central-vida) .proc-grid,
  :is(#central-saude,#central-pensoes,#central-vida) .fx-2col,
  :is(#central-saude,#central-pensoes,#central-vida) .sa-ident,
  .ci-grid,
  #central-index .meter,
  #central-pensoes .rs-pizza .pz-cx,
  #central-app .rs-cards,
  #central-app .rs-grelha,
  #central-app .rs-l1,
  #central-app .rs-l2,
  #central-app .rs-fin,
  #central-index > .cbx-scope,
  #central-index > .cbx-scope > .pair-outros,
  #central-pensoes .rs-l1,
  #central-pensoes .rs-l2,
  #central-vida .rs-l1,
  #central-vida .rs-l2{
    grid-template-columns:minmax(0,1fr) !important }
}
@media (min-width:601px) and (max-width:900px){
  .kpis,
  .result-stats,
  #central-saude .sa-kpis,
  #central-saude .rs-lin,
  :is(#central-saude,#central-pensoes,#central-vida) .rel-cal-g,
  :is(#central-saude,#central-pensoes,#central-vida) .ma-tres,
  :is(#central-saude,#central-pensoes,#central-vida) .sa-nums,
  :is(#central-saude,#central-pensoes,#central-vida) .sa-prazos,
  #central-app #rf-corpo .rf-grelha,
  #central-app .sa-kpis,
  #central-app .rs-lin,
  #central-index > .cbx-scope, #central-index > .cbx-scope > .pair-destaque,
  #central-index .rp-base,
  #central-pensoes .sa-kpis,
  #central-vida .sa-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
/* === FIM-GRELHAS-NUMA-COLUNA === */

/* === TIRAS-DESLIZANTES === 18 Set. */
@media (max-width:900px){
  .tabs,[role=tablist]{ flex-wrap:nowrap; overflow-x:auto;
    -webkit-overflow-scrolling:touch; scrollbar-width:none }
  .tabs::-webkit-scrollbar,[role=tablist]::-webkit-scrollbar{ width:0; height:0 }
  .tabs>*,[role=tablist]>*{ flex:0 0 auto; white-space:nowrap }
}
/* === FIM-TIRAS-DESLIZANTES === */

/* === ABRIR-CAIXAS-APERTADAS === 18 Set. */
@media (max-width:820px){
  .rs-cx,.rs-cx-t,.rs-cx-b,.rs-l1,.rs-l2,.ma-par,
  .fx-sup,.fx-nums,.fx-num,.fx-docs,.fg{ min-width:0 }
  .rs-cx-t,.rs-cx-b,.rs-l1,.rs-l2,.ma-par,
  .fx-sup,.fx-nums,.fx-docs,.fg,#rs-actividade-b{ flex-wrap:wrap }
  .rs-cx-t>*,.rs-cx-b>*,.rs-l1>*,.rs-l2>*,.ma-par>*,
  .fx-sup>*,.fx-nums>*,.fx-num>*,.fx-docs>*,#rs-actividade-b>*{ min-width:0 }
  .rs-acc,.fg-acc{ white-space:normal; overflow-wrap:break-word }
}
/* === FIM-ABRIR-CAIXAS-APERTADAS === */

/* === TIRA-FX-NO-TELEMOVEL === 18 Set. */
@media (max-width:820px){
  :is(#central-saude,#central-pensoes,#central-vida) .fx-nums{ display:block }
  :is(#central-saude,#central-pensoes,#central-vida) .fx-num{ padding:13px 18px }
  :is(#central-saude,#central-pensoes,#central-vida) .fx-num+.fx-num{
    border-left:none; border-top:1px solid #E6E9EB }
  :is(#central-saude,#central-pensoes,#central-vida) .fx-num .fx-ico{
    align-self:center !important; margin-top:0 !important }
  :is(#central-saude,#central-pensoes,#central-vida) .fx-num .v{ white-space:normal }
  #central-saude .fg{ flex-wrap:wrap }
  #central-saude .fg-acc{ min-width:0 }
}
/* === FIM-TIRA-FX-NO-TELEMOVEL === */

/* === INLINE-E-BARRA-NO-TELEMOVEL === 18 Set. */
@media (max-width:600px){
  :is(#central-saude,#central-pensoes,#central-vida,#central-app,#central-index)
  [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]){
    grid-template-columns:minmax(0,1fr) !important }
}
@media (max-width:820px){
  #proc-novo-barra > span{ display:block; margin-left:0 !important; margin-top:6px }
}
/* === FIM-INLINE-E-BARRA-NO-TELEMOVEL === */

/* === MOBILE-GERADO === 18 Set. */
@media (max-width:900px){
  .brand{flex-wrap:wrap}
  .brand .mark{flex-wrap:wrap}
  .userbox{flex-wrap:wrap}
  .userbox .avatar{flex-wrap:wrap}
  .pend-card .ph{flex-wrap:wrap}
  .pend-item{flex-wrap:wrap}
  .modal-bg.on{flex-wrap:wrap}
  .modal-head{flex-wrap:wrap}
  .excl-row{flex-wrap:wrap}
  .excl-row .conf{flex-wrap:wrap}
  .motivo-bar select{min-width:0}
  .pill{flex-wrap:wrap}
  .empty .ei{flex-wrap:wrap}
  .file-drop{flex-wrap:wrap}
  .file-drop .fi{flex-wrap:wrap}
  .btn{flex-wrap:wrap}
  .result-top{flex-wrap:wrap}
  .btn-ghost{flex-wrap:wrap}
  .sa-kv{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-rot{flex-wrap:wrap}
  body.rs-on #central-saude .sa-cab{flex-wrap:wrap}
  #central-saude .sa-kpi{flex-wrap:wrap}
  #central-saude .sa-kpi-i{flex-wrap:wrap}
  #central-saude .sa-cab{flex-wrap:wrap}
  #central-saude .rs-cx-t{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-acc{flex-wrap:wrap}
  #central-saude .rs-abas{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-pizza .gr-leg{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-ic{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-comp-ic{flex-wrap:wrap;height:auto;min-height:104px}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-leg-ev{flex-wrap:wrap}
  #sx-nav .sx-marca{flex-wrap:wrap}
  #sx-nav .sx-voltar{flex-wrap:wrap}
  #sx-nav .sx-item{flex-wrap:wrap}
  #sx-nav .sx-i{flex-wrap:wrap}
  body.sx-on #central-saude .sa-tabs{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fg-cab{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fg-num{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fg-acc{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fm-ic{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fm-x.on{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .ma-cart .s{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .ap-nome{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .ap-ico{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .sa-idc.com-i{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .sa-idc-i{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-ini{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-cab{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-icone{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .btn{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .proc-grid .card-head h3{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .proc-sec{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .agr-dep-ini{flex-wrap:wrap}
  #vl-cab{flex-wrap:wrap}
  .vl-sec{flex-wrap:wrap}
  .vl-total{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .sa-circulo .anel{height:auto;min-height:96px}
  :is(#central-saude,#central-pensoes,#central-vida) .sa-circulo-i{flex-wrap:wrap;height:auto;min-height:52px}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-pe{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pg{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pg-nums{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-mp{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .ped-aberto-cab{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-acts{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .anx-ico{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-esq{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-mov{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-movl{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-lote.on{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pr-acoes-doc{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-caixa-topo{flex-wrap:wrap}
  #docs-funeral .df-mes-cab{flex-wrap:wrap}
  #df-fundo .df-cab{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-fich-a{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .rel-cal-cab{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .pz-cx{min-width:0}
  :is(#central-saude,#central-pensoes,#central-vida) .gr-leg{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .gr-mes-cab{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .gr-mes-l{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .ben-filtro-av{flex-wrap:wrap}
  #central-saude .sa-idcards .sa-idc{flex-wrap:wrap}
  #central-saude .sa-idcards .sa-idc-i{flex-wrap:wrap}
  #central-saude #sa-apolice .ap-a .btn{flex-wrap:wrap}
  #central-saude .ap-menu-cx .btn{flex-wrap:wrap}
  #central-saude .cs-num-i{flex-wrap:wrap}
  #central-saude .fg-cab{flex-wrap:wrap}
  #central-saude .fg-ico{flex-wrap:wrap}
  #central-saude .fg-acc .btn{flex-wrap:wrap}
  #central-saude .fg{flex-wrap:wrap}
  #central-saude .fg-nome{flex-wrap:wrap}
  #central-saude .sa-cab-est span{flex-wrap:wrap}
  #central-saude .fm-barra{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-nums{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-num{flex-wrap:wrap}
  #central-saude .pr-acoes-doc{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes) .ma-cart{flex-wrap:wrap}
  #central-saude .sa-kv{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida) .fa-t{flex-wrap:wrap;min-width:0}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-quem{flex-wrap:wrap}
  #fnl-nav .fnl-marca{flex-wrap:wrap}
  #fnl-nav .fnl-voltar{flex-wrap:wrap}
  #fnl-nav .fnl-item{flex-wrap:wrap}
  #fnl-nav .fnl-i{flex-wrap:wrap}
  body.fnl-on .ci-voltar{flex-wrap:wrap}
  body.fnl-on #central-app .tabs{flex-wrap:wrap}
  .ci-ic{flex-wrap:wrap}
  .ci-voltar{flex-wrap:wrap}
  #central-app .fnl-cab-est{flex-wrap:wrap}
  #central-app #rf-corpo .rf-linha{flex-wrap:wrap}
  :is(#central-pensoes,#central-vida) .pfm-topo{flex-wrap:wrap}
  :is(#central-pensoes,#central-vida) .pfm-meses{flex-wrap:wrap}
  #central-pensoes .rs-pizza .gr-leg{flex-wrap:wrap}
  .foot[data-rodape-global] .foot-bloco{flex-wrap:wrap}
  #px-nav .px-marca{flex-wrap:wrap}
  #px-nav .px-voltar{flex-wrap:wrap}
  #px-nav .px-item{flex-wrap:wrap}
  #px-nav .px-i{flex-wrap:wrap}
  body.px-on #central-pensoes .pen-tabs{flex-wrap:wrap}
  #vx-nav .vx-marca{flex-wrap:wrap}
  #vx-nav .vx-voltar{flex-wrap:wrap}
  #vx-nav .vx-item{flex-wrap:wrap}
  #vx-nav .vx-i{flex-wrap:wrap}
  body.vx-on #central-vida .vid-tabs{flex-wrap:wrap}
  #central-app .sa-kpi{flex-wrap:wrap}
  #central-app .sa-kpi-i{flex-wrap:wrap}
  #central-app .rs-cx-t{flex-wrap:wrap}
  #central-app .rs-abas{flex-wrap:wrap}
  #central-app .proc-grid .card-head h3{flex-wrap:wrap}
  .tasks-head{flex-wrap:wrap}
  .task .ti{flex-wrap:wrap}
  .task .tic{flex-wrap:wrap}
  .all-clear .ac{flex-wrap:wrap;height:auto;min-height:52px}
  .fnl-cab-est{flex-wrap:wrap}
  #central-index .mtx-stage .status-pill{flex-wrap:wrap}
  #central-index .mtx-photo-tag{flex-wrap:wrap}
  .prop-pag-l{flex-wrap:wrap}
  #central-index .vt-t{flex-wrap:wrap}
  #central-index .vt-c{flex-wrap:wrap;height:auto;min-height:88px}
  #central-pensoes #pen-documentos .ap-a .btn{flex-wrap:wrap}
  #central-pensoes .ap-menu-cx .btn{flex-wrap:wrap}
  #central-pensoes .sa-kpi{flex-wrap:wrap}
  #central-pensoes .sa-kpi-i{flex-wrap:wrap}
  #central-pensoes .rs-cx-t{flex-wrap:wrap}
  #central-pensoes .sa-idcards .sa-idc{flex-wrap:wrap}
  #central-pensoes .sa-idcards .sa-idc-i{flex-wrap:wrap}
  #central-pensoes #pen-apolice .ap-a .btn, #central-pensoes #pen-documentos .ap-a .btn, #central-pensoes #pen-acessos .ap-a .btn{flex-wrap:wrap}
  #central-pensoes .ap-menu-cx .btn, #central-pensoes .ap-menu-cx .btn, #central-pensoes .ap-menu-cx .btn{flex-wrap:wrap}
  #central-pensoes .cs-num-i{flex-wrap:wrap}
  #central-vida .sa-kpi{flex-wrap:wrap}
  #central-vida .sa-kpi-i{flex-wrap:wrap}
  #central-vida .rs-cx-t{flex-wrap:wrap}
  #central-vida .sa-idcards .sa-idc{flex-wrap:wrap}
  #central-vida .sa-idcards .sa-idc-i{flex-wrap:wrap}
  #central-vida #vid-apolice .ap-a .btn, #central-vida #vid-documentos .ap-a .btn, #central-vida #vid-acessos .ap-a .btn{flex-wrap:wrap}
  #central-vida .ap-menu-cx .btn, #central-vida .ap-menu-cx .btn, #central-vida .ap-menu-cx .btn{flex-wrap:wrap}
  #central-vida .cs-num-i{flex-wrap:wrap}
  #central-vida .vid-cab-est{flex-wrap:wrap}
  #central-saude #sa-documentos .fg-acc .btn{flex-wrap:wrap}
  #central-saude .ap-menu-cx .btn{flex-wrap:wrap}
  .sino-w{flex-wrap:wrap}
  .sino-b{flex-wrap:wrap}
  #central-app .btn.btn-ghost{flex-wrap:wrap}
  .dcp-veu{flex-wrap:wrap}
  .dcp-cab{flex-wrap:wrap}
  .dcp-r{flex-wrap:wrap}
  .dcp-tot{flex-wrap:wrap}
  .dcp-l{flex-wrap:wrap}
  .dcp-mini .r{flex-wrap:wrap}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .venc-hoje{flex-wrap:wrap}
  .ind-graf{flex-wrap:wrap;height:auto;min-height:120px}
}
@media (max-width:600px){
  .modal-head{padding-left:14px;padding-right:14px}
  .kpi .n{font-size:min(38px,9vw)}
  .card-pad{padding-left:14px;padding-right:14px}
  .empty{padding-left:14px;padding-right:14px}
  .btn{padding-left:14px;padding-right:14px}
  #central-saude .hx-t{font-size:min(34px,9vw)}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-comp{gap:12px}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-comp-t .n{font-size:min(38px,9vw)}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-vazio{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-cab{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-subsec{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-form{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-form-pe{padding-left:14px;padding-right:14px}
  #vl-fundo{padding-left:14px;padding-right:14px}
  .vl-semvista{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .sa-circulo .anel .n{font-size:min(30px,9vw)}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-movl{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .pr-busca{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .rl-n{font-size:min(38px,9vw)}
  #docs-funeral .df-vazio{padding-left:14px;padding-right:14px}
  #df-fundo{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .ma-hero-n{font-size:min(52px,9vw)}
  :is(#central-saude,#central-pensoes,#central-vida) .ma-solo{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .ma-solo .v{font-size:min(34px,9vw)}
  #central-saude .sa-idcards .sa-idc{padding-left:14px;padding-right:14px}
  #central-saude #sa-apolice .sa-circulo{padding-left:14px;padding-right:14px}
  #central-saude #sa-apolice .cs-cab{padding-left:14px;padding-right:14px}
  #central-saude #sa-apolice .ap-cab, #central-saude #sa-apolice .ap-lin{padding-left:14px;padding-right:14px}
  #central-saude #sa-apolice .sa-circulo .anel .n{font-size:min(52px,9vw)}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-num{padding-left:14px;padding-right:14px}
  #central-saude .fg-fich.vazia{padding-left:14px}
  #central-saude .fg-pe{padding-left:14px;padding-right:14px}
  #central-saude .sa-pane:not(#sa-resumo) .card-head{padding-left:14px;padding-right:14px}
  #central-saude #sa-auditoria th,#central-saude #sa-equipa th{padding-left:14px;padding-right:14px}
  #central-saude #sa-auditoria td,#central-saude #sa-equipa td{padding-left:14px;padding-right:14px}
  #central-saude #sa-equipa .sec-head{padding-left:14px;padding-right:14px}
  #central-saude .fg-cab{padding-left:14px;padding-right:14px}
  #central-saude .fg-fich{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-topo{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-sup .fx-docs .fg-cab{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-sup .fx-docs .fg-fich{padding-left:14px;padding-right:14px}
  #central-saude #sa-beneficiarios>div:first-child, #central-saude #sa-relatorios>div:first-child{padding-left:14px !important;padding-right:14px !important}
  #central-saude #sa-beneficiarios .cs-cab, #central-saude #sa-processos .cs-cab, #central-saude #sa-relatorios .cs-cab{padding-left:14px;padding-right:14px}
  #central-saude #sa-beneficiarios .cs-linha, #central-saude #sa-processos .cs-linha, #central-saude #sa-relatorios .cs-linha{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes) .ma-cart{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .pr-cab{padding-left:14px;padding-right:14px}
  #central-saude .fam,#central-saude .fam-dep{padding-left:14px;padding-right:14px}
  #central-saude .fam-pe,#central-saude .fam-total{padding-left:14px;padding-right:14px}
  #central-saude .ben-filtro-av{padding-left:14px;padding-right:14px}
  #central-saude #sa-relatorios .cs-acoes{padding-left:14px;padding-right:14px}
  #central-saude #sa-relatorios .pz-cx{padding-left:14px;padding-right:14px}
  #central-saude #aud-lista>*,#central-saude #aud-lista-rh>*{padding-left:14px;padding-right:14px}
  #central-saude .pr-acoes-doc{padding-left:14px;padding-right:14px}
  #central-saude .cs-nota{padding-left:14px !important;padding-right:14px !important}
  #central-saude #sa-relatorios .cs-bloco>div:last-child{padding-left:14px;padding-right:14px}
  #central-saude #sa-relatorios .cs-bloco>div[style*="text-align:right"], #central-saude #sa-relatorios .cs-bloco>div[style*="justify-content:flex-end"]{padding-left:14px;padding-right:14px}
  #central-saude #sa-relatorios .cs-num{padding-left:14px;padding-right:14px}
  #central-saude #sa-relatorios .cs-num .v{font-size:min(30px,9vw)}
  #central-saude #sa-relatorios .cs-rot{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes) .ma-cart.premio .v{font-size:min(31px,9vw)}
  :is(#central-saude,#central-pensoes) .ma-cart.membros .v{font-size:min(34px,9vw)}
  :is(#central-saude,#central-pensoes) .ma-par{padding-left:14px;padding-right:14px}
  #central-saude #sa-utilizadores .card-body, #central-saude #sa-configuracoes .card-body, #central-saude #sa-auditoria .card-body, #central-saude #sa-auditoria-rh .card-body, #central-saude #sa-processos .card-body{padding-left:14px;padding-right:14px}
  #central-saude .sa-kv{padding-left:14px;padding-right:14px}
  #central-saude .empty{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-nota{padding-left:14px;padding-right:14px}
  #central-saude .gr-detalhe{padding-left:14px;padding-right:14px}
  #central-saude #sa-equipa .sec-body>*{padding-left:14px;padding-right:14px}
  #central-saude .modal-body,#central-pensoes .modal-body, #central-vida .modal-body{padding-left:14px;padding-right:14px}
  #central-saude .modal-head,#central-pensoes .modal-head, #central-vida .modal-head{padding-left:14px;padding-right:14px}
  :is(#central-saude,#central-pensoes,#central-vida) .fa-cx{padding-left:14px;padding-right:14px}
  #central-app .card-pad{padding-left:14px;padding-right:14px}
  #central-app thead th{padding-left:14px;padding-right:14px}
  #central-app tbody td{padding-left:14px;padding-right:14px}
  #central-app .empty{padding-left:14px;padding-right:14px}
  #central-app .kpis>*{padding-left:14px;padding-right:14px}
  body.fnl-on #central-app{padding-left:14px;padding-right:14px}
  .ci-card{padding-left:14px;padding-right:14px}
  #central-index .hero, #central-index .target, #central-index .quiet-card{padding-left:14px;padding-right:14px}
  #central-app .fnl-cab-t{font-size:min(30px,9vw)}
  body.fnl-on{padding-left:14px}
  body.fnl-on .topbar{padding-left:14px}
  body.fnl-on #df-fundo{padding-left:14px}
  #central-app #rf-corpo .rf-grande{font-size:min(30px,9vw)}
  #central-index .vt{padding-left:14px;padding-right:14px}
  .tasks-head{padding-left:14px;padding-right:14px}
  .all-clear{padding-left:14px;padding-right:14px}
  .sec-head{padding-left:14px;padding-right:14px}
  #central-pensoes .hx-t, #central-vida .hx-t{font-size:min(34px,9vw)}
  #central-index .vt-cab h2{font-size:min(35px,9vw)}
  #central-index .vt-c{padding-left:14px;padding-right:14px}
  #ts-cx{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-documentos .ap-cab, #central-pensoes #pen-documentos .ap-lin{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-acessos .cs-cab{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-acessos .cs-linha{padding-left:14px;padding-right:14px}
  #central-pensoes .sa-idcards .sa-idc{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-apolice .cs-cab, #central-pensoes #pen-documentos .cs-cab, #central-pensoes #pen-acessos .cs-cab{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-apolice .ap-cab, #central-pensoes #pen-documentos .ap-cab, #central-pensoes #pen-acessos .ap-cab, #central-pensoes #pen-apolice .ap-lin, #central-pensoes #pen-documentos .ap-lin, #central-pensoes #pen-acessos .ap-lin{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-membros .cs-cab, #central-pensoes #pen-utilizadores .cs-cab, #central-pensoes #pen-contribuicoes .cs-cab, #central-pensoes #pen-auditoria .cs-cab, #central-pensoes #pen-relatorios .cs-cab{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-membros .cs-linha, #central-pensoes #pen-utilizadores .cs-linha, #central-pensoes #pen-contribuicoes .cs-linha, #central-pensoes #pen-auditoria .cs-linha, #central-pensoes #pen-relatorios .cs-linha{padding-left:14px;padding-right:14px}
  #central-pensoes .fam-dep{padding-left:14px;padding-right:14px}
  #central-pensoes .fam-pe, #central-pensoes .fam-total{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-relatorios .cs-acoes{padding-left:14px;padding-right:14px}
  #central-pensoes .cs-nota{padding-left:14px !important;padding-right:14px !important}
  #central-pensoes #pen-relatorios .cs-bloco>div:last-child{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-relatorios .cs-bloco>div[style*="text-align:right"], #central-pensoes #pen-relatorios .cs-bloco>div[style*="justify-content:flex-end"]{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-relatorios .cs-num{padding-left:14px;padding-right:14px}
  #central-pensoes #pen-relatorios .cs-num .v{font-size:min(30px,9vw)}
  #central-pensoes #pen-relatorios .cs-rot{padding-left:14px;padding-right:14px}
  #central-vida .sa-idcards .sa-idc{padding-left:14px;padding-right:14px}
  #central-vida #vid-apolice .cs-cab, #central-vida #vid-documentos .cs-cab, #central-vida #vid-acessos .cs-cab{padding-left:14px;padding-right:14px}
  #central-vida #vid-apolice .ap-cab, #central-vida #vid-documentos .ap-cab, #central-vida #vid-acessos .ap-cab, #central-vida #vid-apolice .ap-lin, #central-vida #vid-documentos .ap-lin, #central-vida #vid-acessos .ap-lin{padding-left:14px;padding-right:14px}
  #central-vida #vid-pessoas .cs-cab, #central-vida #vid-sinistros .cs-cab, #central-vida #vid-utilizadores .cs-cab, #central-vida #vid-ciclo .cs-cab, #central-vida #vid-auditoria .cs-cab, #central-vida #vid-relatorios .cs-cab{padding-left:14px;padding-right:14px}
  #central-vida #vid-pessoas .cs-linha, #central-vida #vid-sinistros .cs-linha, #central-vida #vid-utilizadores .cs-linha, #central-vida #vid-ciclo .cs-linha, #central-vida #vid-auditoria .cs-linha, #central-vida #vid-relatorios .cs-linha{padding-left:14px;padding-right:14px}
  #central-vida .fam-dep{padding-left:14px;padding-right:14px}
  #central-vida .fam-pe, #central-vida .fam-total{padding-left:14px;padding-right:14px}
  #central-vida #vid-relatorios .cs-acoes{padding-left:14px;padding-right:14px}
  #central-vida .cs-nota{padding-left:14px !important;padding-right:14px !important}
  #central-vida #vid-relatorios .cs-bloco>div:last-child{padding-left:14px;padding-right:14px}
  #central-vida #vid-relatorios .cs-bloco>div[style*="text-align:right"], #central-vida #vid-relatorios .cs-bloco>div[style*="justify-content:flex-end"]{padding-left:14px;padding-right:14px}
  #central-vida #vid-relatorios .cs-num{padding-left:14px;padding-right:14px}
  #central-vida #vid-relatorios .cs-num .v{font-size:min(30px,9vw)}
  #central-vida #vid-relatorios .cs-rot{padding-left:14px;padding-right:14px}
  #central-vida #vid-resumo .cs-cab{padding-left:14px;padding-right:14px}
  #central-index .rp-base > div{padding-left:14px;padding-right:14px}
  .dcp-veu{padding-left:14px;padding-right:14px}
  .dcp-cab{padding-left:14px;padding-right:14px}
  .dcp-corpo{padding-left:14px;padding-right:14px}
}
/* === FIM-MOBILE-GERADO === */
/* === LINHAS-DE-PEDIDO-NO-TELEMOVEL === 18 Set. */
@media (max-width:600px){
  .pd-linha{ flex-wrap:wrap; row-gap:8px }
  .pd-acts{ flex-wrap:wrap; width:100%; gap:8px }
  .pd-acts > select, .pd-acts > .proc-sel{ flex:1 1 100%; min-width:0; max-width:100% }
}
/* === FIM-LINHAS-DE-PEDIDO-NO-TELEMOVEL === */

/* === GRELHAS-AUTO-NUMA-COLUNA === 18 Set. */
@media (max-width:600px){
  :is(#central-saude,#central-pensoes,#central-vida) .ap-cab, :is(#central-saude,#central-pensoes,#central-vida) .ap-lin{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .exc-linha{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .doc-tipo-cab{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .agr-cab{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .fx-dep{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .fx-obs-cx{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .anx-linha{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .pd-linha{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .proc-linha{ grid-template-columns:minmax(0,1fr); }
  #docs-funeral .df-l{ grid-template-columns:minmax(0,1fr); }
  #docs-funeral .df-l.vazio{ grid-template-columns:minmax(0,1fr); }
  :is(#central-saude,#central-pensoes,#central-vida) .fam-dep{ grid-template-columns:minmax(0,1fr); }
  #central-saude .fg-acc{ flex:1 1 100%; justify-content:flex-start; margin-top:6px }
  #central-saude .fg > *{ min-width:0 }
}
/* === FIM-GRELHAS-AUTO-NUMA-COLUNA === */

/* === ALINHAR-NO-TELEMOVEL === 18 Set. */
@media (max-width:600px){
  .sa-kv .v{text-align:left}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-acoes{justify-content:flex-start}
  #central-saude .rs-l1{justify-items:stretch}
  #central-saude .rs-l2{justify-items:stretch}
  #central-saude .rs-fin{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-pizza .gr-leg b{margin-left:0}
  :is(#central-saude,#central-pensoes,#central-vida,#central-app) .rs-par{justify-items:stretch}
  #central-saude .rs-lin{justify-items:stretch}
  #central-saude .rs-pct{text-align:left}
  :is(#central-saude,#central-pensoes,#central-vida) .ap-cab, :is(#central-saude,#central-pensoes,#central-vida) .ap-lin{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .cs-form{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .exc-linha{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .doc-tipo-cab{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .agr-cab{justify-items:stretch}
  #vl-corpo .xl-n{text-align:left}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-dep{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .fx-obs-cx{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-acts{justify-content:flex-start}
  :is(#central-saude,#central-pensoes,#central-vida) .anx-linha{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .pd-linha{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .proc-linha{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .pr-acoes-doc{justify-content:flex-start}
  #docs-funeral .df-l{justify-items:stretch}
  #docs-funeral .df-l.vazio{justify-items:stretch}
  #df-fundo .xl-n{text-align:left}
  :is(#central-saude,#central-pensoes,#central-vida) .rel-cal-g{justify-items:stretch}
  :is(#central-saude,#central-pensoes,#central-vida) .fam-val{text-align:left}
  :is(#central-saude,#central-pensoes,#central-vida) .fam-dep{justify-items:stretch}
  #central-saude .pr-acoes-doc{justify-content:flex-start}
  #central-app .kpis>*{justify-content:flex-start}
  :is(#central-pensoes,#central-vida) .pfm-topo{justify-content:flex-start}
  #central-pensoes .rs-pizza .gr-leg b{margin-left:0}
  #central-app .rs-l1{justify-items:stretch}
  #central-app .rs-l2{justify-items:stretch}
  #central-app .rs-fin{justify-items:stretch}
  #central-app .rs-lin{justify-items:stretch}
  #central-app .rs-pct{text-align:left}
  #central-index > .cbx-scope{justify-items:stretch}
  #central-index > .cbx-scope > .pair-outros{justify-items:stretch}
  #central-pensoes .rs-l1{justify-items:stretch}
  #central-pensoes .rs-l2{justify-items:stretch}
  #central-vida .rs-l1{justify-items:stretch}
  #central-vida .rs-l2{justify-items:stretch}
  .dcp-r .d{text-align:left}
  .dcp-tot .d{text-align:left}
  .dcp-l .vl{text-align:left}
  .dcp-l .sd{text-align:left}
  .modal .eq-acc{text-align:left}
  .ind-graf .col{justify-content:flex-start}
}
/* === FIM-ALINHAR-NO-TELEMOVEL === */
/* === BARRA-DE-PEDIDO-FORA === 18 Set. */
@media (max-width:600px){
  #proc-novo-barra{ padding:0 16px; box-sizing:border-box }
  #proc-novo-barra > button, #proc-novo-barra > .btn{
    width:100%; justify-content:center; text-align:center }
  #proc-novo-barra > span{
    display:block; margin:8px 0 0 !important; line-height:1.5 }
}
/* === FIM-BARRA-DE-PEDIDO-FORA === */

/* === SIMBOLOS-DECORATIVOS-NO-TELEMOVEL === 18 Set. */
@media (max-width:600px){
  :is(#central-saude #sa-beneficiarios,#central-pensoes #pen-membros) .ma-par::before{width:min(260px,45vw);height:min(260px,45vw);right:-4vw;background-size:contain}
  #central-app .fnl-sim{width:min(165px,45vw);height:min(165px,45vw);background-size:contain}
  #central-app #rf-corpo .rf-grelha::before{width:min(560px,45vw);height:min(560px,45vw);right:-4vw;background-size:contain}
  .foot-agua{width:min(200px,45vw);right:-4vw}
  #central-index > .cbx-scope > .mtx-stage::before{width:min(420px,45vw);height:min(420px,45vw);left:-4vw;background-size:contain}
}
/* === FIM-SIMBOLOS-DECORATIVOS-NO-TELEMOVEL === */

/* === CABECALHO-NO-TELEMOVEL === 18 Set. */
@media (max-width:600px){
  .topbar, header.topbar{
    height:auto !important; min-height:64px;
    padding-top:8px !important; padding-bottom:8px !important }
  .brand{ flex-wrap:wrap; row-gap:2px; align-items:center }
  .topbar .logo{ width:44px !important; height:44px !important; flex:none }
  .topbar .logo img, .topbar .logo svg{ width:100% !important; height:100% !important }
}
/* === FIM-CABECALHO-NO-TELEMOVEL === */

/* === TOPO-E-HEROI-NO-TELEMOVEL === 18 Set. */
@media (max-width:600px){
  .brand-txt{ display:flex; flex-direction:column; min-width:0 }
  .brand-txt .lk-tag{ display:block !important; font-size:10.5px;
    line-height:1.3; white-space:normal; opacity:.85 }

  .mtx-stage-copy{ padding-top:20px }
  .mtx-stage-copy h1{ margin-top:8px }

  *:has(> img[src="/hero-mulher.jpg"]){
    display:block !important; width:100% !important; height:auto !important;
    overflow:visible !important; min-height:0 !important }
  img[src="/hero-mulher.jpg"]{
    display:block !important; width:100% !important; height:auto !important;
    max-height:240px; object-fit:cover; border-radius:12px; margin:16px 0 }
}
/* === FIM-TOPO-E-HEROI-NO-TELEMOVEL === */

/* === MARCA-AO-LADO-DO-SIMBOLO === 18 Set. */
@media (max-width:600px){
  .brand{ flex-wrap:nowrap !important; align-items:center; gap:10px }
  .brand-txt{ min-width:0; flex:1 1 auto }
  .brand-txt .lk-nome{ white-space:nowrap }
  .brand-txt .lk-tag{ white-space:nowrap; letter-spacing:.06em }
}
/* === FIM-MARCA-AO-LADO-DO-SIMBOLO === */

/* === TRACO-DO-HEROI === 18 Set. */
@media (max-width:600px){
  .mtx-stage-copy{ padding-top:38px !important }
  .mtx-stage-copy::before{ top:12px !important }
  .mtx-stage-copy h1{ margin-top:0 }
}
/* === FIM-TRACO-DO-HEROI === */