body {
              background-color: #071c3a;
              color: white;
              font-family: "Helvetica Neue", sans-serif;
            }

            .menu {
              backdrop-filter: blur(10px);
              position: fixed;
              z-index: 5;
              width: 100%;
              
            }

            .menu-border {
              padding: 0px 40px;
              border: 1px solid #fff;
              border-radius: 50px;
            }

            .title-text {
              text-transform: uppercase;
              padding: 0px 20% 0px 20%;
              font-family: "Anton", sans-serif;
              font-size: 90px;
            }

            .header-text-color {
              color: #3aacf9;
            }

            .header-text-sub {
              font-family: "Poppins", sans-serif;
              padding: 0px 20% 0px 20%;
              font-size: 22px;
              font-weight: 600;
              margin-bottom: 0px;
            }

            .header-text-sub-1 {
              font-family: "Poppins", sans-serif;
              padding: 0px 20% 0px 20%;
              font-size: 22px;
              font-weight: 200;
            }

            .cta-btn {
              background-color: #00b2ff;
              color: white;
              border-radius: 25px;
              padding: 10px 20px;
              font-weight: bold;
              text-decoration: none;
              font-family: "Anton", sans-serif;
              font-size: 22px;
              border: 1px solid #fff;
            }
            .cta-btn:hover {
              background-color: #0090d1;
              color: white;
            }

            .cta-btn2 {
              background-color: #00b2ff;
              color: white;
              border-radius: 25px;
              padding: 10px 20px;
              font-weight: bold;
              text-decoration: none;
              font-family: "Anton", sans-serif;
              font-size: 22px;
              border: 1px solid #fff;
              margin: auto;
            }
            .cta-btn2:hover {
              background-color: #0090d1;
              color: white;
            }

            .footer-logo {
              width: 150px;
            }
            footer a {
              color: white;
            }
            .navbar-custom {
              padding: 1.75rem 1rem;
            }
            .navbar-brand img {
              height: 40px;
            }

            .nav-bar-3 {
              border: 1px solid #fff;
              border-radius: 50px;
              padding: 0px 30px;
            }

            .navbar-toggler {
              border: none;
            }
            .navbar-toggler-icon {
              filter: invert(1);
            }
            .navbar-nav .nav-link {
              color: white;
              font-weight: bold;
              text-transform: uppercase;
              padding: 0.5rem 1rem;
            }
      
            .nav-item:hover {
                    color: #00b2ff !important;
            }
      
            .navbar-nav .nav-link:hover,
            .navbar-nav .nav-link:focus {
              color: #00b2ff!important;
            }
            .btn-outline-light {
              border: 2px solid white;
              border-radius: 20px;
              font-weight: bold;
            }
            .btn-outline-light:hover {
              background-color: #00b2ff;
              color: white;
              border-color: #00b2ff;
            }

            .creamos {
              padding-top: 260px !important;
              padding-bottom: 230px !important;
              background: radial-gradient(circle, rgb(15 0 255) 0%, rgb(6 29 58) 49% 79%);
            }

            .header {
              background: radial-gradient(circle, rgb(0 86 255) 0%, rgba(56, 122, 252, 0) 55%);
              mix-blend-mode: hard-light;
              padding-top: 300px !important;
              padding-bottom: 450px !important;
              width: 80%;
              margin: auto;
            }

            .titulo-somos {
              font-size: 110px;
              font-family: "Anton", sans-serif;
              background-clip: text;
              -webkit-background-clip: text;
              background-image: url(https://media2.giphy.com/media/HkEDr0jVekaZO/giphy.gif?cid=790b761…&ct=g&rid=giphy.gif);
              background-position: 50%;
              background-repeat: no-repeat;
              background-size: cover;
              color: transparent;
              position: relative;
            }

            .titulo-somos:before {
            
              content: "";
              height: 100%;
              left: 0;
              mix-blend-mode: multiply;
              position: absolute;
              top: 0;
              transition: opacity 0.6s;
              width: 100%;
            }

            .somos-text {
              font-family: "Poppins", sans-serif;
              font-size: 18px;
              font-weight: 300;
              margin-bottom: 0px;
            }

            .somos-text-bold {
              font-weight: 800;
            }

            .text-title {
              font-family: "Anton", sans-serif;
              font-size: 60px;
              text-transform: uppercase;
              color: #fff;
            }

            .text-title-2 {
              font-family: "Anton", sans-serif;
              font-size: 60px;
              text-transform: uppercase;
              color: #3aacf9;
            }

            .text-title-4 {
              font-family: "Anton", sans-serif;
              font-size: 60px;
              text-transform: uppercase;
              color: #3aacf9;
            }

            .text-info {
              font-family: "Poppins", sans-serif;
              font-size: 18px;
              font-weight: 300;
              color: #fff !important;
              width: 50%;
              margin: auto;
              margin-bottom: 40px;
            }

            .talentos-title {
              width: 60%;
              font-family: "Anton", sans-serif;
              font-size: 90px;
              text-transform: uppercase;
              color: #fff;
            }

            .talentos-title-2 {
              color: transparent;
              -webkit-text-stroke: clamp(0.3px, 0.1vw, 1px) white !important;
            }

            .talentos-info {
              width: 50%;
              font-family: "Poppins", sans-serif;
              font-size: 18px;
              font-weight: 300;
              color: #fff !important;
            }

            .talentos-info_2{

              font-family: "Poppins", sans-serif;
              font-size: 18px;
              font-weight: 300;
              color: #fff !important;
              text-align: center
            }

            .owl-carousel .item img {
              width: 90%;
              object-fit: cover;
              margin: auto;
            }

            .owl-stage-outer {
              padding-bottom: 90px;
            }

            .talentos {
              transform: rotate(3deg);
            }

            .talentos2 {
              transform: rotate(-3deg);
            }

            .talentos-title_carrusel {
              width: 60%;
              font-family: "Anton", sans-serif;
              font-size: 60px;
              text-transform: uppercase;
              color: #fff;
              position: absolute;
              margin-top: -80px;
              text-align: left;
              margin-left: 60px;
            }

            .nombre {
              color: #3aacf9;
            }

            .logo-slider {
              overflow: hidden;
              background: #0a1270;
              padding: 2rem 0;
            }

            .logo-track {
              display: flex;
              gap: 9rem;
              animation: scroll 40s linear infinite;
              width: max-content;
            }

            .logo-track img {
              height: clamp(30px, 6vw, 60px);
              width: auto;
              flex-shrink: 0;
              filter: grayscale(100%);
              opacity: 0.7;
              user-select: none;
              -webkit-user-drag: none;
              pointer-events: none;
            }

            .logo-slider2 {
              overflow: hidden;
              padding: 2rem 0;
            }

            .logo-track2 {
              display: flex;
              gap: 3rem;
              animation: scroll 20s linear infinite;
              width: max-content;
            }

            .logo-track2 img {
              height: clamp(120px, 35vw, 300px);
              width: auto;
              flex-shrink: 0;
              user-select: none;
              -webkit-user-drag: none;
              pointer-events: none;
            }

            @keyframes scroll {
              0% {
                transform: translateX(0);
              }
              100% {
                transform: translateX(-50%);
              }
            }

            .experience-carousel {
              overflow: hidden;
            }

            .experience-slide {
              width: 100%;
              max-width: 1080px;
              margin: 0 auto;
              border-radius: 40px;
              background: #0a1270;
            }

            .experience-inner {
              max-width: 1080px;
              margin: 0 auto;
              width: 100%;
            }

            .experience-text h2 {
              font-size: 36px;
            }

            .text-highlight {
              font-size: 56px;
              color: #00a8ff;
            }

            .experience-image img {
              width: 100%;
              height: 70vh;
              object-fit: cover;
              border-radius: 40px 0px 0px 40px;
              display: block;
            }

            .flechas_overlay {
                position: absolute;
                top: 180px;
                left: 49%;
                transform: translateX(-50%);
                width: 100%;
                max-width: 990px;
                pointer-events: none;
                z-index: 3;
              }

              .seccion-header {
                position: relative;
                overflow: hidden;
                padding-top: 15rem ;
                padding-bottom: 15rem;
              }

              .title-text,
              .header-text-sub,
              .header-text-sub-1 {
                position: relative;
                z-index: 2;
              }

              .quienes_somos{
                padding-left: 85px;
              }
              
              .quienes{
                margin-bottom: 150px;
                overflow: hidden;
                max-width: 1500px
              }

              .avatars {
                display: block;
              }

              .yellow {
                left: calc(50% - 29.3561vw);
                top: 127.340339vw;
          }

             .texas {
              left: calc(50% - 6.3561vw);
              top: 120.340339vw;
          }

            .violet {
              right: calc(50% - 27.3561vw);
              top: 127.340339vw;
          }
      
      
       .blue {
                left: calc(50% - 29.3561vw);
                top: 349.340339vw;
          }

             .red {
              left: calc(50% - 6.3561vw);
              top: 340.340339vw;
          }

            .pink {
              right: calc(50% - 27.3561vw);
              top: 349.340339vw;
          }

              .avatar {
                  border-radius: 50%;
                  height: clamp(40px, 9.3403385873vw, 160px);
                  overflow: hidden;
                  position: absolute;
                  width: clamp(40px, 9.3403385873vw, 160px);
                z-index: -1
              }

            .text-title_3 {
                font-family: "Anton", sans-serif;
                font-size: 60px;
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                padding-top: 30px;
              }

            .owl-theme .owl-dots .owl-dot span {
          width: 20px;
          height: 20px;
          margin: 5px 7px;
          background: #3aacf9;
          border: 1px solid #fff;
          display: block;
          -webkit-backface-visibility: visible;
          transition: opacity .2s ease;
          border-radius: 30px;
      }

            .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
          background: #fff;
      }
      


            @media (max-width: 360px) {
              /* iPhone SE, Android pequeños y medianos */

              .header {
                background: radial-gradient(circle, rgb(0 86 255) 0%, rgba(56, 122, 252, 0) 55%);
                mix-blend-mode: hard-light;
                padding-top: 730px !important;
                padding-bottom: 540px !important;
                width: 100%;
                top: 120px;
                margin: auto;
                margin-top: -390px;
                margin-bottom: -310px;
              }

              .creamos {
                padding-top: 170px !important;
                padding-bottom: 220px !important;
                background: radial-gradient(circle, rgb(15 0 255) 0%, rgb(6 29 58) 79% 79%);
              }

              .title-text {
                text-transform: uppercase;
                padding: 0px 9px;
                font-family: "Anton", sans-serif;
                font-size: 55px;
              }

              .header-text-sub {
                font-family: "Poppins", sans-serif;
                padding: 0px 20px;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 0px;
              }

              .header-text-sub-1 {
                font-family: "Poppins", sans-serif;
                padding: 0px 20px;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 0px;
              }

              .titulo-somos {
                font-size: 80px;
                font-family: "Anton", sans-serif;
                background-clip: text;
                -webkit-background-clip: text;
                background-image: url(https://media2.giphy.com/media/HkEDr0jVekaZO/giphy.gif?cid=790b761…&ct=g&rid=giphy.gif);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: cover;
                color: transparent;
                position: relative;
              }

              .text-title-2 {
                font-family: "Anton", sans-serif;
                font-size: 50px;
                text-transform: uppercase;
                color: #3aacf9;
              }

              .somos-text {
                font-family: "Poppins", sans-serif;
                font-size: 15px;
                font-weight: 300;
                margin-bottom: 0px;
              }

              .text-title {
                font-family: "Anton", sans-serif;
                font-size: 50px;
                text-transform: uppercase;
                color: #fff;
                text-align: left;
                padding: 0px 20px;
              }

              .text-title_2 {
                font-family: "Anton", sans-serif;
                font-size: 60px;
                text-transform: uppercase;
                color: #fff;
                text-align: left;
                padding-top: 30px;
              }

              .talentos-title {
                width: 100%;
                font-family: "Anton", sans-serif;
                font-size: 80px;
                text-transform: uppercase;
                padding: 0px 10px;
                color: #fff;
              }

              .talentos-info {
                width: 100%;
                font-family: "Poppins", sans-serif;
                font-size: 15px;
                font-weight: 300;
                padding: 0px 10px;
                color: #fff !important;
              }

              .text-info {
                font-family: "Poppins", sans-serif;
                font-size: 15px;
                font-weight: 300;
                color: #fff !important;
                width: 100% !important  ;
                margin: auto;
                margin-bottom: 40px;
                padding: 0px 20px;
                text-align: left;
              }

              .logo-track2 img {
                height: clamp(120px, 115vw, 300px);
                width: auto;
                flex-shrink: 0;
                user-select: none;
                -webkit-user-drag: none;
                pointer-events: none;
              }

              .logo-track {
                display: flex;
                gap: 3rem;
                animation: scroll 40s linear infinite;
                width: max-content;
              }

              .experience-image img {
                width: 100%;
                height: 70vh;
                object-fit: cover;
                border-radius: 40px 40px 0px 0px;
                display: block;
              }

              .experience-text {
                padding: 0px !important;
                padding-bottom: 50px !important;
              }

              .flechas_overlay {
                position: absolute;
                top: 180px;
                left: 49%;
                transform: translateX(-50%);
                width: 100%;
                max-width: 990px;
                pointer-events: none;
                z-index: 3;
                display: none !important;
              }

              .seccion-header {
                position: relative;
                overflow: hidden;
                padding-top: 15rem ;
                padding-bottom: 15rem ;
              }

              .quienes_somos{
                padding-left: 20px;
              }
              
              .quienes{
                margin-bottom: 0px;
                overflow: hidden;
                max-width: 1500px
              }
              
              .text-title-4 {
              font-family: "Anton", sans-serif;
              font-size: 50px;
              text-transform: uppercase;
              color: #3aacf9;
            }

              .owl-stage-outer {
              padding-bottom: 0px;
            }
            }