/* Veramundi · barra do topo numa só linha, fixa ao fazer scroll (22 out 2026), igual em todas as páginas.
   Logótipo à esquerda, menu ao centro, lupa e PT/EN à direita. Até 62rem o menu recolhe-se num botão.
   Comportamento em /js/barra.js. */
:root{--barra-altura:3.5rem}
html{scroll-padding-top:calc(var(--faixas-topo,var(--barra-altura)) + 2.9rem)}   /* + a faixa presa da «Última hora» ou das «Últimas» (9 nov 2026) */
.saltar{z-index:60}
.barra{position:sticky;top:0;z-index:50;background:var(--branco);border-bottom:1px solid var(--linha)}
.barra-dentro{position:relative;display:flex;align-items:center;gap:2rem;max-width:76rem;height:var(--barra-altura);margin:0 auto;padding:0 1rem}
/* marca (31 out 2026, pedido do Pedro): o lema deixou de disputar a linha com o menu e passa a viver por baixo do
   logótipo, como a divisa de um jornal. Cabe sempre, do telemóvel ao computador, e o menu fica com a largura toda. */
.barra .marca-barra{flex:none;display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0}
.barra .lema-barra{display:block;font:italic 400 .75rem/1 Georgia,'Times New Roman',serif;letter-spacing:.01em;color:var(--ardosia);white-space:nowrap}
.barra.sem-lema .lema-barra{display:none}
/* edições de país (1 nov 2026): o nome do país ao lado do logótipo, a mesma barra de veramundi.com */
.barra .marca-linha{display:flex;align-items:baseline;gap:.5rem;min-width:0}
.barra .edicao-barra{font:600 .75rem/1 var(--interface);letter-spacing:.08em;text-transform:uppercase;color:var(--destaque);white-space:nowrap}   /* último recurso, se nem assim couber (/js/barra.js) */
.barra .logotipo-editorial{flex:none;display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:-.065em;color:var(--azul);text-decoration:none}
.barra .logotipo-editorial span{color:#b33226}
.barra .logotipo-editorial:hover{color:var(--azul);text-decoration:none}
.barra nav{flex:1;display:flex;justify-content:center;align-items:stretch;gap:1.6rem;height:100%;min-width:0}
/* o menu em três famílias, separadas por um traço fino: ler (Notícias, Observatório), as secções do site (Política,
   Defesa, Economia) e as ferramentas (Comparar, Sobre). No menu recolhido do telemóvel os traços somem. */
.barra nav .menu-sep{flex:none;align-self:center;width:1px;height:1.1rem;margin:0 -.35rem;background:var(--linha)}
.barra nav a{display:flex;align-items:center;font:500 .875rem/1 var(--interface);color:var(--azul);text-decoration:none;white-space:nowrap;box-shadow:inset 0 -3px 0 transparent}
.barra nav a:hover{color:var(--azul);box-shadow:inset 0 -3px 0 var(--linha)}
.barra nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--destaque)}
.barra nav a:focus-visible{outline:2px solid var(--destaque);outline-offset:-2px}
/* grupos do menu (25 out 2026, pedido do Pedro, para o lema voltar a caber): «Política» junta as sondagens e as páginas do
   Governo de Portugal, «Sobre» junta o Sobre, o Método e o Arquivo. Abrem ao toque (/js/barra.js); sem JavaScript, ao passar ou focar. */
.barra .menu-grupo{position:relative;display:flex;align-items:stretch}
.barra .menu-grupo-botao{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:.25rem;cursor:pointer;font:500 .875rem/1 var(--interface);color:var(--azul);white-space:nowrap;box-shadow:inset 0 -3px 0 transparent}
.barra .menu-grupo-botao:hover{box-shadow:inset 0 -3px 0 var(--linha)}
.barra .menu-grupo.atual>.menu-grupo-botao{box-shadow:inset 0 -3px 0 var(--destaque)}
.barra .menu-grupo-botao:focus-visible{outline:2px solid var(--destaque);outline-offset:-2px}
.barra .menu-grupo-botao .seta{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.barra .menu-grupo.aberto .seta{transform:rotate(180deg)}
.barra .submenu{display:none;position:absolute;top:100%;left:-1rem;z-index:2;min-width:16rem;max-width:22rem;margin-top:1px;padding:.4rem 0;background:var(--branco);border:1px solid var(--linha);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 10px 24px rgba(29,43,52,.12);max-height:calc(100vh - var(--menu-topo,var(--barra-altura)) - 1rem);max-height:calc(100dvh - var(--menu-topo,var(--barra-altura)) - 1rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.barra .menu-grupo.aberto .submenu,.barra:not(.com-js) .menu-grupo:hover .submenu,.barra:not(.com-js) .menu-grupo:focus-within .submenu{display:block}
.barra .submenu a{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem 1rem;font:500 .875rem/1.3 var(--interface);box-shadow:none}
.barra .submenu a:hover{background:var(--marfim);box-shadow:none}
.barra .submenu a[aria-current]{box-shadow:inset 3px 0 0 var(--destaque)}
.barra .submenu small{display:block;margin-top:.1rem;font-weight:400;font-size:.75rem;color:var(--ardosia);white-space:normal}
/* ícone de cada ligação dos grupos, a traço como a lupa; o título e o subtítulo alinham ao lado */
.barra .submenu-icone{flex:none;width:1.125rem;height:1.125rem;margin-top:.05rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--ardosia)}
.barra .submenu a:hover .submenu-icone,.barra .submenu a[aria-current] .submenu-icone{color:var(--azul)}
.barra .submenu-texto{min-width:0;white-space:normal;overflow-wrap:anywhere}
.barra .submenu-titulo{display:block;padding:.6rem 1rem .2rem;font:600 .6875rem/1 var(--interface);letter-spacing:.06em;text-transform:uppercase;color:var(--ardosia)}
.barra .submenu-titulo~.submenu-titulo{margin-top:.3rem;padding-top:.7rem;border-top:1px solid var(--linha)}
.barra-acoes{flex:none;display:flex;align-items:center;gap:.6rem}
.barra-acoes button{all:unset;box-sizing:border-box;cursor:pointer}
.barra .lupa,.barra .menu-botao{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--azul)}
.barra .lupa:hover,.barra .menu-botao:hover,.barra.procura-aberta .lupa,.barra.menu-aberto .menu-botao{background:var(--marfim)}
.barra .lupa:focus-visible,.barra .menu-botao:focus-visible{outline:2px solid var(--destaque)}
.barra .lupa svg,.barra .menu-botao svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.barra .menu-botao{display:none}
/* línguas: PT EN, a ativa sublinhada a vermelho */
.barra .linguas{display:flex;gap:.1rem}
.barra .linguas a,.barra .linguas button{padding:.4rem .35rem;font:600 .8125rem/1 var(--interface);letter-spacing:.04em;color:var(--ardosia);text-decoration:none}
.barra .linguas a:hover,.barra .linguas button:hover{color:var(--azul)}
.barra .linguas [aria-pressed="true"],.barra .linguas [aria-current]{color:var(--azul);text-decoration:underline;text-decoration-color:var(--destaque);text-decoration-thickness:2px;text-underline-offset:.4em}
.barra .linguas :focus-visible{outline:2px solid var(--destaque)}
/* pesquisa: abre por baixo da barra, encostada à direita; as sugestões abrem por baixo da caixa */
.pesquisa-topo{display:none;position:absolute;top:100%;right:1rem;width:min(30rem,calc(100% - 2rem));margin-top:1px;padding:.75rem;background:var(--branco);border:1px solid var(--linha);border-top:0;border-radius:0 0 4px 4px;box-shadow:0 10px 24px rgba(29,43,52,.12)}
.barra.procura-aberta .pesquisa-topo{display:block}
.pesquisa-topo form{position:relative;display:flex;gap:.35rem}
.pesquisa-topo input{flex:1;min-width:0;width:auto;padding:.6rem .75rem;border:1px solid var(--linha);border-radius:4px;font:400 1rem/1.4 var(--interface);color:var(--azul);background:var(--branco)}
.pesquisa-topo input:focus{outline:2px solid var(--destaque);outline-offset:0;border-color:transparent}
.pesquisa-topo .botao{padding:.6rem .85rem;border:0;border-radius:4px;background:var(--azul);color:white;font:500 .875rem/1.4 var(--interface);cursor:pointer}
.pesquisa-topo .sugestoes{max-height:min(70vh,32rem);overflow:auto}
/* sem JavaScript (páginas do worker): sem lupa nem botão do menu; o menu fica visível */
.barra:not(.com-js) .lupa,.barra:not(.com-js) .menu-botao{display:none!important}
/* última hora: faixa vermelha por baixo da barra. Desde 9 nov 2026 (o Pedro: «quando eu faço scroll da página, a última
   hora […] e as últimas notícias acompanham também, ou seja, ficam fixas à barra superior») fica presa por baixo da barra
   (e da bolsa, nas páginas de Economia), tal como a «Últimas» e a do panorama das edições; --faixas-topo vem de /js/barra.js */
.ultima-hora,.ultimas,.ultima-hora-ed{position:sticky;top:var(--faixas-topo,var(--barra-altura));z-index:48}
.ultima-hora{background:var(--destaque);color:white}
.ultima-hora-dentro{display:flex;align-items:center;gap:.6rem;max-width:76rem;margin:0 auto;padding:.3rem .5rem .3rem 1rem;font:400 .875rem/1.4 var(--interface)}
/* até 3 notícias de cada vez (9 nov 2026): cada uma é a sua ligação, separadas por um ponto */
.ultima-hora a{color:white;text-decoration:none}
.ultima-hora-rotulo{flex:none}
.ultima-hora-sep{margin:0 .9rem;opacity:.7}
/* o texto desliza da direita para a esquerda, como um rodapé de televisão (9 nov 2026, pedido do Pedro: «coloca o texto da
   barra de última hora a ir da direita para a esquerda a deslizar»). A pista corta o que sai; o rolo começa encostado à
   direita (padding-left:100% da pista) e anda até sair todo pela esquerda. A duração vem de /js/barra.js (--uh-dur), para a
   velocidade ser a mesma em qualquer ecrã. Para ao passar o rato, ao focar com o teclado e enquanto o dedo está em cima;
   com «reduzir movimento» fica parado e corta com reticências. */
.uh-pista{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1rem),transparent)}
/* em contínuo, sem espaço vazio (9 nov 2026, o Pedro: «tem de ser seguido sem espaço em branco»): /js/barra.js repete o
   grupo de notícias até encher a pista e duplica tudo; o rolo anda metade do comprimento e recomeça sem salto. As cópias
   são aria-hidden e inert (o leitor de ecrã e o teclado só veem a primeira). */
