/* Seccion de Historia */
.historia {
  display: flex;
  height: 800px;
  width: 100%;
  background-size: cover;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

/* Contenedor para texto */
.ctn_Historia {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Titulo de historia */
.hHistoria {
  font-family: var(--fuente-amaranth);
  color: var(--color-primario);
  -webkit-text-stroke: 2px var(--color-primario);
  padding-bottom: 20px;
  font-size: 70px;
  font-weight: 900;
  text-align: center;
  margin: 0;
}

/* Texto de historia */
.pHistoria {
  font-family: var(--fuente-amaranth);
  color: var(--color-secundario);
  font-size: 38px;
  font-weight: 900;
  text-align: justify;
  margin: 0;
}

/* conetendor de triangulos */
.triangulos {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Triangulo de lado izquierdo */
.triangulo-izquierda {
  background: var(--color-primario);
  clip-path: polygon(0% 100%, 0% 0%, 100% 100%);
  width: 60%;
  height: 140px;
  margin-top: 20px;
  z-index: 40;
}

/* Triangulo de lado derecho */
.triangulo-derecha {
  background: var(--color-primario);
  clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
  width: 40%;
  height: 160px;
  z-index: 25;
}

@media (max-width: 361px) {

  /* Seccion de Historia */
  .historia {
    height: 560px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 35px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 15px;
    font-weight: 900;
  }

  /* Triangulo de lado izquierdo */
  .triangulo-izquierda {
    width: 60%;
    height: 120px;
    margin-top: 20px;
  }

  /* Triangulo de lado derecho */
  .triangulo-derecha {
    width: 40%;
    height: 140px;
  }
}

@media (max-width: 481px) and (min-width: 361px) {

  /* Seccion de Historia */
  .historia {
    height: 560px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 40px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 18px;
    font-weight: 900;
  }

  /* Triangulo de lado izquierdo */
  .triangulo-izquierda {
    width: 60%;
    height: 120px;
    margin-top: 20px;
  }

  /* Triangulo de lado derecho */
  .triangulo-derecha {
    width: 40%;
    height: 140px;
  }
}

@media (max-width: 701px) and (min-width: 481px) {

  /* Seccion de Historia */
  .historia {
    height: 550px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 50px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 20px;
    font-weight: 900;
  }

  /* Triangulo de lado izquierdo */
  .triangulo-izquierda {
    width: 60%;
    height: 120px;
    margin-top: 20px;
  }

  /* Triangulo de lado derecho */
  .triangulo-derecha {
    width: 40%;
    height: 140px;
  }
}

@media (max-width: 959px) and (min-width: 701px) {

  /* Seccion de Historia */
  .historia {
    height: 580px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 60px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 25px;
    font-weight: 900;
  }

  /* Triangulo de lado izquierdo */
  .triangulo-izquierda {
    width: 60%;
    height: 120px;
    margin-top: 20px;
  }

  /* Triangulo de lado derecho */
  .triangulo-derecha {
    width: 40%;
    height: 140px;
  }
}

@media (max-width: 1200px) and (min-width: 959px) {

  /* Seccion de Historia */
  .historia {
    height: 590px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 65px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 28px;
    font-weight: 900;
  }

  /* Triangulo de lado izquierdo */
  .triangulo-izquierda {
    width: 60%;
    height: 120px;
    margin-top: 20px;
  }

  /* Triangulo de lado derecho */
  .triangulo-derecha {
    width: 40%;
    height: 140px;
  }
}

@media (max-width: 1921px) and (min-width: 1337px) {

  /* Seccion de Historia */
  .historia {
    height: 800px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 80px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 40px;
    font-weight: 900;
  }
}

@media (max-width: 2700px) and (min-width: 1921px) {

  /* Seccion de Historia */
  .historia {
    height: 860px;
  }

  /* Titulo de historia */
  .hHistoria {
    -webkit-text-stroke: 1px var(--color-primario);
    font-size: 100px;
    font-weight: 900;
  }

  /* Texto de historia */
  .pHistoria {
    font-size: 48px;
    font-weight: 900;
  }

  /* Triangulo de lado izquierdo */
  .triangulo-izquierda {
    height: 160px;
    margin-top: 20px;
  }

  /* Triangulo de lado derecho */
  .triangulo-derecha {
    width: 40%;
    height: 180px;
  }
}