/* Estilos para as tags nas notícias de destaque */
.tag-container {
    position: relative;
    margin-right: 20px;
    display: inline-block; /* faixa limita à largura do texto */
}

.tag-link {
    text-decoration: none;
    pointer-events: none; /* Desabilita clique nas tags quando dentro do card principal */
}

.tag-text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: var(--pmw-color-blue);
    height: 34px;
    display: inline-block;
    position: relative; /* habilita z-index */
    z-index: 2;         /* texto acima da faixa */
}

.tag-underline {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 8px;
    background: #F79B22;
    z-index: 1;          /* faixa abaixo do texto */
    pointer-events: none; /* não intercepta cliques */
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 200ms ease-out, opacity 200ms ease-out;
}

/* Mostra a faixa quando houver hover no container ou no card */
.tag-container:hover .tag-underline,
.noticia-card-link:hover .tag-underline,
.noticia-h-card:hover .tag-underline {
    opacity: 1;
    transform: scaleX(1);
}

/* Garante texto sempre acima da faixa (sem aumentar espaço) */
.tag-container { position: relative; display: inline-block; }
.tag-text { 
  position: relative;
  z-index: 2;
}

.titulo-noticia-principal {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -0.04em;
    color: #111F3A;
    width: 100%;
    height: 72px;
    margin-top: 20px;
    transition: color 0.2s ease;
}

/* Ajuste para o cartão inteiro ser clicável */
.noticia-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    padding-top: 2.5vh;
}

.imagem-noticia-destaque {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.3 / 1;
    object-fit: cover;
}

/* Remover qualquer fundo/overlay no hover dos cards */
.noticia-card-link,
.noticia-card-link:hover,
.noticia-card-link:focus {
    background: transparent !important;
    text-decoration: none;
}

/* Efeito de hover para mudar cor do texto para o azul das tags */
.noticia-card-link:hover .titulo-noticia-principal,
.noticia-card-link:hover .titulo-noticia,
.noticia-card-link:hover .intro-text {
    color: #001CC9 !important; /* Usando a mesma cor das tags */
    transition: color 0.2s ease;
}

/* Garantir que não exista nenhum overlay azul em imagens */
.noticia-card-link .br-card::before,
.noticia-card-link:hover .br-card::before,
.noticia-card-link .card-content::before,
.noticia-card-link:hover .card-content::before {
    content: none !important;
    background: transparent !important;
    opacity: 0 !important;
}

/* Estilizar os textos de introdução para também mudarem de cor */
.intro-text {
    color: #333333;
    transition: color 0.2s ease;
}

/* Desabilitar cliques em botões dentro do card principal */
.noticia-card-link .br-button {
    pointer-events: none;
}

/* Garantir que o card principal capture todos os cliques */
.col-8 .noticia-card-link {
    position: relative;
    z-index: 1;
}

/* Desabilitar pointer events em elementos filhos do card principal */
.col-8 .noticia-card-link * {
    pointer-events: none;
}

/* Reabilitar apenas para o link principal */
.col-8 .noticia-card-link {
    pointer-events: all;
}

/* Ajuste este valor para o exato tom do texto das tags (.tag-text) */
:root {
  --tag-blue: #1351B4; /* ex.: azul gov.br; troque para o tom usado nas suas tags */
}

/* Destaque: faixa amarela somente quando o mouse passar sobre a própria tag */
.noticia-destaque .tag-underline {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left center;
    transition: none;
}

/* Exibe somente ao passar o mouse na tag (ou foco dentro da tag, se houver elementos focáveis) */
.noticia-destaque .tag-container:hover .tag-underline,
.noticia-destaque .tag-container:focus-within .tag-underline {
  opacity: 1;
  transform: scaleX(1);
}

/* Neutraliza regras que exibem todas as faixas ao hover do card/link */
.noticia-destaque .noticia-card-link:hover .tag-underline,
.noticia-destaque .noticia-card-link:focus .tag-underline {
  opacity: 0;
  transform: scaleX(0);
}

/* Efeito sutil nas imagens (destaque e lista lateral) */
.noticia-card-link img {
  transition: transform .25s ease, filter .25s ease;
  will-change: transform;
}

/* Destaque principal (quando for link) */
.noticia-card-link:hover .noticia-destaque .card-content img,
.noticia-card-link:focus-visible .noticia-destaque .card-content img {
  transform: scale(1.02);
  filter: saturate(1.03) brightness(1.02);
}

/* Destaque principal (quando NÃO for link) */
.noticia-destaque:hover .card-content img {
  transform: scale(1.02);
  filter: saturate(1.03) brightness(1.02);
}

