/* Descubre quienes somos */
.descubre-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 2;
  padding-top: 200px;
}

.background-shapes {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.background-shapes img{
  position: absolute;
}

.descubre .shape1 { top: 0px; left: 0px; max-width: 350px;}

.descubre .shape2 { top: 0px; right: 0px; max-width: 350px;}

.descubre .shape3 { position: absolute; top: 50%; left: 0px; max-width: 300px; transform: translate(0, -40%);}

.descubre .shape4 { position: absolute; bottom: -100px; right: 0px; max-width: 440px; z-index: 4;}

.descubre .elementos { position: absolute; max-width: 60px;}

.descubre .elemento1 {
  left: 0;
  top: 100px;
}

.descubre .elemento2 {
  right: 0;
  top: 140px;
}

.descubre .elemento3 {
  left: 0;
  bottom: 20px;
  max-width: 70px;
}

.descubre .elemento4 {
  right: -50px;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 30px;
}

.descubre .elemento5 {
  right: -30px;
  bottom: 80px;
  max-width: 45px;
}

.contenedor-descubre {
  max-width: 700px;
  text-align: center;
  position: relative;
}

.descubre--titulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.descubre--titulo span {
  display: block;
  font-family: 'zar';
}

.descubre--titulo .title {
  font-size: 2.3rem;
  font-weight: bold;
  font-style: italic;
  color: #D8755B;
}

.descubre--titulo .highlight {
  color: #2B2135;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}


.illustration {
  width: 100%;
  max-width: 650px;
  margin-top: 0px;
}

/* Mindfulness */
.mindf-container {
  position: relative;
  height: 100vh;
  margin-top: -100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 100px;
  z-index: 1;
}

.mindf-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mindf-container__textos {
  padding-top: 10px;
  max-width: 700px;
  position: relative;
  margin: 0 auto;
}

.mindf-container__textos p {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.mindf .shape1 { bottom: 30px; left: 0px; max-width: 260px; position: absolute;}

.mindf .elementos { max-width: 380px; position: absolute;}

.mindf .elemento1 { top: 0px; left: 0; max-width: 80px;}

.mindf .elemento2 { top: 50%; right: 50px; max-width: 140px; transform: translate(0, -40%); z-index: 1;}

.mindf .elemento3 { top: 20%; left: -30px; max-width: 80px;}

.mindf .elemento4 { bottom: 80px; left: 15%; max-width: 40px;}

.mindf .elemento5 { bottom: 20px; left: 50%; max-width: 40px; transform: translate(-50%, 0)}

.mindf--titulo {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
}

.mindf--titulo {
  text-align: center;
}

.mindf--titulo span {
  display: block;
  font-family: 'zar';
}

.mindf--titulo .highlight {
  color: #2B2135;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}

.mindf .description {
  text-align: center;
  font-size: 20px;
  font-family: 'athelas';
}

.mindf .illustration {
  max-width: 700px;
  padding-top: 20px;
}

.mindf--titulo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px
}

.mindf--titulo span {
  display: block;
  font-family: 'zar';
}

.mindf--titulo .title {
  font-size: 2.3rem;
  font-weight: bold;
  font-style: italic;
  color: #4D475C;
}

.mindf--titulo .highlight {
  color: #ba4c25;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}

/* Belleza */
.belleza-container {
  position: relative;
  background-image: url(../assets/img/somos/img-belleza.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 100px;
  z-index: 2;
}

.belleza-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.belleza .shape1 { top: 50%; left: 50%; max-width: 600px; position: absolute; transform: translate(-50%, -60%)}

.belleza--titulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.belleza--titulo {
  text-align: center;
}

.belleza--titulo span {
  display: block;
  font-family: 'zar';
}

.belleza--titulo .highlight {
  color: #fff;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}

.belleza--titulo .title {
  color: #D8755B;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}

.belleza .description {
  text-align: center;
  font-size: 20px;
  font-family: 'athelas';
  color: #fff;
}

.belleza .illustration {
  max-width: 700px;
  padding-top: 20px;
}

.relleno {
  width: 50%;
}

.belleza .content {
  width: 40%;
}

.belleza--container__textos {
  max-width: 380px;
}

/* Ingrediente */
.ingrediente-container {
  position: relative;
  height: 100vh;
  margin-top: -100px;
  display: flex;
  align-items: center;
  justify-content: end;
  justify-items: end;
  padding: 0;
  z-index: 1;
}

.ingrediente-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ingrediente-container__textos {
  padding-top: 10px;
  max-width: 470px;
  position: relative;
}

.ingrediente .shape1 { top: 0px; left: 0px; max-width: 260px; position: absolute;}

.ingrediente .shape2 { top: 0px; right: 0px; max-width: 260px; position: absolute; z-index: 1;}

.ingrediente .elementos { max-width: 380px; position: absolute;}

.ingrediente .elemento1 { top: 80px; left: 45%; max-width: 40px; transform: translate(-50%, 0);}

.ingrediente .elemento2 { top: 50%; right: 50px; max-width: 140px; transform: translate(0, -40%); z-index: 1;}

.ingrediente .elemento4 { bottom: 0; left: 60%; max-width: 80px; transform: translate(-50%, 0);}


.ingrediente--titulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ingrediente--titulo {
  text-align: center;
}

.ingrediente--titulo span {
  display: block;
  font-family: 'zar';
}

.ingrediente--titulo .highlight {
  color: #2B2135;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}

.ingrediente .description {
  text-align: center;
  font-size: 20px;
  font-family: 'athelas';
  max-width: 370px;
}

.ingrediente .illustration {
  max-width: 800px;
  padding-top: 20px;
}

/* Compromiso */
.compromiso-container {
  position: relative;
  height: 100vh;
  margin-top: -100px;
  display: flex;
  align-items: center;
  justify-content: start;
  justify-items: end;
  padding: 0;
  padding-bottom: 0px;
  z-index: 1;
}

.compromiso-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.compromiso-container__textos {
  padding-top: 10px;
  max-width: 470px;
  position: relative;
}

.compromiso .shape1 { top: -200px; right: 0px; max-width: 260px; position: absolute;}

.compromiso .shape2 { bottom: -170px; right: 130px; max-width: 500px; position: absolute; z-index: 1;}

.compromiso .elementos { max-width: 380px; position: absolute;}

.compromiso .elemento1 { top: 0px; left: 100px; max-width: 40px;}

.compromiso .elemento2 { top: 10%; left: 40%; max-width: 70px; transform: translate(0, -40%); z-index: 1;}

.compromiso .elemento3 { top: 20%; left: 65%; max-width: 45px; transform: translate(0, -50%); z-index: 1;}

.compromiso .elemento4 { bottom: 0; left: 50px; max-width: 80px;}

.compromiso .elemento5 { bottom: 0; left: 60%; max-width: 50px; transform: translate(-50%, 0);}


.compromiso--titulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.compromiso--titulo {
  text-align: center;
}

.compromiso--titulo span {
  display: block;
  font-family: 'zar';
}

.compromiso--titulo .highlight {
  color: #2B2135;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
}

.compromiso .description {
  text-align: center;
  font-size: 20px;
  font-family: 'athelas';
}

.compromiso .illustration {
  max-width: 700px;
  padding-top: 20px;
}

/* Amamos */
.amamos-container {
  position: relative;
  background-image: url(../assets/img/somos/img-amamos.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin-top: -100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 100px;
  z-index: 2;
}

.amamos-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.amamos .shape1 { top: 40%; left: 70%; max-width: 600px; position: absolute; transform: translate(-50%, -50%)}

.amamos--titulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.amamos--titulo {
  text-align: center;
  line-height: 1;
}

.amamos--titulo .title {
  color: #99BEB4;
  font-size: 3.3rem;
  font-weight: bold;
  position: relative;
  font-family: 'zar';
}

.amamos .description {
  color: #fff;
  font-size: 2.3rem;
  font-family: 'zar';
}

.amamos .illustration {
  max-width: 700px;
  padding-top: 20px;
}

.relleno {
  width: 60%;
}

.amamos .content {
  width: 40%;
}

.amamos--container__textos {
  max-width: 430px;
}

.amamos-logo {
  max-width: 200px;
  margin-bottom: 15px;
}