.quienes-somos {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100%;
/*  min-height: 100vh;
  height: 100%;*/
}

.quienes-somos .div-5 {
  background-color: #ffffff;
  overflow: hidden;
  /* position: relative;
  width: 1512px;
  height: 6067px;*/
  width:100%;
 
}

.quienes-somos .overlap-24 {
/*  position: absolute;
  width: 1512px;
  height: 2058px;
  top: 2083px;
  left: 0;*/
  width:100%;
}

.quienes-somos .rectangle-29 {
 /* position: absolute;
  width: 1512px;
  height: 1111px;
  top: 0;
  left: 0;*/
  width:100%;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(39, 93, 114, 1) 71%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .group-32 {
 /* position: absolute; 
 	top: 195px;
  	left: 128px;
  */
  /*width: 347px;
  height: 690px;*/
  width:80%;
  
 
}

.quienes-somos .overlap-25 {
  position: relative;
 /* width: 341px;
  height: 690px;*/
  width:100%;
  padding:10px;
  border-radius: 25px;
  border: none;
  backdrop-filter: blur(15px) brightness(100%);
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  background: linear-gradient(
    130deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
}

.quienes-somos .overlap-25::before {
 /* content: "";*/
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .nombres_equipo {
  /*position: absolute;
  top: 236px;
  left: 106px;*/
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-font-size);
  text-align: center;
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: 1;
  font-style: var(--sub-titulo-font-style);
}

.quienes-somos .text-wrapper-105 {
 /* position: absolute;
  top: 346px;
  left: 77px;*/
  widows:100%;
   padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  font-family: var(--sub-titulo-2-font-family);
  font-weight: var(--sub-titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-2-font-size);
  letter-spacing: var(--sub-titulo-2-letter-spacing);
  line-height: var(--sub-titulo-2-line-height);
  font-style: var(--sub-titulo-2-font-style);
}

.quienes-somos .text-wrapper-106 {
  width: 245px;
  top: 429px;
  left: 48px;
  color: #ffffff;
  position: absolute;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  font-size: var(--cuerpo-de-texto-font-size);
  text-align: center;
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .vector-22 {
 /* position: absolute;
  width: 217px;
  height: 193px;
  top: 23px;
  left: 55px;*/
   width: 217px;
  height: 193px;
}

.quienes-somos .group-33 {
 /* position: absolute;*/
  width: 232px;
  height: 38px;
 /* top: 633px;
  left: 54px;*/
}

.quienes-somos .overlap-group-9 {
 /* position: relative;*/
  width: 230px;
  height: 38px;
  background-color: var(--azul-turqueza);
  border-radius: 50px;
}

.quienes-somos .text-wrapper-107 {
 /* position: absolute;
  top: 5px;
  left: 63px;*/
  text-align:center;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .group-34 {
  position: absolute;
  width: 347px;
  height: 690px;
  top: 195px;
  left: 586px;
}

.quienes-somos .ana-lucia-bohorquez {
  position: absolute;
  top: 236px;
  left: 80px;
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-font-size);
  text-align: center;
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: var(--sub-titulo-line-height);
  font-style: var(--sub-titulo-font-style);
}

.quienes-somos .text-wrapper-108 {
/*  position: absolute;
  width: 245px;
  top: 429px;
  left: 46px;*/
  width:90%;
  padding-bottom:5px;
  padding-top:5px;
  height:100px;
  text-align:center;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  text-align: center;
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: 1;
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .vector-23 {
  position: absolute;
  width: 217px;
  height: 193px;
  top: 23px;
  left: 60px;
}

.quienes-somos .group-35 {
  position: absolute;
  width: 347px;
  height: 690px;
  top: 195px;
  left: 1043px;
}

.quienes-somos .nayibe-apellido {
  position: absolute;
  top: 236px;
  left: 102px;
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-font-size);
  text-align: center;
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: var(--sub-titulo-line-height);
  font-style: var(--sub-titulo-font-style);
}

.quienes-somos .mask-group-16 {
  position: absolute;
  width: 1512px;
  height: 949px;
  top: 1109px;
  left: 0;
}

.quienes-somos .text-wrapper-109 {
  /*position: absolute;
  top: 1221px;
  left: 485px;*/
  width:100%;
  text-align:center;
  padding-bottom:10px;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: var(--azul-oscuro);
  font-size: var(--titulo-2-font-size);
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.quienes-somos .text-wrapper-110 {
 /* top: 81px;
  left: 628px;
  position: absolute;*/
  width:100%;
  padding-top:10px;

  text-align:center;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--titulo-2-font-size);
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.quienes-somos .text-wrapper-111 {
  /*width: 1256px;
  top: 1292px;
  position: absolute;
  left: 128px;*/
  width:90%;
  padding-bottom:20px;
  padding-top:10px;
  color: var(--azul-oscuro);
  font-size: var(--sub-titulo-font-size);
  text-align: center;
 
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: var(--sub-titulo-line-height);
  font-style: var(--sub-titulo-font-style);
}

.quienes-somos .nuestro-equipo-est {
 /* position: absolute;
  width: 1256px;
  top: 928px;
  left: 128px;*/
  width:90%;
  padding:10px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  text-align: center;
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .rounded-rectangle-11 {
 /* position: absolute; top: 1425px;
  left: 128px;*/
  /*width: 381px;
  height: 230px;*/
  width:80%;
  padding-left:20px;
  padding-right:20px;
   padding-top:40px;
  min-height:200px;
  margin:0; 
 
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}


.quienes-somos .rounded-rectangle-11-1 {
 /* position: absolute; top: 1425px;
  left: 128px;*/
  /*width: 381px;
  height: 230px;*/
  width:60%;
  padding-left:20px;
  padding-right:20px;
   padding-top:40px;
  min-height:200px;
  margin:0; 
 
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .rounded-rectangle-11::before {
 /* content: "";*/
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .rounded-rectangle-11-1::before {
 /* content: "";*/
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .text-wrapper-112 {
 /* position: absolute; 
 	top: 1539px;
  left: 189px;
  width: 246px;*/
  width:90%;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .text-wrapper-113 {
  /*position: absolute;
  top: 1499px;
  left: 189px;*/
  width:90%;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .rounded-rectangle-12 {
  top: 1425px;
  left: 566px;
  position: absolute;
  width: 381px;
  height: 230px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .rounded-rectangle-12::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .rounded-rectangle-13 {
  top: 1719px;
  left: 331px;
  position: absolute;
  width: 381px;
  height: 230px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .rounded-rectangle-13::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .text-wrapper-114 {
  position: absolute;
  width: 288px;
  top: 1539px;
  left: 627px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .text-wrapper-115 {
  position: absolute;
  width: 279px;
  top: 1827px;
  left: 392px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .text-wrapper-116 {
  position: absolute;
  top: 1499px;
  left: 627px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .text-wrapper-117 {
  position: absolute;
  top: 1766px;
  left: 392px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .rounded-rectangle-14 {
  top: 1425px;
  left: 1003px;
  position: absolute;
  width: 381px;
  height: 230px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .rounded-rectangle-14::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .rounded-rectangle-15 {
  top: 1719px;
  left: 799px;
  position: absolute;
  width: 381px;
  height: 230px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .rounded-rectangle-15::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .text-wrapper-118 {
  position: absolute;
  width: 279px;
  top: 1539px;
  left: 1064px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .text-wrapper-119 {
  position: absolute;
  width: 279px;
  top: 1827px;
  left: 860px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .text-wrapper-120 {
  position: absolute;
  top: 1499px;
  left: 1064px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .text-wrapper-121 {
  position: absolute;
  top: 1766px;
  left: 860px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .overlap-26 {
  position: absolute;
  width: 1512px;
  height: 803px;
  top: 4141px;
  left: 0;
}

.quienes-somos .rectangle-30 {
  position: absolute;
  width: 1512px;
  height: 803px;
  top: 0;
  left: 0;
  background-color: var(--azul-turqueza);
  opacity: 0.3;
}

.quienes-somos .text-wrapper-122 {
  position: absolute;
  top: 80px;
  left: 505px;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: var(--azul-oscuro);
  font-size: var(--titulo-2-font-size);
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.quienes-somos .group-36 {
  position: absolute;
  width: 363px;
  height: 547px;
  top: 175px;
  left: 128px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    0deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .group-36::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .group-37 {
  position: relative;
  width: 305px;
  height: 498px;
  top: 5px;
  left: 29px;
}

.quienes-somos .line-5 {
  position: absolute;
  width: 290px;
  height: 3px;
  top: 202px;
  left: 6px;
}

.quienes-somos .image-4 {
  position: absolute;
  width: 174px;
  height: 174px;
  top: 0;
  left: 64px;
  aspect-ratio: 1;
  object-fit: cover;
}

.quienes-somos .layer {
  position: absolute;
  width: 155px;
  height: 28px;
  top: 232px;
  left: 73px;
}

.quienes-somos .vector-24 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
}

.quienes-somos .vector-25 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 32px;
}

.quienes-somos .vector-26 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 63px;
}

.quienes-somos .vector-27 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 95px;
}

.quienes-somos .vector-28 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 127px;
}

.quienes-somos .trabajar-con {
  position: absolute;
  width: 301px;
  top: 289px;
  left: 0;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  text-align: center;
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .mar-a-fernanda-l-pez {
  position: absolute;
  width: 201px;
  top: 438px;
  left: 50px;
  font-family: var(--cuerpo-de-texto-bold-font-family);
  font-weight: var(--cuerpo-de-texto-bold-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-bold-font-size);
  text-align: center;
  letter-spacing: var(--cuerpo-de-texto-bold-letter-spacing);
  line-height: var(--cuerpo-de-texto-bold-line-height);
  font-style: var(--cuerpo-de-texto-bold-font-style);
}

.quienes-somos .group-38 {
  position: absolute;
  width: 363px;
  height: 547px;
  top: 175px;
  left: 575px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    0deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .group-38::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .group-39 {
  position: absolute;
  width: 363px;
  height: 547px;
  top: 175px;
  left: 1022px;
  border-radius: 25px;
  border: none;
  background: linear-gradient(
    0deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .group-39::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;
  background: linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .vector-29 {
  position: absolute;
  width: 412px;
  height: 339px;
  top: 3388px;
  left: -11078px;
}

.quienes-somos .overlap-27 {
 /* position: absolute;
  width: 1512px;
  height: 2083px;
  top: 0;
  left: 0;*/
  width:100%;
}

.quienes-somos .mask-group-17 {
/*  position: absolute;
  width: 1512px;
  height: 815px;
  top: 0;
  left: 0;*/
  width:100%;
 
}

.quienes-somos .rectangle-31 {
background-image:url('../img/nosotros_main.png');

max-height:500px;
background-size: cover; 
background-position: center;

  width:100%; 
  padding-bottom:30%;
  padding-top:30%;
}


.quienes-somos .text-wrapper-123 {
 /* position: absolute;
  top: 367px;
  left: 503px;*/
  width:100%;
  font-family: var(--titulo-1-font-family);
  font-weight: var(--titulo-1-font-weight);
  color: #ffffff;
  font-size: var(--titulo-1-font-size);
  letter-spacing: var(--titulo-1-letter-spacing);
  line-height: var(--titulo-1-line-height);
  font-style: var(--titulo-1-font-style);
  text-align:center;
}

.quienes-somos .mask-group-18 {
  /*position: absolute;
  width: 1512px;
  height: 1455px;
  top: 478px;
  left: 0;*/
  width:100%;
}

.quienes-somos .rectangle-32 {
  /*position: absolute;
  width: 1512px;
  height: 621px;
  top: 1462px;
  left: 0;*/
  width:100%; 

background-image:url('../img/mask-group-22.png');
  background-size: cover; 
background-position: center;
padding-top:15%;
padding-bottom:10%;

  
 /* background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(39, 93, 114, 1) 71%,
    rgba(72, 157, 164, 1) 100%
  );*/
}
.quienes-somos .rectangle-32-2 {
  /*position: absolute;
  width: 1512px;
  height: 621px;
  top: 1462px;
  left: 0;*/
  width:100%; 

  
  background-size: cover; 
background-position: center;
padding-top:10%;

background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(39, 93, 114, 1) 71%,
    rgba(72, 157, 164, 1) 100%
  );
}
.quienes-somos .mask-group-19 {
/*  position: absolute;
  width: 1512px;
  height: 621px;
  top: 1462px;
  left: 0;*/
  width:100%;
}

.quienes-somos .text-wrapper-124 {
 /* position: absolute;
  top: 1011px;
  left: 529px;*/
  width:100%;
  padding-bottom:40px;
  text-align:center;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: var(--azul-oscuro);
  font-size: var(--titulo-2-font-size);
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.quienes-somos .text-wrapper-125 {
 /* top: 1536px;
  left: 128px;
  position: absolute;*/
  width:100%;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:20px;  

  
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--titulo-2-font-size);
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.quienes-somos .treeware-nace-con {
 /* width: 1256px;
  top: 1135px;
  left: 128px; position: absolute;*/
  width:100%;
  padding-left:20%;
  padding-right:20%;
  vertical-align:middle;
  text-align:center;
  color: var(--azul-oscuro);
 
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  font-size: var(--cuerpo-de-texto-font-size);
  text-align: center;
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .en-treeware-creemos-2 {
  /*width: 1246px;
  top: 1639px;position: absolute;
  left: 128px;*/
  width:100%;
  padding-left:10%;
  padding-right:10%;
  padding-top:20px; 
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .overlap-28 {
  position: absolute;
  width: 1512px;
  height: 1123px;
  top: 4944px;
  left: 0;
}

.quienes-somos .rectangle-33 {
  position: absolute;
  width: 1512px;
  height: 851px;
  top: 0;
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.quienes-somos .group-40 {
  position: absolute;
  width: 1259px;
  height: 614px;
  top: 119px;
  left: 128px;
}

.quienes-somos .overlap-29 {
  position: relative;
  width: 1257px;
  height: 614px;
  border-radius: 50px;
  border: none;
  backdrop-filter: blur(2px) brightness(100%);
  -webkit-backdrop-filter: blur(2px) brightness(100%);
  background: linear-gradient(
    130deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
}

.quienes-somos .overlap-29::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 50px;
  background: linear-gradient(
    130deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .mask-group-20 {
  position: absolute;
  width: 480px;
  height: 614px;
  top: -1px;
  left: 776px;
}

.quienes-somos .text-wrapper-126 {
  position: absolute;
  top: 38px;
  left: 47px;
  font-family: var(--titulo-1-font-family);
  font-weight: var(--titulo-1-font-weight);
  color: #ffffff;
  font-size: var(--titulo-1-font-size);
  letter-spacing: var(--titulo-1-letter-spacing);
  line-height: var(--titulo-1-line-height);
  font-style: var(--titulo-1-font-style);
}

.quienes-somos .group-41 {
  position: absolute;
  width: 660px;
  height: 34px;
  top: 144px;
  left: 47px;
}

.quienes-somos .overlap-group-10 {
  position: relative;
  width: 658px;
  height: 34px;
  background-color: #ffffff;
  border-radius: 10px;
}

.quienes-somos .text-wrapper-127 {
  position: absolute;
  top: 7px;
  left: 29px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: var(--azul-oscuro);
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .group-42 {
  position: absolute;
  width: 660px;
  height: 34px;
  top: 198px;
  left: 47px;
}

.quienes-somos .group-43 {
  position: absolute;
  width: 660px;
  height: 34px;
  top: 252px;
  left: 47px;
}

.quienes-somos .group-44 {
  position: absolute;
  width: 660px;
  height: 203px;
  top: 310px;
  left: 47px;
}

.quienes-somos .overlap-30 {
  position: relative;
  width: 658px;
  height: 203px;
  background-color: #ffffff;
  border-radius: 10px;
}

.quienes-somos .group-45 {
  position: absolute;
  width: 661px;
  height: 43px;
  top: 553px;
  left: 47px;
}

.quienes-somos .group-46 {
  position: absolute;
  width: 178px;
  height: 37px;
  top: 0;
  left: 0;
}

.quienes-somos .group-47 {
  width: 180px;
  height: 37px;
}

.quienes-somos .overlap-group-11 {
  position: relative;
  width: 178px;
  height: 37px;
  background-color: var(--azul-oscuro);
  border-radius: 25px;
}

.quienes-somos .text-wrapper-128 {
  position: absolute;
  top: 0;
  left: 51px;
  font-family: var(--nav-menu-font-family);
  font-weight: var(--nav-menu-font-weight);
  color: #ffffff;
  font-size: var(--nav-menu-font-size);
  text-align: center;
  letter-spacing: var(--nav-menu-letter-spacing);
  line-height: var(--nav-menu-line-height);
  font-style: var(--nav-menu-font-style);
}

.quienes-somos .rectangle-34 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 1px;
  left: 213px;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid;
  border-color: #000000;
}

.quienes-somos .rectangle-35 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 27px;
  left: 213px;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid;
  border-color: #000000;
}

.quienes-somos .text-wrapper-129 {
  position: absolute;
  top: 0;
  left: 238px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .text-wrapper-130 {
  position: absolute;
  top: 26px;
  left: 238px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.quienes-somos .frame-32 {
  position: absolute;
  width: 1512px;
  height: 284px;
  top: 839px;
  left: 0;
  background-color: #002a4c;
}

.quienes-somos .logo-9 {
  width: 374px;
  height: 138px;
  top: 83px;
  left: 127px;
  position: absolute;
  aspect-ratio: 2.72;
  object-fit: cover;
}

.quienes-somos .group-48 {
  position: absolute;
  width: 376px;
  height: 86px;
  top: 109px;
  left: 999px;
}

.quienes-somos .component-24 {
  display: flex;
  width: 374px;
  height: 57px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 21px;
  position: absolute;
  top: 29px;
  left: 0;
}

.quienes-somos .frame-33 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -9.50px;
  margin-bottom: -9.50px;
  margin-left: -34.00px;
  margin-right: -34.00px;
}

.quienes-somos .inicio-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .todos-los-derechos-5 {
  position: absolute;
  width: 374px;
  top: 0;
  left: 0;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #ffffff;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .group-49 {
  position: absolute;
  width: 51px;
  height: 180px;
  top: 62px;
  left: 730px;
}

.quienes-somos .component-inicio-5 {
  position: fixed;
  width: 1121px;
  height: 56px;
  top: 44px;
  left: 196px;
  border-radius: 100px;
  background: linear-gradient(
    133deg,
    rgba(15, 80, 151, 1) 0%,
    rgba(13, 46, 71, 1) 100%
  );
}

.quienes-somos .logo-10 {
  width: 122px;
  height: 45px;
  top: 6px;
  left: 42px;
  position: absolute;
  aspect-ratio: 2.72;
  object-fit: cover;
}

.quienes-somos .component-25 {
  display: flex;
  width: 99px;
  height: 57px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 21px;
  position: absolute;
  top: 0;
  left: 373px;
}

.quienes-somos .frame-34 {
  margin-left: -20.00px;
  margin-right: -20.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -11.50px;
  margin-bottom: -11.50px;
}

.quienes-somos .text-wrapper-131 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.quienes-somos .component-26 {
  display: flex;
  width: 135px;
  height: 57px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 21px;
  position: absolute;
  top: 0;
  left: 480px;
}

.quienes-somos .frame-35 {
  margin-left: -29.50px;
  margin-right: -29.50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -11.50px;
  margin-bottom: -11.50px;
}

.quienes-somos .component-27 {
  display: flex;
  width: 135px;
  height: 57px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 21px;
  position: absolute;
  top: 0;
  left: 615px;
}

.quienes-somos .frame-36 {
  margin-left: -25.00px;
  margin-right: -25.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -11.50px;
  margin-bottom: -11.50px;
}

.quienes-somos .component-28 {
  display: flex;
  width: 223px;
  height: 57px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 21px;
  position: absolute;
  top: 0;
  left: 750px;
}

.quienes-somos .frame-37 {
  margin-left: -39.50px;
  margin-right: -39.50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -11.50px;
  margin-bottom: -11.50px;
}

.quienes-somos .component-29 {
  display: flex;
  width: 115px;
  height: 57px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 21px;
  position: absolute;
  top: 0;
  left: 973px;
}

.quienes-somos .frame-38 {
  margin-left: -30.00px;
  margin-right: -30.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -11.50px;
  margin-bottom: -11.50px;
}

.quienes-somos .frame-39 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  position: fixed;
  top: 745px;
  left: 1091px;
  background-color: #023e5c;
  border-radius: 25px;
}

.quienes-somos .text-wrapper-132 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--sub-titulo-2-font-family);
  font-weight: var(--sub-titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-2-font-size);
  letter-spacing: var(--sub-titulo-2-letter-spacing);
  line-height: var(--sub-titulo-2-line-height);
  font-style: var(--sub-titulo-2-font-style);
}


/****** contacto ***/
.quienes-somos .rectangle-37 {
  /*position: absolute;
  width: 1512px;
  height: 5281px;
  top: 515px;
  left: 0;*/
  width:100%;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:5%;
  padding-top:5%;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}


.quienes-somos  .group-5 {
  width:100%;
  
}
.quienes-somos .overlap-3 {
 /* position: relative;
  width: 1257px;
  height: 80%;*/
 width:100%;
 padding-left:5%;
  
  border-radius: 50px;
  border: none;
  backdrop-filter: blur(2px) brightness(100%);
  -webkit-backdrop-filter: blur(2px) brightness(100%);
  background: linear-gradient(
    130deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
}

.quienes-somos .overlap-3::before {
 /* content: "";
  position: absolute;
  inset: 0;*/
  padding: 1px;
  border-radius: 50px;
  background: linear-gradient(
    130deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.quienes-somos .text-wrapper-34 {
 /* position: absolute;
  top: 38px;
  left: 47px;*/
  width:100%;
  padding-top:40px;
  padding-bottom:40px;
  font-family: var(--titulo-1-font-family);
  font-weight: var(--titulo-1-font-weight);
  color: #ffffff;
  font-size: var(--titulo-1-font-size);
  letter-spacing: var(--titulo-1-letter-spacing);
  line-height: var(--titulo-1-line-height);
  font-style: var(--titulo-1-font-style);
}

.quienes-somos .group-6 {
   /*position: absolute;
 width: 660px;
 top: 144px;
  left: 47px;*/
  padding-bottom:10px;
  padding-top:10px;
  width:90%;
  /*height: 34px;*/
 
}

.quienes-somos .overlap-group-3 {
  /*position: relative;
  width: 658px;*/
  width:100%;
  height: 34px;
  background-color: #ffffff;
  border-radius: 10px;
  border:0;
  padding-left:4px;
}

.quienes-somos .text-wrapper-35 {
   /*position: absolute;
  top: 7px;
 left: 29px;*/
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: var(--azul-oscuro);
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  line-height: var(--cuerpo-de-texto-line-height);
  font-style: var(--cuerpo-de-texto-font-style);
}

.quienes-somos .overlap-4 {
 /* position: relative;
  width: 658px;*/
  width:100%;
  height: 100px;
  background-color: #ffffff;
  border-radius: 10px;
  padding-left:4px;
}

.quienes-somos .overlap-group-wrapper {
 /* position: absolute;
  top: 718px;
  left: 128px;*/
  width: 278px;
  height: 77px;
 
}

.quienes-somos .overlap-group-2 {
  /*position: relative;*/
  width: 276px;
  height: 77px;
  background-color: #023e5c;
  border-radius: 50px;
}

.quienes-somos .text-wrapper-15 {
 /* position: absolute;
  top: 19px;
  left: 36px;*/
   text-align:center;
  vertical-align:middle;
  padding-top:15px;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--titulo-2-font-size);
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.quienes-somos .text-wrapper-38 {
  /*position: absolute;
  top: 26px;
  left: 238px;*/
  width:100%;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  float:left;
  padding:3px;
}

.quienes-somos .mask-group-8 {
  
  width:100%;
  
}