/* bloque1*********************************************** */

#bloque1 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: var(--color-c12);
  }
  
  h1 {
    font-family: "Telecable-Bold";
    font-size: 2.5rem;
    margin: 0px;
    line-height: 1.2;
    color: black;
  }
  .containerPromo {
    margin-top: 30px;
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 5px 10px -5px black;
  }
  .cardPrecioPromo {
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, black, #0d57bb);
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cardProductosPromo {
    border-radius: 0px 0px 10px 10px;
    width: 100%;
    height: 50%;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .tituloProducto {
    font-size: 1.5rem;
    color: white;
    margin: 0px;
    line-height: 1.2;
    text-align: center;
  }
  
  .containerPrecio {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .eurosProducto {
    font-size: 6rem;
    margin: 0px;
    line-height: 1;
    color: white;
    font-family: "Telecable-Bold";
  }
  .mesProducto {
    font-size: 2rem;
    margin: 0px;
    line-height: 1;
    color: white;
    font-family: "Telecable-Bold";
  }
  
  .despues {
    font-size: 0.8rem;
    margin: 0px;
    line-height: 1;
    color: white;
  }
  
  .textoProductos {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.3rem;
  }
  
  .textoProductos .imgFibra {
    width: 30px;
  }
  
  .anade {
    color: #0256bb;
    font-size: 1rem;
    margin: 0px;
  }
  
  /* SECCION2***************************************************** */
  
  #seccion2 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }
  .imagenPortada {
    width: 100%;
    height: 281px;
    background-image: var(--img-pc);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 30px;
  }
  .cajaPrecioDispositivo {
    width: 80%;
    background-color: var(--color-c8);
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 5px 10px -5px black;
  
  }

  .cardTiluloProducto{

  width: 100%;
  background-color: white;
  border-radius: 8px 8px 0px 0px;
  top:0px;

}
.textoSmartphone{
  font-size: 1.4rem;
  margin: 0px;
  line-height: 1;
  color:black;
  text-align: center;
  padding: 10px 5px;

}

.textoTarifas{
  width: 100%;
  font-size: 1.2rem;
  color:white;
  text-align: center;
  margin: 0px;
  line-height: 1px;
  background-color: #092651;
  padding: 20px 0px;
  border-radius: 10px;
  margin-top: 10px;
}
  .euros {
    font-family: "Telecable-Bold";
    font-size: 5rem;
    margin: 0px;
    line-height: 1;
    color: white;
    padding-top: 10px;
  }
  
  .mes {
    font-family: "Telecable-Bold";
    font-size: 2rem;
    margin: 0px;
    line-height: 1;
    color: white;
  }
  
  .durante {
    font-size: 1rem;
    color: white;
    margin: 0px;
    line-height: 1;
    padding-bottom: 10px;
  }
  
  /* BLOQUE2 ********************************************** */
  
  #bloque2 {
    width: 100%;
    background-color: var(--color-c12);
  }
  #textoLegalPromo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7rem;
    color: black;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
  }
  











  /*   formulario************************************** */
  #seccion3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .inboxForm {
    width: 75%;
  }

  .textForm {
    background-color: var(--color-c13);
  }
  .informate{
    color:white;
  }
  .DejaTuTel{
     color:white;
  }
  .formulario{
    background-color: var(--color-c13);
  }
    .control-checkbox{
     color:white;
  }
      .control-checkbox a{
     color:white;
  }
form .ssl{
     color:white !important;
}
    .ssl::after {
     color:white;
  }
#oForm.sin900 input.inputname, #oForm.sin900 input.inputmail {
  background-color: white;
}
#oForm .inputname, #oForm .inputnum, #oForm .inputmail {
    background-color: white;
}



/* BLOQUE3........................................................ */

#bloque3{
  background-color: var(--color-c1);
}

.textoCondiciones{
   font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7rem;
  margin: 0px;
  line-height: 1.2;
color:white;
  padding: 20px 0px;
}











  /* MEDIA QUERIS ************************************************************************************/
  
  @media (max-width: 1400px) {
    /*   BLOQUE1****************************************************** */
  
    /*   SECCION2************************************** */
  
    .imagenPortada {
      height: 250px;
    }
  }
  @media (max-width: 1200px) {
    /*   formulario************************************** */
  
    .inboxForm {
      width: 100%;
    }
  
    /*  bloque2****************************** */
    #textoLegalPromo {
      padding-top: 20px;
      text-align: center;
    }
    .cajaPrecioDispositivo {
      width: 70%;
    }
  }
  
  @media (max-width: 990px) {
    /*   BLOQUE1 **********************************************************/
    h1 {
      font-size: 2rem;
    }
    .containerPromo {
      margin-top: 20px;
      width: 100%;
    }
  
    /*   SECCION2************************************* */
  
    .cajaPrecioDispositivo {
      width: 90%;
    }
    .euros {
      font-size: 4rem;
    }
    .mes {
      font-size: 1.5rem;
    }
    .durante {
      font-size: 0.8rem;
    }
  }
  
  @media (max-width: 765px) {
    /*   BLOQUE1 **********************************************************/
    h1 {
      text-align: center;
    }
    #bloque1 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    /*   SECCION2************************************* */
  
.imagenPortada{
  height: 230px;
  margin-top: 20px;
}
  
    .cajaPrecioDispositivo {
      margin-top: 20px;
      width: 100%;
    }

  }
  
  @media (max-width: 400px) {
    /*   BLOQUE1 **********************************************************/
  }
  @media (max-width: 385px) {
    /*   BLOQUE1 **********************************************************/
  }
  @media (max-width: 320px) {
    /*   BLOQUE1 **********************************************************/
    h1 {
      font-size: 1.8rem;
    }
    .tituloProducto {
      font-size: 1.2rem;
    }
    .imagenPortada{
      height: 220px;

}
  }