@font-face {
  font-family: "Geomanist";
  src: url("/font/Geomanist-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Geomanist Book";
  src: url("/font/Geomanist-Book.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bariol Regular";
  font-style: normal;
  font-weight: normal;
  src: url("/font/bariol_regular-webfont.ttf") format("woff");
}

@font-face {
  font-family: "Bariol Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Bariol Bold"),
    url("../font/bariol_bold-webfont.ttf") format("woff");
}

:root {
  --white: white;
  --lila-lyrics: #9f66db;
  --lila-line: #dfccf3;
  --gray-lyric: #676767;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Bariol Regular", sans-serif;
}

a {
  text-decoration: none;
}

/* Estilo de miga de pan */

.nav-crumbs {
  display: flex;
  align-items: center;
  padding-top: 9px;
  padding-left: 10px;
}

.nav-crumbs p {
  font-family: "Bariol Regular";
  font-size: 10px;
  color: var(--gray-lyric);
}

/* Estilos de la portada de la página */

.cover-page {
  position: relative;
  background: url(/img/portada-fundacion.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 633px;
}

.info-container {
  padding: 5% 5%;
}

.info-container2 {
  padding: 0 5%;
}

.title-info {
  font-family: "Bariol Regular";
  font-size: 16px;
  color: var(--gray-lyric);
}

.title-info span {
  font-weight: 800;
}

/* Lista */

li {
  list-style: none;
}

.list-container {
  display: flex;
  gap: 3%;
}

.list-container li {
  font-size: 13px;
  color: var(--gray-lyric);
}

.list-container li span {
  font-size: 13px;
  color: var(--lila-lyrics);
}

.list-characters li:nth-child(1) {
  margin-bottom: 1%;
}

.list-characters li:nth-child(2) {
  margin-bottom: 6%;
}

.last-info {
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  margin-top: 8%;
  margin-bottom: 8%;
}

.last-info p {
  font-size: 16px;
  color: var(--gray-lyric);
}

.last-info span {
  color: var(--lila-lyrics);
  font-family: "Bariol Bold";
}

/* ///////////////////////////////// 🖥️ Desktop //////////////////////// */

@media (min-width: 1024px) {
  .nav-cover a {
    text-decoration: none;
    font-size: 20px;
    color: var(--lila-lyrics);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Bariol Regular";
    pointer-events: none;
  }

  .nav-crumbs {
    display: none;
  }

  .cover-page {
    position: relative;
    background: url(/img/portada-fundacion-wwb.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 479px;
  }

  .title-info {
    font-size: 22.72px;
  }

  .list-container li span {
    font-size: 22.72px;
}

  .list-container li {
    font-size: 22.72px;
  }

  .list-characters li:nth-child(2) {
    margin-bottom: 3%;
}

.list-characters img{
  margin-top: 8px;
}

.last-info p {
  font-size: 22.72px;
}

  .information {
    display: flex;
    flex-direction: column;
    width: 30%;
    margin-left: 59%;
    padding-top: 11%;
  }

  .information > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }

  .information h1 {
    font-size: 32px;
    font-family: "Geomanist";
    line-height: 40.54px;
    text-align: left;
    width: 100%;
    margin-bottom: 6px;
    /* margin-left: -149px; */
    /* padding: 115px 0px 0px 500px; */
    padding: 0;
  }

  .information p {
    font-family: "Bariol Regular";
    font-size: 22.72px;
    text-align: start;
    /* padding: 0px 0px 0px 530px; */
    line-height: 23.72px;
    width: 100%;
    padding: 0;
  }

  .list-characters li:nth-child(2) {
    margin-bottom: 0.8%;
  }
}