body{
  background: linear-gradient(180deg, #F4F5FF 0%, #FFF1E4 50.52%, #F5F6FF 100%);
}
/* ----------------- VISTA CONTACTO ----------------- */

#titulo-pagina .titulo h1{
  font-size: clamp(3rem, 8vw, 6.2rem);
  font-weight: 600;
  padding-bottom: 3rem;
}
#titulo-pagina .titulo h3{
  font-size: clamp(1.5rem, 5vw, 2.1rem);
  padding-bottom: 3rem;
}
.lineSeparation {
    height: 70px;
    width: 1px;
    margin: 0 150px;
    background: black;
}
#columnas-contacto span {
    color: var(--secundario);
    font-size: 1.1rem;
}
#columnas-contacto {
    text-align: center;
    /*margin: auto;*/
}

#columnas-contacto .contacto-col1, .contacto-col2, .contacto-col3{
  font-size: 1.8rem;
  margin-bottom: 10px;
  max-width: 200px;
}
#columnas-contacto .contacto-col1, .contacto-col2{
  /*border-right: 1px var(--principal) solid;*/
}

@media (max-width: 767px) {
    .contentMobile {
        flex-wrap: wrap !important;
        flex-direction: column;
    }

    .lineSeparation {
        visibility: hidden;
    }

    #columnas-contacto .contacto-col1, .contacto-col2, .contacto-col3{
        text-align: center;
        min-width: 100%;
    }
}

@media (min-width: 768px) AND (max-width: 1245px) {
    .contentMobile {
        width: 100%;
        flex-wrap: nowrap;
    }

    .lineSeparation {
        visibility: visible;
        margin: 0 50px;
    }

    #columnas-contacto .contacto-col1, .contacto-col2, .contacto-col3 {
        font-size: 1.5rem;
    }

    #columnas-contacto span {
        font-size: 0.9rem;
    }
}

#columnas-contacto a{
  text-decoration: none;
  /*padding-bottom: 10px;*/
  /*margin-bottom: 20px;*/
}
#subtitulo-contacto .subtitulo h2{
  font-size: 3.1rem;
  font-weight: 300;
  margin-top: 100px;
}
#formulario-contacto input{
  border: var(--principal) 2px solid;
  font-size: 20px;
  padding: 10px;
  color: #8a8a8a;
}
#formulario-contacto textarea{
  border: var(--principal) 2px solid;
  font-size: 20px;
  padding: 10px;
  color: #8a8a8a;
}
#formulario-contacto .btnSubmit{
  background-color: var(--principal);
  border: 0;
  font-size: 1.8rem;
  padding: 10px 60px;
}
#formulario-contacto .btnSubmit:hover{
  background-color: var(--secundario);
}