body {
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

.transition-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 9999;
  pointer-events: none; /* Evitar interacción durante la transición */
  transition: opacity 3s ease-in-out; /* Transición de opacidad durante 3 segundos */
}

.transition-text {
  color: white;
  font-size: 24px;
  opacity: 1;
  transition: opacity 1s ease-out; /* Transición de opacidad durante 1 segundo */
}

body.transition-active {
  overflow: hidden; /* Evitar el desplazamiento de la página durante la transición */
}

/* Estilos para ocultar la barra de desplazamiento durante la transición */
body.transition-active {
  margin-right: calc(100vw - 100%);
}




.background {

  overflow-y: hidden;
}



body:hover {
overflow-y: auto;
}

::-webkit-scrollbar {
width: 0;
height: 0;
}

::-webkit-scrollbar-thumb {
background-color: transparent;
}

::-webkit-scrollbar-track {
background: transparent;
}
.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

.menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1783px;
  height: 61px;
  margin: 41px 0 0 49px;
  z-index: 63;
}
.logotipo {
  flex-shrink: 0;
  position: relative;
  width: 115px;
  height: 61px;
  background-size: cover;
  z-index: 63;
}



.menutexto{
  flex-shrink: 0;
  position: relative;
  height: 28px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 23px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.69px;
  z-index: 57;
  word-spacing: 5px;
  
}

.menutexto a {
  /* Ajusta el espacio entre los enlaces si es necesario */
  text-decoration: none; /* Elimina el subrayado */
  color: #000000; /* Color del texto */
}

.menutexto a:hover {
  text-decoration: underline; /* Agrega subrayado al pasar el mouse sobre el enlace */
}
.textoprincipal {
  position: relative;
  width: 2392px;
  height: 779px;
  margin: -1px 0 0 34px;
  z-index: 48;
}
.text-2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 251px;
  top: 0;
  left: 127px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 211px;
  font-weight: 600;
  line-height: 251px;
  text-align: left;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
  transition: color 0.3s ease; /* Agrega transición de color para suavizar el cambio */
  cursor: pointer;
}


.img-2 {
  
  width: 1px;
  height: 175.718px;
  top: 150px;
  left: 15px;
  background: url(./assets/images/0269570f-8122-4c9b-b5f6-5fdd552eff84.png)
    no-repeat center;
  background-size: cover;
  border: 1px solid #000000;
  z-index: 45;
}
.text-3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 251px;
  top: 176px;
  left: 544px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 211px;
  font-weight: 600;
  line-height: 251px;
  text-align: left;
  white-space: nowrap;
  z-index: 2;
  overflow: hidden;
  transition: color 0.3s ease; /* Agrega transición de color para suavizar el cambio */
  cursor: pointer;
}


.iconoinsta {
  
  width: 30px;
  height: 29.638px;
  top: 341.525px;
  left: 0;
  
  background-size: cover;
  z-index: 47;
}
.text-4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 251px;
  top: 349px;
  left: 644px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 211px;
  font-weight: 600;
  line-height: 251px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
  overflow: hidden;
  transition: color 0.3s ease; /* Agrega transición de color para suavizar el cambio */
  cursor: pointer;
}


.iconolinkedin {
  
  width: 29px;
  height: 28.65px;
  top: 389.934px;
  left: 1px;
  background: url(./assets/images/1b4b757c84075d06d555733f6f9ce5e9fb2077fb.png)
    no-repeat center;
  background-size: cover;
  z-index: 48;
}

.iconoinsta,
.iconolinkedin,
.img-2,
.pic {
  position: fixed;
  align-items: center;
  margin-left: 33px;
  margin-top: 101px;
}

.pic {

  width: 1px;
  height: 175.658px;
  top: 438.342px;
  left: 15px;
  background: url(./assets/images/38a98445-00f6-48b7-95b7-efd2d55a9954.png)
    no-repeat center;
  background-size: cover;
  border: 1px solid #000000;
  z-index: 46;
}
.text-5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 251px;
  top: 528px;
  left: 127px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 211px;
  font-weight: 600;
  line-height: 251px;
  text-align: left;
  white-space: nowrap;
  z-index: 4;
  overflow: hidden;
  
  cursor: pointer;
}

