@import "../media_multiple.css";

@media (min-width: 1500px) {}

@media (min-width: 1400px) {
}

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

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

@media (max-width: 1400px){
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    gap: 40px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .img-flash {
    width: 224px;
    height: 65px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 398px;
    height: 180px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img {
    width: 576px;
  }
}

@media (max-width: 1200px){
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .img-flash {
    width: 194px;
    height: 55px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .promo {
    font-size: 22px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .promo-gratis {
    font-size: 60px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 242px;
    height: 111px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img {
    width: 470px;
  }
}

@media (max-width: 1024px) {
  .bubble-chatbot {
    bottom: 105px;
  }
  .chatbot-banner .chatbot-banner-container {
    bottom: 190px;
  }
}

@media (max-height: 800px) {}

@media (max-width: 991px) {
  /* BANNER 991 */
  .bannerSection .bannerSectionContainer .firstInfo {
    width: 100%;
  }
  .bannerSection .bannerSectionContainer .firstInfo h1 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .img-flash {
    display: none;
  }
  .bannerSection .bannerSectionContainer .mainFormContainer {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    flex-direction: column;
    justify-content: center;
    width: fit-content;
    margin: auto;
    gap: 24px;
    height: fit-content;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos-mobile {
    display: block;
    width: 394px;
    height: 176px;
  }
  
  .bannerSection .bannerSectionContainer .firstInfo .img-franja-dispositivos-mobile {
    display: block;
    width: 394px;
    height: 43px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .btn-banner-dispositivos {
    display: block;
    margin-top: 0;
    width: 100%;
  }

}

@media(max-width: 767px) {
  /* CHATBOT 767 */
 .chatbot-banner .chatbot-banner-container #chatbot .chatbotContainer {
  min-height: calc(100vh - 455px);
  }

  section.ofertasSection {
    padding: 0 0 50px 0; 
  }
  /* DISPOSITIVOS 767 */
  .dispositivosSection .selectores .selector {
    padding: 12px 20px 12px;
    margin: 10px;
  }
  /* FAQS 767 */
  section.preguntas_frecuentes {
    padding-bottom: 1.5rem;
  }
  .preguntas_frecuentes .containerFaqs {
    padding-right: 0;
  }
}

@media (max-width: 600px) {
  /* BANNER 600 */
  .bannerSection .img-flash {
    right: 14px;
    top: -45px;
    width: 193px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo-banner .pink .price-banner p.sub{
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    top: 67px;
    right: 27px;
    /* width: 186px; */
  }
}

@media (max-width:575px) {
  /* BANNER 575 */
  .bannerSection .bannerSectionContainer .firstInfo .img {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img.img-banner-mobile {
    display: block;
    width: 360px;
    height: 326px;
  }
  /* CHATBOT 575 */
  .bubble-chatbot {
    z-index: 498;
   } 
   .chatbot-banner {
     top: 81px;
     z-index: 499;
   }
   .chatbot-banner .chatbot-banner-container {
     border-radius: 0;
     box-shadow: unset;
     max-height: calc(100% - 204px);
     max-width: 100%;
     right: unset;
     top: 54px;
   }
   .chatbot-banner .close-section-chatbot {
     align-items: center;
     background-color: unset;
     cursor: pointer;
     display: flex;
     height: 20px;
     justify-content: center;
     padding: 20px;
     position: absolute;
     right: 12px;
     top: 16px;
     width: 20px;
     z-index: 600;
   }
   .chatbot-banner .close-section-chatbot img {
     color: unset;
     display: block;
     filter: brightness(0) saturate(100%) invert(4%) sepia(6%) saturate(5452%) hue-rotate(172deg) brightness(95%) contrast(93%);
     float: unset;
     font-size: unset;
     font-weight: unset;
     height: 12px;
     line-height: unset;
     opacity: unset;
     text-shadow: none;
     width: 12px;
   }
}

@media (max-width: 500px) {
  /* BANNER 500 */
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos-mobile {
    width: 282px;
    height: 127px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-franja-dispositivos-mobile {
    width: 100%;
  }
}

@media (max-width: 450px) {
  /* BANNER */
 .bannerSection .bannerSectionContainer .firstInfo .img.img-banner-mobile {
    width: 300px;
  }
  /* DISPOSITIVOS 450 */
  .dispositivosSection .selectores .selector {
    font-size: 12px;
    width: 63px;
    padding: 12px 15px 12px;
    margin: 5px;
  }
  .dispositivosSection .selectores .selector .img {
    width: 20px;
    height: 20px;
  }
  /* OFERTAS 450 */
  .ofertasSection .card-tarifa-vertical.oferta .productContainer .titlePriceContainer .price .gratis {
    font-size: 28px;
  }
  .ofertasSection .card-tarifa-vertical {
    width: 91%;
    min-width: unset;
  }
   /* CHATBOT 450 */
   #chatbot .chatContainer label.terminos a {
    font-size: 12px;
  }
  #chatbot .chatContainer .pregunta label .link {
    font-size: 12px;
  }
}

@media (max-width: 376px) {
  .dispositivosSection .selectores .selector {
    min-width: 60px;
    font-size: 12px;
    padding: 12px;
    margin: 5px;
  }

  /* OFERTAS 376 */
  .ofertasSection .card-tarifa-vertical.oferta .productContainer .titlePriceContainer .price .gratis {
    font-size: 25px;
  }
}

@media(max-width: 350px) {
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .promo {
    font-size: 18px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .promo-gratis {
    font-size: 48px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .promo-pack {
    font-size: 16px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos-mobile {
    width: 224px;
    height: 100px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img.img-banner-mobile {
    width: 280px;
  }
  /* OFERTAS 350 */
  .ofertasSection .card-tarifa-vertical .productContainer .titlePriceContainer .price {
    font-size: 54px;
  }
  .ofertasSection .card-tarifa-vertical .productContainer .titlePriceContainer .price .mes .cnts {
    top: 3px;
  }
  .ofertasSection .card-tarifa-vertical .productContainer .img {
    min-width: 140px;
  }
}

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

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

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