* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  font-family: "Gotham-Book";
}

body {
  background-color: #f5f5f7 !important;
}

:root {
  --primary-color: #ffcb17;
  --secondary-color: #1b3561;
  --general-background: #fefcf5;
  --footer-background: #122340;
  --text-gray: #777777;
  --border: #424242;
  --white: #ffffff;
  --bs-font-sans-serif: "Gotham-Book";
}

/*  */
/* Padre Rafael García Herreros */
/*  */

/* bgMain */

.bgMain {
  padding: 27px 42px 33px 42px;
  background: black;
  /* background-image: linear-gradient(to bottom, #1b3561, #fefcf5); */
}

.bgMain-content {
  padding: 48px 10%;
  display: flex;
  flex-direction: column;
  /* background-color: var(--white); */
  /* box-shadow: 2px 4px 12px #00000014; */
  /* border-radius: 18px; */
}

.bgMain--image img {
  width: 100%;
  mask-image: linear-gradient(black 80%, transparent);
}

.bgMain--title h2 {
  color: var(--primary-color);
  text-align: center;
  font-size: 4.2rem;
  /* font-family: "Gotham-Bold2"; */
  font-family: "ClashDisplay-Semibold";
}


/* bgBiography */

.bgBiography--content1 {
  margin: 27px 42px 33px 42px;
  padding: 48px 10%;
  background-color: var(--white);
  box-shadow: 2px 4px 12px #00000014;
  border-radius: 18px;
}

.bgBiography--content1 h2 {
  margin: 30px 0 15px 0;
  font-size: 2.6rem;
  font-family: "Gotham-Black";
  text-align: center;
  color: var(--secondary-color);
}

.bgBiography--content1 p {
  margin: 15px 0 15px 0;
  font-size: 2rem;
  font-family: "Gotham-Book";
  color: var(--secondary-color);
  text-align: justify;
}

.bgBiography--content2 {
  display: flex;
  flex-direction: column;
}

.bgBiography--content2__image {
  margin: 0 42px 27px 42px;
  padding: 48px 10%;
  height: 411px;
  background: url(../img/biographies/biografia-padre-diego-2.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 2px 4px 12px #00000014;
  border-radius: 18px;
}

.bgBiography--content2__text {
  margin: 0 42px 27px 42px;
  padding: 48px 10%;
  background-color: var(--white);
  box-shadow: 2px 4px 12px #00000014;
  border-radius: 18px;
}

.bgBiography--content2__text p {
  margin: 15px 0 15px 0;
  font-size: 2rem;
  font-family: "Gotham-Book";
  color: var(--secondary-color);
  text-align: justify;
}

@media screen and (width >= 768px) {

  .bgMain {
    height: 72vh;
    display: flex;
    align-items: center;
  }

  .bgMain-content {
    flex-direction: row;
    justify-content: space-evenly;
  }

  .bgMain--image {
    width: 36%;
  }

  .bgMain--title {
    width: 50%;
    display: flex;
    align-items: center;
    background: url(../img/biographies/cruz-opacidad.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .bgMain--title h2 {
    font-size: 6rem;
  }
}

@media screen and (width >= 1024px) {

  .bgBiography--content2 {
    flex-direction: row;
  }
  
  .bgBiography--content2__image {
    margin: 0 0 27px 42px;
  }

}


@media screen and (width >= 1440px) {
  .bgMain--title h2 {
    font-size: 9rem;
  }

  /* .bgMain {
    height: 72vh;
  } */
}