#bloque1{
    flex:0;
padding: 0px;
}
.titulo{
    font-size: 1.8rem;
    font-family: "Walsheim Black";
    margin: 0px;
    line-height: 1.2;
    margin-top: 20px;
}

.subTitulo{
    font-size: 1.5rem;
    font-family: "Walsheim Black";
    margin: 0px;
    line-height: 1.2;
   background-color: white;
   padding: 0px;
   display: inline-block;
}
.subTitulo span{
    background-color: var(--color-c1);
    padding: 0px;
    white-space: nowrap;
    margin-right: 5px;
}
/* SECCION1**************************************** */
#seccion1{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.cajaPrecio{
    width: 100%;
    border: 2px dashed black;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

h3{
    font-size: 1.8rem;
    font-family: "Walsheim Black";
    margin: 0px;
    line-height: 1;
}
.cardEuros{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cardDescuento{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start; 
}
.euros{
    font-size: 9rem;
    margin: 0px;
    line-height: 1.2; 
    font-family: "Walsheim Black";
}
.simbolo{
    font-size: 3rem;
    margin: 0px;
    line-height: 1;
    font-family: "Walsheim Black";
}
.descuento{
    font-size: 1.8rem;
    margin: 0px;
    line-height: 1;
    font-family: "Walsheim Black";
    
}
.iva{
    font-size: 1.2rem;
    margin: 0px;
    line-height: 1;

}
.factura{
    font-size: 1.8rem;
    margin: 0px;
    line-height: 1; 
}
.cardTextoPromo{
    width: 100%;
    padding: 10px;
    background-color: #020e19;
    color:white;
    margin-top: 10px;
}
#textoLegalPromo{
    margin: 0px;
    line-height: 1.2;
    padding: 0px;
    text-align: center;
}


/* SECCION2**************************************** */
#seccion2{
  
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
   position: relative;
   margin-top: -200px;
   z-index: -1;
}
.imgSello{
    position: absolute;
    width: 180px;
    height: 188px;
    background-image: url(../images/img293/selloClientes.webp);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
   top: 30%;
   left: 10px;


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


/* FORMULARIO**************************************** */

.containerForm{
    margin-top: -50px;
    margin-bottom: 30px;
}

.cardDescuento{
    width: 100%;
}

.cardImagenDescuento{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #333333;
    padding-top: 20px;
    padding-bottom: 20px;
    color:var(--color-c1);
}
.ademas{
    font-family: "Walsheim Medium";
    color: #333333;
    background-color: var(--color-c1);
    padding:5px;
    margin: 0px;
    line-height: 1;
   font-size: 1.2rem;
  
}
.cardAdemas{
    display: flex;
    justify-content: start;
    align-items: start;
  
}
.cardAdemasMes{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.ademasEuros{
    font-family: "Walsheim Medium";
    font-size: 9rem;
    margin: 0px;
    line-height: 1;
}
.ademasMes{
    font-family: "Walsheim Medium";
    font-size: 2.5rem;
    margin: 0px;
    line-height: 1;
    margin-top: 20px;
}
.ademasIva{
    font-size: 1.3rem;
    margin: 0px;
    line-height: 1;
    margin-top: -40px;
    margin-left: 50px;

}
.ademasFactura{
    font-size: 1.5rem;
    margin: 0px;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
    font-family: "Walsheim Medium";
}
/* BLOQUE3******************************** */

#bloque3{
flex: 0;
}





/* MEDIQUERY**************************************** */


@media (max-width: 1400px) {
    #seccion1{
        height: 500px;
        
        
    }

    /* FORMULARIO ****************************/
.containerForm{
    margin-top: 0px;
    margin-bottom: 0px;
   
}
.formulario{
    width: 60%;
}

}

@media (max-width: 1200px) {

    .formulario{
        width: 90%;
    }


}

@media (max-width: 990px) {
    .titulo,.subTitulo{
    font-size: 1.5rem;
}

    h3{
        font-size: 1.5rem;
   
    }

    .euros{
        font-size: 7rem;
    }
    .simbolo{
        font-size: 2rem;
    }
    .descuento{
        font-size: 1.5rem;
        
    }
    .iva{
        font-size: 1rem;
    
    }
    .factura{
        font-size: 1.5rem;
    }

}

@media (max-width: 765px) {
 

#seccion1{
    height: auto;
    
    
}
/* SECCION1************************** */
.cajaPrecio{
    margin-top: 10px;
}

/* SECCION2**************************************** */
#seccion2{
    margin-top: 0px;
 }

.imagenPortada{
  height: 267px;
  background-image: var(--img-movil);
  margin-top: 20px;
 
}
.cardTextoPromo{
    margin-top: 0px;
}
/* FORMULARIO ****************************/
#textoLegalPromo{
  text-align: center;
  font-size: 0.8rem;
  margin-top: 20px;
}
.formulario{
    width: 100%;
}

}

@media (max-width: 400px) {
    .titulo,.subTitulo{
        font-size: 1.4rem;
    }


}


@media (max-width: 360px) {
    .titulo,.subTitulo{
        font-size: 1.3rem;
    }

}

@media (max-width: 320px) {
    .titulo,.subTitulo{
        font-size: 1.2rem;
    }
 



}