.text-5:hover {
  color: transparent; /* Texto transparente al pasar el cursor */
  -webkit-text-stroke: 2px #000000; /* Añade un contorno de 2px en color negro */
}

.letter {
  display: inline-block;
}
.minombregrande {
  position: relative;
  width: 1740px;
  height: 292px;
  margin: 200px 0 0 329px;
  z-index: 19;
}
.text-6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 82px;
  top: -70px;
  left: 2px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 67px;
  font-weight: 600;
  line-height: 82px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.67px;
  z-index: 19;
}
.text-7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 251px;
  top: 41px;
  left: 0;
  font-family: 'Clash Grotesk', sans-serif;
  color: rgba(0, 0, 0, 0);
  font-size: 314px;
  font-weight: 700;
  line-height: 251px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 3.14px;
  z-index: 5;
  -webkit-text-stroke: 2.3px #000000;
}
.text-8 {
  display: block;
  position: relative;
  height: 251px;
  margin: 16px 0 0 682px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: rgba(0, 0, 0, 0);
  font-size: 314px;
  font-weight: 700;
  line-height: 251px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 3.14px;
  z-index: 6;
  -webkit-text-stroke: 2.3px #000000;
}
.grouprotatorios {
  position: relative;
  width: 676px;
  height: 101px;
  margin: 0 0 0 622px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  font-size: 67px;
  font-weight: 600;
  line-height: 82.41px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.67px;
  z-index: 20;
}
.text-9 {
  position: relative;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 67px;
  font-weight: 600;
  line-height: 82.41px;
  text-align: left;
  letter-spacing: 0.67px;
  top: 340px;
  
}
.text-a {
  position: relative;
  font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 67px;
  font-weight: 600;
  line-height: 82.41px;
  text-align: left;
  letter-spacing: 0.67px;
}
.text-b {
  position: relative;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 67px;
  font-weight: 600;
  line-height: 82.41px;
  text-align: left;
  letter-spacing: 0.67px;
}
.textobiografia {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 733px;
  height: 433px;
  margin: 73px 0 0 882px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 21px;
  font-weight: 400;
  line-height: 25.83px;
  text-align: left;
  letter-spacing: 0.42px;
  z-index: 17;
}
.pic-2 {
  position: relative;
  width: 781px;
  height: 0.11px;
  margin: 23px 0 0 882px;
  background: url(./assets/images/16c22705-b6b2-4316-9fe2-e3a14b8e9ea9.png)
    no-repeat center;
  background-size: cover;
  border: 1px solid #000000;
  z-index: 39;
}
.text-d {
  display: block;
  position: relative;
  height: 63px;
  margin: 23.892px 0 0 882px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 51px;
  font-weight: 600;
  line-height: 62.73px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 1.02px;
  z-index: 25;
}
.section-2 {
  position: relative;
  width: 682px;
  height: 41px;
  margin: 60px 0 0 882px;
  z-index: 38;
}
.text-e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 0;
  left: 85px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  line-height: 40.59px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.66px;
  z-index: 32;
}
.text-f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 0;
  left: 536px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  line-height: 40.59px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.66px;
  z-index: 38;
}
.primeraflecha {
  position: absolute;
  width: 56.429px;
  height: 35px;
  top: 3px;
  left: 0;
  background: url(./assets/images/c577e03e-9ea9-4729-82ae-9d7e3f45d3da.png)
    no-repeat center;
  background-size: cover;
  z-index: 26;
}
.segundaflecha {
  position: absolute;
  width: 56.429px;
  height: 35px;
  top: 3px;
  left: 451px;
  background: url(./assets/images/c3ca27a5-c39d-4210-a756-62fb3e86e521.png)
    no-repeat center;
  background-size: cover;
  z-index: 29;
}
.group-2 {
  position: relative;
  width: 1394px;
  height: 524px;
  margin: 17px 0 0 270px;
  z-index: 42;
}
.imagenandy {
  position: absolute;
  width: 405px;
  height: 514px;
  margin-top: 500px;
  left: 0;
  background: #d9d9d9;
  z-index: 42;
}
.text-10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 50px;
  left: 697px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  line-height: 40.59px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.66px;
  z-index: 33;
}
.text-11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 50px;
  left: 1148px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  line-height: 40.59px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.66px;
  z-index: 37;
}
.terceraflecha {
  position: absolute;
  width: 56.429px;
  height: 35px;
  top: 53px;
  left: 612px;
  background: url(./assets/images/674a7855-c577-4c9d-bab5-7429f337db65.png)
    no-repeat center;
  background-size: cover;
  z-index: 27;
}
.cuartaflecha{
  position: absolute;
  width: 56.429px;
  height: 35px;
  top: 53px;
  left: 1063px;
  background: url(./assets/images/a0ceae6f-d1f5-4a24-a1f6-6406322b8347.png)
    no-repeat center;
  background-size: cover;
  z-index: 30;
}
.quintaflecha {
  position: absolute;
  width: 56.429px;
  height: 35px;
  top: 161px;
  left: 612px;
  background: url(./assets/images/b8278f01-70d2-4e7a-bebb-30c45c6b306d.png)
    no-repeat center;
  background-size: cover;
  z-index: 28;
}
.text-12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 161px;
  left: 697px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  line-height: 40.59px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.66px;
  z-index: 34;
}
.text-13 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 161px;
  left: 1149px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  line-height: 40.59px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.66px;
  z-index: 36;
}
.sextaflecha{
  position: absolute;
  width: 56.429px;
  height: 35px;
  top: 164px;
  left: 1063px;
  background: url(./assets/images/b3b4b31c-6b1b-443a-9eba-80265722e690.png)
    no-repeat center;
  background-size: cover;
  z-index: 31;
}
.img-7 {
  position: absolute;
  width: 781px;
  height: 0.11px;
  top: 272px;
  left: 612px;
  background: url(./assets/images/889ea0a5-2f5d-45c3-97a2-db36a3892ead.png)
    no-repeat center;
  background-size: cover;
  border: 1px solid #000000;
  z-index: 40;
}
.textofinal {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 733px;
  height: 113px;
  top: 318px;
  left: 612px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 21px;
  font-weight: 400;
  line-height: 25.83px;
  text-align: left;
  letter-spacing: 0.42px;
  z-index: 18;
}
.wrapper-3 {
  position: absolute;
  width: 171px;
  height: 62px;
  top: 462px;
  left: 612px;
  background: rgba(217, 217, 217, 0);
  border: 3px solid #000000;
  z-index: 41;
}

