body {
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    flex-wrap: wrap
    
  }
  
  .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;
    background-color: #ffffff;
  }
  
  .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: url(./assets/images/1c92f8c50f8ba5d9cd0f009a37726be85b5ba5d7.png)
      no-repeat center;
    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 */
  }
  .primeraimagenproyecto1 {
    position: relative;
    width: 1122px;
    height: 646px;
    margin: 1085px 0 0 704px;
    background: #d9d9d9;
    z-index: 11;
    overflow: hidden;
}

.primeraimagenproyecto1 img {
    width: 100%;
    height: 100%;
    transition: filter 0.5s, transform 0.5s;
}

.primeraimagenproyecto1 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
}

.primeraimagenproyecto1 .enlace {
    text-decoration: none;
}

.primeraimagenproyecto1 .textoculero {
    color: white;
    text-align: center;
    font-family: 'Clash Grotesk', sans-serif;
    font-weight: 400;
    font-size: 50px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.primeraimagenproyecto1 .linea {
    width: 100px;
    height: 2px;
    background-color: white;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}

.primeraimagenproyecto1:hover img {
    filter: brightness(70%);
    transform: scale(1.1);
}

.primeraimagenproyecto1:hover .overlay {
    opacity: 1;
}

.primeraimagenproyecto1:hover .textoculero {
    opacity: 1;
}

.primeraimagenproyecto1 :hover .linea {
    opacity: 1;
    transform: translateX(0);
}
  .section-2 {
    position: relative;
    width: 1119px;
    height: 98px;
    margin: 46px 0 0 707px;
    z-index: 29;
  }
  .text-2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 98px;
    top: 0;
    left: 0;
    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: 80px;
    font-weight: 500;
    line-height: 98px;
    text-align: left;
    white-space: nowrap;
    z-index: 1;
    transition: transform 0.3s ease-in-out;
  }
  
  .text-2:hover {
    transform: translateX(1px) scale(1.05); /* Ajusta el valor de escala según tus preferencias */
  }

  .text-2 a{
    text-decoration: none;
    color: #ffffff;
  }

  
  .text-3 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 21px;
    left: 604px;
    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: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 16;
  }
  .primeraflecha {
    position: absolute;
    width: 79px;
    height: 49px;
    top: 24px;
    left: 1040px;
    background: url(./assets/images/2ff9856d-3f63-4c62-8ed3-872a5ff7e86d.png)
      no-repeat center;
    background-size: cover;
    z-index: 29;
  }
  .text-4 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 48px;
    left: 604px;
    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: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 21;
  }
  .img-2 {
    position: relative;
    width: 1119px;
    margin: 29px 0 0 707px;
    background: url(./assets/images/74212f42-604e-4445-ab52-3aaf1198bd62.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #ffffff;
    z-index: 6;
  }
  .segundaimagen {
    position: relative;
    width: 1122px;
    height: 646px;
    margin: 320px 0 0 93px;
    background: #d9d9d9;
    z-index: 12;
    overflow: hidden;
}

.segundaimagen img {
    width: 100%;
    height: 100%;
    transition: filter 0.5s, transform 0.5s;
}

.segundaimagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
}

.segundaimagen .enlace {
    text-decoration: none;
}

.segundaimagen .textoculero {
    color: white;
    text-align: center;
    font-family: 'Clash Grotesk', sans-serif;
    font-weight: 400;
    font-size: 50px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.segundaimagen .linea {
    width: 100px;
    height: 2px;
    background-color: white;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}

.segundaimagen:hover img {
    filter: brightness(70%);
    transform: scale(1.1);
}

.segundaimagen:hover .overlay {
    opacity: 1;
}

.segundaimagen:hover .textoculero {
    opacity: 1;
}

.segundaimagen:hover .linea {
    opacity: 1;
    transform: translateX(0);
}
  .box {
    position: relative;
    width: 1119px;
    height: 98px;
    margin: 45px 0 0 96px;
    z-index: 28;
  }
  .text-5 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 98px;
    top: 0;
    left: 0;
    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: 80px;
    font-weight: 500;
    line-height: 98px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
    transition: transform 0.3s ease-in-out;
  }
  
  .text-5:hover {
    transform: translateX(1px) scale(1.05); /* Ajusta el valor de escala según tus preferencias */
  }


  .text-5 a{
    text-decoration: none;
    color: #ffffff;
      }


  .text-6 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 24px;
    left: 582px;
    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: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 17;
  }
  .segundaflecha {
    position: absolute;
    width: 79px;
    height: 49px;
    top: 24px;
    left: 1040px;
    background: url(./assets/images/5804c214-6f2e-4e88-9c65-2551a9dfee49.png)
      no-repeat center;
    background-size: cover;
    z-index: 28;
  }
  .text-7 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 51px;
    left: 582px;
    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: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 22;
  }
  .pic-3 {
    position: relative;
    width: 1119px;
    margin: 29px 0 0 96px;
    background: url(./assets/images/5bb8c3a3-fa39-4c25-80d0-4f56dec43688.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #ffffff;
    z-index: 7;
  }
  .terceraimagen {
    position: relative;
    width: 1122px;
    height: 646px;
    margin: 319px 0 0 704px;
    background: #d9d9d9;
    z-index: 13;
    overflow: hidden;
}

.terceraimagen img {
    width: 100%;
    height: 100%;
    transition: filter 0.5s, transform 0.5s;
}

.terceraimagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
}

