/* View Destaques — títulos e carrossel (ViewFotos.jsx, CarrosselNoticias.jsx). */

.portal .destaques__titulo{margin-bottom:var(--esp-4)}
.portal .destaques__abertura{margin-bottom:var(--esp-8)}
.portal .destaques__h2{margin-bottom:var(--esp-2)}
.portal .destaques__sub{margin-bottom:var(--esp-6);max-width:var(--largura-texto)}

.portal .carrossel__trilha{display:flex;gap:var(--esp-5);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;scroll-padding-inline:6px;padding:var(--esp-2) 6px var(--esp-4);margin:0 -6px;scrollbar-width:none}
/* Respiro interno (27/10/2026): o cartão sobe 2px e ganha sombra no hover sem ser cortado pela faixa. */
.portal .carrossel__trilha--animando{scroll-snap-type:none}
.portal .carrossel__trilha::-webkit-scrollbar{display:none}
.portal .carrossel__trilha:focus-visible{box-shadow:var(--foco-anel)}
.portal .carrossel__item{flex:0 0 300px;scroll-snap-align:start;display:flex}
.portal .carrossel__item>.cartao-noticia{flex:1}
.portal .carrossel__controles{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--esp-3);margin-top:var(--esp-4)}
.portal .carrossel__setas{display:flex;gap:var(--esp-2)}
/* Sem JS só as setas somem; o botão de ação (ex.: "Ver mais notícias") continua. */
.portal .carrossel:not(.carrossel--js) .carrossel__setas{display:none}
.portal .carrossel:not(.carrossel--js) .carrossel__controles:not(.carrossel__controles--acao){display:none}
.portal .carrossel:not(.carrossel--js) .carrossel__controles--acao{justify-content:flex-end}
.portal .carrossel__seta{display:inline-flex;align-items:center;justify-content:center;width:var(--alvo-toque);height:var(--alvo-toque);cursor:pointer;background:transparent;color:var(--cor-preto-ebano);border:var(--borda-media) solid var(--cor-preto-ebano);border-radius:var(--raio-1)}
.portal .carrossel__seta[data-dir="-1"] .icone{transform:rotate(180deg)}