/* ===== Noticias - Carrusel ===== */

.noticias__carousel .noticias__imagen {
  height: 500px;          /* Altura uniforme */
  object-fit: cover;      /* Recorta sin deformar */
  border-radius: 10px;    /* Bordes redondeados */
}

.noticias__caption {
  background: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
  border-radius: 8px;
  padding: 1rem;
}

.noticias__caption-titulo {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}

.noticias__caption-texto {
  font-size: 1rem;
  color: #f1f1f1;
}

.noticias__indicadores button {
  background-color: #7c4dff; /* Color personalizado */
}

.noticias__control span {
  filter: invert(1); /* Hace los íconos blancos */
}

.card .img-container {
  width: 100%;
  height: 200px; /* ¡Esta es la altura fija que tienen las otras tarjetas! */
  overflow: hidden; /* Oculta lo que se salga del contenedor */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0; /* Fondo gris mientras carga */
  border-bottom: 1px solid #eee;
}

.card .img-container img,
.card .img-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ¡Esto recorta la imagen para que llene el espacio! */
}

/* Esto es para los videos 'embed' (YouTube) */
.card .img-container .ratio {
  width: 100%;
  height: 100%;
}