.wrapper-3 p{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
  Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
  "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
  "Source Han Sans CN", sans-serif;
color: #000000;
font-size: 25px;
font-weight: 530;
left: 13px;
top: -12px;
  }
.pic-7 {
  position: relative;
  width: 1400px;
  height: 1px;
  margin: 208px 0 0 264px;
  background: url(./assets/images/8408c530-b812-414e-b9d0-9d993aaecc72.png)
    no-repeat center;
  background-size: cover;
  border: 1px solid #000000;
  z-index: 21;
}


.MAR {
  position: relative;
  width: 974px;
  height: 241px;
  margin: 20px 0 0 473px;
  z-index: 9;
}
.text-15 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 746px;
  height: 129px;
  top: 0;
  left: calc(50% - 373px);
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 105px;
  font-weight: 600;
  line-height: 129px;
  text-align: center;
  white-space: nowrap;
  z-index: 8;
}
.text-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 974px;
  height: 127px;
  top: 114px;
  left: calc(50% - 487px);
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: rgba(0, 0, 0, 0);
  font-size: 103px;
  font-weight: 600;
  line-height: 126.69px;
  text-align: center;
  white-space: nowrap;
  z-index: 9;
  -webkit-text-stroke: 1.5px #000000;
}
.section-3 {
  position: relative;
  width: 1399px;
  height: 493px;
  margin: 20px 0 0 264px;
  z-index: 24;
}
.box {
  position: absolute;
  width: 443px;
  height: 493px;
  top: 0;
  left: 0;
  background: #d9d9d9;
  z-index: 22;
}
.group-4 {
  position: absolute;
  width: 443px;
  height: 493px;
  top: 0;
  left: 478px;
  background: #d9d9d9;
  z-index: 23;
}
.group-5 {
  position: absolute;
  width: 443px;
  height: 493px;
  top: 0px;
  left: 956px;
  background: #d9d9d9;
  z-index: 24;
}
.footer {
  position: relative;
  width: 1920px;
  height: 710px;
  margin: 147px 0 0 0;
  background: #000000;
  z-index: 48;
  overflow: visible auto;
}
.img-8 {
  position: relative;
  width: 1724px;
  height: 0px;
  margin: 449px 0 0 112px;
  background: url(./assets/images/b3a5cc18-b7cf-4516-9664-4213e5c6a7ab.png)
    no-repeat center;
  background-size: cover;
  border: 1px solid #ffffff;
  z-index: 11;
  right: 20px;
}
.text-17 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 155px;
  top: 118px;
  left: 90px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 126px;
  font-weight: 600;
  line-height: 154.98px;
  text-align: left;
  white-space: nowrap;
  z-index: 7;
}
.text-18 {
  display: flex;
  align-items: flex-end;
 
  flex-direction: column;
  position: absolute;
  width: 220px;
  height: 290px;
  top: 80px;
  margin-top: 40px;
  left: 1600px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 41px;
  font-weight: 300;
  line-height: 51px;
  text-align: right;
  text-overflow: initial;
  z-index: 152;
  overflow: hidden;
  right: 20px;
}

