/* Contenedor: mantiene el espacio en la celda de la tabla */
#banner-rotator {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 60px;    /* ALTURA FIJA solicitada */
  width: 100%;         /* se adapta al ancho del TD */
  line-height: 0;      /* elimina gaps con las imágenes inline */
  font-size: 0;        /* evita espacios blancos extra */
}

/* Items apilados: absolute para estar uno encima de otro */
#banner-rotator .rotator-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;        /* asegura que ocupen el espacio */
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.45s ease;
}

/* Item visible */
#banner-rotator .rotator-item.active {
  visibility: visible;
  opacity: 1;
}

/* Imagen dentro del banner: ocupa todo el contenedor */
#banner-rotator .rotator-item img {
  display: block;
  width: 100%;
  height: 60px;      /* cortar/estirar si no tienen exactamente 60px de alto */
  object-fit: cover; /* preserva aspecto, recorta si hace falta */
  border: 0;
  vertical-align: top;
}