/* letras que importé de googlefonts */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Uchen&display=swap");

/* TÍTULO DE LA PÁGINA */
header h1:nth-child(1) {
  font-size: 10vmin;
  color: #ffefd5;
  font-family: "'Playfair Display SC', serif;";
  border-width: 0.4vmin;
  border-style: solid;
  border-color: #ffefd5;
  padding-top: 3vmin;
  padding-bottom: 3vmin;
  padding-left: 6vmin;
  padding-right: 6vmin;
  background-color: #3c1414a9;
}
/* HEADER= TÍTULO + BOTONES DE SECCIONES */
header:nth-child(1) {
  background-image: url(../img/fondo.png);
  background-position: center;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.boton1 {
  text-decoration: none;
  font-size: 2vmax;
  font-weight: 400;
  font-family: "Uchen", serif;
  color: #3c1414;
  padding-top: 3vmin;
  padding-bottom: 3vmin;
  padding-left: 6vmin;
  padding-right: 6vmin;
  background-color: #ffefd58a;
  border-width: 0.4vmin;
  border-style: solid;
  border-color: #3c1414;
  margin-right: 5vmin;
  align-self:center;
  display:flex;
  flex-wrap: wrap;
}

/* BOTÓN PARA VOLVER AL CURSO */
header .volver {
  text-decoration: none;
  font-size: 3vmin;
  font-weight: 400;
  font-family: "Uchen", serif;
  color: #3c1414;
  padding-top: 3vmin;
  padding-bottom: 3vmin;
  padding-left: 6vmin;
  padding-right: 6vmin;
  background-color: #ffefd58a;
  border-width: 0.4vmin;
  border-style: solid;
  border-color: #3c1414;
  margin-right: 5vmin;
}

/* NAVEGADOR PARA IR A SECCIONES Y VOLVER AL CURSO */
header nav:nth-child(2) {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 50%;
}

body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* MAIN= SECCIONES + BOTÓN PARA SUBIR AL INICIO */
main:nth-child(2) {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

main section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* SECCIONES */
/* SECCIÓN 1 */
.seccion1:nth-child(1) {
  background-color: #ffefd5;
  height: 100vmin;
  flex-wrap: wrap;
}
.seccion1 h2 {
  color: #3c1414;
  margin: 0;
  padding: 0;
  margin-top: 2vmax;
  font-family: "Uchen", serif;
  font-size: 8vmin;
  justify-self: center;
}
.cajatexto1 {
  display: flex;
  margin-left: 10%;
  margin-right: 10%;
  align-items: center;
  justify-content: space-between;
}
.texto1 {
  text-align: justify;
  align-self: flex-start;
  font-family: "Uchen", serif;
  margin-top: 1vmin;
  margin-right: 5vmin;
  font-size: 2vmax;
  color: #3c1414;
}
.foto_juliana {
  height: 70vmin;
  box-shadow: 1px 1px 15px 1px #3c1414;
  margin-right: 5vmin;
  border-radius: 5px;
  align-self: flex-start;
}
/* SECCIÓN 2 */
.seccion2:nth-child(2) {
  background-color: #3c1414;
  height: 100vmin;
  flex-wrap:wrap;
}
.seccion2 h2 {
  color: #ffefd5;
  margin: 0;
  padding: 0;
  margin-top: 2vmax;
  justify-self: center;
  font-family: "Uchen", serif;
  font-size: 8vmin;
}

/* SECCIÓN 3 */
.seccion3:nth-child(3) {
  background-color: #ffefd5;
  height: 100vmin;
  flex-wrap:wrap;
}
.seccion3 h2 {
  color: #3c1414;
  margin: 0;
  padding: 0;
  margin-top: 2vmax;
  font-family: "Uchen", serif;
  font-size: 8vmin;
  justify-self: center;
  text-align: center;
}
.seccion3 p {
  text-align: center;
  font-family: "Uchen", serif;
  margin-top: 1vmin;
  font-size: 2vmax;
  color: #3c1414;
}
.redes:nth-child(2) {
  width: 80vw;
  height: 80vh;
  margin-right: 10%;
  margin-left: 10%;
  align-self:center;
  display:flex;
  flex-direction: row;
  justify-self: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
  .botonesredes {
      width:20vmin;
  }
/* SECCIÓN 4 */
.seccion4:nth-child(4) {
  background-color: #3c1414;
  height: 100vmin;
  flex-wrap: wrap;
}
.seccion4 h2 {
  color: #ffefd5;
  margin: 0;
  padding: 0;
  margin-top: 2vmax;
  font-family: "Uchen", serif;
  font-size: 8vmin;
}
.futuro {
  display: flex;
  margin-left: 10%;
  margin-right: 10%;
  align-items: center;
  justify-content: space-between;
}
.foto_futuro {  
  width: 100%;
  border-radius: 5px;
  align-self:center;
}


/* BOTÓN PARA SUBIR*/
.boton:nth-child(5) {
  font-size: 2vmax;
  font-family: "Uchen", serif;
  padding: 0.5vmax;
  width: min-content;
  position: fixed;
  bottom: 0.6vmin;
  right: 1.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 4vh;
  margin-bottom: 1vmax;
  background-color: #3c1414;
  border-width: 0.4vmin;
  border-style: solid;
  border-color: #3c1414;
}
.botonlink {
  text-decoration: none;
}
.boton p {
  color: #ffefd5d7;
}
/* fOOTER*/
.footer:nth-child(3) {
  background-color: #ffefd5;
  height: 10vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.año:nth-child(1) {
  margin: 0;
  padding: 0;
  margin-left: 1.5vh;
  color: #3c1414;
  font-size: 3vh;
  font-family: "Uchen", serif;
}