.uh-rolo{display:inline-block;animation:uh-desliza var(--uh-dur,22s) linear infinite;will-change:transform}
@keyframes uh-desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* uma só notícia: entra pela direita (padding-left:100% da pista), sai toda pela esquerda e recomeça, sem repetições ao lado
   (9 nov 2026, o Pedro) */
.uh-rolo.uh-so{padding-left:100%;animation-name:uh-atravessa}
@keyframes uh-atravessa{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.uh-so .uh-grupo::after{content:none}
.uh-grupo::after{content:'•';margin:0 .9rem;opacity:.7}
.ultimas .uh-grupo::after{color:var(--destaque);opacity:1}
a:hover .uh-rolo,a:focus-visible .uh-rolo,a:active .uh-rolo,.uh-pista:hover .uh-rolo,.uh-pista:focus-within .uh-rolo,.uh-pista.parado .uh-rolo{animation-play-state:paused}
/* «Últimas»: quando não há «Última hora», as últimas notícias a deslizar no mesmo sítio, numa faixa clara (marfim, texto
   azul-escuro do site, o ponto vermelho da marca como separador). Sai quando aparece a «Última hora» (/js/barra.js). */
.ultimas{background:var(--marfim,#F5F2E9);color:var(--azul,#1D2B34);border-bottom:1px solid var(--linha,#D9DEE2)}
.ultimas-dentro{display:flex;align-items:baseline;gap:.75rem;max-width:76rem;margin:0 auto;padding:.4rem 1rem;font:400 .875rem/1.4 var(--interface)}
.ultimas-rotulo{flex:none;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--destaque)}
.ultimas a{color:inherit;text-decoration:none;font-weight:500}
.ultimas a:hover{text-decoration:underline;text-underline-offset:.2em}
.ultimas a:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
.ultimas time{font-variant-numeric:tabular-nums;color:var(--ardosia,#5B6670);font-weight:400;margin-right:.15rem}
.ultimas-sep{color:var(--destaque);margin:0 .9rem}
@media (prefers-reduced-motion:reduce){.uh-pista{text-overflow:ellipsis;-webkit-mask-image:none;mask-image:none}.uh-rolo{display:inline;animation:none}.uh-grupo[inert]{display:none}.uh-rolo.uh-so{padding-left:0}.uh-grupo::after{content:none}}
.ultima-hora a:hover b{text-decoration:underline;text-underline-offset:.2em}
.ultima-hora a:focus-visible,.ultima-hora button:focus-visible{outline:2px solid white;outline-offset:2px}
.ultima-hora-rotulo{font-weight:400;margin-right:.35rem}
.ultima-hora b{font-weight:600}
.ultima-hora-conta{margin-left:.5rem;opacity:.85;font-size:.8125rem;white-space:nowrap}
/* mais baixa (9 nov 2026, o Pedro: «muito espaço entre o lettering e o limite superior e inferior»): ~34 px em vez de ~50 */
.ultima-hora button{all:unset;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.5rem;cursor:pointer}
.ultima-hora svg{width:.9rem;height:.9rem;fill:none;stroke:white;stroke-width:2;stroke-linecap:round}
/* pulso da imprensa (/js/barra.js): linha fina e parada por baixo da barra, só contagens; não compete com a última hora */
.pulso{background:var(--branco);border-bottom:1px solid var(--linha);color:var(--ardosia);font:400 .8125rem/1.4 var(--interface)}
.pulso-dentro{display:flex;align-items:baseline;gap:.4rem 1.25rem;max-width:76rem;margin:0 auto;padding:.4rem 1rem;white-space:nowrap;overflow:hidden}
.pulso-rotulo{flex:none;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--azul)}
.pulso b{font-weight:600;color:var(--azul)}
.pulso-desde,.pulso-n{color:var(--ardosia)}
.pulso-imprensa,.pulso-nomeado{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pulso-abrir{margin-left:auto;flex:none;color:var(--azul);font-weight:500;text-decoration:none}
.pulso-abrir:hover{text-decoration:underline;text-decoration-color:var(--destaque);text-underline-offset:.25em}
.pulso-abrir:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
@media (max-width:62rem){.pulso-imprensa{display:none}}
/* no telemóvel o pulso vive dentro da montra escura do Observatório (página inicial), não por baixo da barra */
.sala .pulso{flex-basis:100%;order:5;margin:.6rem 0 .1rem;background:transparent;border:0;border-top:1px solid rgba(142,166,179,.35);border-bottom:1px solid rgba(142,166,179,.35);color:var(--sala-ardosia)}
.sala .pulso b{color:var(--sala-texto)}
.sala .pulso-rotulo{color:var(--luz)}
.sala .pulso-dentro{flex-wrap:wrap;gap:.1rem .75rem;padding:.45rem 0}
.sala .pulso-rotulo{width:100%}
.sala .pulso-desde,.sala .pulso-abrir,.sala .pulso-imprensa{display:none}
@media (max-width:62rem){
  .barra-dentro{gap:.75rem}
  .barra-acoes{margin-left:auto;gap:.25rem}
  .barra.com-js .menu-botao{display:inline-flex}
  /* menu recolhido: abre por baixo da barra, de ponta a ponta */
  .barra.com-js nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;margin-top:1px;flex-direction:column;align-items:stretch;gap:0;padding:.3rem 1rem .6rem;background:var(--branco);border-bottom:1px solid var(--linha);box-shadow:0 10px 24px rgba(29,43,52,.12)}
  /* o menu cabe sempre no ecrã e desliza por dentro (9 nov 2026): a altura conta a partir do fundo real da barra
     (--menu-topo, medido em barra.js; a faixa de cima empurra a barra para baixo no topo da página), com 100vh
     para os iPhone sem dvh e a margem da barra de gestos do iOS no fim */
  .barra.com-js.menu-aberto nav{display:flex;max-height:calc(100vh - var(--menu-topo,var(--barra-altura)));max-height:calc(100dvh - var(--menu-topo,var(--barra-altura)));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px))}
  .barra.com-js nav>*{flex-shrink:0}
  .barra.com-js nav a{padding:.85rem 0;font-size:1rem;border-top:1px solid var(--linha);box-shadow:none}
  .barra.com-js nav a:first-child{border-top:0}
  .barra nav .menu-sep{display:none}
  .barra.com-js nav a[aria-current]{box-shadow:inset 3px 0 0 var(--destaque);padding-left:.75rem}
  /* sem JavaScript: o menu desliza na horizontal, numa segunda linha */
  .barra:not(.com-js) .barra-dentro{flex-wrap:wrap;height:auto;padding-top:.6rem;row-gap:0}
  .barra:not(.com-js) nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto;height:2.6rem;scrollbar-width:none}
  /* grupos no menu recolhido: o botão é uma linha do menu e as ligações abrem por baixo, recuadas */
  .barra.com-js nav .menu-grupo{flex-direction:column;border-top:1px solid var(--linha)}
  .barra.com-js nav .menu-grupo-botao{justify-content:space-between;padding:.85rem 0;font-size:1rem;box-shadow:none}
  .barra.com-js nav .menu-grupo.atual>.menu-grupo-botao{box-shadow:none}
  .barra.com-js nav .submenu{position:static;min-width:0;max-width:none;max-height:none;overflow:visible;margin:0 0 .6rem;padding:0 0 0 .9rem;border:0;border-left:2px solid var(--linha);border-radius:0;box-shadow:none;animation:none}
  .barra.com-js nav .submenu a{padding:.6rem 0 .6rem .75rem;font-size:.9375rem;border-top:0}
  .barra.com-js nav .submenu a[aria-current]{padding-left:.75rem}
  .barra.com-js nav .submenu-titulo{padding:.6rem 0 .2rem .75rem;margin:0;border-top:0}
  /* sem JavaScript: as ligações dos grupos ficam soltas na linha que desliza */
  .barra:not(.com-js) nav .menu-grupo-botao,.barra:not(.com-js) nav .submenu-titulo,.barra:not(.com-js) nav small,.barra:not(.com-js) nav .submenu-icone{display:none}
  .barra:not(.com-js) nav .menu-grupo,.barra:not(.com-js) nav .menu-grupo .submenu{display:contents}
  .barra:not(.com-js) nav .submenu a{display:flex;align-items:center;padding:0;background:none}
}
@media (max-width:36rem){
  :root{--barra-altura:3.25rem}
  .barra .logotipo-editorial{font-size:1.4rem}
  .barra .marca-barra{gap:.25rem}
  .barra .lema-barra{font-size:.6875rem}
  .pesquisa-topo{left:0;right:0;width:auto;border-radius:0;border-left:0;border-right:0}
  .ultima-hora-dentro{padding:.3rem .25rem .3rem 1rem;gap:.25rem}
  .ultima-hora-rotulo{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}   /* na mesma linha: a faixa fica baixa */
  .ultima-hora-conta{display:none}
  .ultimas-dentro{padding:.35rem 1rem;gap:.5rem}
}
@media (prefers-reduced-motion:no-preference){.pesquisa-topo{animation:barra-abre .12s ease-out}}
@media (prefers-reduced-motion:no-preference) and (max-width:62rem){.barra.com-js nav{animation:barra-abre .12s ease-out}}
@keyframes barra-abre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* instalar como app (/js/instalar.js): só aparece onde o browser deixa instalar. Discreto, na cor das línguas,
   para não competir com a história principal: na barra no computador, no fim do menu no telemóvel. */
