@font-face {
  font-family: "Goldman";
  src: url(../recursos/fonts/GoldmanSans.ttf);

  font-family: "Goldman-italica";
  src: url(../recursos/fonts/GoldmanSans_italic.ttf);

  font-family: "Poppins";
  src: url(../recursos/fonts/Poppins-Medium.ttf);
}

*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Goldman";
}

body {

 
}



/*------------PARA EL LOGO EN SVG (BLANCO)-----------*/
.st0 {
  fill: none;
}

.st1 {
  fill: #ffffff;
}

.st2 {
  font-family: "Goldman-italica";
}

.st3 {
  font-size: 50px;
}
/*-----------------------*/

html {
  font-size: 62.5%;
}
*:not(i) {
  font-family: "Poppins", sans-serif;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav ul {
  list-style: none;
  display: flex;
  gap: 2rem;
}
nav a {
  font-size: 1.8rem;
  text-decoration: none;
}
nav a#logo {
  color: #fff;
  font-weight: 700;
}

a#logo:hover {
  /*opacity: 0.6;*/
  color: #192a53;
}

nav ul a {
  color: #ffffff;
  font-weight: 600;
}
nav ul a:hover {
  border-bottom: 2px solid #ffffff;
}
section#home {
  height: 100vh;
  display: grid;
  place-items: center;
}
h1 {
  font-size: 4rem;
}
#ham-menu {
  display: none;
}
nav ul.active {
  left: 0;
}



/*-------------Tamaño de los iconos--------------*/

.form-wrap .contact-info .user-icon {
  width: 270px;
}
/*-------Aquí hacemos responsivo el footer--------*/

@media screen and (max-width: 800px) {
  .pie-pagina .grupo-1 {
    width: 90%;
    grid-template-columns: repeat(1, 1fr); /*decimos que tenga solo 1 columna*/
    /*gap: margen*/
    grid-gap: 30px;
    padding: 35px 0px;
  }
}