/* Comparadores: tabela em largura total, valores curtos, colunas ordenáveis e tabela compacta no telemóvel.
   Carregado só pelas páginas de comparadores; as larguras das colunas de cada página estão na própria página. */
  
  .cmp-block table.cmp-faces{width:100%;border-collapse:collapse}
  .cmp-block table.cmp-faces thead th{vertical-align:bottom;white-space:normal;}
  .cmp-block table.cmp-faces thead th.srt{padding:0}
  .cmp-block .srt-b{all:unset;box-sizing:border-box;display:block;width:100%;padding:14px 14px;cursor:pointer;color:var(--on-dark-2)}
  .cmp-block .srt-b:hover{background:rgba(255,255,255,.06)}
  .cmp-block .srt-b:focus-visible{outline:2px solid var(--emerald);outline-offset:-2px}
  .cmp-block .srt-sub{display:block;color:var(--on-dark-3);margin-top:2px}
  .cmp-block .srt-i::after{content:"\21C5";margin-left:6px;color:var(--on-dark-3);font-size:.8rem}
  .cmp-block th[aria-sort="ascending"] .srt-i::after{content:"\25B2";color:var(--emerald)}
  .cmp-block th[aria-sort="descending"] .srt-i::after{content:"\25BC";color:var(--emerald)}
  
  .cmp-block td.face .f-n.f-num{color:var(--emerald)}
  .cmp-block td.face .f-n.f-txt{color:#fff}
  .cmp-block td.face .f-n.f-nd{color:var(--on-dark-3)}
  .cmp-block td.face .f-t{color:var(--on-dark-3);margin-top:3px}
  .cmp-block td.face .f-e{color:var(--on-dark-2);overflow-wrap:anywhere}
  .cmp-block td.face .f-t{overflow-wrap:anywhere}
  .cmp-block td.face .f-q,.cmp-block .cmp-so-compacto{display:none}
  .cmp-block .cmp-more{padding:7px 10px;white-space:nowrap}
  .cmp-block table.cmp-faces tbody tr:not(.cmp-det)>td{vertical-align:top}
  .cmp-block .det-par:has(>.det-d:empty){display:none}   /* um rótulo («Mais informação») sem nada por baixo não aparece */
  
  .cmp-block td.name .nm-sub{display:block;color:var(--on-dark-3);margin-top:3px}
  @media(min-width:1001px){
    .cmp-block .cmp-wrap{overflow:visible}
    .cmp-block table.cmp-faces{table-layout:fixed;min-width:0}
    .cmp-block table.cmp-faces thead th:last-child,.cmp-block table.cmp-faces tbody tr:not(.cmp-det)>td:last-child{display:none}
    .cmp-block table.cmp-faces thead th:not(.srt){padding:14px 14px}
    .cmp-block table.cmp-faces tbody tr:not(.cmp-det)>td{padding:16px 14px}
    .cmp-block tr.cmp-det .det-lista{max-width:1100px}
  }
  @media(min-width:1100px){
    /* o índice «Nesta página» vive no cabeçalho (pílulas numa só linha: guias/guide.css e guide.js) */
    main.art-body .wrap.art-grid{grid-template-columns:minmax(0,1fr);max-width:1320px;padding:20px 40px 32px}
    main.art-body .wrap.art-grid>.art-main{grid-column:1;grid-row:1}
    main.art-body .wrap.art-grid .art-main>.cmp-block{max-width:none}
  }
  @media(max-width:1099px){
    header.art-head .art-cat{display:none}
    main.art-body .wrap.art-grid{padding-top:14px}
  }
  /* tablet e telemóvel: tabela compacta (corretora, comissão, câmbio); o resto abre em «Detalhes» */
  @media(max-width:1000px){
    .cmp-block .cmp-wrap{overflow:visible}
    .cmp-block table.cmp-faces{table-layout:fixed;min-width:0;width:100%}
    .cmp-block table.cmp-faces thead th:nth-child(n+4),.cmp-block table.cmp-faces tbody tr:not(.cmp-det)>td:nth-child(n+4){display:none}
    .cmp-block table.cmp-faces td.name{overflow-wrap:anywhere}
    .cmp-block table.cmp-faces thead th:not(.srt){padding:10px 8px}
    .cmp-block .srt-b{padding:10px 8px}
    .cmp-block table.cmp-faces tbody tr:not(.cmp-det)>td{padding:12px 8px}
    .cmp-block table.cmp-faces td.name,.cmp-block table.cmp-faces thead th:first-child{position:static;min-width:0;max-width:none;background:none}
    .cmp-block table.cmp-faces td.name .cmp-more{margin-top:8px}
    .cmp-block td.face .f-t{display:none}
    .cmp-block td.face .f-q{display:block;color:var(--on-dark-3);margin-top:3px}
    .cmp-block .cmp-so-compacto{display:block;}
    .cmp-block .cmp-more{padding:6px 8px;}

    .cmp-block tr.cmp-det .det-lista{position:static;width:auto;padding:14px 12px}
  }
  @media(max-width:360px){
    .cmp-block table.cmp-faces tbody tr:not(.cmp-det)>td{padding:12px 5px}
    .cmp-block table.cmp-faces thead th:not(.srt){padding:10px 5px}
    .cmp-block .srt-b{padding:10px 5px}
    
  }
/* tabela simples dentro de um comparador (ex.: «Taxas de referência»): em telemóvel e tablet desliza para o lado, em vez de ser cortada à direita (a regra de cima, que deixa a tabela compacta das corretoras sem barra, não lhe pode tocar) */
.cmp-block .cmp-wrap.cmp-wrap-rolar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}