.tree-digital {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width:100%;
 
}

.tree-digital .div-3 {
  background-color: #ffffff;
  overflow: hidden;
  width:100%;
  position: relative;

}

.tree-digital .overlap-13 {

  width:100%;
  /*background-image: url(./img/mask-group-12.png);
  background-size: 100% 100%;*/
}

.tree-digital .rectangle-13 {
  position: relative;
  width:100%;

}

.tree-digital .mask-group-11 {
  position: absolute;
  width: 1012px;
  height: 814px;
  top: 0;
  left: 0;
}

.tree-digital .text-wrapper-66 {
	position:absolute;
	top:30%; left:10%;
  width:100%;
  font-family:var(--titulo-1-font-family);
  font-weight: 600;
  color: #ffffff;
  font-size: var(--titulo-1-font-size);
  letter-spacing: 0;
  line-height: normal;
  z-index:2;
}

.tree-digital .text-wrapper-67 {
 position: absolute;
 top:45%; left:10%;
  /* width: 746px;
  
  top: 368px;
  left: 128px;*/
  width:70%;
  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);
}

.tree-digital .hijo {
  position: relative;
  /*width: 1512px;
  height: 722px;
  top: 815px;
  left: 0;*/
  width:100%;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.tree-digital .mask-group-12 {
  position: absolute;
  width: 108px;
  height: 52px;
  top: -736px;
  left: -950px;
}

.tree-digital .atenci-n-omnicanal {
  position: absolute;
  top: 310px;
  left: -370px;
  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);
}

.tree-digital .automatiza-procesos {
  position: absolute;
  top: 433px;
  left: -445px;
  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);
}

.tree-digital .mejora-la {
  position: absolute;
  top: 556px;
  left: -413px;
  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);
}

.tree-digital .integra-whatsapp-y {
  position: absolute;
  top: 310px;
  left: 1550px;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--titulo-2-font-size);
  text-align: right;
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.tree-digital .optimiza-ventas-y {
  position: absolute;
  top: 433px;
  left: 1550px;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--titulo-2-font-size);
  text-align: right;
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.tree-digital .plataforma-no-code {
  position: absolute;
  top: 556px;
  left: 1550px;
  font-family: var(--titulo-2-font-family);
  font-weight: var(--titulo-2-font-weight);
  color: #ffffff;
  font-size: var(--titulo-2-font-size);
  text-align: right;
  letter-spacing: var(--titulo-2-letter-spacing);
  line-height: var(--titulo-2-line-height);
  font-style: var(--titulo-2-font-style);
}

.tree-digital .overlap-14 {
 /* position: absolute;
  width: 1512px;
  height: 1056px;
  top: 1537px;
  left: 0;*/
  width:100%;

}

.tree-digital .rectangle-14 {
  position: relative;
/*  width: 1512px;
  height: 1056px;
  top: 0;
  left: 0;*/
  width:100%;
  padding-bottom:40px;
  overflow: hidden; 
 /* background-blend-mode: color;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );*/
}



.tree-digital .text-wrapper-68 {
  position: absolute;
  top: 17px;
  left: 128px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-14 .cuadricula-1{
	
	position:relative;
	
	display: grid; /* Define el elemento como una cuadrícula */
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); /* Configura columnas que se ajustan */
  gap: 1em; /* Espacio entre los items de la grilla */
  padding: 1em;
  
  }
.tree-digital .rectangle-15 {
 /*position: absolute;
 
 width: 235px;
 width:14%;display:inline;*/
  height: 230px;
   padding: 1em;
  
 /* z-index:2;*/
 
 /* top: 327px;
  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%
  );
}

/*.tree-digital .rectangle-15::before {
  
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 25px;

  z-index: 2;
  pointer-events: none;
}*/

.tree-digital .rectangle-15 .text-wrapper-69 {
  position:absolute;
 	left:20px;
	bottom:30px;
 
  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);
}

.tree-digital .rectangle-15 .element-millones {
 /* position: absolute;
  top: 348px;
  left: 151px;*/
  position:absolute;
  top:20px;
  left:20px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-16 {
  left: 383px;
  position: absolute;
  width: 235px;
  height: 230px;
  top: 327px;
  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%
  );
}

.tree-digital .rectangle-16::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;
}

