#bloque1 {
  padding-top: 30px;
  background-color: var(--color-c4);
}

.tituloPromo {
  font-size: 2.2rem;
  font-style: italic;
  margin: 0px;
  line-height: 1.1;
}
.tituloPromo span {
  font-family: "Gotham Bold";
}

.cardFlash {
  width: 100%;
  background-color: var(--color-c3);
  border-radius: 5px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.textoFlash {
  font-size: 2.2rem;
  font-family: "Gotham Bold";
  font-style: italic;
  margin: 0px;
  line-height: 1;
  color: white;
  text-align: center;
  padding: 15px 10px;
}
.cardPrecioPortada{
    width: 100%;
    background-color: white;
    padding: 10px;
     display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.cardTextpPromo{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cardPrecioPromo{
      width: 40%;
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.textoLlamadas{
    font-size: 1.8rem;
    margin: 0px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
}
.textoLlamadas span{
     font-family: 'Gotham bold';
}
.comparte{
      font-size: 1rem;
    margin: 0px;
    line-height: 1.2;
    text-align: center;
    color:var(--color-c3);
    margin-bottom: 20px;
     font-family: 'Gotham bold';
}

.carEurosPortada{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cardMesPortada{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.eurosPortada{
    font-size: 6rem;
    margin: 0px;
    line-height: 1;
  color:var(--color-c3);
    font-family: 'Gotham Bold';
}
.centimosPortada{
    font-size: 3rem;
    margin: 0px;
    line-height: 1;
  color:var(--color-c3);
    font-family: 'Gotham Bold';
}
.mesPortada{
    font-size: 1.8rem;
    margin: 0px;
    line-height: 1;
  color:var(--color-c3);
    font-family: 'Gotham Bold';
}

.difinitivoPortada{
    width: 100%;
    border-radius: 5px;
    background-color: black;
}
.textoDifinitivoPortada{
    color:white;
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 15px 5px;
    text-align: center;
}
/* 
MEDIAQUERIS */
@media (max-width: 765px) {
    #bloque1{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

 @media (max-width: 765px) {

.cardPrecioPortada{
    flex-direction: column;
}
.cardTextpPromo{
    width: 100%;
}
.cardPrecioPromo{
    width: 100%;
}

 }