/* Proposta 02: camada visual, sem alterações aos dados ou à sua ordenação. */
.saltar{position:absolute;left:1rem;top:-5rem;background:var(--azul);color:white;padding:.7rem;z-index:10}
.saltar:focus{top:1rem}
.historias{padding-top:1.2rem}
.hist-cabeca h2{font-size:1.65rem}
.historias>.sub{font:.78rem/1.5 var(--interface);margin:.4rem 0 1rem}
.cartoes{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2rem}
.cartao{grid-column:span 2;border:1px solid var(--linha);border-radius:5px;background:var(--branco);padding:0;overflow:hidden;min-width:0}
.cartao.destaque{grid-column:span 4;border:1px solid var(--linha);padding:0;border-top:3px solid var(--destaque)}
/* o destaque e, ao lado, uma coluna com as três histórias seguintes, compactas (imagem só em miniatura) */
.coluna-lado{grid-column:span 2;display:flex;flex-direction:column;gap:1rem;min-width:0}
.coluna-lado>.cartao{flex:1;grid-column:auto}
:is(.coluna-lado,.sob-destaque) .cartao-corpo{padding:.9rem 1rem}
:is(.coluna-lado,.sob-destaque) .cartao h3{font-size:1.05rem;line-height:1.3}
:is(.coluna-lado,.sob-destaque) .cartao .topo{--tam:2.4rem;gap:.6rem}
:is(.coluna-lado,.sob-destaque) .cartao .meta{margin:.45rem 0}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto{display:grid;grid-template-columns:7.5rem minmax(0,1fr)}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto .foto-editorial{display:flex;flex-direction:column;min-width:0}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto .foto-editorial>img{flex:1;height:auto;min-height:6.5rem;object-fit:cover}
/* retrato na faixa ao lado: enche a altura do cartão (a coluna da foto alinha com a do texto) e fica preso ao alto, para a
   cabeça nunca sair pelo topo (Pedro, 2 nov 2026: com um máximo de 15rem ficava um vazio por baixo) */
:is(.coluna-lado,.sob-destaque) .cartao.com-foto .foto-editorial.retrato>img{object-position:50% 15%}
/* cartão alto na coluna ao lado (fotoEmCima em index.html, 2 nov 2026): a foto vai em cima, em 2:1 */
.coluna-lado>.cartao.com-foto.foto-em-cima{display:flex;flex-direction:column}
.coluna-lado>.cartao.com-foto.foto-em-cima .foto-editorial>img{flex:none;height:auto;min-height:0;aspect-ratio:2/1}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto .foto-tipo{position:static;display:block;font-size:.55rem;border-radius:0;padding:.25rem}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto figcaption{padding:.3rem;font-size:.6rem}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto figcaption summary{font-size:.65rem}
:is(.coluna-lado,.sob-destaque) .cartao.com-foto:has(details[open]){display:block}
/* sem buracos (24 out 2026): no computador, o destaque e a coluna ao lado acabam sempre à mesma altura, seja qual for o
   comprimento dos textos. Se a coluna for mais alta, o destaque estica e enche o espaço com os títulos de cada jornal,
   só as filas que cabem inteiras (as outras ficam escondidas); se o destaque for mais alto, os três
   cartões ao lado esticam por igual. Em todos, «Comparar manchetes» fica no fundo do cartão. Quando mesmo assim sobra
   muito branco no destaque, equilibrarDestaque() (index.html) passa histórias da coluna para debaixo dele (25 out 2026). */
.encher{display:none}
/* fora do computador, a coluna do destaque não conta para a grelha e o espaço por baixo dele fica vazio e escondido */
.coluna-principal{display:contents}.sob-destaque{display:none}
/* computador estreito: a coluna ao lado fica com pouco mais de 300 px; com a foto ao lado, o texto ia para uma coluna de
   palavras soltas e o cartão crescia muito. Aí a foto passa para cima, numa faixa baixa (25 out 2026) */