.tree-digital .text-wrapper-70 {
  position: absolute;
  width: 189px;
  top: 460px;
  left: 406px;
  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);
}

.tree-digital .element-de-automatizaci-n {
  position: absolute;
  top: 348px;
  left: 402px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-17 {
  left: 638px;
  position: absolute;
  width: 235px;
  height: 230px;
  top: 327px;
  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%
  );
}

.tree-digital .rectangle-17::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;
}

.tree-digital .text-wrapper-71 {
  position: absolute;
  width: 189px;
  top: 460px;
  left: 661px;
  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);
}

.tree-digital .element-puntos-de-mejora {
  position: absolute;
  top: 348px;
  left: 661px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-18 {
  left: 893px;
  position: absolute;
  width: 235px;
  height: 230px;
  top: 327px;
  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%
  );
}

.tree-digital .rectangle-18::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;
}

.tree-digital .text-wrapper-72 {
  position: absolute;
  width: 189px;
  top: 460px;
  left: 916px;
  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);
}

.tree-digital .element-de-tasa-de {
  position: absolute;
  top: 348px;
  left: 916px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-19 {
  left: 1148px;
  position: absolute;
  width: 235px;
  height: 230px;
  top: 327px;
  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%
  );
}

.tree-digital .rectangle-19::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;
}

.tree-digital .text-wrapper-73 {
  position: absolute;
  width: 189px;
  top: 460px;
  left: 1171px;
  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);
}

.tree-digital .element-agentes {
  position: absolute;
  top: 348px;
  left: 1172px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-20 {
  position: absolute;
  width: 235px;
  height: 230px;
  top: 611px;
  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%
  );
}

.tree-digital .rectangle-20::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;
}

.tree-digital .text-wrapper-74 {
  position: absolute;
  width: 199px;
  top: 744px;
  left: 148px;
  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);
}

.tree-digital .element-millones-2 {
  position: absolute;
  top: 632px;
  left: 148px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-21 {
  position: absolute;
  width: 235px;
  height: 230px;
  top: 611px;
  left: 383px;
  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%
  );
}

.tree-digital .rectangle-21::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;
}

.tree-digital .text-wrapper-75 {
  position: absolute;
  width: 189px;
  top: 744px;
  left: 406px;
  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);
}

.tree-digital .element-millones-de {
  position: absolute;
  top: 632px;
  left: 402px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-22 {
  position: absolute;
  width: 235px;
  height: 230px;
  top: 611px;
  left: 638px;
  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%
  );
}

.tree-digital .rectangle-22::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;
}

.tree-digital .text-wrapper-76 {
  position: absolute;
  width: 189px;
  top: 744px;
  left: 661px;
  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);
}

.tree-digital .element-de-ahorro {
  position: absolute;
  top: 632px;
  left: 661px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-23 {
  position: absolute;
  width: 235px;
  height: 230px;
  top: 611px;
  left: 893px;
  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%
  );
}

.tree-digital .rectangle-23::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;
}

.tree-digital .text-wrapper-77 {
  position: absolute;
  width: 189px;
  top: 744px;
  left: 916px;
  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);
}

.tree-digital .element-casos-de-uso {
  position: absolute;
  top: 632px;
  left: 916px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .rectangle-24 {
  position: absolute;
  width: 235px;
  height: 230px;
  top: 611px;
  left: 1148px;
  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%
  );
}

.tree-digital .rectangle-24::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;
}

.tree-digital .text-wrapper-78 {
  position: absolute;
  width: 195px;
  top: 744px;
  left: 1171px;
  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);
}

.tree-digital .element-integraciones {
  position: absolute;
  top: 632px;
  left: 1171px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .text-wrapper-79 {
 /* position: absolute;
  top: 197px;
  left: 633px;*/
  display: flex;
  position:relative;
  padding-top:40px;
  padding-bottom:20px;
  justify-content: center;
  align-items: center;
  text-align:center;width:100%;
  /*z-index:2;
  position:absolute;
  
  top:10%;*/
  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);
  
}

.tree-digital .conecta-automatiza-y {
 /* position: absolute;
  top: 2732px;
  left: 128px;*/
  width:100%;
  padding-bottom:40px;
  
  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);
}

.tree-digital .overlap-15 {
 /* position: absolute;
  width: 1807px;
  height: 919px;
  top: 2842px;
  left: -202px;*/
  width:100%;
 
}

