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

.nuestro-compromiso .div-2 {
  background-color: #ffffff;
  overflow: hidden;
  width:100%;
/*  width: 1512px;
  height: 4905px;
  position: relative;*/
}

.nuestro-compromiso .overlap-group-5 {
  position: relative;
  display: inline-block;
 /* width: 1512px;
  height: 851px;
  top: 0;
  left: 0;*/
  width:100%;
  min-height:800px;
  
 
}

.nuestro-compromiso .mask-group-9 {
 /*  position: absolute;
 width: 991px;
  height: 849px;
  top: 2px;
  left: 0;*/
  width:70%;
  
}

.nuestro-compromiso .text-wrapper-41 {
 /* position: absolute;
  width: 672px;
 */
  position:absolute; 
  top: 150px;
  left: 128px;
  width:50%;
  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);
}

.nuestro-compromiso .text-wrapper-42 {
 position: absolute;
   /*width: 718px;*/
  top: 457px;
  left: 128px;
  width:50%;
  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);
}

.nuestro-compromiso .overlap-5 {
  position: relative;
  width:100%;

  background-image: linear-gradient(90deg,
    rgba(13, 42, 74, 0.8) 0%,
    rgba(72, 157, 164, 0.8) 100%), url("../img/mask-group-22.png");
  background-size: cover;
  background-position: center;
  
/* background-image:  linear-gradient(
    134deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.15) 100%
  ), url(../img/mask-group-22.png);
  
  background-size: cover;
  background-position: center;
  /* width: 1512px;
  height: 993px;
  top: 851px;
  left: 0;*/
}

.nuestro-compromiso .text-wrapper-43 {
 /* position: absolute;
  width: 90%px;
  top: 40px;
  left: 128px;
   width:90%;
   z-index: 1;*/
  position: relative;
  padding-bottom:20px;
    padding-top:20px;
  /*top:60px;
  left:10%;*/
  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);
}

.nuestro-compromiso .text-wrapper-44 {
 /* position: absolute;
  top: 143px;
  left: 128px;*/
  position: relative;
 /* z-index: 1;*/
  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);
}

.nuestro-compromiso .text-wrapper-45 {
 /* position: absolute;
  top: 192px;
  left: 128px;
  z-index: 1;*/
  position: relative;
   padding-bottom:20px;
    padding-top:20px;
 /* top:40px;
  left:10%;*/
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-font-size);
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: var(--sub-titulo-line-height);
  font-style: var(--sub-titulo-font-style);
}

.nuestro-compromiso .overlap-6 {
 /* position: absolute;
  
  top: 375px;
  left: 128px;*/
  padding:20px;
  width: 80%;
  height: 200px;
  position:relative;
/*   z-index:1;*/
  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%
  );
}

.nuestro-compromiso .overlap-6::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: 2;
  pointer-events: none;
}

.nuestro-compromiso .text-wrapper-46 {
 /* position: absolute;
  width: 320px;
  top: 112px;
  left: 24px;*/
  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);
}

.nuestro-compromiso .text-wrapper-47 {
 /* position: absolute;
  top: 25px;
  left: 24px;*/
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.nuestro-compromiso .overlap-7 {
 /* position: absolute;
  width: 381px;
  height: 230px;
  top: 375px;
  left: 566px;*/
  padding:20px;
  width: 80%;
  height: 200px;
   position:relative;
  /* z-index:1;*/
  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%
  );
}

.nuestro-compromiso .overlap-7::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: 2;
  pointer-events: none;
}

.nuestro-compromiso .text-wrapper-48 {
  position: absolute;
  width: 318px;
  top: 112px;
  left: 24px;
  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);
}

.nuestro-compromiso .overlap-8 {
  padding:20px;
  width: 80%;
  height: 200px;

   position:relative;
  /* z-index:1;*/
  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%
  );
}

.nuestro-compromiso .overlap-8::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: 2;
  pointer-events: none;
}

.nuestro-compromiso .text-wrapper-49 {
  position: absolute;
  width: 320px;
  top: 106px;
  left: 24px;
  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);
}

.nuestro-compromiso .text-wrapper-50 {
  position: absolute;
  top: 19px;
  left: 24px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.nuestro-compromiso .overlap-9 {
  padding:20px;
  width: 50%;
  height: 200px;
  position:relative;

  /*z-index:1;*/
  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%
  );
}

.nuestro-compromiso .overlap-9::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: 2;
  pointer-events: none;
}

