#bloque1{
    background-color: #fdcd00;
    padding: 30px 0px;
}

.titulo{
    font-size: 2rem;
     font-family: 'Gotham Bold';
    line-height: 1.2;
    color: #000;
    margin-bottom: 10px;
}
.titulo span{
    color: #cc197d;
   font-family: 'Gotham Bold';
  
}
.subTitulo{
    font-size: 1rem;
     line-height: 1.3;
    font-family: 'Gotham Book';
    color: #000;
    margin-bottom: 20px;
}   

.cardPromo{
    width: 100%;
    background-color: #fff;
   padding: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border:1px solid black;
}

.cardTituloPromo{
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #cc197d;
    margin-bottom: 20px;
}

.tituloPromo{
    font-size: 1rem;
    margin: 0px;
     line-height: 1;
    color: #fff;
     text-align: center;
}

.cardPrecio{
    display: flex;
}
.cardMes{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.precioPromo{
    font-size: 5rem;
    line-height: 0.8;
    color: #000;
    font-family: 'Gotham Bold';
    margin: 0px;
}

.mesPromo{
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    font-family: 'Gotham Bold';
     margin: 0px;
     letter-spacing: -2px;
     
}
.mesPromo span{
    font-size: 2rem;
}

.iva{
    font-size: 1.2rem;
    line-height: 1.2;
    color: #000;
     margin: 0px;
}


.cardPromo2{
    width: 100%;
    background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.contratar{
    font-size: 1rem;
    color:white;
    margin: 0px;
    line-height: 1;
    margin-bottom: 5px;
}

.textoJazztel{
    font-size: 1rem;
    color:#fdcd00;
    margin: 0px;
    line-height: 1;
}


.imagenPortada{
    width: 100%;
    height: 460px;
    background-image: var(--img-pc);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


@media (max-width: 1460px) {
.titulo{
    font-size: 1.6rem;
}
.imagenPortada{
    width: 100%;
    height: 400px;
}

}

@media (max-width: 1200px) {
    .titulo{
    font-size: 1.8rem;
}

.imagenPortada{
    width: 100%;
    height: 360px;
}

}

@media (max-width: 990px) {

.titulo{
    font-size: 1.8rem;
}

}


@media (max-width: 765px) {

.imagenPortada{
    width: 100%;
     height: 260px;
    background-image: var(--img-movil);
    margin-bottom: 20px;
}
.cardPromo2{
    margin-bottom: 20px;
}

}

@media (max-width: 380px) {
    .imagenPortada{
    width: 100%;
     height: 240px;
    }

.titulo{
   font-size: 1.6rem;
}

}


@media (max-width: 340px) {
.titulo{
   font-size: 1.4rem;
}
    .imagenPortada {
        height: 200px;
    }
.tituloPromo{
    font-size: 0.8rem;
}
.mesPromo span{
    font-size: 1.6rem;
}
.mesPromo{
    font-size: 1.2rem;
}

}