.tree-digital .tree-digital-es-una-2 {
 /* position: absolute;
  width: 746px;
  top: 33px;
  left: 330px;*/
  padding-bottom:40px;
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: 400;
  color: #000000;
  font-size: var(--cuerpo-de-texto-font-style);
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .span {
  font-weight: var(--cuerpo-de-texto-bold-font-weight);
  font-family: var(--cuerpo-de-texto-bold-font-family);
  font-style: var(--cuerpo-de-texto-bold-font-style);
  letter-spacing: var(--cuerpo-de-texto-bold-letter-spacing);
  line-height: var(--cuerpo-de-texto-bold-line-height);
  font-size: var(--cuerpo-de-texto-bold-font-size);
}

.tree-digital .text-wrapper-80 {
	 
  font-family: var(--cuerpo-de-texto-font-family);
  font-weight: var(--cuerpo-de-texto-font-weight);
  color: #000000;
  font-size: var(--cuerpo-de-texto-font-size);
  letter-spacing: var(--cuerpo-de-texto-letter-spacing);
  font-style: var(--cuerpo-de-texto-font-style);
  line-height: var(--cuerpo-de-texto-line-height);
}

.tree-digital .text-wrapper-81 {
 /* position: absolute;
  width: 746px;
  top: 337px;
  left: 330px;*/
  width:100%;
  font-family: var(--cuerpo-de-texto-bold-font-family);
  font-weight: var(--cuerpo-de-texto-bold-font-weight);
  color: #000000;
  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);
}

.tree-digital .group-15 {
  position: absolute;
  width: 757px;
  height: 673px;
  top: 77px;
  left: 1092px;
  transform: rotate(-90.00deg);
  opacity: 0.06;
}

.tree-digital .overlap-group-6 {
  position: relative;
  height: 580px;
}

