/* ================= BANNER ================= */
.banner {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff; /* fallback en caso de que no cargue la imagen */
  margin-top:45px;
}

.banner-img {
  width: 100%;
  height: 300px; /* altura fija */
}

.banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* la imagen cubre todo el contenedor, recortando si es necesario */
  display: block;
}