.barra .instalar{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border-radius:4px;font:500 .8125rem/1 var(--interface);color:var(--ardosia);cursor:pointer;white-space:nowrap}
.barra .instalar:hover{color:var(--azul);background:var(--marfim)}
.barra .instalar:focus-visible{outline:2px solid var(--destaque)}
.barra .instalar svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.barra nav .instalar{display:none}
/* sem espaço para o lema (/js/barra.js): os espaços apertam um pouco e o botão da barra fica só com o ícone; o texto continua para leitores de ecrã */
.barra.instalar-compacto .barra-dentro{gap:1.25rem}
.barra.instalar-compacto nav{gap:1.1rem}
.barra.instalar-compacto .instalar-barra{padding:.4rem}
.barra.instalar-compacto .instalar-barra span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:62rem){
  .barra .instalar-barra{display:none}
  .barra.com-js nav .instalar{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.85rem 0;border-top:1px solid var(--linha);font:500 1rem/1 var(--interface);color:var(--ardosia);cursor:pointer}
  .barra.com-js nav .instalar:focus-visible{outline:2px solid var(--destaque);outline-offset:-2px}
  .barra.com-js nav .instalar svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}
/* partilhar o site inteiro (/js/partilhar-site.js): no fim do menu do telemóvel e do tablet, como «Instalar app», e no rodapé */
.barra nav .partilhar-site{display:none}
@media (max-width:62rem){
  .barra.com-js nav .partilhar-site{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.85rem 0;border-top:1px solid var(--linha);font:500 1rem/1 var(--interface);color:var(--ardosia);cursor:pointer}
  .barra.com-js nav .partilhar-site:focus-visible{outline:2px solid var(--destaque);outline-offset:-2px}
}
.partilhar-site svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rodape .partilhar-site{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border:1px solid var(--linha);border-radius:999px;background:var(--branco);color:var(--azul);font:500 .8125rem/1 var(--interface);cursor:pointer;white-space:nowrap}
.rodape .partilhar-site:hover{border-color:var(--azul)}
.rodape .partilhar-site:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
.rodape .partilhar-site svg{width:.95rem;height:.95rem}
.partilhar-site-caixa{width:min(25rem,calc(100% - 2rem));padding:1.5rem 1.5rem 1.25rem;border:1px solid var(--linha);border-radius:8px;background:var(--branco);color:var(--azul);font:400 .9375rem/1.5 var(--interface);box-shadow:0 20px 50px rgba(29,43,52,.25)}
.partilhar-site-caixa::backdrop{background:rgba(29,43,52,.45)}
.partilhar-site-caixa img{display:block;border-radius:12px;margin-bottom:.75rem}
.partilhar-site-caixa h2{margin:0 0 .4rem;font:600 1.25rem/1.3 "Source Serif 4",Georgia,serif}
.partilhar-site-caixa p{margin:0 0 1rem;color:var(--ardosia)}
.partilhar-site-caixa .partilha{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1.25rem}
.partilhar-site-caixa .partilha a,.partilhar-site-caixa .partilha button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid var(--linha);border-radius:999px;background:var(--branco);color:var(--azul);text-decoration:none;cursor:pointer}
.partilhar-site-caixa .partilha a:hover,.partilhar-site-caixa .partilha button:hover{border-color:var(--azul)}
.partilhar-site-caixa .partilha svg{width:1.05rem;height:1.05rem;fill:currentColor;stroke:none}
.partilhar-site-caixa .partilha .partilha-copiar.copiado{background:var(--azul);border-color:var(--azul);color:var(--branco)}
.partilhar-site-caixa .partilha .nome{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.partilhar-site-caixa form{display:flex;justify-content:flex-end;margin:0}
.partilhar-site-caixa form button{padding:.6rem 1.1rem;border:0;border-radius:999px;background:var(--azul);color:white;font:500 .875rem/1 var(--interface);cursor:pointer}
.partilhar-site-caixa form button:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
.instalar-caixa{width:min(24rem,calc(100% - 2rem));padding:1.5rem 1.5rem 1.25rem;border:1px solid var(--linha);border-radius:8px;background:var(--branco);color:var(--azul);font:400 .9375rem/1.5 var(--interface);box-shadow:0 20px 50px rgba(29,43,52,.25)}
.instalar-caixa::backdrop{background:rgba(29,43,52,.45)}
.instalar-caixa img{display:block;border-radius:12px;margin-bottom:.75rem}
.instalar-caixa h2{margin:0 0 .4rem;font:600 1.25rem/1.3 "Source Serif 4",Georgia,serif}
.instalar-caixa p{margin:0 0 .75rem;color:var(--ardosia)}
.instalar-caixa ol{margin:0 0 1.25rem;padding-left:1.25rem}
.instalar-caixa li{margin:.35rem 0}
.instalar-partilhar{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.15em;fill:none;stroke:#0a84ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.instalar-caixa form{display:flex;justify-content:flex-end;margin:0}
.instalar-caixa button{padding:.6rem 1.1rem;border:0;border-radius:999px;background:var(--azul);color:white;font:500 .875rem/1 var(--interface);cursor:pointer}
.instalar-caixa button:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
/* sugestão para instalar (uma vez, /js/instalar.js): cartão pequeno no canto, branco e sem vermelho */
.instalar-sugestao{position:fixed;right:1rem;bottom:1rem;z-index:900;display:flex;align-items:flex-start;gap:.75rem;width:min(22rem,calc(100% - 2rem));padding:.9rem .6rem .9rem .9rem;background:var(--branco);color:var(--azul);border:1px solid var(--linha);border-radius:8px;box-shadow:0 10px 30px rgba(29,43,52,.16);font:400 .8125rem/1.45 var(--interface)}
.instalar-sugestao img{flex:none;border-radius:9px}
.instalar-sugestao-texto{flex:1;min-width:0}
.instalar-sugestao p{margin:0;color:var(--ardosia)}
.instalar-sugestao p b{display:block;margin-bottom:.1rem;font-weight:600;font-size:.875rem;color:var(--azul)}
.instalar-sugestao-botoes{display:flex;gap:.4rem;margin-top:.6rem}
.instalar-sugestao button{cursor:pointer;font:500 .8125rem/1 var(--interface)}
.instalar-sugestao .instalar-sim{padding:.5rem .9rem;border:1px solid var(--azul);border-radius:999px;background:var(--azul);color:white}
.instalar-sugestao .instalar-nao{padding:.5rem .7rem;border:0;border-radius:999px;background:none;color:var(--ardosia)}
.instalar-sugestao .instalar-nao:hover{color:var(--azul);background:var(--marfim)}
.instalar-sugestao-fechar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:-.4rem 0 0;padding:0;border:0;border-radius:50%;background:none;color:var(--ardosia)}
.instalar-sugestao-fechar:hover{background:var(--marfim);color:var(--azul)}
.instalar-sugestao-fechar svg{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.instalar-sugestao button:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
@media (max-width:36rem){.instalar-sugestao{left:.75rem;right:.75rem;bottom:.75rem;width:auto}}
@media (prefers-reduced-motion:no-preference){.instalar-sugestao{animation:instalar-entra .25s ease-out}}
@keyframes instalar-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Ecrãs estreitos: a marca e os quatro controlos têm de caber sem deslocação horizontal. */
@media(max-width:24rem){.barra-dentro{padding-inline:.75rem;gap:.375rem}.barra .logotipo-editorial{font-size:1.2rem}.barra .lema-barra{font-size:.625rem}.barra-acoes{gap:0}.barra .linguas a,.barra .linguas button{padding-inline:.3rem}}

/* ===== Layout novo (5 nov 2026, pedido do Pedro: «afinal gostei desta versão [a B]. Podias aplicar? Em todas as páginas,
   Brasil, Portugal, Mundo»). Por cima, a faixa escura com o nome e as edições (não fica fixa). A barra passa a azul com um
   fio vermelho por cima, o logótipo em bloco (VERA / MUNDI., sempre com o ponto), o menu em branco e, à direita, a lupa, as
   línguas, «Sondagens» e o botão vermelho «Última hora». Os submenus e o menu do telemóvel continuam brancos. ===== */
:root{--barra-altura:3.625rem}
/* Área Reservada dos autores (9 nov 2026, pedido do Pedro): desde a junção das duas faixas (9 nov 2026, «Simplificar o
   cabeçalho») vive à direita da barra, com o cadeado; abre um balão para entrar. Abaixo de 96rem fica só o cadeado (o lema tem de caber). */
.barra-reservada{position:relative;flex:none}
.barra-reservada>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;height:2.25rem;padding:0 .55rem;border-radius:4px;color:#fff;font:600 .78rem/1 var(--interface,Inter,Arial,sans-serif);white-space:nowrap;opacity:.85}
.barra-reservada>summary::-webkit-details-marker{display:none}
.barra-reservada>summary:hover,.barra-reservada[open]>summary{opacity:1;background:rgba(255,255,255,.14)}
.barra-reservada>summary:focus-visible{outline:2px solid #FFD86B;outline-offset:2px}
.barra-reservada>summary::before{content:"";flex:none;width:.85rem;height:.85rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9h-2zM9 7a3 3 0 0 1 6 0v2H9V7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9h-2zM9 7a3 3 0 0 1 6 0v2H9V7z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:96rem){.barra-reservada>summary>span{display:none}}
/* a barra não passa dos 76rem: acima de 96rem o texto «Área Reservada» empurrava o menu e o lema saía (11 nov 2026, pedido do
   Pedro). Quando o menu aperta (/js/barra.js), fica só o cadeado antes de o lema sair; o texto continua para leitores de ecrã. */
.barra.instalar-compacto .barra-reservada>summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.reservada-balao{position:absolute;top:calc(100% + .55rem);right:0;z-index:60;width:min(20rem,calc(100vw - 2rem));box-sizing:border-box;display:grid;gap:.7rem;padding:1rem;background:#fff;color:#1D2B34;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);font:400 .9rem/1.4 var(--interface,Inter,Arial,sans-serif);letter-spacing:normal;text-transform:none;white-space:normal}
.reservada-balao label{display:grid;gap:.25rem;font-weight:600}
.reservada-balao input{font:inherit;padding:.5rem .6rem;border:1px solid #c9ccd0;border-radius:6px;width:100%;box-sizing:border-box}
.reservada-balao button{font:inherit;font-weight:700;padding:.55rem;border:0;border-radius:6px;background:#1D2B34;color:#fff;cursor:pointer;text-align:center}
.reservada-balao a{color:#1f4e79;text-decoration:underline;font-size:.85rem}
/* no telemóvel não cabe na barra: passa para o fim do menu, como ligação para a página de entrada */
.barra nav .menu-reservada{display:none}
@media (max-width:36rem){.barra-reservada{display:none}.barra.com-js nav .menu-reservada{display:flex}}
.barra{background:var(--azul);border-top:3px solid var(--destaque);border-bottom:0}
/* o logótipo numa só linha, sem caixa, e o lema por baixo, em itálico pequeno (10 nov 2026, pedido do Pedro: «ideia 3»
   com o slogan; antes era o bloco VERA / MUNDI. com moldura branca e o lema ao lado) */
.barra .marca-barra{flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem}
.barra .lema-barra{display:block;max-width:none;color:rgba(255,255,255,.78);font:italic 400 .8rem/1.1 "Source Serif 4",Georgia,'Times New Roman',serif;white-space:nowrap}
.barra .logotipo-editorial{display:inline-block;padding:0;border:0;background:none;color:#fff;font:600 1.85rem/1 "Source Serif 4",Georgia,serif;letter-spacing:.015em;white-space:nowrap}
.barra .logotipo-editorial:hover{color:#fff}
/* folga entre o logótipo e o menu (11 nov 2026, pedido do Pedro: «o Veramundi está muito próximo das Notícias»): com o lema
   à vista não custa nada, porque o lema já é mais largo do que o logótipo */
.barra .marca-barra>.logotipo-editorial,.barra .marca-linha{margin-right:1.25rem}
/* ecrãs médios (11 nov 2026, pedido do Pedro: a etiqueta da edição ficava por baixo de «Notícias» e «Estados Unidos» encostava à lupa): entre o menu recolhido e a
   largura toda, o menu aperta os espaços e o botão das edições fica só com a bandeira (o nome continua no aria-label) */
@media (min-width:62.01rem) and (max-width:76rem){html body .barra.barra .barra-dentro{gap:1rem}html body .barra.barra nav{gap:.7rem}html body .barra.barra nav a,html body .barra.barra .menu-grupo-botao{font-size:.82rem}html body .barra.barra .menu-edicoes>.menu-grupo-botao>span{display:none}}
.barra .logotipo-editorial span{color:#E0584B}
/* o nome do país ao lado do logótipo saiu (5 nov 2026, pedido do Pedro: «só no topo da página chega»): a faixa escura já o marca */
.barra .edicao-barra{display:none}
.barra .marca-linha{align-items:center}
.barra nav a,.barra .menu-grupo-botao{color:#fff;font-weight:700;font-size:.9rem}
.barra nav a:hover{color:#FFD86B;box-shadow:inset 0 -3px 0 transparent}
.barra .menu-grupo-botao:hover{color:#FFD86B;box-shadow:inset 0 -3px 0 transparent}
.barra nav .menu-sep{background:rgba(255,255,255,.3)}
.barra .submenu a{color:var(--azul);font-weight:500;font-size:.875rem}
.barra .submenu a:hover{color:var(--azul)}
.barra .lupa,.barra .menu-botao{color:#fff}
.barra .lupa:hover,.barra .menu-botao:hover,.barra.procura-aberta .lupa,.barra.menu-aberto .menu-botao{background:rgba(255,255,255,.14)}
.barra .linguas a,.barra .linguas button{color:rgba(255,255,255,.7)}
.barra .linguas a:hover,.barra .linguas button:hover{color:#fff}
.barra .linguas [aria-pressed="true"],.barra .linguas [aria-current]{color:#fff}
.barra .instalar{color:rgba(255,255,255,.75)}.barra .instalar:hover{color:#fff;background:rgba(255,255,255,.12)}
@media (max-width:62rem){
  .barra.com-js nav a,.barra.com-js nav .menu-grupo-botao{color:var(--azul)}
  .barra.com-js nav a:hover,.barra.com-js nav .menu-grupo-botao:hover{color:var(--destaque)}
  .barra:not(.com-js) nav a{color:#fff}
}
@media (max-width:36rem){
  :root{--barra-altura:3.25rem}
  .barra .logotipo-editorial{font-size:1.3rem}
  .barra .marca-barra{gap:.15rem}
  .barra .lema-barra{font-size:.66rem}
}
@media (max-width:24rem){.barra .logotipo-editorial{font-size:1.12rem}.barra .lema-barra{font-size:.58rem}}
/* O conteúdo de todas as páginas no estilo B (5 nov 2026, pedido do Pedro: «consegues adaptar as páginas que os separadores
   dão acesso com o mesmo estilo? [...] tanto nas páginas do Brasil, como Portugal e Mundo»): fundo branco e títulos em Inter
   forte, como na página inicial. Fica aqui porque /css/barra.css entra em todas as páginas do site e das edições, depois do
   estilo próprio de cada uma; o texto corrido das notícias continua com a letra editorial. */
html body{background:#fff}
main :is(h1,h2,h3,h4){font-family:var(--interface,Inter,Arial,sans-serif)!important;letter-spacing:-.01em}
main h1{font-weight:800!important;letter-spacing:-.02em;line-height:1.1}
main :is(h2,h3){font-weight:800!important}
main h4{font-weight:700!important}
/* As outras páginas no desenho da página inicial B (5 nov 2026, o Pedro: «como podes aproximar as outras páginas à página
   principal?» e «sim»): a coluna da direita (sondagens e «Última hora»), a etiqueta grande sobre a foto, as linhas
   «JORNAL: título», o destaque das secções (Defesa, Economia, Temas) e a página da notícia. As mesmas medidas de
   site/montra-b.js. */
.pg-b{display:grid;grid-template-columns:minmax(0,1fr) 19.5rem;gap:2rem;align-items:start}
.pg-b>main{min-width:0}
.b-lado{min-width:0;display:flex;flex-direction:column;gap:1.6rem;margin:2rem 0 2rem;padding-left:2rem;border-left:1px solid var(--linha,#D9DEE2)}
.b-sond{border:1px solid var(--linha,#D9DEE2);border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(15,28,36,.06)}
.b-sond-topo{display:flex;align-items:center;gap:.9rem;background:linear-gradient(160deg,#25394A,var(--azul,#1D2B34) 60%);color:#fff;padding:1.3rem 1.1rem}
.b-logo-caixa{flex:none;display:inline-block;font:600 1.15rem/1 var(--editorial,Georgia,serif);letter-spacing:.015em;white-space:nowrap}.b-logo-caixa b{color:#E0584B}
.b-sond h2{margin:0;font:800 1.25rem/1.1 var(--interface,Inter,Arial,sans-serif);text-transform:uppercase;color:#fff}.b-sond h2 span{display:block;font:600 .72rem var(--interface,Inter,Arial,sans-serif);letter-spacing:.12em;color:#FFD86B;margin-top:.3rem}
.b-botao{display:block;margin:.9rem 1rem;text-align:center;background:var(--destaque,#B03A2E);color:#fff!important;font-weight:700;font-size:.88rem;padding:.65rem;border-radius:3px;text-decoration:none}.b-botao:hover{text-decoration:none;filter:brightness(1.1)}
.b-sond-lista{list-style:none;margin:0;padding:0}
.b-sond-lista li a{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.6rem 1rem;border-top:1px solid var(--linha,#D9DEE2);color:var(--azul,#1D2B34);text-decoration:none}.b-sond-lista li a:hover{background:var(--marfim,#F5F2E9);text-decoration:none}
.b-sond-lista .rosto{--tam:2.3rem;box-shadow:none}.b-sond-lista .rosto.instituicao{box-shadow:inset 0 0 0 1px var(--linha,#DCD6CC)}.b-sond-lista .rosto.instituicao img{width:80%}.b-sond-lista b{display:block;font-size:.88rem}.b-sond-lista small{display:block;font-size:.7rem;color:var(--ardosia,#5A6B78);line-height:1.3}.b-sond-lista .b-regime{color:#B03A2E;font-weight:600}
.b-sond-lista strong{font-size:1rem;color:#1E7B4F}.b-sond-lista .votos strong{color:#9A7A12}
.b-ultima{border-top:4px solid var(--destaque,#B03A2E);padding-top:.7rem}
.b-ultima h2{font:800 .9rem/1 var(--interface,Inter,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .3rem;color:var(--azul,#1D2B34)}
.b-ultima ol{list-style:none;margin:0;padding:0}.b-ultima li{padding:.65rem 0;border-bottom:1px solid var(--linha,#D9DEE2)}
.b-ultima .quando{display:block;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--destaque,#B03A2E);margin-bottom:.15rem}
.b-ultima a{font-size:.88rem;font-weight:600;line-height:1.35;color:var(--azul,#1D2B34);text-decoration:none}.b-ultima a:hover{text-decoration:underline;text-decoration-color:var(--destaque,#B03A2E)}
.b-ultima .ban{vertical-align:-1px}
.b-lado .todas{display:inline-block;margin-top:.8rem;font-size:.82rem;font-weight:700;border-bottom:1px solid var(--destaque,#B03A2E);text-decoration:none}
.b-etiqueta{position:absolute;left:.75rem;bottom:.75rem;z-index:2;max-width:calc(100% - 1.5rem);box-sizing:border-box;background:rgba(29,43,52,.92);color:#fff;font:800 1.5rem/1.1 var(--interface,Inter,Arial,sans-serif);text-transform:uppercase;letter-spacing:.01em;padding:.35rem .7rem;pointer-events:none}
.b-kicker{margin:0 0 .4rem;font:800 .78rem/1.2 var(--interface,Inter,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--destaque,#B03A2E)}
.b-cada{list-style:none;margin:.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.b-cada li{position:relative;padding-left:.9rem;font-size:.9rem;line-height:1.4;color:var(--azul,#1D2B34)}.b-cada li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--destaque,#B03A2E)}
.b-cada a,.pagina .b-cada a,.pagina .b-ultima a{color:inherit;text-decoration:none}.b-cada a:hover,.pagina .b-cada a:hover{text-decoration:underline;text-decoration-color:var(--destaque,#B03A2E)}
.b-cada b{font-weight:700}
/* secções: a primeira em destaque (foto à esquerda com a etiqueta, título enorme à direita, as linhas «JORNAL: título» por
   baixo) e as outras numa fila de cartões com a etiqueta sobre a foto */
.pagina .eco-destaques{display:block;margin:0 0 1.4rem}
.pagina .eco-coluna{display:block}
.pagina .eco-historia{border:0!important;border-radius:0;background:none;overflow:visible}
.pagina .eco-corpo{padding:0!important}
.pagina .eco-historia .foto-eco{position:relative}
.pagina .eco-historia figure:not(.imagem-ia) .foto-tipo{position:absolute!important;inset:auto!important;top:.5rem!important;left:.5rem!important;display:block}
.pagina .eco-historia.principal{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:1.1rem 1.4rem;align-items:start;padding-bottom:1.4rem;border-bottom:2px solid var(--linha,#D9DEE2)!important}
.pagina .eco-historia.principal:not(.com-foto){grid-template-columns:minmax(0,1fr)}
.pagina .eco-historia.principal>.b-cada{grid-column:1/-1}
.pagina .eco-historia.principal h3{font:800 2.1rem/1.08 var(--interface,Inter,Arial,sans-serif)!important;letter-spacing:-.02em;color:var(--azul,#1D2B34)}
.pagina .eco-historia.principal .foto-eco img{aspect-ratio:2/1!important;height:auto!important;min-height:0!important}
.pagina .eco-lado{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0;margin-top:1.4rem}
.pagina .eco-lado>.eco-historia{display:flex!important;flex-direction:column;padding:0 1.1rem 1rem}
.pagina .eco-lado>.eco-historia+.eco-historia{border-left:1px solid var(--linha,#D9DEE2)!important}
.pagina .eco-lado>.eco-historia:first-child{padding-left:0}.pagina .eco-lado>.eco-historia:last-child{padding-right:0}
.pagina .eco-lado .foto-eco{display:block!important}
.pagina .eco-lado .foto-eco img{flex:none!important;aspect-ratio:2/1!important;height:auto!important;min-height:0!important;width:100%}
.pagina .eco-lado .b-etiqueta{font-size:.95rem;padding:.3rem .55rem;left:.6rem;bottom:.6rem}
.pagina .eco-lado .eco-historia h3{margin:.8rem 0 .4rem;font:800 1.15rem/1.25 var(--interface,Inter,Arial,sans-serif)!important;color:var(--azul,#1D2B34)}
.pagina .eco-historia h3 a{color:inherit}
/* a página da notícia: o título grande, a foto 2:1 com a etiqueta e «O título em cada jornal» */
.h-b .h-rotulo{margin:1.8rem 0 .3rem}
.h-b .h-titulo{margin:0 0 .6rem;font:800 2.6rem/1.08 var(--interface,Inter,Arial,sans-serif)!important;letter-spacing:-.02em;color:var(--azul,#1D2B34)}
.h-b .foto-historia{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
.h-b .foto-historia>img{grid-area:1/1;min-width:0;border-radius:0}
.h-b .foto-historia>figcaption{grid-area:2/1}
.h-b .foto-historia>.b-etiqueta{grid-area:1/1;position:relative;left:auto;bottom:auto;align-self:end;justify-self:start;margin:.75rem}
.h-b .b-cada-rotulo{margin:1.4rem 0 .7rem;font:800 .9rem/1 var(--interface,Inter,Arial,sans-serif)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--azul,#1D2B34);padding-top:.7rem;border-top:4px solid var(--destaque,#B03A2E)}
.h-b .b-cada{margin-bottom:1.6rem;padding-bottom:1.4rem;border-bottom:2px solid var(--linha,#D9DEE2)}
@media (max-width:72rem){.pagina .eco-historia.principal h3{font-size:1.8rem!important}.h-b .h-titulo{font-size:2.25rem!important}}
@media (max-width:64rem){.pg-b{grid-template-columns:minmax(0,1fr);gap:0}.b-lado{margin-top:0;padding-left:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start}}
@media (max-width:52rem){.b-cada{grid-template-columns:1fr;gap:.6rem}.b-lado{grid-template-columns:1fr}
  .pagina .eco-historia.principal{grid-template-columns:minmax(0,1fr)}
  .pagina .eco-lado{grid-template-columns:1fr 1fr;column-gap:1.4rem}
  .pagina .eco-lado>.eco-historia,.pagina .eco-lado>.eco-historia+.eco-historia{padding:0 0 1.2rem;border-left:0!important}}
@media (max-width:40rem){.pagina .eco-lado{grid-template-columns:1fr}
  .pagina .eco-historia.principal h3{font-size:1.5rem!important}.h-b .h-titulo{font-size:1.7rem!important}.b-etiqueta{font-size:1.1rem}}
/* o destaque das secções igual ao da página inicial (5 nov 2026, o Pedro: «este vazio não pode existir», «vê como está na
   página principal e faz igual»): foto com a etiqueta, título, contagem, partilha e as três linhas dos jornais, sem o resumo
   ao lado; o tipo de imagem sai de cima da foto como na página inicial (a ilustração IA continua marcada) */
.pagina .eco-historia.principal.com-foto .eco-resumo{display:none}
.pagina .eco-historia.principal .eco-acoes{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 1.4rem}
.pagina .eco-historia figure:not(.imagem-ia) .foto-tipo{display:none!important}
.pagina .eco-historia.principal h3{font-size:2.2rem!important;line-height:1.06!important}
.pagina .eco-historia.principal.com-foto .topo .rostos{display:none}
@media (max-width:72rem){.pagina .eco-historia.principal h3{font-size:1.9rem!important}}
@media (max-width:40rem){.pagina .eco-historia.principal h3{font-size:1.6rem!important}}
/* a notícia principal das páginas de tema e da Economia com o título dentro da foto (11 nov 2026, o Pedro: «as letras é para
   estar dentro da foto de destaque em todas as paginas e edições»), como o destaque B (site/montra-b.js): a etiqueta a
   vermelho por cima, o sujeito a dourado, os selos em baixo à direita; sem foto, num painel escuro com os rostos ou as bandeiras */
.pagina .eco-historia.principal.com-titulo-foto{display:block!important}
.pagina .com-titulo-foto>.foto-eco{overflow:hidden;border-radius:4px;margin-bottom:.9rem}
.pagina .com-titulo-foto .eco-resumo{display:none}
.pagina .com-titulo-foto>.b-cada{margin-top:1rem}
.com-titulo-foto .b-tf{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:5rem 1.6rem 1.3rem;background:linear-gradient(to top,rgba(10,18,24,.9) 0%,rgba(10,18,24,.62) 55%,rgba(10,18,24,0) 100%);pointer-events:none}
.com-titulo-foto .b-tf-et{display:inline-block;margin-bottom:.55rem;font:800 .82rem/1 var(--interface,Inter,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#B03A2E;padding:.32rem .55rem;border-radius:3px}
.pagina .eco-historia.principal h3.b-titulo-foto{margin:0;padding-right:9.5rem;font:900 2.9rem/1.08 var(--interface,Inter,Arial,sans-serif)!important;letter-spacing:-.02em;color:#fff;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.pagina .eco-historia.principal h3.b-titulo-foto.t-m{font-size:2.55rem!important}.pagina .eco-historia.principal h3.b-titulo-foto.t-l{font-size:2.2rem!important}.pagina .eco-historia.principal h3.b-titulo-foto.t-xl{font-size:1.85rem!important}
.pagina .eco-painel h3.b-titulo-foto{padding-right:1rem}
.com-titulo-foto .b-titulo-foto a{color:#fff;pointer-events:auto;text-decoration:none}.com-titulo-foto .b-titulo-foto a:hover{color:#fff;text-decoration:underline;text-decoration-color:#FFD86B}
.com-titulo-foto .b-titulo-foto mark{background:#FFD86B;color:#0F1C24;padding:0 .16em;text-shadow:none;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.eco-painel{position:relative;aspect-ratio:2/1;background:linear-gradient(160deg,#25394A,var(--azul,#1D2B34) 65%)}
.eco-painel-rostos{display:flex;justify-content:center;padding-top:2.4rem}.eco-painel-rostos .rostos{display:flex!important;gap:.6rem}
.pagina .eco-historia.principal .eco-painel .rostos .rosto{--tam:6rem}.eco-painel .rosto.pais{background:#fff;overflow:hidden}.eco-painel .rosto.pais>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.eco-painel .b-tf{background:linear-gradient(to top,rgba(10,18,24,.55) 0%,rgba(10,18,24,0) 100%);padding-top:2rem}
@media (min-width:40.01rem) and (max-width:72rem){.pagina .eco-historia.principal h3.b-titulo-foto{font-size:2.4rem!important}.pagina .eco-historia.principal h3.b-titulo-foto.t-m{font-size:2.15rem!important}.pagina .eco-historia.principal h3.b-titulo-foto.t-l{font-size:1.9rem!important}.pagina .eco-historia.principal h3.b-titulo-foto.t-xl{font-size:1.6rem!important}}
@media (max-width:40rem){.pagina .com-titulo-foto>.foto-eco{border-radius:0;margin-left:-1rem;margin-right:-1rem}
 .pagina .eco-historia.principal.com-titulo-foto .foto-eco img,.eco-painel{aspect-ratio:3/2!important}.com-titulo-foto .b-tf{padding:3.2rem 1rem .9rem}.com-titulo-foto .b-tf-et{font-size:.7rem;margin-bottom:.4rem}
 .pagina .eco-historia.principal h3.b-titulo-foto,.pagina .eco-historia.principal h3.b-titulo-foto.t-m{font-size:1.45rem!important;padding-right:3.6rem}.pagina .eco-historia.principal h3.b-titulo-foto.t-l{font-size:1.25rem!important}.pagina .eco-historia.principal h3.b-titulo-foto.t-xl{font-size:1.1rem!important}
 .pagina .eco-historia.principal .foto-eco:has(.b-selos>:nth-child(2)) h3.b-titulo-foto{padding-right:6rem}.pagina .eco-historia.principal .foto-eco:has(.b-selos>:nth-child(3)) h3.b-titulo-foto{padding-right:8.6rem}
 .pagina .eco-painel h3.b-titulo-foto{padding-right:1rem}.eco-painel-rostos{padding-top:1.2rem}.pagina .eco-historia.principal .eco-painel .rostos .rosto{--tam:3.6rem}}
/* a notícia como o destaque da página inicial (5 nov 2026, «gostei mais deste layout»): a foto com a etiqueta à esquerda e o
   título grande, a contagem e a partilha à direita; no telemóvel, a foto em cima */
.h-lado .h-topo{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:1.4rem;align-items:start;margin-top:1.8rem}
.h-lado .h-topo .foto-historia{margin:0}
.h-lado .h-texto{min-width:0}
.h-lado .h-texto .h-titulo{font-size:2.3rem!important;line-height:1.06}
.h-lado .h-texto .h-titulo.t-longo{font-size:1.9rem!important}
@media (max-width:72rem){.h-lado .h-texto .h-titulo{font-size:1.9rem!important}}
@media (max-width:52rem){.h-lado .h-topo{grid-template-columns:minmax(0,1fr);gap:1rem}}
@media (max-width:40rem){.h-lado .h-topo .foto-historia{margin:0 -1rem}.h-lado .h-topo .foto-historia>figcaption{padding:0 1rem}.h-lado .h-texto .h-titulo{font-size:1.7rem!important}}
/* os separadores «Líderes» e «Partidos» da caixa das sondagens (6 nov 2026) */
.b-sond-abas{display:flex;gap:0;margin:.9rem 1rem 0;border:1px solid var(--linha,#D9DEE2);border-radius:999px;padding:3px}
.b-sond-abas[hidden],.b-aba[hidden]{display:none}
.b-aba{flex:1;border:0;background:none;border-radius:999px;padding:.45rem .6rem;font:700 .8rem/1 var(--interface,Inter,Arial,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--azul,#1D2B34);cursor:pointer}
.b-aba[aria-pressed="true"]{background:var(--azul,#1D2B34);color:#fff}
.b-aba:focus-visible{outline:2px solid var(--destaque,#B03A2E);outline-offset:2px}
.b-simbolo{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--cor,#1D2B34);overflow:hidden}
.b-simbolo img{max-width:74%;max-height:74%;width:auto;height:auto;object-fit:contain}.b-simbolo i{font:800 .62rem/1 var(--interface,Inter,Arial,sans-serif);font-style:normal;color:var(--cor,#1D2B34)}
.b-sond-partidos small{display:flex!important;align-items:center;gap:.3rem}
/* os separadores com ícones em vez das palavras (6 nov 2026) */
.b-aba{display:grid;place-items:center;padding:.35rem .6rem;--fundo-aba:#fff}.b-aba[aria-pressed="true"]{--fundo-aba:var(--azul,#1D2B34)}.b-aba svg{display:block}.b-aba[aria-pressed="true"] svg path[fill="#fff"]{fill:var(--azul,#1D2B34)}
/* a sigla do país de cada edição ao lado do logótipo (6 nov 2026; na barra desde 9 nov 2026, quando a faixa escura saiu) */
.barra .barra-sigla{flex:none;align-self:center;padding:.22rem .4rem;border-radius:3px;background:#B03A2E;color:#fff;font:800 .7rem/1 Inter,Arial,sans-serif;letter-spacing:.08em}
.barra .marca-linha:has(.barra-sigla){gap:.45rem}
/* os ícones de quem a notícia nomeia (6 nov 2026): selos por cima da foto, no canto de baixo à direita, e a linha «Na notícia» */
.b-selos{position:absolute!important;right:.6rem;bottom:.6rem;z-index:3;display:flex!important;flex-direction:row-reverse;flex-wrap:nowrap!important;align-items:center;margin:0!important;gap:0!important}
.b-selos>a{display:block;margin-left:-.55rem;line-height:0;text-decoration:none!important}.b-selos>a:last-child{margin-left:0}
.b-selos>:nth-child(n+4){display:none}
.b-selos>a>.rosto,.b-selos>.rosto{flex:none}
.b-selos .rosto{--tam:2.7rem;width:var(--tam)!important;height:var(--tam)!important;box-shadow:0 0 0 2.5px #fff,0 2px 8px rgba(0,0,0,.35)!important;background:#fff}
.b-dfoto .b-selos .rosto,.h-b .foto-historia .b-selos .rosto,.eco-historia.principal .b-selos .rosto{--tam:3.5rem}
.b-dfoto:has(.b-selos) .b-etiqueta,figure:has(.b-selos) .b-etiqueta{max-width:calc(100% - 13rem)}
/* nos cartões pequenos os selos ficam a cavalo no fundo da foto, para a etiqueta não ficar apertada */
.b-cfoto .b-selos,.eco-historia:not(.principal) .foto-eco .b-selos{bottom:-1.15rem;right:.5rem}
.b-cfoto .b-selos .rosto,.eco-historia:not(.principal) .foto-eco .b-selos .rosto{--tam:2.4rem}
.b-cfoto:has(.b-selos) .b-etiqueta,.eco-historia:not(.principal) .foto-eco:has(.b-selos) .b-etiqueta{max-width:calc(100% - 8.5rem)}
.b-cfoto:has(.b-selos)+h3{margin-top:1.45rem}
.eco-historia:not(.principal) .foto-eco:has(.b-selos){margin-bottom:1.3rem}
.foto-eco,.foto-historia{position:relative}
.pagina .eco-historia.com-foto .topo .rostos{display:none}
.b-na{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin:.8rem 0 .2rem}
.b-na-rot{font:800 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#B03A2E}
.b-na ul.pessoas{display:flex;flex-wrap:wrap;gap:.4rem .8rem;list-style:none;margin:0!important;padding:0!important}
.b-na ul.pessoas li{margin:0!important;padding:0!important;border:0!important}
.b-na ul.pessoas a,.b-na .entidade{display:inline-flex;align-items:center;gap:.4rem;font:600 .82rem/1.2 Inter,Arial,sans-serif;color:#1D2B34;text-decoration:none}
.b-na ul.pessoas a:hover{text-decoration:underline;text-decoration-color:#B03A2E}
.b-na .rosto{--tam:1.9rem}
/* no telemóvel no máximo dois balões na foto, para não taparem a etiqueta nem o título (12 nov 2026, Pedro) */
@media (max-width:40rem){.b-selos>:nth-child(n+3){display:none}}
@media (max-width:40rem){.b-selos .rosto{--tam:2.3rem}.b-dfoto .b-selos .rosto,.h-b .foto-historia .b-selos .rosto,.eco-historia.principal .b-selos .rosto{--tam:2.8rem}}
/* na página da notícia a legenda fica por baixo da foto (2:1): os selos ficam no canto da imagem, não na legenda */
.h-b .foto-historia{container-type:inline-size}.h-b .foto-historia .b-selos{bottom:auto;top:calc(50cqw - 4.3rem)}
@media (max-width:40rem){.h-b .foto-historia .b-selos{top:calc(50cqw - 3.5rem)}}
/* etiqueta «Ilustração gerada por IA» gravada no canto de baixo, à direita (/js/etiqueta-gravada.js põe .gravada-dir e --gravada-topo):
   os círculos sobem para cima dela (10 nov 2026) */
.gravada-dir .b-selos,.h-b .foto-historia.gravada-dir .b-selos{bottom:auto!important;top:calc(var(--gravada-topo) - .2rem)!important;transform:translateY(-100%)}
/* os cantos das fotos das notícias um pouco arredondados (6 nov 2026, pedido do Pedro) */
:is(.b-dfoto,.b-cfoto) figure.mf,:is(.b-dfoto,.b-cfoto) .mf-rostos{border-radius:8px;overflow:hidden}
.pagina .foto-eco>img,.pagina .foto-historia>img{border-radius:8px}
.b-etiqueta{border-radius:6px}
/* «Visão equilibrada» em todas as notícias que a têm, no estilo B (6 nov 2026) */
.b-equil{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;width:max-content;margin:.45rem 0 0;padding:.3rem .7rem;border-radius:999px;background:#EAF0F4;box-shadow:inset 0 0 0 1px #D3DFE8;color:#46667D;font:600 .8rem/1.3 var(--interface,system-ui,sans-serif);text-decoration:none}
.b-equil:hover,.b-equil:focus-visible{background:#DCE6EE;color:#344F63}
.b-equil svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.4}
.b-cartao .b-equil{margin-top:.35rem}
/* a etiqueta nunca fica mais estreita do que a palavra mais comprida («PARLAMENTOS»): o fundo cobre sempre as letras (6 nov 2026) */
.b-etiqueta{min-width:min-content}
.b-cfoto:has(.b-selos) .b-etiqueta,.eco-historia:not(.principal) .foto-eco:has(.b-selos) .b-etiqueta{max-width:calc(100% - 7rem)}
/* equilíbrio visual (6 nov 2026, o Pedro: «visualmente como equilibrarias melhor tudo?» → «sim» aos quatro pontos):
   1) cada fila de cartões acaba à mesma altura: a linha da contagem fica colada ao fundo do cartão;
   2) «Visão equilibrada» na mesma linha da contagem e da partilha (só o ícone quando o cartão é estreito);
   3) etiqueta mais pequena nos cartões pequenos, para a foto mandar;
   4) no destaque, as linhas «JORNAL: título» por baixo da foto, sem buraco à esquerda */
.b-cartao,.b-comp-texto,.pagina .eco-historia:not(.principal){display:flex;flex-direction:column}
.b-cartao>.com-p{margin-top:auto;padding-top:.2rem}
.b-cartao,.b-dtexto,.b-comp-texto{container-type:inline-size}
.com-p>.b-equil{margin:0 0 0 auto;align-self:center}
.com-p:has(>.b-equil){gap:.5rem}
@container (max-width:23.5rem){.com-p>.b-equil{box-sizing:border-box;width:34px;height:34px;padding:0;justify-content:center;flex:none}.com-p>.b-equil>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.b-cfoto+h3,.b-cfoto:has(.b-selos)+h3{margin-top:1.45rem}
.b-cartao .b-cfoto .b-etiqueta,.b-comp .b-cfoto .b-etiqueta{font-size:.74rem;padding:.25rem .5rem;letter-spacing:.02em}
.com-p .meta time{white-space:nowrap}
@media (min-width:52.01rem){
 .b-destaque{grid-template-rows:auto 1fr}
 .b-destaque>.b-dfoto{grid-column:1;grid-row:1}
 .b-destaque>.b-dtexto{grid-column:2;grid-row:1/span 2}
 .b-destaque>.b-cada{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:.7rem;margin-top:.4rem}
}
/* caixa das sondagens: por ordem de aceitação, com o triângulo verde/vermelho da variação, como antes (6 nov 2026) */
.b-sond-lista strong{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.b-tri{font-size:.72rem;font-weight:700;margin-top:.1rem;white-space:nowrap}.b-tri.sobe{color:#1E7B4F}.b-tri.desce{color:#B03A2E}
.b-tri.igual{color:#6B7A86}

/* Uma só faixa de navegação (9 nov 2026, pedido do Pedro: «Simplificar o cabeçalho [...] Daria maior destaque a Notícias,
   Comparar e Observatório»). As três à frente, mais fortes; as secções a seguir, mais leves; as edições no grupo «Edição ▾». */
.barra nav{gap:1.15rem}
@media (min-width:62.01rem){.barra-dentro{gap:1.25rem}}
.barra nav a.menu-forte{font-size:.98rem;font-weight:800;letter-spacing:-.005em}
.barra nav>a:not(.menu-forte),.barra nav>.menu-grupo>.menu-grupo-botao{font-weight:600;font-size:.86rem;color:rgba(255,255,255,.86)}
.barra nav>a:not(.menu-forte):hover,.barra nav>.menu-grupo>.menu-grupo-botao:hover{color:#FFD86B}
.barra .menu-edicoes>.menu-grupo-botao{gap:.4rem}
.barra .menu-edicoes.atual>.menu-grupo-botao{box-shadow:none}
.barra .menu-edicoes .submenu{min-width:13rem}
.barra .menu-edicoes .submenu a{align-items:center}
.barra .ed-ban{flex:none;width:18px;height:12px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.barra svg.ed-ban{width:15px;height:15px;border-radius:0;box-shadow:none;fill:none;stroke:currentColor;stroke-width:1.6}
@media (min-width:62.01rem) and (max-width:76rem){.barra nav{gap:.9rem}.barra-dentro{gap:1rem}}
@media (max-width:62rem){
  /* no menu do telemóvel: as três em destaque primeiro, a negrito; as edições no fim, abertas */
  .barra.com-js nav>a:not(.menu-forte),.barra.com-js nav>.menu-grupo>.menu-grupo-botao{color:var(--azul);font-size:1rem;font-weight:500}
  .barra.com-js nav a.menu-forte{font-size:1.05rem;font-weight:800}
  .barra.com-js nav .menu-edicoes .submenu{display:block}
  .barra.com-js nav .menu-edicoes>.menu-grupo-botao{display:none}
  .barra.com-js nav .menu-edicoes .submenu-titulo{display:block;padding:.85rem 0 .2rem .75rem;font-weight:700;color:var(--ardosia)}
  .barra.com-js nav .menu-edicoes .submenu a{gap:.6rem}
}
/* «Últimos dados políticos» (9 nov 2026, pedido do Pedro: a caixa juntava dados de datas diferentes e um resultado
   eleitoral sob «Sondagens de hoje»): cada linha diz o que é (aprovação, intenção de voto, resultado) e de quando. */
.b-tipo{display:inline-block;margin-top:.22rem;font:700 .62rem/1.2 var(--interface,Inter,Arial,sans-serif);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:#46707F}
.b-tipo-int{color:#5A6B78}
.b-tipo-res{color:#9A7A12}
.b-sond h2 span{text-transform:none;letter-spacing:.04em;font-size:.82rem}
/* no telemóvel a caixa pesa menos: sem o logótipo, cabeça baixa, cinco linhas e a ligação em texto */
@media (max-width:40rem){
  .b-lado .b-sond{box-shadow:none}
  .b-lado .b-sond .b-sond-topo{padding:.7rem 1rem;background:var(--azul,#1D2B34)}
  .b-lado .b-sond .b-logo-caixa{display:none}
  .b-lado .b-sond h2{font-size:.95rem;text-transform:none}.b-lado .b-sond h2 span{display:inline;margin:0;font-size:.95rem;font-weight:800;letter-spacing:0;color:#fff}
  .b-lado .b-sond .b-sond-abas{margin-top:.6rem}
  .b-lado .b-sond a.b-botao{order:9;margin:.4rem 1rem .8rem;padding:0;background:none;color:var(--destaque,#B03A2E)!important;text-align:left;font-size:.85rem;text-decoration:underline;text-underline-offset:.2em}
  .b-lado .b-sond{display:flex;flex-direction:column}
  .b-lado .b-sond-lista li a{padding:.45rem 1rem;gap:.6rem}
  .b-lado .b-sond-lista .rosto,.b-lado .b-simbolo{--tam:1.9rem;width:1.9rem;height:1.9rem}
  .b-lado .b-sond-lista li.b-extra{display:none}
}
/* «Notícias ▾» também em destaque, como Comparar e Observatório (10 nov 2026, junção do #909 com o menu do arquivo) */
.barra nav>.menu-grupo.menu-forte>.menu-grupo-botao{font-size:.98rem;font-weight:800;letter-spacing:-.005em;color:#fff}
@media (max-width:62rem){.barra.com-js nav>.menu-grupo.menu-forte>.menu-grupo-botao{font-size:1.05rem;font-weight:800;color:var(--azul)}}
/* ver ou ocultar a palavra-passe (9 nov 2026, /js/ver-palavra.js): o botão fica dentro do campo, à direita */
.palavra-campo{position:relative;display:block;min-width:0}
.palavra-campo input{width:100%;box-sizing:border-box;padding-right:4.6rem}
.palavra-campo button.ver-palavra{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);margin:0;padding:.3rem .55rem;border:0;border-radius:4px;background:transparent;color:#1f4e79;font:700 .8rem/1 var(--interface,Inter,Arial,sans-serif);letter-spacing:normal;text-transform:none;cursor:pointer;width:auto}
.palavra-campo input:focus,.palavra-campo input:focus-visible{outline:none;border-color:#1f4e79;box-shadow:none}
.palavra-campo button.ver-palavra:hover{background:rgba(31,78,121,.08)}
.palavra-campo button.ver-palavra:focus-visible{outline:2px solid #1f4e79;outline-offset:1px}
/* «Primeira vez? Criar a conta» no balão: pisca devagar para quem nunca entrou ver onde clicar (9 nov 2026, pedido do Pedro) */
.reservada-balao a.primeira-anima{display:block;text-align:center;font-weight:700;text-decoration:none;padding:.5rem;border:1px solid #b3261e;border-radius:6px;color:#b3261e;animation:primeira-pulsa 3s ease-out infinite}
.reservada-balao a.primeira-anima:hover{background:#b3261e;color:#fff}
@keyframes primeira-pulsa{0%{box-shadow:0 0 0 0 rgba(179,38,30,.22)}60%{box-shadow:0 0 0 6px rgba(179,38,30,0)}100%{box-shadow:0 0 0 0 rgba(179,38,30,0)}}
@media (prefers-reduced-motion:reduce){.reservada-balao a.primeira-anima{animation:none}}
/* avisos vermelhos do IPMA e do INMET na «Última hora» das edições (10 nov 2026): o título num rótulo branco com letra vermelha */
.ultima-hora a.uh-aviso b{background:#fff;color:#8E1B12;padding:1px 7px;border-radius:3px}