@media(min-width:62.01rem) and (max-width:80rem){
 .coluna-lado .cartao.com-foto{display:flex;flex-direction:column}
 .coluna-lado .cartao.com-foto .foto-editorial>img{flex:none;height:auto;aspect-ratio:2/1;min-height:0}
 /* um retrato (3:2) nessa faixa ficava com menos de metade da altura à vista e cortava a cara (Óscar Puente, 30 out 2026):
    no retrato a faixa é mais alta, 2:1, e mostra a cabeça inteira até ao queixo */
 .cartoes>.coluna-lado .cartao.com-foto .foto-editorial.retrato>img{flex:none;height:auto;aspect-ratio:2/1}
}
@media(min-width:62.01rem){
 .coluna-principal{display:flex;flex-direction:column;gap:1rem;grid-column:span 4;min-width:0;align-self:stretch}
 .coluna-principal>.cartao.destaque{flex:1 1 auto;display:flex;flex-direction:column}.cartoes>.coluna-lado{align-self:stretch}
 .coluna-principal>.cartao.destaque.com-retrato{display:grid}
 .coluna-principal>.cartao.destaque>.foto-editorial{flex:none}
 .sob-destaque:not(:empty){display:flex;gap:1rem}.sob-destaque>.cartao{flex:1 1 0}
 .cartao.destaque>.cartao-corpo,:is(.coluna-lado,.sob-destaque) .cartao-corpo{flex:1;display:flex;flex-direction:column}
 .coluna-lado>.cartao{flex:1 1 auto}:is(.coluna-lado,.sob-destaque)>.cartao:not(.com-foto){display:flex;flex-direction:column}
 .cartao.destaque .cartao-acoes,:is(.coluna-lado,.sob-destaque) .cartao-acoes{margin-top:auto}
 .cartao.destaque .encher{display:block;flex:1 1 0;min-height:0;contain:size;overflow:hidden;margin:.9rem 0 .3rem}
 .cartao.destaque .encher .lado{margin:0}
 .encher-titulo{font:600 .6875rem/1.4 var(--interface);letter-spacing:.06em;text-transform:uppercase;color:var(--ardosia);margin:0 0 .35rem}
}
/* por baixo, a toda a largura: quem é nomeado em mais jornais, em colunas */
.cartoes>.nomeados{grid-column:1/-1}
@media(min-width:36.01rem){.cartoes>.nomeados ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:0 2rem}}
@media(min-width:62.01rem){.cartoes>.nomeados ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nomeados{background:var(--branco);border:1px solid var(--linha);border-radius:4px;padding:1.1rem 1.2rem .5rem}
.nomeados-sub{font:.75rem/1.45 var(--interface);color:var(--ardosia);margin:0 0 .7rem}
.nomeados-sub a{color:inherit}
.nomeados ul{list-style:none;margin:0;padding:0}
.nomeados .nomeado{text-decoration:none;display:flex;gap:.75rem;align-items:center;width:100%;background:none;border:0;border-top:1px solid var(--linha);padding:.55rem 0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.nomeados .nomeado:hover .quem b,.nomeados .nomeado:focus-visible .quem b{text-decoration:underline;text-underline-offset:.18em}
.nomeados .rosto{--tam:2.6rem}
/* O selo fica fora do retrato: reservar espaço antes do nome, também em coluna no telemóvel. */
.nomeados .rosto.com-selo{margin-inline-end:.35rem}
@media(max-width:36rem){.nomeados .rosto.com-selo{margin-bottom:1rem}}
.nomeados .quem{flex:1;min-width:0}.nomeados .quem b{display:block;font:600 .95rem/1.25 var(--editorial);color:var(--azul)}
.nomeados .quem small{display:block;font:.72rem/1.3 var(--interface);color:var(--ardosia)}
.nomeados .conta{text-align:right;font:.7rem/1.3 var(--interface);color:var(--ardosia);white-space:nowrap}
.nomeados .conta b{display:block;font:600 1.05rem/1 var(--interface);color:var(--azul);font-variant-numeric:tabular-nums}
.cartao-corpo{padding:1.1rem 1.2rem}
.cartao h3{font-size:1.25rem;line-height:1.25}
.cartao.destaque h3{font-size:clamp(1.5rem,2.6vw,2.15rem)}
.cartao.destaque .topo{--tam:3.5rem;gap:.8rem}
.cartao .topo .quem{font-size:.7rem}
.credito-rosto{font:.67rem/1.5 var(--interface);color:var(--ardosia);margin:-.35rem 0 .4rem;overflow-wrap:anywhere}
.credito-rosto a{color:inherit}
.cartao .resumo{font-size:.96rem}
.cartao .meta{margin:.65rem 0}
.cartao .etiqueta-ia{font-size:.75rem}
.cartao-kicker{font:600 .68rem/1.4 var(--interface);text-transform:uppercase;letter-spacing:.08em;color:var(--destaque);margin:0 0 .55rem}
.cartao-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.1rem;margin-top:.3rem}
/* ligação para a «Visão equilibrada» da história, com a cor e o símbolo de «O que é comum» na página da história */
.ver-equilibrio{display:inline-flex;align-items:center;gap:.45rem;margin:.35rem 0;padding:.42rem .8rem;border-radius:999px;background:#EAF0F4;box-shadow:inset 0 0 0 1px #D3DFE8;color:#46667D;font:600 .85rem/1.3 var(--interface);text-decoration:none}
.ver-equilibrio:hover,.ver-equilibrio:focus-visible{background:#DCE6EE;color:#344F63}
.ver-equilibrio .icone{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.4}
/* os jornais contradizem-se (visão equilibrada v6, 8 nov 2026): areia, como «Onde as versões divergem» */
.fontes-divergem{display:inline-flex;align-items:center;gap:.45rem;margin:.35rem 0;padding:.42rem .8rem;border-radius:999px;background:#F6EEDF;box-shadow:inset 0 0 0 1px #E6D6B5;color:#7E6128;font:600 .85rem/1.3 var(--interface);text-decoration:none}
.fontes-divergem:hover,.fontes-divergem:focus-visible{background:#EEE1C8;color:#5E4719}
.fontes-divergem .icone{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.comparar-botao{display:inline-block;background:none;border:0;padding:.6rem 0;color:var(--destaque);font:600 .85rem/1.4 var(--interface);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.foto-editorial{margin:0;position:relative;background:var(--marfim)}
.foto-editorial>img{display:block;width:100%;height:14rem;object-fit:cover}
/* imagem do destaque (ilustração ou foto de lugar) na proporção 2:1 em que chega, inteira, sem faixa baixa que a cortava
   (Pedro, 2 nov 2026); as bandeiras ficam na faixa baixa */
.cartao.destaque:not(.com-protagonista):not(.com-retrato) .foto-editorial>img:not([src^="/bandeiras/"]){height:auto;aspect-ratio:2/1}
.foto-editorial.retrato>img{object-position:50% 40%}
/* retrato do protagonista do destaque (o líder que fala ou age no título): 2:1, como todas as imagens grandes (2 nov 2026) */
.cartao.destaque.com-protagonista .foto-editorial>img{height:auto;aspect-ratio:2/1;object-position:50% 40%}
@media(min-width:36.01rem){
 .cartao.destaque.com-retrato{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-self:stretch}
 .cartao.destaque.com-retrato .foto-editorial{display:flex;flex-direction:column}
 .cartao.destaque.com-retrato .foto-editorial>img{flex:1;height:auto;min-height:18rem}
}
.foto-editorial figcaption{font:.67rem/1.5 var(--interface);padding:.4rem .8rem;color:var(--ardosia);background:var(--marfim)}
.foto-editorial summary{cursor:pointer}
.foto-editorial figcaption p{margin:.4rem 0;overflow-wrap:anywhere}
.foto-editorial.gravada-visivel .foto-tipo{display:none!important}
.foto-editorial .foto-tipo{position:absolute;top:.65rem;left:.65rem;background:var(--azul);color:white;padding:.25rem .5rem;font:.65rem/1.5 var(--interface);border-radius:2px}
.comparacao{background:var(--branco);border:1px solid var(--linha);border-left:4px solid var(--destaque);border-radius:4px;padding:1.4rem;margin:1.6rem 0}
.comparacao h2{font-size:1.6rem;line-height:1.2}
.comparacao .sub{margin:.4rem 0 1rem;color:var(--ardosia);font-size:.85rem}
.comparacao h3{font-size:1.1rem;margin:.5rem 0}
.partilha{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.6rem 0 .9rem}.partilha-rotulo{font-size:.8125rem;color:var(--ardosia);margin-right:.15rem}
.partilha a,.partilha button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--linha);border-radius:999px;background:var(--branco);color:var(--azul);text-decoration:none;cursor:pointer}
.partilha a:hover,.partilha button:hover{border-color:var(--azul);color:var(--azul);text-decoration:none}.partilha svg{width:1rem;height:1rem;fill:currentColor;flex:none}
.partilha .partilha-copiar.copiado{background:var(--azul);border-color:var(--azul);color:var(--branco)}.partilha .nome{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:640px){.partilha a,.partilha button{width:2.5rem;height:2.5rem}}
.comparacao-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:1rem 0;padding:0}
.comparacao-lista li{padding:0 1rem;border-left:1px solid var(--linha);min-width:0}
.comparacao-lista li:first-child{border:0;padding-left:0}
.comparacao-lista small{display:block;font-size:.68rem;line-height:1.5;color:var(--ardosia);margin-bottom:.45rem}
.comparacao-lista .titulo-fonte{font:600 1.15rem/1.3 var(--editorial);display:block;margin-bottom:.6rem}
.comparacao-lista a{font-size:.8rem;color:var(--destaque)}
.comparacao .nota{font-size:.75rem;color:var(--ardosia)}
.comparacao .resumo{font-family:var(--editorial)}
.comparacao:focus{outline:2px solid var(--destaque);outline-offset:4px}
.abertura{padding-top:1.3rem;grid-template-columns:minmax(0,1fr) 20rem;gap:1.5rem}
.mapa-bloco h2{font-size:1.9rem}
.mapa-bloco .sub{font-size:1rem}
.regiao{max-height:38rem;overflow:auto}
.indice{background:var(--branco);border:1px solid var(--linha);border-radius:4px;padding:1.2rem;margin-top:1rem}
.indice h2{font-size:1.2rem}
.indice p{font-size:.77rem}
.indice .num{font-size:1.6rem}
.metodo{padding-top:1.5rem}
.metodo>h2{background:var(--azul);color:white;padding:1.1rem 1.3rem;font-size:1.7rem;margin-bottom:1rem;border-radius:3px}
.procura{padding:1.2rem 1.4rem;background:var(--branco);border:1px solid var(--linha);border-radius:4px;margin-top:1rem}
.painel-na-lista{list-style:none}
.resultados li.aberta a{color:var(--destaque)}
.rodape{margin-top:1rem}
.nota-editorial{margin-top:1rem;font-size:.78rem;color:var(--ardosia)}
.nota-editorial summary,.outras-fontes summary{cursor:pointer;padding:.5rem 0}
.outras-fontes{margin-top:.8rem;font-size:.85rem}
@media(max-width:62rem){
 .cartao{grid-column:span 3}.cartao.destaque{grid-column:span 6}
 /* em filas que se ajustam: um cartão que fique sozinho na última fila ocupa a largura toda, sem vazio ao lado; no máximo
    dois por fila, porque com a foto ao lado três ficavam com o texto apertado numa coluna estreita (25 out 2026) */
 .coluna-lado{grid-column:span 6;flex-direction:row;flex-wrap:wrap}.coluna-lado>.cartao{flex:1 1 24rem}
 /* foto mais larga quando o cartão fica sozinho a toda a largura; nos estreitos fica a miniatura de 7,5rem */
 .coluna-lado .cartao.com-foto{grid-template-columns:max(7.5rem,100% - 30rem) minmax(0,1fr)}
 .abertura{grid-template-columns:1fr}.regiao{max-height:none;overflow:visible}
 .comparacao-lista{grid-template-columns:1fr}.comparacao-lista li{padding:.9rem 0;border-left:0;border-top:1px solid var(--linha)}
 .comparacao-lista li:first-child{padding-top:0}
}
@media(max-width:36rem){
 .pagina{padding:0 1rem}

 .hist-cabeca h2{font-size:1.4rem}.historias>.sub{font-size:.72rem}
 .procura{padding:1rem}
 .cartoes{display:block}.cartao{margin-bottom:1rem}.cartao-corpo{padding:1rem}
 .coluna-lado{display:block}.nomeados{margin-bottom:1rem;padding:.9rem .9rem .3rem}
 .nomeados ul{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}
 .nomeados li{flex:0 0 9.5rem;scroll-snap-align:start}
 .nomeados .nomeado{text-decoration:none;flex-direction:column;align-items:flex-start;gap:.35rem;border:1px solid var(--linha);border-radius:4px;padding:.6rem;height:100%}
 .nomeados .conta{text-align:left}
 .cartao.destaque h3{font-size:1.55rem}.cartao h3{font-size:1.2rem}
 .cartao.destaque .topo{--tam:2.75rem}.foto-editorial>img{height:12rem}
 .cartao.com-foto:not(.destaque){display:grid;grid-template-columns:7rem minmax(0,1fr)}
 .cartao.com-foto:not(.destaque) .foto-editorial>img{height:7rem}
 .cartao.com-foto:not(.destaque) .cartao-corpo{padding:.7rem}
 .cartao.com-foto:not(.destaque) h3{font-size:1.05rem}
 .cartao.com-foto:not(.destaque) .foto-tipo{position:static;display:block;font-size:.55rem;border-radius:0;padding:.25rem}
 .cartao.com-foto:not(.destaque) figcaption{padding:.35rem;font-size:.6rem}
 .cartao.com-foto:not(.destaque):has(details[open]){display:block}
 .comparacao{padding:1rem;margin:1rem 0}.comparacao h2{font-size:1.4rem}
 .mapa-bloco h2{font-size:1.6rem}.metodo>h2{font-size:1.4rem}
 .indice{gap:1rem}.regiao{padding:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* rosto que leva à página da pessoa; ligação do painel do país para a página do país */
a.rosto{text-decoration:none}a.rosto:hover,a.rosto:focus-visible{box-shadow:0 0 0 2px var(--destaque)}
.pagina-pais{margin:.2rem 0 .4rem;font-size:.8125rem}
/* na pesquisa: pessoas e países com página própria, antes das manchetes */
.topicos{margin:0 0 1.2rem}.topicos ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.5rem}
.topicos a{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--linha);border-radius:4px;background:var(--branco);color:var(--azul);text-decoration:none}
.topicos a:hover,.topicos a:focus-visible{border-color:var(--azul)}.topicos a:hover b{text-decoration:underline;text-underline-offset:.18em}
.topicos .rosto{--tam:2.6rem}.topicos .rosto.pais{background:var(--marfim)}.topicos .rosto.pais img{object-fit:cover}
.topicos b{display:block;font:600 1rem/1.25 var(--editorial)}.topicos small{display:block;font:.75rem/1.3 var(--interface);color:var(--ardosia)}
.topicos .seta{margin-left:auto;color:var(--destaque)}

/* títulos em árabe, hebraico ou persa (cobertura alargada cob-3): direção do próprio texto */
[lang=ar],[lang=he],[lang=fa]{unicode-bidi:plaintext}

/* sugestões por baixo da caixa de pesquisa, enquanto se escreve: pessoas e países com página própria */
.pesquisa-topo form{position:relative}
.sugestoes{position:absolute;z-index:30;top:calc(100% + .3rem);left:0;right:0;margin:0;padding:.3rem;list-style:none;background:var(--branco);border:1px solid var(--linha);border-radius:4px;box-shadow:0 6px 18px rgba(29,43,52,.12)}
.sugestoes[hidden]{display:none}
.sugestoes-titulo{padding:.35rem .55rem .2rem;font:600 .7rem/1.3 var(--interface);letter-spacing:.06em;text-transform:uppercase;color:var(--ardosia)}
.sugestoes a{display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;border-radius:3px;color:var(--azul);text-decoration:none}
.sugestoes a:hover,.sugestoes [aria-selected="true"] a{background:var(--marfim)}
.sugestoes .rosto{--tam:2.2rem}.sugestoes .rosto.pais{background:var(--marfim)}.rosto.tema{display:inline-flex;align-items:center;justify-content:center;font:600 1rem/1 var(--editorial);color:var(--destaque)}.sugestoes .rosto.pais img{object-fit:cover}
.sugestoes b{display:block;font:600 .95rem/1.25 var(--editorial)}.sugestoes small{display:block;font:.75rem/1.3 var(--interface);color:var(--ardosia)}

/* montra das sondagens (24 out 2026, pedido do Pedro): entre as histórias e o observatório, rostos com a percentagem de
   quem aprova na sondagem mais recente (/js/montra-sondagens.js). Sem cor de destaque: azul, cinzento e a cor de cada partido.
   6 rostos: 6 colunas no computador e no tablet, 3 no telemóvel (duas filas cheias). */
.montra-sond{padding:1.6rem 0 1.8rem;border-bottom:1px solid var(--linha)}
.ms-cabeca{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;margin-bottom:1.1rem}
.ms-cabeca h2{font-size:1.65rem;margin:0}
.ms-cabeca p{flex:1 1 16rem;margin:0;font:.8125rem/1.45 var(--interface);color:var(--ardosia)}
.ms-ver,.ms-outros a{font:600 .875rem/1.3 var(--interface);color:var(--azul);text-decoration:none;white-space:nowrap}
.ms-ver:hover,.ms-outros a:hover{text-decoration:underline;text-decoration-color:var(--destaque);text-underline-offset:.2em}
.ms-lideres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.ms-lideres>li{min-width:0;display:flex}
.ms-lider{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;padding:1rem .6rem .8rem;border:1px solid var(--linha);border-radius:5px;background:var(--branco);color:var(--azul);text-decoration:none;transition:border-color .15s,transform .15s}
.ms-lider:hover,.ms-lider:focus-visible{color:var(--azul);border-color:var(--azul);transform:translateY(-2px)}
.ms-lider:hover .ms-quem b{text-decoration:underline;text-underline-offset:.18em}
.ms-lider .rosto{--tam:4.25rem;margin:.2rem 0 .55rem}
.ms-quem{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}
.ms-quem b{font:600 clamp(.8125rem,1.1vw,.9375rem)/1.25 var(--editorial)}
.ms-quem small{display:flex;align-items:center;gap:.3rem;max-width:100%;white-space:nowrap;font:.6875rem/1.3 var(--interface);color:var(--ardosia);margin-top:.1rem}
.ms-quem small span{overflow:hidden;text-overflow:ellipsis}.ms-quem small img{flex:none;width:1rem;height:.75rem;object-fit:cover;border-radius:1px;box-shadow:0 0 0 1px var(--linha)}
.ms-num{display:flex;flex-direction:column;align-items:center;margin-top:auto;padding-top:.45rem}
.ms-num b{font:700 1.75rem/1 var(--interface);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ms-num b i{font-style:normal;font-size:.55em;font-weight:600;margin-left:.05em;vertical-align:.45em}
.ms-num small{font:.6875rem/1.2 var(--interface);color:var(--ardosia);text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem}
.ms-votos small{color:#7A5F0E;font-weight:600}
.ms-fonte{font:.625rem/1.3 var(--interface);color:var(--ardosia);padding-top:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ms-outros{margin:.9rem 0 0}
/* triângulo junto da percentagem (24 out 2026): verde se subiu, vermelho se desceu, como em /sondagens e /partidos */
/* a variação num selo no canto de cima do cartão, sempre no mesmo sítio; o número fica centrado */
.ms-lider{position:relative}
.ms-tri{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.15rem;padding:.2rem .35rem;border-radius:3px;background:#F4F1EA;font:600 .75rem/1 var(--interface);white-space:nowrap}
.ms-tri.sobe{color:#1E7A46}.ms-tri.desce{color:var(--destaque)}.ms-tri.igual{color:var(--ardosia)}
/* o segundo bloco: o partido de cada líder (24 out 2026), com o símbolo no lugar do rosto e o líder em pequeno no fundo */
.ms-cabeca-partidos{margin:1.6rem 0 1rem}.ms-cabeca-partidos h3{font:600 1.25rem/1.25 var(--editorial);margin:0}
.ms-simbolo{flex:none;display:grid;place-items:center;width:4.25rem;height:4.25rem;margin:.2rem 0 .55rem;border-radius:50%;background:var(--branco);box-shadow:0 0 0 1px var(--linha)}
.ms-simbolo{overflow:hidden}.ms-simbolo img{max-width:72%;max-height:72%;width:auto;height:auto;object-fit:contain}
.ms-simbolo span{font:700 .9rem/1 var(--interface);color:var(--cor)}
.ms-chefe{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:1.65rem}
.ms-chefe img{flex:none;width:1.25rem;height:1.25rem;border-radius:50%;object-fit:cover}
@media(max-width:36rem){
 .ms-lideres{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
 .ms-lider{padding:.75rem .35rem .6rem}.ms-lider .rosto{--tam:3.4rem;margin-bottom:.4rem}.ms-simbolo{width:3.4rem;height:3.4rem;margin-bottom:.4rem}.ms-chefe img{display:none}.ms-chefe{min-height:0}
 .ms-quem b{font-size:.8125rem}.ms-quem small{font-size:.625rem}.ms-num b{font-size:1.45rem}.ms-tri{top:.35rem;right:.35rem;font-size:.625rem;padding:.15rem .25rem}.ms-num small{font-size:.5625rem;letter-spacing:.02em;white-space:nowrap}
}
/* Local | Mundo (24 out 2026): um só botão muda os dois blocos; ao lado, a lista dos outros países. Como as camadas do mapa */
.ms-escolha{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.ms-seg{display:inline-flex;border:1px solid var(--linha);border-radius:999px;padding:2px;background:var(--branco)}
.ms-seg button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font:500 .75rem/1 var(--interface);letter-spacing:.03em;color:var(--ardosia);padding:.4rem .85rem;border-radius:999px}
.ms-seg button img{width:1rem;height:.75rem;object-fit:cover;border-radius:1px}
.ms-seg button:hover{color:var(--azul)}.ms-seg button:focus-visible,.ms-escolha select:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.ms-seg button[aria-pressed="true"]{background:var(--azul);color:#FFFFFF}
.ms-escolha select{font:500 .75rem/1.2 var(--interface);color:var(--ardosia);background:transparent;border:0;border-bottom:1px solid var(--linha);padding:.25rem 0;cursor:pointer;max-width:9rem}
.ms-sub{margin:-.4rem 0 1rem;font:.8125rem/1.45 var(--interface);color:var(--ardosia)}
/* menos de 6 cartões (um país sozinho): as colunas seguem o número, e 1 ou 2 ficam deitados (rosto à esquerda), sem buracos */
.ms-n-1{grid-template-columns:minmax(0,1fr)}.ms-n-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-n-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-n-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ms-n-1 .ms-lider,.ms-n-2 .ms-lider{flex-direction:row;text-align:left;gap:1rem;padding:1rem 1.25rem}
.ms-n-1 .ms-lider .rosto,.ms-n-2 .ms-lider .rosto,.ms-n-1 .ms-simbolo,.ms-n-2 .ms-simbolo{margin:0}
.ms-n-1 .ms-quem,.ms-n-2 .ms-quem{align-items:flex-start}
.ms-n-1 .ms-num,.ms-n-2 .ms-num{margin:0 0 0 auto;padding:0 2.5rem 0 0}
.ms-n-1 .ms-fonte,.ms-n-2 .ms-fonte{display:none}
@media(max-width:36rem){
 .ms-n-2{grid-template-columns:minmax(0,1fr)}.ms-n-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ms-n-1 .ms-num,.ms-n-2 .ms-num{padding-right:0}.ms-n-1 .ms-lider,.ms-n-2 .ms-lider{padding:.9rem 1rem 1.6rem}
 .ms-n-1 .ms-tri,.ms-n-2 .ms-tri{top:auto;bottom:.35rem}
}
/* candidatos presidenciais (24 out 2026): a etiqueta no canto do cartão e o «frente a frente» da 2.ª volta */
.ms-etiqueta{font:600 .5625rem/1 var(--interface);letter-spacing:.08em;text-transform:uppercase;color:var(--azul);background:#F4F1EA;border:1px solid var(--linha);border-radius:999px;padding:.25rem .5rem;white-space:nowrap}
.ms-quem .ms-etiqueta{margin-top:.4rem}
.ms-duelo{display:block;border:1px solid var(--linha);border-radius:5px;background:var(--branco);color:var(--azul);text-decoration:none;padding:1rem 1.25rem 1.1rem;transition:border-color .15s,transform .15s}
.ms-duelo:hover,.ms-duelo:focus-visible{border-color:var(--azul);transform:translateY(-2px)}
.ms-duelo-cabeca{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;font:.8125rem/1.3 var(--interface)}
.ms-duelo-cabeca b{font-weight:600}.ms-falta{color:var(--ardosia)}
.ms-duelo-lados{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:.9rem 0 .8rem}
.ms-lado{display:flex;align-items:center;gap:1rem;min-width:0}.ms-lado.ms-direita{flex-direction:row-reverse;text-align:right}
.ms-lado .rosto{--tam:4.25rem;flex:none}
.ms-lado .ms-quem{align-items:flex-start}.ms-direita .ms-quem{align-items:flex-end}
.ms-lado .ms-quem small img{width:auto;height:.9rem;box-shadow:none;border-radius:0}
.ms-lado .ms-num{margin:0 0 0 auto;padding:0}.ms-direita .ms-num{margin:0 auto 0 0}
.ms-lado .ms-tri{position:static;margin-top:.3rem}
.ms-vs{font:400 1.5rem/1 var(--editorial);color:var(--ardosia)}
.ms-barra{display:flex;height:.5rem;border-radius:999px;overflow:hidden;gap:2px;background:var(--linha)}
.ms-barra span{display:block;height:100%;opacity:.85}
.ms-duelo .ms-fonte{display:block;text-align:center;padding-top:.5rem}
@media(max-width:36rem){
 .ms-duelo{padding:.9rem .8rem 1rem}.ms-duelo-lados{gap:.4rem}.ms-lado{flex-direction:column;gap:.4rem;text-align:center}.ms-lado.ms-direita{flex-direction:column;text-align:center}
 .ms-lado .ms-quem,.ms-direita .ms-quem{align-items:center}.ms-lado .ms-num,.ms-direita .ms-num{margin:0}.ms-lado .rosto{--tam:3.4rem}
}
@media(prefers-reduced-motion:reduce){.ms-lider{transition:none}.ms-lider:hover{transform:none}}
/* partilhar a montra (24 out 2026, pedido do Pedro): os ícones das redes e «Imagem» por baixo de cada cabeçalho; em cada
   cartão, um botão discreto no canto (o selo ▲▼ fica no outro); o menu dos formatos da imagem (story, publicação, larga) */
.montra-sond{position:relative}
.ms-partilhar{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:0;border-radius:999px;background:transparent;color:var(--ardosia);font:500 .8125rem/1.2 var(--interface);cursor:pointer;transition:background .15s,color .15s}
.ms-partilhar svg{width:.95rem;height:.95rem;fill:currentColor}
.ms-partilhar:hover,.ms-partilhar[aria-expanded="true"]{background:#F4F1EA;color:var(--azul)}
.ms-partilhar:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.ms-lideres>li{position:relative}
.ms-cartao-partilha{position:absolute;top:.45rem;left:.45rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ardosia);opacity:.55;cursor:pointer;transition:opacity .15s,background .15s}
.ms-cartao-partilha svg{width:.95rem;height:.95rem;fill:currentColor}
.ms-cartao-partilha:hover,.ms-cartao-partilha:focus-visible,.ms-cartao-partilha[aria-expanded="true"]{opacity:1;background:#F4F1EA;color:var(--azul)}
.ms-cartao-partilha:focus-visible{outline:2px solid var(--azul);outline-offset:1px}
/* tablet (24 out 2026, Pedro): seis cartões estreitos, o botão e o selo ▲▼ tocavam no rosto; o rosto desce para baixo deles */
@media(min-width:36.01rem) and (max-width:64rem){.ms-lideres:not(.ms-n-1):not(.ms-n-2) .ms-lider{padding-top:2.35rem}.ms-lideres:not(.ms-n-1):not(.ms-n-2) .ms-lider .rosto,.ms-lideres:not(.ms-n-1):not(.ms-n-2) .ms-simbolo{margin-top:0}}
@media(max-width:640px){.ms-cartao-partilha{top:.2rem;left:.2rem;width:1.6rem;height:1.6rem}.ms-cartao-partilha svg{width:.85rem;height:.85rem}}
.ms-menu{position:absolute;z-index:20;width:min(19.5rem,100%);padding:.6rem;background:var(--branco);border:1px solid var(--linha);border-radius:6px;box-shadow:0 8px 24px rgba(29,43,52,.14)}
.ms-menu-t{margin:.15rem .35rem .4rem;font:600 .6875rem/1.3 var(--interface);letter-spacing:.06em;text-transform:uppercase;color:var(--ardosia)}
.ms-menu [data-formato]{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.5rem .6rem;border:0;border-radius:4px;background:none;color:var(--azul);text-align:left;cursor:pointer}
.ms-menu [data-formato]:hover,.ms-menu [data-formato]:focus-visible{background:#F4F1EA}
.ms-menu [data-formato] b{font:600 .875rem/1.3 var(--interface)}.ms-menu [data-formato] small{font:.75rem/1.3 var(--interface);color:var(--ardosia)}
.ms-menu .partilha{margin:.1rem .3rem .3rem}
.ms-menu-estado{margin:.3rem .35rem 0;font:.75rem/1.4 var(--interface);color:var(--ardosia)}.ms-menu-estado:empty{display:none}
.ms-agora{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 .9rem;border:0;border-radius:999px;background:var(--azul);color:#FFFFFF;font:500 .8125rem var(--interface);cursor:pointer}
.ms-menu .partilha{gap:.3rem}.ms-menu .partilha a,.ms-menu .partilha button{width:2.2rem;height:2.2rem;min-height:0;padding:0;justify-content:center}
.montra-sond .so-icones a,.montra-sond .partilha.so-icones button{width:2.25rem;height:2.25rem;padding:0;justify-content:center}
.montra-sond .so-icones .nome{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* partilhar cada notícia (24 out 2026): o mesmo botão discreto, no fim das ações do cartão; o menu fica em #historias
   (os cartões cortam o que passa das bordas) */
#historias{position:relative}
.cartao-acoes .cartao-partilhar{margin-left:auto;margin-right:-.45rem}
/* Mundo | Portugal nos destaques (25 out 2026), à direita do título. Desde 2 nov 2026 (pedido do Pedro: «coloca as bandeiras
   em cada botão, deixa a seta», «tem de estar uniforme em todo o lado») tem o desenho da escolha de edição das secções
   (.nav-eco-ed em site/paginas.js): botões em pílula, a bandeira à esquerda e, em Portugal e Brasil, a seta à direita. */
.hist-cabeca{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem}
.hist-cabeca h2{margin:0}
.hist-vista{flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.hist-vista button,.hist-edicao,.hist-pais{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border:1px solid var(--linha);border-radius:999px;font:500 .8125rem/1.4 var(--interface);color:var(--ardosia);text-decoration:none;white-space:nowrap}
.hist-vista button[hidden]{display:none}
.hist-vista button:hover,.hist-edicao:hover,.hist-pais:hover,.hist-pais:focus-within{border-color:var(--ardosia);color:var(--azul)}
.hist-vista button:focus-visible,.hist-edicao:focus-visible,.hist-pais:focus-within{outline:2px solid var(--azul);outline-offset:2px}
.hist-vista button[aria-pressed="true"]{border-color:var(--tinta,#1A1A1A);color:var(--tinta,#1A1A1A);font-weight:600}
.hist-vista .bandeira{width:1rem;height:auto;margin:0;vertical-align:baseline}
.hist-edicao .seta{font-size:.75em;color:var(--destaque,#B03A2E)}
/* o país ao lado do Mundo: o nome é o botão; a seta abre a lista de países (um select por cima da seta, invisível) */
.hist-pais{position:relative;gap:.2rem}
.hist-pais .icone{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:1.6}
.hist-pais select{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:1rem;width:100%}
.hist-pais-texto[hidden]{display:none}
/* «No seu país»: por baixo dos destaques do Mundo, a primeira história do país de onde se acede */
.cartoes>.no-seu-pais{grid-column:1/-1;background:var(--branco);border:1px solid var(--linha);border-left:3px solid var(--azul);border-radius:4px;padding:.9rem 1.2rem}
.no-seu-pais .cartao-kicker{display:flex;align-items:center;gap:.4rem}
.no-seu-pais h3{margin:.25rem 0 .2rem;font-size:1.15rem}
.no-seu-pais h3 a{color:inherit;text-decoration:none}.no-seu-pais h3 a:hover{text-decoration:underline;text-underline-offset:.18em}
/* os mesmos círculos dos outros cartões (pessoas, partido, bandeira, instituição), no tamanho das histórias ao lado do destaque */
/* o anel das sondagens fica 5px por fora do círculo: espaço para ele não encostar à margem do cartão nem ao título (30 out 2026) */
.no-seu-pais .topo{--tam:2.4rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:.45rem 0 .3rem}.no-seu-pais .rostos{padding:5px 0 5px 5px}.no-seu-pais .topo>div{flex:1 1 8rem;min-width:0}
.no-seu-pais .rostos .rosto.com-selo+.rosto{margin-left:calc(var(--tam)*.24 + 2px)}
.no-seu-pais .meta{margin:0 0 .4rem;font:.75rem/1.45 var(--interface);color:var(--ardosia)}
.no-seu-pais-ver{all:unset;cursor:pointer;font:500 .75rem/1.4 var(--interface);color:var(--azul)}
.no-seu-pais-ver:hover{text-decoration:underline}.no-seu-pais-ver:focus-visible{outline:2px solid var(--azul);outline-offset:2px}


/* A comparação das setas fica legível também em ecrãs táteis. */
.ms-lideres>li{flex-direction:column}
.ms-variacao{display:block;padding:.4rem .25rem;font:400 .6875rem/1.4 var(--interface);color:var(--ardosia)}

/* Cada cartão ocupa a primeira linha; a nota fica na segunda, sem esticar os vizinhos. */
.ms-lideres>li{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}
.ms-lideres>li>.ms-lider{grid-row:1}
.ms-lideres>li>.ms-variacao{grid-row:2}
@supports not (grid-template-rows:subgrid){.ms-lideres>li{display:flex;flex-direction:column;align-self:start}.ms-lideres>li>.ms-lider{flex:none}}

/* Auditoria responsiva: reservar espaço para os controlos e evitar cartões estreitos. */
.ms-lideres:not(.ms-n-1):not(.ms-n-2) .ms-lider{padding-top:2.2rem}
.ms-quem b{overflow-wrap:anywhere}.ms-num{max-width:100%}.ms-num small{white-space:normal}
@media(min-width:36.01rem) and (max-width:64rem){.ms-lideres:not(.ms-n-1):not(.ms-n-2){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:36rem){.ms-lideres:not(.ms-n-1):not(.ms-n-2){grid-template-columns:repeat(2,minmax(0,1fr))}.ms-num small{font-size:.625rem}.ms-quem small{white-space:normal;text-align:center}}
@media(max-width:22rem){.ms-lideres:not(.ms-n-1):not(.ms-n-2){grid-template-columns:minmax(0,1fr)}}


/* Bandeiras são símbolos completos: o recorte fotográfico numa coluna estreita
   pode mostrar apenas a faixa central (Itália) ou apagar o emblema. */
.cartao.com-foto .foto-editorial>img[src^="/bandeiras/"]{object-fit:contain;object-position:center;background:var(--marfim);padding:.5rem;box-sizing:border-box}

/* Nota única para textos; os avisos de imagens continuam visíveis. */
.etiqueta-ia,.sigla-ia{display:none!important}
.nota-ia{font-size:.8125rem;line-height:1.5}
figure.imagem-ia{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
figure.imagem-ia>img{grid-area:1/1;min-width:0}
figure.imagem-ia>figcaption{grid-area:2/1}
figure.imagem-ia>span.foto-tipo{grid-area:1/1;position:relative!important;inset:auto!important;align-self:end;justify-self:end;z-index:1;margin:.5rem;max-width:calc(100% - 1rem);box-sizing:border-box;background:#1D2B34;color:#fff;padding:.25rem .5rem;font: .65rem/1.5 var(--interface);border-radius:2px}

/* O botão de partilha tem uma faixa própria por cima do retrato/símbolo. */
.ms-lideres>li>.ms-lider{padding-top:3rem!important}
.ms-lideres>li>.ms-cartao-partilha{top:.35rem;left:.35rem;width:2.5rem;height:2.5rem}
.nomeados .nomeado{row-gap:.65rem}
.cartao-acoes{column-gap:1.25rem;row-gap:.6rem}
/* sugestões da pesquisa: instituições (SNS, PSP, BCE…) com o símbolo inteiro sobre branco; «Procurar» com a lupa */
.sugestoes .rosto.instituicao{background:var(--branco)}.sugestoes .rosto.instituicao>img{object-fit:contain;padding:12%;border-radius:0}.sugestoes .rosto.instituicao.inteira>img{padding:0;border-radius:50%}.sugestoes .rosto.lupa{color:var(--ardosia)}