/* Lista lateral (cards menores) */
.noticia-card-link:hover .br-card .card-content img,
.noticia-card-link:focus-visible .br-card .card-content img {
  transform: scale(1.02);
  filter: saturate(1.03) brightness(1.02);
}

/* Acessibilidade: reduz movimento */
@media (prefers-reduced-motion: reduce) {
  .noticia-card-link img {
    transition: filter .12s linear;
  }
  .noticia-card-link:hover .noticia-destaque .card-content img,
  .noticia-card-link:focus-visible .noticia-destaque .card-content img,
  .noticia-destaque:hover .card-content img,
  .noticia-card-link:hover .br-card .card-content img,
  .noticia-card-link:focus-visible .br-card .card-content img {
    transform: none;
    filter: brightness(1.03);
  }
}

@media (max-width: 1400px) {
  .col-rede-social{
    width: 33.33333333%;
  }

  .col-noticia-destaque{
    width: 66.66666667% !important;
    flex-direction: row !important; 
  }
}

/* Mostrar apenas as hashtags que cabem na tela */
.tags-nowrap {
  display: flex;
  flex-wrap: nowrap !important;
  overflow: hidden;
  white-space: nowrap;
  gap: 8px;
  position: relative;
}

.tags-nowrap > .tag-container {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.tags-nowrap .tag-text {
  white-space: nowrap;
}

/* No mobile, mostrar apenas a primeira tag com ellipsis */
@media (max-width: 575.98px) {
  .tags-nowrap {
    display: block;
    overflow: hidden;
  }
  
  .tags-nowrap > .tag-container:first-child {
    display: inline-block;
    max-width: 100%;
  }
  
  .tags-nowrap > .tag-container:not(:first-child) {
    display: none;
  }
  
  .tags-nowrap > .tag-container:first-child .tag-text {
    display: inline-block;
    max-width: 200px; /* limite dobrado para mobile */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .titulo-noticia-carrossel{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding: 0px 1rem 0 1rem;
    -webkit-box-orient: vertical;
    text-align: left;
    overflow: hidden;
  }
}

/* Opcional: efeito fade no final para indicar que há mais tags (apenas desktop) */
@media (min-width: 576px) {
  .tags-nowrap::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(to right, transparent, white);
    pointer-events: none;
    z-index: 1;
  }
}

/* Layout mobile: todas as notícias empilhadas igualmente */
@media (max-width: 767.98px) {
  /* Ocultar o layout de destaque no mobile */
  .noticias-destaque-desktop {
    display: none !important;
  }
  
  /* Mostrar layout mobile empilhado */
  .noticias-mobile-stack {
    display: block !important;
  }
  
  /* Ocultar hashtags no mobile */
  .noticia-mobile-tags,
  .tags-nowrap {
    display: none !important;
  }
  
  /* Estilo uniforme para todas as notícias no mobile */
  .noticia-mobile-card {
    margin-bottom: 20px;
  }
  
  .noticia-mobile-card .br-card {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
  }
  
  .noticia-mobile-card .card-content {
    padding: 0;
  }
  
  /* Imagem no mobile */
  .noticia-mobile-image {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
  }
  
  .noticia-mobile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
  }
  
  .noticia-card-link:hover .noticia-mobile-image img {
    transform: scale(1.02);
  }
  
  /* Conteúdo da notícia no mobile */
  .noticia-mobile-content {
    padding: 16px;
  }
  
  /* Título no mobile */
  .noticia-mobile-titulo {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #111F3A;
    margin: 0;
    transition: color 0.2s ease;
  }
  
  .noticia-card-link:hover .noticia-mobile-titulo {
    color: #001CC9;
  }
  
  /* Resumo no mobile */
  .noticia-mobile-resumo {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: 8px;
    margin-bottom: 0;
  }
}

/* Ocultar layout mobile por padrão (desktop) */
@media (min-width: 768px) {
  .noticias-mobile-stack {
    display: none !important;
  }
  
  .noticias-destaque-desktop {
    display: block !important;
  }
}

#carrosselNoticias .carousel-caption {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0; /* Garante que fique alinhado na base */
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 1rem;
}
.Background-seta{
    width: 30%;
    border-radius: 20%;
    background-color: rgba(0, 0, 0, 0.5);

}
.carousel-caption.d-none.d-md-block{
  display:none;
  color: rgb(247, 244, 244);
  p:first-letter{
    text-transform: uppercase;
  }
}
.titulo-inter.pt-4{
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    color: #111F3A
}