.terceraimagen .enlace {
    text-decoration: none;
}

.terceraimagen .textoculero {
    color: white;
    text-align: center;
    font-family: 'Clash Grotesk', sans-serif;
    font-weight: 400;
    font-size: 50px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.terceraimagen .linea {
    width: 100px;
    height: 2px;
    background-color: white;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}

.terceraimagen:hover img {
    filter: brightness(67%);
    transform: scale(1.1);
}

.terceraimagen:hover .overlay {
    opacity: 1;
}

.terceraimagen:hover .textoculero {
    opacity: 1;
}

.terceraimagen:hover .linea {
    opacity: 1;
    transform: translateX(0);
}
  .wrapper-2 {
    position: relative;
    width: 1119px;
    height: 98px;
    margin: 47px 0 0 707px;
    z-index: 27;
  }
  .text-8 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 98px;
    top: 0;
    left: 0;
    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: 80px;
    font-weight: 500;
    line-height: 98px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
    transition: transform 0.3s ease-in-out;
  }
  
  .text-8:hover {
    transform: translateX(1px) scale(1.05); /* Ajusta el valor de escala según tus preferencias */
  }

  .text-8 a{
text-decoration: none;
color: #ffffff;
  }
  .text-9 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 22px;
    left: 531px;
    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: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 18;
  }
  .terceraflecha {
    position: absolute;
    width: 79px;
    height: 49px;
    top: 24px;
    left: 1040px;
    background: url(./assets/images/c2cf209c-02f0-4b64-a77f-35de18374078.png)
      no-repeat center;
    background-size: cover;
    z-index: 27;
  }
  .text-a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 49px;
    left: 531px;
    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: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 23;
  }
  .pic-4 {
    position: relative;
    width: 1119px;
    margin: 27px 0 0 707px;
    background: url(./assets/images/c2860f73-5f92-4154-a64c-4e9ceb66fa80.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #ffffff;
    z-index: 8;
  }


  .cuartaimagen {
    position: relative;
    width: 1122px;
    height: 646px;
    margin: 320px 0 0 101px;
    background: #d9d9d9;
    z-index: 14;
    overflow: hidden;
}

.cuartaimagen img {
    width: 100%;
    height: 100%;
    transition: filter 0.5s, transform 0.5s;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
}

.enlace {
    text-decoration: none;
}

.textoculero {
    color: white;
    text-align: center;
    font-family: 'Clash Grotesk', sans-serif;
    font-weight: 400;
    font-size: 50px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.linea {
    width: 100px;
    height: 2px;
    background-color: white;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}

.cuartaimagen:hover img {
    filter: brightness(60%);
    transform: scale(1.1);
}

.cuartaimagen:hover .overlay {
    opacity: 1;
}

.cuartaimagen:hover .textoculero {
    opacity: 1;
}

.cuartaimagen:hover .linea {
    opacity: 1;
    transform: translateX(0);
}




  .wrapper-3 {
    position: relative;
    width: 1127px;
    height: 98px;
    margin: 47px 0 0 96px;
    z-index: 26;
  }
  .text-b {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 98px;
    top: 0;
    left: 0;
    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: 80px;
    font-weight: 500;
    line-height: 98px;
    text-align: left;
    white-space: nowrap;
    z-index: 5;
    transition: transform 0.3s ease-in-out;
  }
  
  .text-b:hover {
    transform: translateX(1px) scale(1.05); /* Ajusta el valor de escala según tus preferencias */
  }

  .text-b a{
    text-decoration: none;
    color: #ffffff;
  }


  .cuartaflecha {
    position: absolute;
    width: 79px;
    height: 49px;
    top: 17px;
    left: 1048px;
    background: url(./assets/images/76fccd12-9edc-4ae0-88a0-b312b78a9e29.png)
      no-repeat center;
    background-size: cover;
    z-index: 26;
  }
  .text-c {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 21px;
    left: 589px;
    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: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 20;
  }
  .text-d {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 48px;
    left: 589px;
    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: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 25;
  }
  .pic-5 {
    position: relative;
    width: 1119px;
    margin: 28px 0 0 96px;
    background: url(./assets/images/e7db05ab-a729-4c08-b85b-a28d9681a9ba.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #ffffff;
    z-index: 10;
  }
  .quintaimagen{
    position: relative;
    width: 1122px;
    height: 646px;
    margin: 322px 0 0 698px;
    background: #d9d9d9;
    z-index: 15;
    overflow: hidden;
}

.quintaimagen img {
    width: 100%;
    height: 100%;
    transition: filter 0.5s, transform 0.5s;
}

.quintaimagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
}

.quintaimagen .enlace {
    text-decoration: none;
}

.quintaimagen .textoculero {
    color: white;
    text-align: center;
    font-family: 'Clash Grotesk', sans-serif;
    font-weight: 400;
    font-size: 50px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.quintaimagen .linea {
    width: 100px;
    height: 2px;
    background-color: white;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}

.quintaimagen:hover img {
    filter: brightness(70%);
    transform: scale(1.1);
}

.quintaimagen:hover .overlay {
    opacity: 1;
}

.quintaimagen:hover .textoculero {
    opacity: 1;
}

.quintaimagen:hover .linea {
    opacity: 1;
    transform: translateX(0);
}
  .group-4 {
    position: relative;
    width: 1122px;
    height: 98px;
    margin: 45px 0 0 698px;
    z-index: 30;
  }
  .text-e {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 98px;
    top: 0;
    left: 0;
    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: 80px;
    font-weight: 500;
    line-height: 98px;
    text-align: left;
    white-space: nowrap;
    z-index: 4;
    transition: transform 0.3s ease-in-out;
  }
  
  .text-e:hover {
    transform: translateX(1px) scale(1.05); /* Ajusta el valor de escala según tus preferencias */
  }

  .text-e a{
    text-decoration: none;
    color: #ffffff;
  }
  .text-f {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 22px;
    left: 508px;
    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: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 19;
  }
  .quintaflecha {
    position: absolute;
    width: 79px;
    height: 49px;
    top: 24px;
    left: 1043px;
    background: url(./assets/images/92e3fd59-2f5d-4084-8097-55ad2811cfd2.png)
      no-repeat center;
    background-size: cover;
    z-index: 30;
  }
  .text-10 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 27px;
    top: 49px;
    left: 508px;
    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: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    z-index: 24;
  }
  .pic-6 {
    position: relative;
    width: 1119px;
    margin: 27px 0 0 698px;
    background: url(./assets/images/ec9f7ee4-6177-4f07-9671-e34bd8bcef45.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #ffffff;
    z-index: 9;
  }
  .footer {
    position: relative;
    width: 1920px;
    height: 710px;
    margin: 263px 0 0 0;
    background: #ffffff;
    z-index: 38;
    overflow: visible auto;
  }
  .img-6 {
    position: relative;
    width: 1724px;
    height: 0px;
    margin: 449px 0 0 112px;
    background: url(./assets/images/99242314-2eed-40a2-a294-35ce3a0d27d3.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #000000;
    z-index: 41;
    right: 20px;
  }
  .text-11 {
    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: #000000;
    font-size: 126px;
    font-weight: 600;
    line-height: 154.98px;
    text-align: left;
    white-space: nowrap;
    z-index: 39;
  }
  .text-12 {
    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: #000000;
    font-size: 41px;
    font-weight: 300;
    line-height: 51px;
    text-align: right;
    text-overflow: initial;
    z-index: 152;
    overflow: hidden;
    right: 20px;
  }
  
  .text-12 a {
  
    margin-bottom: 8px; /* Puedes ajustar el espacio entre las palabras */
    z-index: 200;
    text-decoration: none;
    color: #000000;
  }
  .img-7 {
    position: absolute;
    width: 91px;
    height: 91px;
    top: 289px;
    left: 769px;
    background: url(./assets/images/9d0bce67-c669-477f-a6e3-9794319d156f.png)
      no-repeat center;
    background-size: cover;
    border: 1.5px solid #000000;
    z-index: 45;
    border-radius: 50%;
  }
  .text-13 {
    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: #000000;
    font-size: 76px;
    font-weight: 200;
    line-height: 93.48px;
    text-align: left;
    z-index: 40;
  }
  .img-8 {
    position: absolute;
    width: 37.082px;
    height: 23px;
    top: 323px;
    left: 793px;
    background: url(./assets/images/65496eb7-fd32-4040-b122-85752cded43b.png)
      no-repeat center;
    background-size: cover;
    z-index: 46;
  }
  .text-14 {
    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: #000000;
    font-size: 19px;
    font-weight: 275;
    line-height: 23.634px;
    text-align: right;
    text-overflow: initial;
    z-index: 44;
    overflow: hidden;
  }
  .text-15 {
    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: #000000;
    font-size: 19px;
    font-weight: 275;
    line-height: 23.634px;
    text-align: right;
    white-space: nowrap;
    z-index: 43;
  }
  .group-5 {
    position: absolute;
    width: 1720px;
    height: 619px;
    top: 96px;
    left: 34px;
    z-index: 52;
  }
  .text-16 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 251px;
    top: 0;
    left: 130px;
    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: 31;
  }








  .pic-7 {
    position: absolute;
    width: 1px;
    height: 175.718px;
    top: 155px;
    left: 15px;
    background: url(./assets/images/3e9ea54e-df33-42a3-90dc-e00af296390d.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #000000;
    z-index: 49;
  }








  .h1 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 251px;
    top: 176px;
    left: 501px;
    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: 32;
  
    overflow: hidden;
    transition: color 0.3s ease; /* Agrega transición de color para suavizar el cambio */
    cursor: pointer;
  }
  
  .h1:hover {
    color: transparent; /* Texto transparente al pasar el cursor */
    -webkit-text-stroke: 2px #000000; /* Añade un contorno de 2px en color negro */
  }



  .iconoinsta {
    position: absolute;
    width: 30px;
    height: 29.638px;
    top: 346.525px;
    left: 0;
    background: url(./assets/images/b55509d1598e624e1da156a377db8c85220f434f.png)
      no-repeat center;
    background-size: cover;
    z-index: 51;
  }

  

  









  
  .text-18 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 251px;
    top: 347px;
    left: 213px;
    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: 33;
  }
  .iconolinkedin {
    position: absolute;
    width: 29px;
    height: 28.65px;
    top: 394.934px;
    left: 1px;
    background: url(./assets/images/1b4b757c84075d06d555733f6f9ce5e9fb2077fb.png)
      no-repeat center;
    background-size: cover;
    z-index: 52;
  }









  .pic-9 {
    position: absolute;
    width: 1px;
    height: 175.658px;
    top: 443.342px;
    left: 15px;
    background: url(./assets/images/8c415d74-f99f-443c-95b8-ae895e24ab14.png)
      no-repeat center;
    background-size: cover;
    border: 1px solid #000000;
    z-index: 50;
  }











  .section-3 {
    position: absolute;
    width: 1553px;
    height: 251px;
    top: 631px;
    left: 49px;
    z-index: 37;
  }
  .h2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 251px;
    top: 0;
    left: 385px;
    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: 34;
    overflow: hidden;
    transition: color 0.3s ease; /* Agrega transición de color para suavizar el cambio */
    cursor: pointer;
  }
  
  .h2:hover {
    color: transparent; /* Texto transparente al pasar el cursor */
    -webkit-text-stroke: 2px #000000; /* Añade un contorno de 2px en color negro */
  }
  .pic-a {
    position: absolute;
    width: 85px;
    height: 85px;
    top: 162px;
    left: 170px;
    background: url(./assets/images/5fcdb5d9-d302-4b02-98b9-2929e37c5984.png)
      no-repeat center;
    background-size: cover;
    border: 1.5px solid #000000;
    z-index: 35;
    border-radius: 50%;
  }
  .img-a {
    position: absolute;
    width: 28px;
    height: 45.143px;
    top: 182px;
    left: 195.6px;
    background: url(./assets/images/7747656b-6de6-4239-8072-e1f3b1daeed5.png)
      no-repeat center;
    background-size: cover;
    z-index: 37;
  }
  .text-1a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 25px;
    top: 192px;
    left:30px;
    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: 20px;
    font-weight: 400;
    line-height: 24.6px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: 1.6px;
    z-index: 36;
  }
  .img-b {
    position: absolute;
    width: 1920px;
    height: 5900px;
    top: 920px;
    left: 0;
background-color: #000000;
    background-size: cover;

  }
  
  
  



  
  
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  
  
  .text-16,
  .h1,
  .text-18,
  .h2 {
    opacity: 0;
    animation: fadeIn 0.4s ease-in-out forwards;
  }
  
  .text-16 {
    animation-delay: 0s;
  }
  
  .h1{
    animation-delay: 0.4s;
  }
  
  .text-18{
    animation-delay: 0.8s;
  }

  .h2{
    animation-delay: 1.2s;
  }