@import "../media_multiples.css";

@media (max-width: 1299px) {
  /* banner 1299 */
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    width: 287px;
    right: -141px;
  }
}

@media (max-width: 1199px) {
  /* BANNER 1199 */
  .bannerSection .bannerSectionContainer .firstInfo .title {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 24px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    width: 232px;
    right: -117px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 140px;
    height: 118px;
    left: -202px;
    bottom: -11px;
  }
}

@media(max-width: 991px) {
  /* BANNER 992 */
  .bannerSection .bannerSectionContainer .firstInfo {
    margin-top: 30px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .btn_banner {
    display: none;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    width: 298px;
    height: 216px;
    bottom: -25px;
    right: 0;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 151px;
    height: 120px;
    left: unset;
    right: 147px;
  }
}

@media(max-width: 767px) {
  /* BANNER 767 */
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 22px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    width: 223px;
    height: 218px;
    right: -23px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 110px;
    height: 79px;
    right: 108px;
  }
  /* CARDS 767 */
  .cardsContainer {
    gap: 15px;
  }
  .cardsContainer .card-dispositivos {
    width: 247px;
  }

}

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

@media(max-width: 575px) {
  /* BANNER 575 */
  section.bannerSection {
    min-height: 460px;
  }
  .bannerSection .bannerSectionContainer .firstInfo {
    margin-top: 0;
  }
  .bannerSection .bannerSectionContainer .imgContainer {
    min-height: 228px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    width: 322px;
    height: 252px;
    right: 42px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 174px;
    height: 137px;
    right: 200px;
  }
  /* 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: 100%;
    max-width: 325px;
  }
}

@media(max-width: 450px) {
  /* BANNER 450 */
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 150px;
    height: 117px;
    right: 184px;
  }
}

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

@media(max-width: 376px) {
  /* BANNER 376 */
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    width: 266px;
    height: 219px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    width: 139px;
    height: 109px;
    right: 173px;
  }
}

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

@media(max-width: 350px) {
  /* BANNER 350 */
  .bannerSection .bannerSectionContainer .firstInfo .title {
    font-size: 18px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-1 {
    right: 0;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-mancheta {
    right: 142px;
  }
  /* SELECTORES 350 */
  .selectores .selector {
    min-width: 90px;
    padding: 10px;
  }
}

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