.nuestro-compromiso .overlap-10 {
  padding:20px;
  width: 50%;
  height: 200px;
  position:relative;

 /* z-index:1;*/
  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%
  );
}

.nuestro-compromiso .overlap-10::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: 2;
  pointer-events: none;
}

.nuestro-compromiso .vector-4 {
 /* position: absolute;*/
  /*width: 412px;
  height: 274px;*/
  width:100%;
  /*top: 0;
  right:0;*/
}

.nuestro-compromiso .text-wrapper-51 {
 /* position: absolute;
  top: 2132px;
  left: 128px;*/
  padding-bottom:20px;
  width:100%;
  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);
}

.nuestro-compromiso .text-wrapper-52 {
  /*position: absolute;
  top: 2193px;
  left: 128px;*/
  width:100%;
  padding-bottom:40px;
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  color: var(--azul-oscuro);
  font-size: var(--sub-titulo-font-size);
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: var(--sub-titulo-line-height);
  font-style: var(--sub-titulo-font-style);
}

.nuestro-compromiso .nuestra-metodolog-a {
 /* position: absolute;
  width: 618px;
  top: 2296px;
  left: 128px;*/
  width:100%;
  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);
}

.nuestro-compromiso .logo-azul-wrapper {
  position: absolute;
  width: 619px;
  height: 770px;
  top: 1926px;
  left: 893px;
  background-image: url(./img/vector-3.svg);
  background-size: 100% 100%;
}

.nuestro-compromiso .logo-azul {
  position: absolute;
  width: 498px;
  height: 498px;
  top: 136px;
  left: 111px;
  aspect-ratio: 1;
  object-fit: cover;
}

.nuestro-compromiso .overlap-11 {
 /* position: relative;*/
  width:100%;
  padding-left:10%;
  padding-right:10%;
  padding-top:20%;
  padding-bottom:20%;
/*  width: 1512px;
  height: 993px;
  top: 2760px;
  left: 0;*/
 
  mask-composite: exclude;
  background-image: url(../img/mask-group-10.png);
  background-size: 100% 100%;
}

.nuestro-compromiso .text-wrapper-53 {
  /*position: absolute;
  top: 351px;
  left: 128px;*/
  width:50%;
    padding-bottom:40px;
  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);
}

.nuestro-compromiso .text-wrapper-54 {
  /*position: absolute;
  top: 290px;
  left: 128px;*/
  width:50%;

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

.nuestro-compromiso .en-treeware {
  /*position: absolute;
  width: 618px;
  top: 461px;
  left: 128px;*/
  width:50%;
  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);
}

.nuestro-compromiso .overlap-12 {
  position: absolute;
  width: 1512px;
  height: 1152px;
  top: 3753px;
  left: 0;
}

.nuestro-compromiso .rectangle-12 {
  position: absolute;
  width: 1512px;
  height: 880px;
  top: 0;
  left: 0;
  background-color: var(--azul-turqueza);
}

.nuestro-compromiso .text-wrapper-55 {
  position: absolute;
  top: 174px;
  left: 557px;
  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);
}

.nuestro-compromiso .text-wrapper-56 {
  position: absolute;
  top: 125px;
  left: 642px;
  font-family: var(--sub-titulo-font-family);
  font-weight: var(--sub-titulo-font-weight);
  color: #ffffff;
  font-size: var(--sub-titulo-font-size);
  letter-spacing: var(--sub-titulo-letter-spacing);
  line-height: var(--sub-titulo-line-height);
  font-style: var(--sub-titulo-font-style);
}

.nuestro-compromiso .rounded-rectangle {
  position: absolute;
  width: 292px;
  height: 409px;
  top: 269px;
  left: 128px;
  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%
  );
}

.nuestro-compromiso .rounded-rectangle::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;
}

.nuestro-compromiso .rounded-rectangle-2 {
  left: 450px;
  position: absolute;
  width: 292px;
  height: 409px;
  top: 269px;
  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%
  );
}

.nuestro-compromiso .rounded-rectangle-2::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;
}

.nuestro-compromiso .rounded-rectangle-3 {
  left: 772px;
  position: absolute;
  width: 292px;
  height: 409px;
  top: 269px;
  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%
  );
}

.nuestro-compromiso .rounded-rectangle-3::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;
}

.nuestro-compromiso .rounded-rectangle-4 {
  left: 1094px;
  position: absolute;
  width: 292px;
  height: 409px;
  top: 269px;
  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%
  );
}

