@import "../media_multiple.css";

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

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

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

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

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

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

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

@media (max-width: 1399px) {

  /* BANNER FLOATING 1399 */
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    font-size: 21px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    width: 384px;
    height: 335px;
    left: 285px;
    top: 107px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio {
    font-size: 70px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info .info-banner2 .left-info .mb {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .mancheta {
    margin-bottom: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .legales {
    width: 271px;
  }

  /* COBERTURA 1399 */
  .coberturaBtnSection-desktop .btn-cerrar {
    right: 10px;
  }

  /* TARIFAS 1399 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 350px;
  } 

  /* VENTAJAS 1399 */
  .ventajasSection .containerVentajas .ventajaCard {
    width: 340px;
  }
}

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

@media (max-width: 1250px){
  .coberturaBtnSection-desktop .coberturaContainer .sticky-izq, .coberturaBtnSection-desktop .coberturaContainer .sticky-drch {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  /* BANNER 1199 */
  .bannerSection.floating .container {
    position: relative;
  }
  .bannerSection .img-circle {
    position: absolute;
    width: 195%;
    height: 42rem;
    left: 330px;
    top: -19px;
    right: unset;
    z-index: 0;
  }
  .bannerSection.floating .img-circle {
    width: 234%;
    height: 47rem;
    top: -42px;
    left: 336px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info {
    display: unset;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 26px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 400px;
    height: 180px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .mancheta {
    margin-bottom: 12px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 242px;
    height: 111px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo {
    width: 404px;
    height: 357px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio {
    font-size: 50px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio span {
    font-size: 24px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .pink {
    font-size: 16px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .contrata {
    font-size: 12px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    max-width: 243px;
    font-size: 16px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .legal {
    margin-top: 8px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    width: 314px;
    left: 211px;
    top: 104px;
    height: 351px;
  }
  /* TARIFAS 1199 */
  .tarifasSection .container{
    max-width: unset;
    padding: 0;
  }
  .tarifasSection .cardsContainer .card-tarifa {
    min-width: unset;
    margin: 5px 10px;
  }
  .tarifasSection .appendDots.normalDots {
    display: none;
  }
  /* OFERTAS 1199 */
  .ofertasSection .container{
    max-width: unset;
    padding: 0;
  }
  .ofertasSection .cardsContainer .card-tarifa-vertical {
    min-width: unset;
    width: 366px;
    margin: 5px 10px;
  }
  .ofertasSection .appendDots.normalDots {
    display: none;
  }
  .ofertasSection .cardsContainer .card-tarifa-vertical.horizontal-card .mid-container.no5g {
    margin-top: 72px;
  }
  /* COBERTURA SECTION 1199 */
  .coberturaBtnSection-desktop .container .coberturaContainer .sticky-drch input[type=tel], input[type=text] {
    width: 193px;
    height: 35px;
  }
  .coberturaBtnSection-desktop .container .coberturaContainer .sticky-izq p {
    font-size: 16px;
  }
  .coberturaBtnSection-desktop .container .coberturaContainer .claim {
    font-size: 16px;
  }
  /* VENTAJAS 1199 */
  .ventajasSection .containerVentajas .ventajaCard {
    width: 290px;
  }
}


/* ----------- TABLET ----------- */

@media (min-width: 768px) and (max-width: 1024px) {}

/* ----------- FIN TABLET ----------- */

/* ----------- MOBILE LADSCAPE ----------- */
@media only screen and (min-device-width: 480px) 
                 and (max-device-width: 640px) 
                 and (orientation: landscape) {

}
/* ----------- FIN MOBILE LADSCAPE ----------- */


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

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

@media (max-width: 991px) {
  /* BANNER 991 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg,var(--grey-background) 0,var(--grey-background) 57%,var(--primary) 44%,var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer {
    align-items: unset;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    flex-direction: column;
    justify-content: center;
    align-items: unset;
    height: fit-content;
    width: 100%;
    margin: auto;
    gap: 0;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info {
    display: flex;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo {
    height: 320px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo .mancheta {
    margin-bottom: 0;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    position: absolute;
    width: 369px;
    left: unset;
    top: -6px;
    right: 0;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo .mancheta {
    margin-bottom: 12px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    font-size: 22px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .contrata {
    font-size: 15px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio {
    font-size: 70px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-flash {
    display: none;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .pormo-pack {
    text-align: center;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 34px;
    text-align: center;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta span {
    display: block;
    line-height: 1;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .btn-banner-dispositivos {
    display: block;
    width: 100%;
    /* margin-top: 33px; */
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraContainer {
    margin-top: 94px;
  }
  .bannerSection.floating .img-circle {
    display: none;
  }
 
  /* VENTAJAS 991 */
  .ventajasSection .containerVentajas .ventajaCard {
    width: 210px;
  }

}

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

@media(max-width: 767px) {

  section:not(.modal-form, .bannerCentral){padding: 1.5rem 0}
  section h2 {
    margin-bottom: 1rem;
    font-size: 22px;
  }

  /* BANNER 767 */
  .bannerSection.floating .img-mancheta {
    left: 201px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo {
    width: 432px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo .mancheta {
    margin-bottom: 12px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .contrata {
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    font-size: 18px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio {
    font-size: 60px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    width: 324px;
    height: 338px;
    top: 12px;
    right: -61px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    min-width: unset;
  }

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

  /* TARIFAS 767 */
  .tarifasSection .appendDots.normalDots {
    display: block;
  }
  .tarifasSection .cardsContainer .card-tarifa {
    width: 415px;
  }

  /* OFERTAS 767 */
  .ofertasSection .appendDots.normalDots {
    display: block;
  }
  .ofertasSection .cardsContainer .card-tarifa-vertical {
    width: 385px;
  }
  /* VENTAJAS 767 */
  section.ventajasSection{
    padding-bottom: 40px !important;
  }
  .ventajasSection h2{
    margin-bottom: 1rem;
  }
  .ventajasSection h2 br{
    display: block;
  }
  .ventajasSection .containerVentajas{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  .ventajasSection .containerVentajas .ventajaCard {
    width: 360px;
  }
}

@media(max-width: 575px) {
 /* 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;
 }

  /* BANNNER 575 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 55%, var(--primary) 44%, var(--primary) 100%)
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraContainer {
    margin-top: 60px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo h1 {
    text-align: center;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info {
    flex-direction: column-reverse;
    width: fit-content;
    margin: auto;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo {
    background-image: url(../../img/ofertas/img-fondo-movil.webp); 
    width: 369px;
    height: 229px;
    text-align: center;
    justify-content: center;
    padding: 0 0 6px 0;
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    position: unset;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo .mancheta {
    margin: 0 auto 8px auto;
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.desktop {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.movil {
    display: block;
    width: auto;
    height: 196px;
    margin: auto;
    margin-bottom: -44px;
    z-index: 2;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo {
    gap: 4px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    max-width: unset;
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .contrata {
    font-size: 11px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .priceContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio {
    font-size: 50px;
    display: flex;
    align-items: center;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio span {
    font-size: 16px;
    font-weight: 700;
    margin-left: 2px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .btn-banner-dispositivos {
    max-width: 400px;
    margin: 15px auto auto;
  }
}

@media(max-width: 535px){
  /* TARIFAS 535 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 400px;
    max-width: 400px;
  }

  /* OFERTAS 535 */
  .ofertasSection .cardsContainer .card-tarifa-vertical {
    width: 400px;
    max-width: 400px;
  }
}

@media(max-width: 450px) {
   /* CHATBOT 450 */
   #chatbot .chatContainer label.terminos a {
    font-size: 12px;
  }
  #chatbot .chatContainer .pregunta label .link {
    font-size: 12px;
  }
  /* BANNER 450 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 56%, var(--primary) 44%, var(--primary) 100%)
  }
  /* TARIFAS 450 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 350px;
    max-width: 350px;
  }
  /* OFERTAS 450 */
  .ofertasSection .cardsContainer .card-tarifa-vertical {
    width: 350px;
    max-width: 350px;
    padding: 20px 10px;
  }
  .ofertasSection .cardsContainer .card-tarifa-vertical .productContainer .img {
    width: 126px;
    height: 160px;
    min-width: 126px;
    min-height: 160px;
  }
}

@media(max-width: 400px) {
  /* BANNER 400 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 57%, var(--primary) 44%, var(--primary) 100%);
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    margin-bottom: -68px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-fondo,
  .bannerSection .bannerSectionContainer .firstInfo .info-banner .info {
    width: 100%;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .precio {
    font-size: 46px;
    line-height: 1;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    font-size: 14px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .legal {
    margin-top: 0;
    font-size: 8px;
  }
  /* TARIFAS 400 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 320px;
    max-width: 320px;
  }
  .tarifasSection .cardsContainer .card-tarifa h3 {
    font-size: 26px;
  }
  .tarifasSection .cardsContainer .card-tarifa h3 br.mobile{
    display: block;
  }
  .tarifasSection .cardsContainer .card-tarifa .recomendada {
    width: 160px;
  }
  /* OFERTAS 400 */
  .ofertasSection .cardsContainer .card-tarifa-vertical {
    width: 320px;
    max-width: 320px;
  }
  /* VENTAJAS 400 */
  .ventajasSection .containerVentajas .ventajaCard {
    width: 100%;
  }
}

@media(max-width: 376px) {
  /* BANNER 376 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 60%, var(--primary) 44%, var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo h1 {
    font-size: 12px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .btn-banner-dispositivos {
    margin-top: 0;
  }
  /* BANNER FLOATING 376 */
  .bannerSection.floating .img-flash {
    width: 125px;
  }
  .bannerSection.floating .img-circle {
    left: -759px;
  }
  /* TARIFAS 376 */
  .tarifasSection .normalDots .slick-dots li {
    margin: 0 3px;
  }
}

@media(max-width: 360px) {
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 61%, var(--primary) 44%, var(--primary) 100%);
  }
  .bannerSection .bannerSectionContainer .firstInfo img {
    width: 205px;
    height: 167px;
  }
  .bannerSection .bannerSectionContainer .firstInfo img.movil {
    margin-bottom: -37px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .img-fondo .llevate {
    font-size: 13px;
  }
}

@media(max-width: 350px){
  /* BANNER 350 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 60%, var(--primary) 44%, var(--primary) 100%);
  }
  /* TARIFAS 350 */
  .tarifasSection .cardsContainer .card-tarifa h3 {
    font-size: 24px;
  }
  .tarifasSection .cardsContainer .card-tarifa {
    width: 300px;
    max-width: 300px;
  }
  /* OFERTAS 350 */
  .ofertasSection .cardsContainer .card-tarifa-vertical {
    width: 300px;
    max-width: 300px;
  }
  .ofertasSection .normalDots .slick-dots li {
    min-width: 47%;
    max-width: 47%;
  }  
  .ofertasSection .normalDots .slick-dots{
    max-width: 200px;
  }

}

@media(max-width: 330px) {
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 62%, var(--primary) 44%, var(--primary) 100%);
  }
}

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