* {
  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: url(../img/biographies/embajadores/background-embajadores-2.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* background-image: linear-gradient(to bottom, #1b3561, #fefcf5); */
}

.bgMain-content {
  padding: 48px 10%;
  display: flex;
  justify-content: center;
  /* 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: 3rem;
  /* font-family: "Gotham-Bold2"; 
  font-family: "ClashDisplay-Semibold";
} */

/* ebContent */

.ebDescription {
  height: 600px;
  margin: 27px 42px 33px 42px;
  padding: 48px 10%;
  display: flex;
  align-items: end;
  font-size: 2rem;
  color: var(--white);
  text-align: center;
  background: url(../img/biographies/embajadores/linda-background.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 2px 4px 12px #00000014;
  border-radius: 18px;
}

.ebDescription span {
  font-family: "Gotham-Bold2";
}

.ebDescription p {
  background: #1b35619e;
  padding: 1%;
  border-radius: 18px;
}

/* .ebDescription {
  margin: 27px 42px 33px 42px;
  display: flex;
  flex-direction: column;
}

.ebDescription__content1,
.ebDescription__content2 {
  background-color: var(--white);
  box-shadow: 2px 4px 12px #00000014;
  border-radius: 18px;
}

.ebDescription__content1 {
  height: 400px;
  margin-bottom: 24px;
  background: url(../img/biographies/embajadores/linda-background.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ebDescription__content2 {
  padding: 48px 10%;
  font-size: 2rem;
  color: var(--secondary-color);
  text-align: center;
}

.ebDescription__content2 span {
  font-family: "Gotham-Bold2";
} */

/* bgBiography */
.bgBiography {
  display: none;
}

.bgBiography--content1 {
  margin: 27px 42px 33px 42px;
  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;
}

/* embajadores */
.bgBiography .card,
.bgBiography__mobile .card {
  padding: 9% 6% 9% 6%;
  text-align: center;
  box-shadow: 2px 4px 12px #00000014;
  border-radius: 18px;
}

.bgBiography .card-title,
.bgBiography__mobile .card-title {
  margin-top: 9px;
  font-family: "ClashDisplay-Semibold";
  font-size: 2.5rem;
  color: var(--secondary-color);
}

.bgBiography .card-img-top,
.bgBiography__mobile .card-img-top {
  width: 65%;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bgBiography__mobile h5 {
  padding: 12px 12px;
  font-size: 1.8rem;
  font-family: "Gotham-bold2";
  color: var(--secondary-color);
}

.bgBiography__mobile svg {
  width: 21px;
  height: 21px;
  transition: fill 1s ease-in-out; /* transición suave */
  fill: var(--secondary-color); /* color inicial */
}

@media screen and (width >= 768px) {
  .bgMain {
    height: 72vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/biographies/embajadores/background-embajadores.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

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

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

  /* .bgMain--title {
    width: 50%;
    display: flex;
    justify-content: center;
    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;
  } */

  /* ebContent */

  /* .ebDescription {
    flex-direction: row;
  }

  .ebDescription__content1 {
    width: 30%;
    margin-bottom: 0;
    margin-right: 24px;
  }

  .ebDescription__content2 {
    width: 70%;
    display: flex;
    align-items: center;
  } */

  .bgBiography--content1 {
    padding: 48px 10%;
  }

  .bgBiography__mobile {
    display: none;
  }

  .bgBiography {
    display: block;
  }
}

@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;
  } */

  .ebDescription {
    height: 800px;
  }
  /* .bgMain {
    height: 72vh;
  } */
}