/* Estilos específicos de Novedades */
main { padding-bottom: 2rem; }

.carousel {
  margin: 1rem auto 2rem;
  max-width: 1100px;
}
.carousel-item > img {
  width:100%;
  aspect-ratio: 16 / 9;     
  object-fit: cover;         
  border-radius: 16px;
}

.seccion {
  max-width:1100px;
  margin: 0 auto;
  padding: 1.25rem 1rem;
}

.novedad {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
  margin: 3rem 0;
}

.novedad img {
  width: 100%;
  max-width: 420px;         
  aspect-ratio: 1 / 1;       
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

.novedad .texto {
  font-family: var(--font-titulo);
  font-size: clamp(18px, 2.6vw, 24px);
  line-height: 1.45;
}

@media (min-width: 900px) {
  .novedad { grid-template-columns: 420px 1fr; }
  /* Clase opcional para que una imagen vaya a la derecha y otra a la izquierda */
  .novedad:nth-child(even) { direction: rtl; }
  .novedad:nth-child(even) .texto { direction: ltr; }
}

hr.sep {
  border: none;
  height: 5px;
  background: #ccc;
  margin: 24px auto;
  max-width: 1100px;