.banner.bg-image{
  width:100%;
  position:relative;
}

.imagen-fondo-container {
    aspect-ratio: 1600/550;
    background-image: var(--bg-desktop);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    max-width: 100%;
    min-height: 860px;
}

.fuera-view {
    bottom: unset!important;
    top: 0;
    position: fixed!important;
    padding: 20px 0;
    background: var(--green);
    z-index: 99 !important;
}

@media(max-width: 1310px) {

    .imagen-fondo-container {
        min-height: 730px;
    }

}

@media(max-width: 940px) {
  .fuera-view {
      bottom: unset !important;
      top: unset;
      position: relative !important;
      padding: inherit;
      background: unset;
  }

@media (max-width: 1110px) {
  .imagen-fondo-container { 
    width: 100%;
    aspect-ratio: 1 / 1;
    background-image: var(--bg-mobile, var(--bg-desktop)); /* fallback si no hay móvil */
  }
}