/* Quitar márgenes/padding del contenedor superior */
.carousel,
.no-top-gap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Si .box-content mete espacio arriba, anúlalo solo aquí */
.box-content > .carousel {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Carrusel base (sin espacios extra) */
.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1100px;
  margin: 0;       /* sin margen en todo el bloque */
  padding: 0;      /* sin padding en todo el bloque */
}

.carousel-track {
  display: flex;
  will-change: transform;
  transition: transform 0.6s ease;
}

/* Slides a 100% ancho */
.carousel-slide {
  flex: 0 0 100%;
  min-width: 100%;
  display: block;
}

/* Quitar márgenes/padding del figure */
.carousel-figure {
  margin: 0;
  padding: 0;
}

/* Imagen: 100% ancho, 500px alto, recorte desde ARRIBA */
.carousel-figure img {
  width: 100%;
  height: 500px;         /* alto fijo */
  object-fit: cover;     /* recorta para llenar */
  object-position: top;  /* alinear arriba */
  display: block;
}

/* Quitar margen superior del caption para que pegue al borde si lo deseas */
.carousel-caption {
  margin: 0 0 0.75rem 0;  /* sin margen top */
  font-size: 0.95rem;
  line-height: 1.35;
}

/* Por si quedaron flechas o dots en el DOM */
.carousel-btn, .carousel-dots { display: none !important; }