@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: 1700px) {
  .bannerSection.floating .img-circle {
    left: 116px;
  }
  .bannerSection.email .img-circle {
    height: 116%;
    top: -60px;
    width: 150%;
    left: 570px;
  }
}

@media (max-width: 1399px) {
  /* BANNER 1399 */
  .bannerSection.floating .img-circle {
    left: 285px;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer {
    gap: 34px;
  }
  .bannerSection .img-circle {
    left: 280px;
  }
  .bannerSection .bannerSectionContainer .promoBanner {
    width: 300px;
    height: 300px;
    min-width: 300px;
    min-height: 300px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .promo-banner {
    left: 7rem;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner{
    width: 306px;
    left: -163px;
  }
  .coberturaBtnSection-desktop .btn-cerrar {
    right: 10px;
  }
  .bannerSection.email .img-circle {
    width: 177%;
    left: 383px;
  }
  /* BANNER FLOATING 1399 */
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    height: 159px;
    width: 420px;
  }
  .bannerSection.floating .bannerSectionContainer {
    justify-content: space-between;
  }
  .coberturaBtnSection-desktop .btn-cerrar {
    right: 10px;
  }
  /* TARIFAS 1399 */

  .tarifasSection .cardsContainer .card-tarifa {
    width: 350px;
    height: 439px;
  } 
  /* 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 .bannerSectionContainer .firstInfoContainer {
    flex-direction: column;
  }
  .bannerSection .bannerSectionContainer .firstInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-oferton-fibra { 
    background-image: url("../../img/ofertas/img-oferton-fibra-movil.webp");
    width: 420px;
    height: 76px;
    min-width: unset;
    min-height: unset;
  }
  .bannerSection .bannerSectionContainer .promoBanner,
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-oferton {
    display: none;
  }
  .bannerSection .bannerSectionContainer .promoBanner.mobile {
    display: block;
    width: 300px;
    height: 300px;
    min-width: unset;
    min-height: unset;
  }
  .bannerSection .bannerSectionContainer .firstInfo .btn-banner {
    margin-top: 32px;
    width: fit-content;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner-promo {
    height: 249px;
    top: 45px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .info-banner {
    max-width: 344px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .banner-promo {
    font-size: 22px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    left: -130px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price {
    top: 55px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .franja-promo {
    right: -128px;
    top: 113px;
    font-size: 9px;
    width: 97px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    height: 303px;
    width: 234px;
    left: -129px;
    top: 4px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    height: 303px;
    width: 234px;
    left: -113px;
    top: 4px;
  }
  .bannerSection .img-mancheta {
    left: 305px;
  }
  .bannerSection.floating .img-circle {
    position: absolute;
    width: 1406px;
    height: 520px;
    top: -19px;
    right: unset;
    z-index: 0;
    left: 382px;
  }
  .bannerSection.floating.email .img-circle {
    width: 222%;
    height: 49rem;
    left: 302px;
  }
  
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-franja-novedad-tarifas {
    min-width: 336px;
    min-height: 56px;
    margin-top: 10px;
    margin-left: -122px;
  }
  /* BANNER FLOATING 1199 */
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    height: 121px;
    width: 328px;
  }
  .bannerSection.floating .img-circle {
    width: 195%;
    height: 44rem;
    left: 330px;
  }
  /* TARIFAS 1199 */
  .tarifasSection .container{
    max-width: unset;
    padding: 0;
  }
  .tarifasSection .cardsContainer .card-tarifa {
    min-width: unset;
    margin: 5px 10px;
  }
  .tarifasSection .appendDots.normalDots {
    display: none;
  }
 
  /* 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: 1024px) {
  .bubble-chatbot {
    bottom: 105px;
  }
  .chatbot-banner .chatbot-banner-container {
    bottom: 190px;
  }
}

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

@media (max-width: 991px) {

  /* BANNER 991 */
  section.bannerSection {
    background-image: linear-gradient(0deg,var(--grey-background) 0,var(--grey-background) 52%,var(--primary) 44%,var(--primary) 100%);
  }
  .bannerSection .img-circle {
    display: none;
  }
  .bannerSection .bannerSectionContainer {
    flex-direction: column;
    gap: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-franja-novedad-tarifas {
    display: none;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-franja-novedad-mobile {
    display: block;
    width: 300px;
    min-height: 65px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .oferta-fibra {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bannerSection .bannerSectionContainer .mainFormContainer {
    position: relative;
    display: block;
    width: 100%;
  }
  .bannerSection .bannerSectionContainer .mainFormContainer .mainForm {
    margin: auto;
    width: 100%;
    max-width: unset;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    right: 0;
    left: unset;
    top: -273px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price {
    top: -222px;
    left: unset;
    right: 93px;
  }
  /* BANNER FLOATING 991 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg,var(--grey-background) 0,var(--grey-background) 48%,var(--primary) 44%,var(--primary) 100%);
    padding-top: 40px;
  } 
  .bannerSection.floating .bannerSectionContainer .firstInfo {
    width: 100%;
    height: 100%;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .info-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo h1 {
    text-align: center;
    margin-bottom: 8px;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .manchetaPromo {
    color: var(--primary);
    background-color: #000;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .btn-banner {
    width: 300px;
    margin-top: 20px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .containerMobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .banner-title {
    margin-bottom: 8px;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .franja-promo {
    right: 136px;
    top: 189px;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .price {
    top: 4px;
    right: unset;
    left: 185px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    right: 0;
    left: unset;
    top: -273px;
  }
  .bannerSection.floating .img-circle {
    display: none;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer {
    position: absolute;
    right: 0;
  }

  /* 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) {
 /* CHATBOT 767 */
 .chatbot-banner .chatbot-banner-container #chatbot .chatbotContainer {
  min-height: calc(100vh - 455px);
  }

  section:not(.modal-form, .bannerCentral){padding: 1.5rem 0;}
  section h2 {
    margin-bottom: 1rem;
    font-size: 22px;
  }
    /* BANNER 767 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg,var(--grey-background) 0,var(--grey-background) 48%,var(--primary) 44%,var(--primary) 100%);
  }
  .bannerSection .img-circle {
    display: none;
  }
  .bannerSection .bannerSectionContainer {
    flex-direction: column;
    align-items: center;
    gap: 20px;  
  }
  .bannerSection .bannerSectionContainer .firstInfo {
    width: 100%;
    height: 100%;
  }
  .bannerSection .bannerSectionContainer .firstInfo .info-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .bannerSection .bannerSectionContainer .firstInfo h1 {
    text-align: center;
  }
  .bannerSection .bannerSectionContainer .firstInfo .btn-banner {
    margin: 180px auto 0 auto;
    width: 300px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .banner-title {
    margin-bottom: 8px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    top: -197px;
    width: 268px;
    height: 131px;
    left: 50%;
    transform: translateX(-50%);
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    width: 268px;
    height: 131px;
    left: 50%;
    transform: translateX(0%);
  }
  .bannerSection .bannerSectionContainer .imgContainer .price {
    top: -222px;
    font-size: 32px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .price {
    top: -7px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price .old-num .cents {
    top: 6px;
    left: 59px;
    font-size: 17px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price .old-num .eur-mes {
    bottom: 11px;
    left: 55px;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer {
    position: relative;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .containerMobile {
    align-items: center;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    margin-top: 27px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    min-width: 510px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraContainer {
    margin-top: 20px;
  }
  .tarifasSection .appendDots.normalDots {
  display: block;
  }
  .tarifasSection .cardsContainer .card-tarifa {
    width: 415px;
  }

  /* 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) {
  section.bannerSection {
    min-height: 345px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .banner-promo br {
    display: none;
  }
  .bannerSection .bannerSectionContainer {
    flex-direction: column;
  }
  .bannerSection .bannerSectionContainer .imgContainer {
    position: relative;
    width: 100%;
  } 
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    width: 100%;
    min-width: unset;
  }
  .bannerSection .bannerSectionContainer .imgContainer .franja-promo {
    left: 20%;
    right: 35%;
    top: -167px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price .old-num {
    font-size: 32px;
    left: 162px;
    right: unset;
  }
  /* BANNER FLOATING 575 */
  .bannerSection.floating .bannerSectionContainer .imgContainer {
    width: fit-content;
  }
   /* 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: 535px){
  /* TARIFAS 535 */

  .tarifasSection .cardsContainer .card-tarifa {
    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) {
  /* BANNER 450 */
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-oferton-fibra {
    width: 352px;
  }
  section.bannerSection.floating {
    background-image: linear-gradient(0deg,var(--grey-background) 0,var(--grey-background) 50%,var(--primary) 44%,var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    height: 110px;
    width: 259px;
  }
  /* TARIFAS 450 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 350px;
    max-width: 350px;
  }
  /* CHATBOT 450 */
  #chatbot .chatContainer label.terminos a {
    font-size: 12px;
  }
  #chatbot .chatContainer .pregunta label .link {
    font-size: 12px;
  }

}

@media(max-width: 400px) {
  /* BANNER 400 */
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 52%, var(--primary) 44%, var(--primary) 100%);
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-oferton-fibra {
    width: 284px;
    height: 64px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 268px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price .old-num {
    left: 97px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    min-height: 609px;
  }
  /* VENTAJAS 400 */
  .ventajasSection .containerVentajas .ventajaCard {
    width: 100%;
  }
}

@media(max-width: 376px) {
    /* BANNER 376 */
  .bannerSection .bannerSectionContainer .firstInfo .banner-title {
    font-size: 28px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .banner-promo {
    font-size: 20px;
  }
  .bannerSection .bannerSectionContainer .firstInfo .btn-banner {
    width: 80%;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 235px;
  }
  section.bannerSection.floating {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 56%, var(--primary) 44%, var(--primary) 100%);
  }
  .bannerSection .bannerSectionContainer .promoBanner.mobile {
    width: 250px;
    height: 250px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .btn-banner {
    width: 247px;
  }
  /* 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) {}

@media(max-width: 350px){
   /* banner 350 */
  .bannerSection .bannerSectionContainer .firstInfo .banner-title {
    font-size: 26px;
  }
  
  /* TARIFAS 350 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 300px;
    max-width: 300px;
  }

}

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

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