/* Contenedor del banner */
.spm-hero{
  display:block !important;
  margin-top: 16px;            /* sube/baja a gusto (0–24px) */
  overflow: visible !important;
}

/* Imagen del banner: que mande el alto y no se recorte */
.spm-hero img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit: contain !important;    /* evita cortes */
  object-position: center !important;
  max-height:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Si en vez de <img> lo usas como fondo del bloque: 
   agrega también esta clase al contenedor */
.spm-hero.is-bg{
  aspect-ratio: 4 / 1;               /* 4:1 exacto */
  min-height: 250px;                  /* 250–400px según gusto */
  background-size: contain;           /* usa 'cover' si prefieres llenar */
  background-position: center;
  background-repeat: no-repeat;
}

/* Color de la Top Bar (barra superior) */

.theme-topbar {

  background-color: #0a3fff !important; /* Azul Spacemart */

  color: #ffffff !important;

}