@import "../media_multiples.css";

@media (max-width: 1399px) {

}

@media (max-width: 1199px) {
  /* BANNER 1199 */
  .bannerSection .bannerSectionContainer .firstInfo .title {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 24px;
  }
  /* CARDS 1199 */
  .cardsContainer {
    gap: 32px;
  }
}

@media(max-width: 991px) {
  /* BANNER 992 */
  section.bannerSection {
    min-height: 350px;
  }
  .bannerSection .bannerSectionContainer .firstInfo {
    margin-top: 0;
  }
  .bannerSection .bannerSectionContainer .firstInfo .btn_banner {
    display: none;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 285px;
    height: 355px;
    left: unset;
    right: 0;
    bottom: -166px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 151px;
    height: 120px;
    left: unset;
    right: 147px;
  }
  .bannerSection .bannerSectionContainer .mainFormContainer .mainFormDispositivos {
    display: none;
  }

  /* AGILE TV SECTION */
  .agileTvSection .agile-tv-container .card-agile {
    max-width: 329px;
  }
}

@media(max-width: 767px) {
  /* BANNER 767 */
  section.bannerSection {
    min-height: 330px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 22px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 285px;
    height: 355px;
    left: unset;
    right: -87px;
    bottom: -166px;
  }
  section.entretenimientoSection {
    padding-left: 20px;
  }
  /* CARDS 767 */
  .cardsContainer {
    gap: 15px;
  }
  .cardsContainer .card-dispositivos {
    width: 247px;
  }

}

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

@media(max-width: 575px) {
  /* BANNER 575 */
  .bannerSection .bannerSectionContainer .firstInfo {
    margin-top: 0;
  }
  .bannerSection .bannerSectionContainer .imgContainer {
    min-height: unset;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 230px;
    height: 290px;
    left: unset;
    right: -60px;
    bottom: -165px;
    transform: rotate(342deg);
  }
  .bannerSection .bannerSectionContainer .firstInfo .ofertasTV {
    max-width: 253px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .ofertasTV .imgTV {
    gap: 11px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .ofertasTV .imgTV.top .img {
    height: 27px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .ofertasTV .imgTV.bottom .img {
    width: 51px;
    height: 28px;
  }
  /* SELECTORES 575 */
  .selectores .selector {
    min-width: 98px;
    padding: 10px 20px;
    margin: 4px;
    gap: 4px;
  }
  .selectores .selector .img {
    width: 30px;
    height: 30px;
  }
  /* CARDS 575 */
  .cardsContainer {
    gap: 32px;
  }
  .cardsContainer .card-dispositivos {
    width: 264px;
  }
}

@media(max-width: 450px) {
  /* BANNER 450 */
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 200px;
    height: 290px;
    right: -60px;
    bottom: -181px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo sup {
    top: -6px;
    font-size: 11px;
  }
}

@media(max-width: 400px) {
  /* BANNER 400 */
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 18px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .ofertasTV {
    max-width: 214px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .ofertasTV .imgTV.bottom .img {
    width: 43px;
    height: 24px;
  }
}

@media(max-width: 376px) {
  /* BANNER 376 */
  .bannerSection .bannerSectionContainer .firstInfo .img {
    width: 150px;
    height: 62px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    bottom: -193px;
  }

}

@media(max-width: 360px) {
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 16px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 170px;
  }
}

@media(max-width: 350px) {
  /* BANNER 350 */
  .bannerSection .bannerSectionContainer .firstInfo .title {
    font-size: 18px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 16px;
  }
  /* AGILE TV SECTION */
  .agileTvSection .agile-tv-container .card-agile .title {
    gap: 4px;
    padding: 11px 0 17px 0;
  }
  .agileTvSection .agile-tv-container .card-agile .title h3 {
    font-size: 18px;
  }
  .agileTvSection .agile-tv-container .card-agile .img-background {
    width: 80px;
    height: 66px;
  }
}

@media(max-width: 330px) {
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 15px;
  }
}