@import "../media_multiple.css";

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

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

@media (max-width: 1700px) {
  .bannerSection.floating .img-circle {
    left: 322px;
  }
  .bannerSection.email .img-circle {
    left: 570px;
    width: 130rem;
    height: 103%;
  }
}

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

@media (max-width: 1400px){
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .legales {
    width: 271px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    width: 500px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    right: -185px;
    top: -15px;
    width: 323px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .asterisk {
    margin: 17px 0 0 102px;
    width: fit-content;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo {
    left: 212px;
  }
}

@media (max-width: 1200px){
  .bannerSection .img-circle {
    left: 208px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    right: 13px;
    top: 28px;
    width: 105px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -68px;
    top: -14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo {
    left: 58px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .precioContainer .price {
    font-size: 42px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    height: 115px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    gap: 59px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promoSection .img-flash {
    width: 194px;
    height: 55px;
  }
}

@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 .info-banner {
    width: 454px;
    gap: 41px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    width: 105px;
    height: 286px;
    right: -81px;
    top: -13px;
  }
  .bannerSection .bannerSectionContainer .firstInfo {
    width: 100%;
  }
  .bannerSection .bannerSectionContainer .firstInfo h1 {
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 25px;
  }
  .bannerSection .bannerSectionContainer .mainFormContainer {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo {
    left: 214px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -166px;
    top: -48px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .asterisk {
    margin: 17px 0 0 60px;
  }
}

@media(max-width: 767px) {
  section.bannerSection {
    background-color: unset;
    min-height: 374px;
  }
  .bannerSection .img-circle {
    transform: rotateY(157deg);
    left: unset;
    right: 226px;
    top: -81px;
    height: 30rem;
    width: 200%;
  }
  .bannerSection .bannerSectionContainer .firstInfo h1 {
    margin-left: 0;
    margin-bottom: 35px;
  }
  .bannerSection .info-banner .img-flash {
    position: absolute;
    width: 212px;
    top: -93px;
    right: -16px;
  }
 
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .oferta-flash {
    font-size: 42px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .oferta-flash .flash {
    font-size: 34px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    width: 70.083px;
    height: 139.468px;
    top: 22px;
    right: 33px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -22px;
    top: 0px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo {
    position: unset;
    justify-content: flex-end;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    padding: 6px 11px;
    width: 142px;
    height: 78px;
    font-size: 58px;
    background-color: #FFCD00;
    border-radius: 17px 0 17px 17px;
    left: 157px;
    top: 20px;
    position: relative;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo img {
    width: 83px;
    height: 15px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo .oferta p {
    font-size: 24px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo {
    border-radius: 12px 0 12px 12px;
    padding: 7px 17px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .precioContainer {
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .precioContainer .price {
    font-size: 26px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .precioContainer .price span {
    font-size: 15px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info .info-banner2 .left-info .mb {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info {
    gap: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .asterisk {
    margin: 17px 0 0;
  }
  /* 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;
  }
}

@media (max-width: 575px) {
  /* BANNER 575 */
  section.bannerSection {
    min-height: unset;
  }
  .bannerSection .img-circle {
    right: 146px;
    width: 252%;
  }
  .bannerSection .info-banner .img-flash {
    right: 28px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    width: 431px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    left: 143px;
  }
  /* 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 .info-banner .img-flash {
    right: 2px;
    width: 195px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    height: 197px;
    right: 36px;
    top: 6px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    width: 390px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    left: 97px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -16px;
    top: -23px;
  }
}

@media (max-width: 450px) {
  /* BANNER 450 */
  section.bannerSection {
    padding-bottom: 1rem;
  }
  .bannerSection .bannerSectionContainer .firstInfo h1 {
    margin-bottom: 18px;
  }
  .bannerSection .info-banner .img-flash {
    width: 175px;
    right: -13px;
    top: -72px;
  }
  .bannerSection .img-circle {
    width: 282%;
    top: -100px;
    right: 153px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .dispositivo {
    padding: 17px 6px;
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    gap: 18px;
    width: fit-content;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer {
    min-width: 138px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo {
    width: 177px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    left: 43px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .legal {
    font-size: 12px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .promo {
    padding: 13px 10px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .promo .legal {
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .promo .legal br {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .asterisk {
    font-size: 8px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    height: 140px;
    top: 13px;
    right: -125px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -180px;
    top: -19px;
  }
  /* 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: 400px) {
  .bannerSection .info-banner .img-flash {
    width: 155px;
    right: 0;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo {
    width: 147px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .precioContainer .por {
    font-size: 9px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .legal {
    font-size: 10px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    top: 7px;
    right: -106px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -161px;
  }
  .bannerSection .img-circle {
    right: 124px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    left: 12px;
  }
}

@media (max-width: 376px) {
  /* BANNER 376 */
  .bannerSection .bannerSectionContainer .firstInfo h1 {
    font-size: 12px;
  }
  .bannerSection .img-circle {
    right: 106px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    height: 130px;
    top: 25px;
  }
  /* DISPOSITIVOS 376 */
  .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: 360px) {
  .bannerSection .bannerSectionContainer .firstInfo img {
    height: 82px;
    top: 41px;
    right: -96px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -128px;
    top: 31px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo {
    font-size: 37px;
    height: 63px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo img {
    width: 64px;
    height: 10px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .dispositivo .oferta p {
    font-size: 21px;
  }
}

@media(max-width: 350px) {
  /* BANNER 350 */
  .bannerSection .info-banner .img-flash {
    width: 128px;
  }
  /* 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;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .oferta-flash {
    font-size: 36px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .oferta-flash .flash {
    font-size: 30px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .infoContainer .mainInfo .promo .precioContainer .price {
    font-size: 24px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    top: 36px;
    right: -119px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.img2 {
    right: -151px;
    top: 24px;
  }
}

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

@media(max-width: 330px) {
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info-mobile .info-banner2 .price.tachado .num {
    font-size: 47.897px;
  }
}

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