/* =========================================================
   BANNER FINAL RMBC
   ========================================================= */

.rmbc_banner_fin {
  position: relative;

  width: 100%;
  min-height: 620px;

  margin: 0 !important;
  padding: 0 !important;

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  overflow: hidden;
  box-sizing: border-box;
}


/* =========================================================
   CONTENEDOR DE LA IMAGEN
   ========================================================= */

.rmbc_banner_fin > .image {
  position: relative;

  width: 100%;
  height: 620px;

  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  z-index: 2;
}


/* =========================================================
   FIELD ICONO
   ========================================================= */

.rmbc_banner_fin .field--name-field-icono {
  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  align-items: center;
  justify-content: center;
}


/* =========================================================
   IMAGEN CENTRAL
   ========================================================= */

.rmbc_banner_fin .field--name-field-icono img {
  display: block;

  width: auto;
  height: auto;

  max-width: 520px;
  max-height: 531px;

  margin: 0 auto;
  padding: 0;

  object-fit: contain;
}


/* =========================================================
   OCULTAR TEXT-UP VACÍO
   ========================================================= */

.rmbc_banner_fin > .text-up {
  display: none !important;
}


/* =========================================================
   1199 PX
   ========================================================= */

@media (max-width: 1199px) {

  .rmbc_banner_fin {
    min-height: 560px;
  }

  .rmbc_banner_fin > .image {
    height: 560px;
  }

  .rmbc_banner_fin .field--name-field-icono img {
    max-width: 470px;
    max-height: 480px;
  }
}


/* =========================================================
   991 PX
   ========================================================= */

@media (max-width: 991px) {

  .rmbc_banner_fin {
    min-height: 500px;
  }

  .rmbc_banner_fin > .image {
    height: 500px;
  }

  .rmbc_banner_fin .field--name-field-icono img {
    max-width: 420px;
    max-height: 430px;
  }
}


/* =========================================================
   MÓVIL - 767 PX
   ========================================================= */

@media (max-width: 767px) {

  .rmbc_banner_fin {
    min-height: 420px;

    background-position: center center;
  }

  .rmbc_banner_fin > .image {
    width: 100%;
    height: 420px;

    display: flex;

    align-items: center;
    justify-content: center;
  }

  .rmbc_banner_fin .field--name-field-icono {
    width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;
  }

  .rmbc_banner_fin .field--name-field-icono img {
    width: auto;

    max-width: 90%;
    max-height: 390px;

    height: auto;
  }
}


/* =========================================================
   CELULAR - 480 PX
   ========================================================= */

@media (max-width: 480px) {

  .rmbc_banner_fin {
    min-height: 350px;
  }

  .rmbc_banner_fin > .image {
    height: 350px;
  }

  .rmbc_banner_fin .field--name-field-icono img {
    max-width: 88%;
    max-height: 330px;
  }
}