@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: 269px;
  }
  .bannerSection.email .img-circle {
    left: 570px;
    width: 130rem;
    height: 103%;
  }
}

@media (max-width: 1399px) {

  /* BANNER 1399 */

  /* BANNER FLOATING 1399 */
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    width: 354px;
    right: -386px;
    height: 307px;
    top: -422px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img {
    width: 576px;
  }
  .coberturaBtnSection-desktop .btn-cerrar {
    right: 10px;
  }

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

  /* OFERTA TV 1399 */

  .tvSection .tvContainer .textContainer {
    width: 440px;
    gap: 30px;
  }

  .tvSection .tvContainer .textContainer h2 {
    font-size: 32px;
  }

  .tvSection .tvContainer .textContainer h2 .img {
    height: 35px;
    width: 152px;
  }
  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv {
    width: 210px;
  }

  .tvSection .tvContainer .precioTv {
    font-size: 16px;
  }

  .tvSection .tvContainer .imgTv .img {
    width: 227px;
    height: 160px;
  }

  /* 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.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 26px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 400px;
    height: 180px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img {
    width: 470px;
  }
  /* 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;
  }

  /* OFERTA TV 1199 */
  .tvSection .tvContainer {
    gap: 25px;
  }
  .tvSection .tvContainer .textContainer {
    width: unset;
  }
  .tvSection .tvContainer .imgTv {
    display: none;
  }
  .tvSection .tvContainer .precioTv {
    width: 440px;
    justify-content: space-between;
  }
  .tvSection .tvContainer .precioTv .btn_jazztel{
    display: block;
    margin-top: 20px;
  }
  /* 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) 54%,var(--primary) 44%,var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer {
    align-items: unset;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo {
    align-items: center;
    width: fit-content;
    margin: auto;
    gap: 0;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo h1 {
    margin-bottom: 33px;
  }
  .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 .img-banner-dispositivos {
    display: none;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos-mobile {
    width: 394px;
    height: 176px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos-mobile {
    display: block;
    width: 394px;
    height: 176px;
  }
   .bannerSection.floating .bannerSectionContainer .firstInfo .img-franja-dispositivos-mobile {
    display: block;
    width: 394px;
    height: 43px;
  }
  .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;
  }
  /* OFERTA TV */
  .tvSection .tvContainer {
    gap: 25px;
    padding: 25px 25px;
  }
  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv {
    width: 205px;
  }
  .tvSection .tvContainer .precioTv {
    width: 350px;
    justify-content: space-between;
    text-align: center;
  }
  .tvSection .tvContainer .precioTv .priceContainer .price {
    transform: scale(0.8);
  }

  .tvSection .tvContainer .precioTv .btn_jazztel {
    display: block;
    margin-top: 15px;
  }

  /* 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;
  }

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

  /* BANNER 767 */
  .bannerSection.floating .img-mancheta {
    left: 201px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    min-width: unset;
  }
  /* 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;
  }

  /* OFERTA TV 767 */

  .tvSection .tvContainer {
    flex-direction: column;
    position: relative;
    gap: 0;
  }
  
  .tvSection .tvContainer .textContainer {
    gap: 25px;
  }

  .tvSection .tvContainer .textContainer h2 {
    text-align: center;
    font-size: 24px;
    margin-top: 130px;
  }

  .tvSection .tvContainer .textContainer h2 .img {
    height: 24px;
    width: 115px;
  }

  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv {
    width: 47%;
  }

  .tvSection .tvContainer .precioTv {
    width: 100%;
    justify-content: space-between;
    text-align: center;
    margin-top: 25px;
  }

  .tvSection .tvContainer .imgTv {
    display: block;
  }

  .tvSection .tvContainer .imgTv .img {
    position: absolute;
    top: -33px;
    left: 0px;
    width: 100%;
    height: 170px;
  }

  .tvSection .tvContainer .btn_jazztel {
    display: none;
  }

  /* 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;
 }

  /* BANNER FLOATING 575 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 56%, var(--primary) 44%, var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .pormo-pack {
    font-size: 20px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 28px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 352px;
    height: 159px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img {
    display: none;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-banner-mobile {
    display: block;
    width: 360px;
    height: 326px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    width: 100%;
    min-width: unset;
  }
}

@media(max-width: 535px){

  .bannerSection.floating .img-5g {
    right: -30px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos-mobile {
    width: 282px;
    height: 127px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-franja-dispositivos-mobile {
    width: 100%;
  }
  /* TARIFAS 535 */

  .tarifasSection .cardsContainer .card-tarifa {
    width: 400px;
    max-width: 400px;
  }

  /* OFERTAS 535 */

  .ofertasSection .cardsContainer .card-tarifa-vertical {
    width: 400px;
    max-width: 400px;
  }

  /* OFERTA TV 535 */
  .tvSection .tvContainer .textContainer .ventajasTv {
    gap: 15px;
  }
  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv {
   gap: 10px;
  }
  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv .img {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
  }
  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv p {
    font-size: 14px;
  }
}

@media(max-width: 450px) {
   /* CHATBOT 450 */
   #chatbot .chatContainer label.terminos a {
    font-size: 12px;
  }
  #chatbot .chatContainer .pregunta label .link {
    font-size: 12px;
  }
  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 .firstInfo .pormo-pack {
    font-size: 16px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 24px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 305px;
    height: 137px;
  }
  /* 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) 60%, var(--primary) 45%, var(--primary) 100%);
  }
  .bannerSection.floating .img-mancheta-mobile {
    right: 0;
    left: unset;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-banner-mobile {
    width: 300px;
  }
  /* 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) 61%, var(--primary) 45%, var(--primary) 100%);
  }
  .bannerSection.floating .img-5g {
    top: -78px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo h1 {
    font-size: 12px;
  }
  /* 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;
  }

  /* OFERTA TV 376 */
  .tvSection .tvContainer .textContainer .ventajasTv {
    justify-content: center;
  }
  .tvSection .tvContainer .textContainer .ventajasTv .ventajaTv {
    width: 230px;
  }
  .tvSection .tvContainer .precioTv {
    font-size: 14px;
  }
}

@media(max-width: 360px) {
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 63%, var(--primary) 45%, var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .img-banner-dispositivos {
    width: 272px;
    height: 122px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 22px;
  }
}

@media(max-width: 350px){
  /* BANNER 350 */
  .bannerSection.floating .img-5g {
    top: -93px;
    left: 122px;
  }
   .bannerSection.floating .bannerSectionContainer .firstInfo .img.img-banner-mobile {
    width: 280px;
    height: 275px;
  }
  /* 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) 65%, var(--primary) 45%, var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .promo-oferta {
    font-size: 20px;
  }
}

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