.tree-digital .vector-5 {
  position: absolute;
  width: 268px;
  height: 133px;
  top: 67px;
  left: 349px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-6 {
  position: absolute;
  width: 231px;
  height: 204px;
  top: 306px;
  left: 539px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-7 {
  position: absolute;
  width: 135px;
  height: 178px;
  top: 194px;
  left: 130px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-8 {
  position: absolute;
  width: 165px;
  height: 322px;
  top: 138px;
  left: 420px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-9 {
  position: absolute;
  width: 298px;
  height: 178px;
  top: 143px;
  left: 191px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-10 {
  position: absolute;
  width: 205px;
  height: 178px;
  top: 388px;
  left: 326px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-11 {
  position: absolute;
  width: 165px;
  height: 322px;
  top: 297px;
  left: 191px;
  transform: rotate(90.00deg);
}

.tree-digital .vector-12 {
  position: absolute;
  width: 298px;
  height: 178px;
  top: 292px;
  left: -60px;
  transform: rotate(90.00deg);
}

.tree-digital .rectangle-25 {
	width:100%;
	 background-image:url('../img/mask-group-22.png');
  background-size: cover; 
background-position: center;
padding:10%;
 /* position: absolute;
  width: 1512px;
  height: 103px;
  top: 532px;
  left: 202px;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );*/
}

.tree-digital .rectangle-25-1 {
	
	width:100%;
	 display: flex; /* Habilita Flexbox */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  padding-bottom:10px;
  padding-top:10px;
 /* position: absolute;
  width: 1512px;
  height: 103px;
  top: 532px;
  left: 202px;*/
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
}

.tree-digital .frame-16 {
  position: absolute;
  width: 1512px;
  height: 284px;
  top: 635px;
  left: 202px;
  background-color: #002a4c;
}

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

.tree-digital .group-16 {
  position: absolute;
  width: 376px;
  height: 86px;
  top: 109px;
  left: 999px;
}

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

.tree-digital .frame-17 {
  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;
}

.tree-digital .inicio-3 {
  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);
}

.tree-digital .todos-los-derechos-3 {
  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);
}

.tree-digital .group-17 {
  position: absolute;
  width: 51px;
  height: 180px;
  top: 62px;
  left: 730px;
}

.tree-digital .group-18 {
 /* position: absolute;
  width: 1256px;
  height: 77px;
  top: 545px;
  left: 330px;*/
  width:90%;
}

.tree-digital .overlap-16 {
 
  width:95%;
 display: flex; /* Habilita Flexbox */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  height: 77px;
  
  background-color: #ffffff;
  border-radius: 50px;
}

.tree-digital .group-19 {
  position: absolute;
  width: 1256px;
  height: 77px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 50px;
}

.tree-digital .group-20 {
 /* position: relative;top: 17px;
  left: 848px;*/
  width: 345px;
  height: 44px;
  
}

.tree-digital .overlap-group-7 {
 /* position: relative;
  width: 343px;*/
  height: 44px;
  width:100%;
 display: flex; /* Habilita Flexbox */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  border-radius: 25px;
  background: linear-gradient(
    90deg,
    rgba(13, 42, 74, 1) 0%,
    rgba(72, 157, 164, 1) 100%
  );
  
   font-family: var(--cuerpo-de-texto-font-family);
  font-weight: --cuerpo-texto-form-bold-font-weight;
  color: #ffffff;
  font-size: --sub-titulo-2-font-size
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .text-wrapper-82 {
  position: absolute;
  top: 5px;
  left: 38px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 0;
  line-height: normal;
}

.tree-digital .group-21 {
 
 /* width: 373px;
  height: 34px;*/
  top: 22px;
  left: 42px;
}

.tree-digital .overlap-17 {
  position: relative;
  width: 371px;
  height: 34px;
  background-color: var(--azul-turqueza-stroke);
  border-radius: 25px;
}

.tree-digital .text-wrapper-83 {
 /* position: absolute;
  top: 7px;
  left: 23px;*/
  width:95%;
  border:0;
  border-radius: 25px;
  height:44px;
  padding:10px;
  background-color: var(--azul-turqueza-stroke);
  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);
}
.tree-digital .text-wrapper-83::placeholder {
	color:#ffffff;
}
.tree-digital .group-22 {
/*  position: absolute;
  width: 371px;
  height: 34px;*/
  top: 22px;
  left: 446px;
}

.tree-digital .overlap-18 {
  position: relative;
  width: 369px;
  height: 34px;
  background-color: var(--azul-turqueza-stroke);
  border-radius: 25px;
}

.tree-digital .text-wrapper-84 {
  position: absolute;
  top: 7px;
  left: 26px;
  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);
}

.tree-digital .group-23 {
  position: absolute;
  width: 757px;
  height: 673px;
  top: 42px;
  left: -42px;
  transform: rotate(90.00deg);
  opacity: 0.06;
}

.tree-digital .overlap-19 {
  position: relative;
  height: 471px;
}

.tree-digital .vector-13 {
  position: absolute;
  width: 268px;
  height: 133px;
  top: 67px;
  left: 349px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-14 {
  position: absolute;
  width: 178px;
  height: 204px;
  top: 280px;
  left: 565px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-15 {
  position: absolute;
  width: 135px;
  height: 178px;
  top: 194px;
  left: 130px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-16 {
  position: absolute;
  width: 165px;
  height: 322px;
  top: 138px;
  left: 420px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-17 {
  position: absolute;
  width: 298px;
  height: 178px;
  top: 143px;
  left: 191px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-18 {
  position: absolute;
  width: 96px;
  height: 178px;
  top: 334px;
  left: 381px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-19 {
  position: absolute;
  width: 96px;
  height: 322px;
  top: 262px;
  left: 226px;
  transform: rotate(-90.00deg);
}

.tree-digital .vector-20 {
  position: absolute;
  width: 239px;
  height: 178px;
  top: 263px;
  left: -30px;
  transform: rotate(-90.00deg);
}



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

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

.tree-digital .frame-18 {
  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;
}

.tree-digital .text-wrapper-85 {
  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;
}

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

.tree-digital .frame-19 {
  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;
}

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

.tree-digital .frame-20 {
  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;
}

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

.tree-digital .frame-21 {
  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;
}

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

.tree-digital .frame-22 {
  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;
}

.tree-digital .frame-23 {
  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;
}

.tree-digital .text-wrapper-86 {
  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);
}

/** rotador **/
.slider-container {
    position: relative;
    width:100%; /* Ancho del contenedor */
    min-height:600px;  /* Alto del contenedor */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.slider-container .slide {
   position: absolute;
    top: 0;
    left: 0;
   /* width: 100%;
    height: 100%;*/
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active {
    opacity: 1;
}