.text-18 a {

  margin-bottom: 8px; /* Puedes ajustar el espacio entre las palabras */
  z-index: 200;
  text-decoration: none;
  color: #ffffff;
 
}
.img-9 {
  position: absolute;
  width: 91px;
  height: 91px;
  top: 289px;
  left: 769px;
  background: url(./assets/images/8be91e99-1c94-43b3-9966-b1ecaf8c49c4.png)
    no-repeat center;
  background-size: cover;
  border: 1.5px solid #ffffff;
  z-index: 15;
  border-radius: 50%;
}
.text-19 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 1370px;
  height: 159px;
  top: 290px;
  left: 92px;
  font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 76px;
  font-weight: 200;
  line-height: 93.48px;
  text-align: left;
  z-index: 10;
}
.FLECHAFOOTER {
  position: absolute;
  width: 37.082px;
  height: 23px;
  top: 323px;
  left: 796px;
  background: url(./assets/images/d9b0fff2-2406-499c-823f-406409061ed2.png)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.text-1a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 1123px;
  height: 78px;
  top: 493px;
  left: 695px;
  font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 19px;
  font-weight: 275;
  line-height: 23.634px;
  text-align: right;
  text-overflow: initial;
  z-index: 32;
  overflow: hidden;
}
.text-1b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 390px;
  height: 24px;
  top: 539px;
  left: 107px;
  font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 19px;
  font-weight: 275;
  line-height: 23.634px;
  text-align: right;
  white-space: nowrap;
  z-index: 31;
}


@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.text-2,
.text-3,
.text-4,
.text-5 {
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out forwards;
  cursor: pointer;
}

.text-2 {
  animation-delay: 0s;
}

.text-3 {
  animation-delay: 0.4s;
}

.text-4 {
  animation-delay: 0.7s;
}

.text-5 {
  animation-delay: 1s;
}




.text-2, .text-3, .text-4 {
  transition: transform 0.5s ease; 
    }

    .text-2:hover, .text-3:hover, .text-4:hover {
      color: transparent;
      -webkit-text-stroke: 2px #000000;
      transform: translateY(20px); /* Desplazamiento hacia abajo al pasar el cursor */
    }




    .loader-page {
      background-color: #000000;
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 9999;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: all .5s ease-out;
    }
    .loader-container {
      /* border: 1px solid steelblue; */
      width: 600px;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .loader {
      width: 500px;
      height: 5px;
      background-color: rgba(85, 83, 83, 0.11);
      position: relative;

    }
    .loader-fill {
      background-color: rgb(255, 255, 255);
      width: 0px;
      height: 100%;
      position: absolute;
    }
    .loader-counter {
      position: absolute;
      font-size: 5rem;
      font-family: Clash Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
      "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
      "Source Han Sans CN", sans-serif;
      font-weight: 400;
      letter-spacing: -5px;
      color: rgb(255, 255, 255);
      z-index: 9;
    }