@import "../media_multiples.css";


@media (max-width: 1399px) {
  /* BANNER 1399 */
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 239px;
    left: -92px;
    bottom: 103px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .mancheta {
    left: -63px;
    top: 89px;
  }
}

@media (max-width: 1199px) {
  /* BANNER 1199 */
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 179px;
    left: -72px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .mancheta {
    position: absolute;
    min-width: 164px;
    top: 119px;
  }
  .bannerSection .bannerSectionContainer .imgContainer span {
    font-size: 12px;
  }
}

@media(max-width: 991px) {
  /* BANNER 992 */
  .bannerSection {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 58%, #398FF0 44%, #398FF0 100%);
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner,
  .bannerSection .bannerSectionContainer .imgContainer span {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo {
    width: fit-content;
    margin: auto;
  }
}

@media(max-width: 767px) {
  /* ofertaMovil 767 */
  .ofertaMovilSection .img {
    width: 255px;
    height: 135px;
  }
  .ofertaMovilSection .infoSection {
    padding: 0 14px;
  }
  .ofertaMovilSection .infoSection .descuento {
    font-size: 36px;
    padding: 0 8px;
  }
  .ofertaMovilSection .infoSection .descuento span {
    font-size: 20px;
  }
  .ofertaMovilSection .infoSection .info {
    font-size: 16px;
  }
}

@media(max-width: 620px) {
  /* BANNER 620 */
}

@media(max-width: 575px) {
  /* BANNER 575 */
  .ofertaMovilSection .img {
    background-size: cover;
    background-position-x: -64px;
    width: 176px;
    height: 140px;
  }
  .ofertaMovilSection .infoSection .descuento span,
  .ofertaMovilSection .infoSection .info span {
    display: none;
  }
  .ofertaMovilSection .infoSection .descuento span.movil {
    display: contents;
  }
}

@media(max-width: 450px) {
  /* BANNER 450 */
  .bannerSection .bannerSectionContainer .firstInfo {
    margin: 0;
  }
  .bannerSection .bannerSectionContainer .mainFormContainer .calculadoraSection {
    margin-top: 85px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .title {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .titlePromo {
    font-size: 22px;
  }
}

@media(max-width: 400px) {
  /* BANNER 400 */
  .ofertaMovilSection .img {
    width: 125px;
    background-position-x: -117px;
  }
  .ofertaMovilSection .img .mancheta {
    display: none;
  }
}

@media(max-width: 376px) {
  /* BANNER 376 */
  .bannerSection {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 59%, #398FF0 44%, #398FF0 100%);
  }
}

@media(max-width: 360px) {
}

@media(max-width: 350px) {
  .ofertaMovilSection .infoSection {
    padding: 0 10px;
  }
  .ofertaMovilSection .infoSection .info {
    font-size: 14px;
  }
}

@media(max-width: 330px) {
}