@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: 164px;
  }
}

@media (max-width: 1399px) {
  /* BANNER 1399 */
  .bannerSection .bannerSectionContainer .firstInfoContainer {
    gap: 34px;
  }
  .bannerSection.floating .img-circle {
    left: 280px;
  }
  .bannerSection .bannerSectionContainer .promoBanner {
    width: 300px;
    height: 300px;
    min-width: 300px;
    min-height: 300px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner{
    width: 306px;
    left: -163px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price {
    top: 37px;
  }
  /* BANNER FLOATING 1399 */
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    height: 159px;
    width: 420px;
  }
  .bannerSection.floating .bannerSectionContainer {
    justify-content: space-between;
  }
  /* TARIFAS 1399 */
  .tarifasSection .cardsContainer .card-tarifa {
    width: 350px !important;
  } 

  /* 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;
    background-size: contain;
    margin-top: 0;
  }
  .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 {
    width: 207%;
    height: 44rem;
    top: 0;
    left: 242px;
  }
  .bannerSection.email .img-circle {
    width: 214%;
    left: 277px;
    height: 116%;
    top: -60px;
  }
  .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;
  }
  /* 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: 991px) {

  .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;
  }
  /* 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 .oferta-fibra {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .info-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .manchetaPromo {
    color: var(--primary);
    background-color: #000;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo h1 {
    text-align: center;
    margin-bottom: 8px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .btn-banner {
    width: 300px;
    margin-top: 20px;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .containerMobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .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: 2px;
    right: unset;
    left: 93px;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    margin-top: 44px;
  }
  .bannerSection.floating .img-circle {
    display: none;
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer {
    position: absolute;
    right: 0;
  }
  /* 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 .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;
  }

  /* 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 h2 {
    margin-bottom: 1rem;
    font-size: 22px;
  }

  section:not(.modal-form, .bannerCentral){padding: 1.5rem 0;}
  .subheader.email {
    height: 84px;
  }
  /* BANNER 767 */
  .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 .franja-promo {
    right: 136px;
    top: 189px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .price {
    top: -222px;
    font-size: 32px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
  .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;
  }
  /* BANNER FLOATING 767*/
  .bannerSection.floating .bannerSectionContainer .imgContainer {
    position: relative;
  }
  .bannerSection.floating .bannerSectionContainer .firstInfo .containerMobile {
    align-items: center;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    min-width: 510px;
  }
  /* 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;
  }
  .tvSection .tvContainer .precioTv .priceContainer {
    align-items: center;
  }
  .tvSection .tvContainer .precioTv .priceContainer .price {
    padding-right: 97px;
  }
  /* 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: 600px) {
}

@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 .bannerSectionContainer .imgContainer .img-banner {
    width: 268px;
  }
  .bannerSection .bannerSectionContainer .imgContainer .franja-promo {
    left: 20%;
    right: 35%;
    top: -167px;
  }
  /* BANNER FLOATING 575 */
  .bannerSection.floating .bannerSectionContainer .imgContainer {
    width: fit-content;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    width: 100%;
    min-width: unset;
  }
}


@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;
  }

  /* 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 */
  section.bannerSection {
    background-image: linear-gradient(0deg, var(--grey-background) 0, var(--grey-background) 44%, var(--primary) 41%, var(--primary) 100%);
  }
  .bannerSection.floating .bannerSectionContainer .imgContainer .img-banner {
    height: 110px;
    width: 259px;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-oferton-fibra {
    width: 352px;
  }
  /* 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) 52%,var(--primary) 41%,var(--primary) 100%);
  }
  .bannerSection .bannerSectionContainer .imgContainer .img-banner {
    width: 268px;
  }
  .bannerSection .bannerSectionContainer .firstInfoContainer .containerMobile .img-oferton-fibra {
    width: 284px;
    height: 64px;
  }
  .bannerSection.floating .bannerSectionContainer .mainFormContainer .calculadoraModal .calculadoraSection {
    min-height: 609px;
  }
  /* 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;
  }
  /* 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) 58%, var(--primary) 41%, var(--primary) 100%);
  }
  .bannerSection .bannerSectionContainer .promoBanner.mobile {
    width: 250px;
    height: 250px;
  }
  .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;
  }
  .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 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: 335px) {
  .bannerSection .bannerSectionContainer .firstInfo .promo-banner .pink .promo {
    font-size: 8px;
  }
}

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