:root{
  /* colores */
  --azul-ocuro: #00479D;
  --azul-claro-auxiliar: #007EC5;
  --azul-intermedio-blanco: #EEF1FD;
  --Amarillo: #FDED00;
  --gris-oscuro: #888888;
  --gris-intermedio-blanco: #D8D8D8;
  --negro: #000000;
  --blanco: #ffffff;

  --mediun-jost: 500;

  /* fuentes */
  --fuente-poppins: 'Poppins', sans-serif;
  --fuente-jost: 'Jost', sans-serif;

}

.ture{
  display: block;
  margin: -20px auto 20px;
}


.columna{
  height: 30px;
  width: 300px;
}

.form{
  display: none;
}

.contenedor-principal{
  width: 100%;
  height: auto;
}

.titulo-contacto{
  font-family: var(--fuente-jost);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--azul-ocuro);
  font-size: 36px;
  text-align: center;
  margin-top: 40px;
}

.contenedor-secciones-contacto{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.contenedor-texto-contacto{
  text-align: center;
  width: 85%;
  font-family: var(--fuente-poppins);
  font-weight: 300;
  font-size: 14px;
  color: var(--azul-ocuro);
  margin-bottom: 30px;
}

.contenedor-formulario{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-fatthe-from{
  width: 85%;
  margin: 20px auto;
}

@media (min-width: 768px) {
  .content-fatthe-from{
    width: 80%;
  }
}

@media (min-width: 998px) {
  .content-fatthe-from{
    width: 90%;
  }
}


.form{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.seleccion{
  width: 85%;
  background: var(--azul-intermedio-blanco);
  border: 1px solid #00479daf;
  height: 40px;
  padding: 0px 0px 0px 5px;
  margin-bottom: 10px;
  font-family: var(--fuente-poppins);
  font-size: 13px;
  color: var(--gris-oscuro);
  outline: none;
}

.grup-from{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  outline: none;
}

.grup-from::placeholder{
  color: var(--gris-oscuro);
  font-weight: 300;
}

.input-grup{
  height: 40px;
  width: 85%;
  margin-bottom: 10px;
  padding-left: 5px;
  background: var(--azul-intermedio-blanco);
  border: 1px solid #00479daf;
  font-family: var(--fuente-poppins);
  font-size: 13px;  
  outline: none;
}

.input-fuer{
  height: 40px;
  width: 85%;
  background: var(--azul-intermedio-blanco);
  border: 1px solid #00479daf;
  margin-bottom: 10px;
  padding-left: 5px;
  font-family: var(--fuente-poppins);
  font-size: 13px;
  outline: none;
}

textarea{
  height: 200px;
  background: var(--azul-intermedio-blanco);
  border: 1px solid #00479daf;
  width: 85%;
  margin-bottom: 30px;
  padding: 5px;
  font-family: var(--fuente-poppins);
  font-size: 13px;
  outline: none;
}

@media (min-width:700px){
  .contenedor-titulo-contacto{
    margin: 40px 0px 20px;
  }

  .titulo-contacto{
    margin: 20px 0px 0px;
  }

  .contenedor-secciones-contacto{
    flex-direction: row;
    align-items: flex-start;
    width: 90%;
    margin: auto;
  }

  .contenedor-texto-contacto{
    margin-top: 30px;
    width: 40%;
    margin-right:3%;
  }

  .contenedor-formulario{
    width: 55%;
  }

  .grup-from{
    display: flex;
    flex-direction: row;
  }

  .input-grup{
    width: 40%;
  }

  .input-grup:nth-child(1){
    margin-right: 9px;
  }

  .input-grup:nth-child(2){
    margin-left: 9px;
  }
}

@media (min-width:900px){
  .input-grup{
    width: 42%;
  }

  .titulo-contacto{
    margin: 40px 0px 0px;
  }

  .input-grup:nth-child(1){
    margin-right: 4px;
  }

  .input-grup:nth-child(2){
    margin-left: 4px;
  }
}

p.terminos-enlace {
  width: 100%;
  height: auto;
  padding: 10px 0px;
  text-align: center;
  font-family: 'Poppins';
  margin-top: -20px;
      font-size: 14px;
}

p.terminos-enlace a {
    color: var(--azul-ocuro);
} 

.iconos{
    margin: 17px auto 0px;
}