#bloque1 {
  background-image: url(../images/img284/fondoPromo.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* SECCION1******************************************** */
#seccion1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.containerPortada {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cardTitulo {
  width: 100%;
  margin-bottom: 10px;
}
.cardPromocion {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardPro1 {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
}
.textoPromocional {
  font-size: 1.3rem;
  margin: 0px;
  line-height: 1.5;
  color: white;
}
.textoPromocional span {
  font-weight: 800;
}
.cardPro2 {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.cardEuros {
  display: flex;
  justify-content: start;
  align-items: start;
  margin-bottom: 10px;
}
.cardMes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.euros {
  font-size: 4rem;
  font-weight: 700;
  margin: 0px;
  line-height: 1;
}
.simbolo {
  font-size: 2rem;
  font-weight: 700;
  margin: 0px;
  line-height: 1.3;
}

.mes {
  font-size: 1rem;
  font-weight: 700;
  margin: 0px;
  line-height: 1;
}
.precioFinal {
  font-size: 1rem;
  margin: 0px;
  line-height: 1;
}
h1 {
  text-align: center;
  font-size: 1.8rem;
  color: white;
  margin: 0px;
  line-height: 1.3;
}
h1 span {
  background-color: black;
  padding: 0px 10px;
}

/* SECCION2****************************************** */

#seccion2 {
  display: flex;
  justify-content: center;
  align-items: end;
}
.imagenPortada {
  width: 100%;
  height: 400px;
  background-image: var(--img-pc);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

/* FORMULARIO**************************** */
#seccion3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerForm {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* BLOQUE2************************************* */

#bloque2 {
  background-color: #eeeeee;
}

#textoLegalPromo {
  font-size: 0.6rem;
  margin-top: 20px;
  margin-bottom: 20px;
}

h3 {
  font-size: 2rem;
  font-weight: 700;
  color: black;
  margin: 0px;
  line-height: 1.3;
  margin-bottom: 10px;
}
h3 span {
  color: white;
  background-color: var(--color-c5);
  padding: 0px 10px;
}
.sinLimites {
  font-size: 1rem;
  font-weight: 300;
  color: black;
  margin: 0px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.sinLimites span {
  font-weight: 800;
}
#bannerSeccion2 {
  display: flex;
  justify-content: center;
  align-items: end;
}
.imagenBanner {
  width: 100%;
  height: 150px;
  background-image: url(../images/imgBanner/imgBanner.webp);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* BLOQUE CAJAS******************************** */

#cajasSecion1 {
  margin-top: 30px;
}
.cardCajas {
  width: 100%;
  border: 1px solid black;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.tituloCajas {
  font-size: 1rem;
  font-weight: 700;
  margin: 0px;
  line-height: 1;
  background-color: black;
  color: white;
  padding: 5px 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.textoCajas {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0px;
  line-height: 1.5;
  color: black;
}
.textoCajas span {
  color: var(--color-c5);
}

.cardEuroCajas{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cardMesCajas{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.euroCajas{
    font-size: 5rem;
    margin: 0px;
    line-height: 1;
    font-weight: 700;
}
.cajaSimbolo{
    font-size: 2.5rem;
    margin: 0px;
    line-height: 1.2;
    font-weight: 700;
}
.cajaMes{
    font-size: 1.5rem;
    margin: 0px;
    line-height: 1;
    font-weight: 700;
}

.precioFinalCajas{
    font-size: 1rem;
    margin-left: 25px;
   
}
.btnCajas{
    width: 100%;
    border-radius: 10px;
    background-color: var(--color-c2);
    border: none;
    color:white;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 5px 0px;
}


/* MEDIAQUERIS********************************* */

@media (max-width: 1400px) {
  h1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 1200px) {

  /*seccion1********************************* */
  .containerPortada{
     margin-top: 20px;
  }
  /* SECCION2********************************* */
  .imagenPortada {
    height: 300px;
  }

  /*FORMULARIO**********************/
  .containerForm {
    margin-top: 0px;
  }

  /*    BLOQUE2******************************* */
  h3 {
    font-size: 1.8rem;
  }
  .imagenBanner {
    height: 100px;
  }
}

@media (max-width: 990px) {
  /*  SECCION1******************************* */
  #seccion1 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }

  h1 {
    font-size: 1.3rem;
  }

  /*    BLOQUE2******************************* */
  h3 {
    font-size: 1.5rem;
  }
}

@media (max-width: 765px) {
  /*  SECCION1******************************* */

  h1 {
    font-size: 1.5rem;
    text-align: start;
  }

  /* SECCION2********************************* */

  #seccion2 {
    margin-top: -40px;
  }
  .imagenPortada {
    height: 250px;
  }

  /*    BLOQUE2******************************* */
  #textoLegalPromo {
    text-align: center;
  }
  h3 {
    text-align: center;
  }
  .sinLimites {
    text-align: center;
  }
  .imagenBanner {
    height: 150px;
  }
}

@media (max-width: 400px) {
  .textoPromocional {
    font-size: 1rem;
  }
}

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