/* =====================================

   NOTÍCIAS – ESTILO RANKING (CORES)

===================================== */

.news-rank-style {

  position: relative;

  padding: 100px 20px;

  min-height: 500px;



  background-image: url("../img/backgroundsessao2.png");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.news-rank-style::before {

  content: "";

  position: absolute;

  inset: 0;



  background:

    radial-gradient(circle at center,

      rgba(0, 0, 0, 0.26) 0%,

      rgba(0, 0, 0, 0.514) 65%,

      rgba(0, 0, 0, 0.596) 100%),

    linear-gradient(

      rgba(0, 0, 0, 0.473),

      rgba(0, 0, 0, 0.5)

    );



  z-index: 0;

  pointer-events: none; /* <<< ESSENCIAL */

}



.news-rank-style > * {

  position: relative;

  z-index: 1;

}







/* TÍTULO */

.news-rank-title {

  text-align: center;

  font-family: "Cinzel", serif;

  font-size: 32px;

  color: #d4af37;

  margin-bottom: 60px;

  text-shadow: 0 0 12px rgba(212,175,55,0.5);

}



/* GRID */

.news-rank-grid {

  max-width: 1100px;

  margin: auto;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 40px;

}



/* CARD */

.news-rank-card {

  border-radius: 18px;

  overflow: hidden;

  background: rgba(0, 0, 0, 0.65);

  border: 1px solid rgba(212,175,55,0.35);

  box-shadow:

    inset 0 0 40px rgba(0,0,0,0.9),

    0 0 25px rgba(0,0,0,0.8);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.news-rank-card:hover {

  transform: translateY(-6px);

  box-shadow:

    inset 0 0 40px rgba(0,0,0,0.9),

    0 0 35px rgba(212,175,55,0.35);

}



/* IMAGEM (IGUAL AO MODELO) */

.news-rank-image img {

  width: 100%;

  height: 260px;

  object-fit: cover;

  display: block;

}



/* CONTEÚDO */

.news-rank-content {

  padding: 26px;

}



/* DATA */

.news-date {

  display: block;

  font-size: 12px;

  color: #bfa76a;

  margin-bottom: 10px;

}



/* TÍTULO */

.news-rank-content h3 {

  font-family: "Cinzel", serif;

  font-size: 22px;

  color: #f0d58c;

  margin-bottom: 12px;

}



/* TEXTO */

.news-rank-content p {

  font-size: 14px;

  color: #cbbfa8;

  line-height: 1.6;

  margin-bottom: 22px;

}



/* BOTÃO (ESTILO RANKING) */

.news-rank-btn {

  display: inline-block;

  padding: 8px 26px;

  border-radius: 30px;

  background: linear-gradient(180deg, #f3c15f, #c9921f);

  color: #1a0f05;

  font-size: 13px;

  font-weight: bold;

  text-decoration: none;

  box-shadow: 0 0 15px rgba(212,175,55,0.5);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.news-rank-btn:hover {

  transform: scale(1.05);

  box-shadow: 0 0 25px rgba(212,175,55,0.8);

}



/* RESPONSIVO */

@media (max-width: 900px) {

  .news-rank-grid {

    grid-template-columns: 1fr;

  }



  .news-rank-image img {

    height: 220px;

  }



  .news-rank-title {

    font-size: 26px;

  }

}

/* ESTADO INICIAL (ANTES DE APARECER) */

.news-rank-card {

  opacity: 0;

  transform: translateY(40px);

  transition:

    opacity 1.2s ease,

    transform 1.2s ease;

}



/* QUANDO FICAR VISÍVEL */

.news-rank-card.show {

  opacity: 1;

  transform: translateY(0);

}



/* DELAY SUAVE ENTRE OS CARDS */

.news-rank-card:nth-child(1) {

  transition-delay: 0.2s;

}



.news-rank-card:nth-child(2) {

  transition-delay: 0.5s;

}