.nuestro-compromiso .rounded-rectangle-4::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;
}

.nuestro-compromiso .text-wrapper-57 {
  position: absolute;
  top: 486px;
  left: 203px;
  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);
}

.nuestro-compromiso .text-wrapper-58 {
  position: absolute;
  top: 572px;
  left: 197px;
  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);
  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);
}

.nuestro-compromiso .text-wrapper-59 {
  position: absolute;
  top: 572px;
  left: 479px;
  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);
  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);
}

.nuestro-compromiso .seguridad-en-gesti-n {
  position: absolute;
  top: 572px;
  left: 1138px;
  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);
}

.nuestro-compromiso .controles {
  position: absolute;
  top: 572px;
  left: 807px;
  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);
}

.nuestro-compromiso .text-wrapper-60 {
  position: absolute;
  top: 486px;
  left: 517px;
  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);
}

.nuestro-compromiso .text-wrapper-61 {
  position: absolute;
  top: 486px;
  left: 874px;
  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);
}

.nuestro-compromiso .text-wrapper-62 {
  position: absolute;
  top: 486px;
  left: 1109px;
  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);
}

.nuestro-compromiso .image {
  width: 114px;
  height: 110px;
  top: 351px;
  left: 1182px;
  aspect-ratio: 1.03;
  position: absolute;
  object-fit: cover;
}

.nuestro-compromiso .image-2 {
  width: 142px;
  height: 142px;
  top: 335px;
  left: 847px;
  aspect-ratio: 1;
  position: absolute;
  object-fit: cover;
}

.nuestro-compromiso .image-3 {
  width: 110px;
  height: 110px;
  top: 351px;
  left: 541px;
  aspect-ratio: 1;
  position: absolute;
  object-fit: cover;
}

.nuestro-compromiso .mask-group-10 {
  position: absolute;
  width: 119px;
  height: 120px;
  top: 341px;
  left: 208px;
}

.nuestro-compromiso .line {
  left: 158px;
  position: absolute;
  width: 230px;
  height: 3px;
  top: 545px;
}

.nuestro-compromiso .line-2 {
  left: 480px;
  position: absolute;
  width: 230px;
  height: 3px;
  top: 545px;
}

.nuestro-compromiso .line-3 {
  left: 802px;
  position: absolute;
  width: 230px;
  height: 3px;
  top: 545px;
}

.nuestro-compromiso .line-4 {
  left: 1124px;
  position: absolute;
  width: 230px;
  height: 3px;
  top: 545px;
}

.nuestro-compromiso .text-wrapper-63 {
  position: absolute;
  width: 1246px;
  top: 733px;
  left: 140px;
  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);
}

.nuestro-compromiso .frame-8 {
  position: absolute;
  width: 1512px;
  height: 284px;
  top: 868px;
  left: 0;
  background-color: #002a4c;
}

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

.nuestro-compromiso .group-13 {
  position: absolute;
  width: 376px;
  height: 86px;
  top: 109px;
  left: 999px;
}

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

.nuestro-compromiso .frame-9 {
  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;
}

.nuestro-compromiso .inicio-2 {
  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);
}

.nuestro-compromiso .todos-los-derechos-2 {
 /* 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);
}

.nuestro-compromiso .group-14 {
  position: absolute;
  width: 51px;
  height: 180px;
  top: 62px;
  left: 730px;
}

.nuestro-compromiso .component-inicio-2 {
  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%
  );
}

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

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

.nuestro-compromiso .frame-10 {
  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;
}

.nuestro-compromiso .text-wrapper-64 {
  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;
}

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

.nuestro-compromiso .frame-11 {
  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;
}

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

.nuestro-compromiso .frame-12 {
  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;
}

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

.nuestro-compromiso .frame-13 {
  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;
}

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

.nuestro-compromiso .frame-14 {
  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;
}

.nuestro-compromiso .frame-15 {
  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;
}

.nuestro-compromiso .text-wrapper-65 {
  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);
}


/**** contactenos ****/
.nuestro-compromiso  .group-5 {
  width:100%;
  
}
.nuestro-compromiso .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%
  );
}

.nuestro-compromiso .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;
}

.nuestro-compromiso .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);
}

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

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

.nuestro-compromiso .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);
}

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

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

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

.nuestro-compromiso .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);
}

.nuestro-compromiso .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;
}

.nuestro-compromiso .mask-group-8 {
  
  width:100%;
  
}