.novidades-grid{
    display:grid;

}

@media (max-width:768px){

.novidades-grid{
    grid-template-columns:1fr;
}
}

/*----HERO PAGINA----*/

.hero-novidades{
    margin-bottom:20px;
    position:relative;
    height:440px;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
}

.hero-novidades .container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.hero-novidades-content{
    position:relative;
    z-index:2;
    color:white;
}

.hero-novidades::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.85)
    );
}

.company-intro{
padding:25px 0 40px 0;
}

.company-intro p{
font-size:17px;
color:#aaa;
max-width:800px;
line-height:1.6;
font-weight:500;
}

.company-intro strong{
color:#fff;
font-weight:600;
}

.novidades-data {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.05);
}


.novidades-item {
  background: #1a1a1a;                 /* fundo cinzento */
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: border 0.25s ease, transform 0.25s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.novidades-item:hover {
  border: 1px solid #ff7a00;
  transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.4);
}

/* ===== GRID ===== */
.novidades-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  align-items: stretch;
}

@media (max-width: 1024px) {
  .novidades-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .novidades-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== CONTEÚDO ===== */
.novidades-info {
  padding: 1.2rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
    flex: 1;
}

/* categoria */
.novidades-categoria {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #888;
}

/* título */
.novidades-info h3 {
  color: #ff7a00;
  font-size: 1rem;
  font-weight: 600;
}

/* texto */
.novidades-info p {
  color: #aaa;
  font-size: 0.9rem;
}

/* ===== IMAGEM e VIDEO===== */
.novidades-item img,
.novidades-item video {
  width: 100%;
  height: 220px;
  object-fit: cover;
  background-color: #111;
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  display: block;
}

.media-wrapper {
  position: relative;
  width: 100%;
  height: 220px;   /* IMPORTANTE: fixa altura */
  overflow: hidden;
}

/* vídeo */
.media-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.overlay-25 {
  position: absolute;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 70%;
  max-width: 180px;
  height: auto !important;

  object-fit: contain;

  opacity: 0;
  transition: opacity 0.6s ease;

  pointer-events: none;
  z-index: 2;

  background: none !important;   /* 👈 remove fundo */
  padding: 0 !important;         /* 👈 remove caixa */
}