*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar{
    display: none;
}

.source-desktop{
    display: block;
}

.source-mobile{
    display: none !important;
}

.workflow-mobile{
    display: none;
}

.list-article{
    width: 100%;
    display: flex;
    gap: 3%;
    flex-wrap: wrap;
}

.list-text-article{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

.list-article2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

      /* Wrapper para el contenido suavizado */
      .smooth-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
      }
  
      /* Contenido interno que se desplazará suavemente */
      .smooth-content {
        position: relative;
        width: 100%;
        min-height: 100vh; /* Asegura que cubra al menos la altura de la ventana */
      }

.list-article2 p{
    color: rgba(240, 253, 255, 0.59);
font-family: "Space Grotesk";
font-size: clamp(12px,.9vw,1rem);
font-style: normal;
font-weight: 400;
line-height: 170%; /* 24px */
text-align: left;
text-transform: uppercase;
}

.article-blog{
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-article{
    display: flex;
    gap: .75rem;
    position: relative;
    z-index: 8;
}

.info-article a{
    color: #D7B34C;
text-shadow: 0px 0px 18.784px rgba(215, 178, 76, 0.26);
font-family: Orbitron;
font-size: clamp(12px,1vw,1.1rem);
font-style: normal;
font-weight: 450;
line-height: 100%; /* 32px */
position: relative;
z-index: 8;
font-variant: small-caps;
}

#works2{
    cursor: pointer;
}

.info-article h3{
    color: #D7B34C;
text-shadow: 0px 0px 18.784px rgba(215, 178, 76, 0.26);
font-family: Orbitron;
font-size: clamp(16px,1.6vw,1.7rem);
font-style: normal;
font-weight: 450;
line-height: 100%; /* 32px */
position: relative;
z-index: 8;
text-transform: uppercase;
font-variant: small-caps;
}

.img-article{
    width: 100%;
    cursor: pointer;
}

.info-article img{
    width: 15px;
}

.section-interna{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: start;
    z-index: 6;
    position: relative;
}

.div-formulario{
    width: 90%;
    height: 1350px;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
}

.w-100{
    width: 100%;
}

.w-100 img{
    width: 100%;
}


.formulario{
    display: flex;
    width: 75%;
    flex-direction: column;
    gap: 2.5rem;
    height: 82.5%;
}

.input-form{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.videos-films{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 5%;
    justify-content: start;
}

.w-60{
    width: 55%;
    height: 680px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 40%;
    height: 680px;
}

.w-50{
    width: 47%;
}

#works{
    cursor: pointer;
}

.input-form label{
    color: #F0FDFF;
    font-family: Orbitron;
    font-size: clamp(16px,2vw,2.12rem);
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 22.4px */
    font-variant: small-caps;
    letter-spacing: 2.24px;
}

.input-forms{
    display: flex;
    flex-direction: column;
    gap: 1.55rem;
}

.input-forms h3{
    color: #F0FDFF;
    font-family: Orbitron;

    font-size: clamp(16px,2vw,2.12rem);
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 22.4px */
    font-variant: small-caps;
    letter-spacing: 2.24px;
}


.dropdown-menu{
    height: fit-content !important;
    display: flex;
    align-items: start !important;  
    gap: 25px;
    flex-direction: column !important;
}

.blue{
    color:#4B73FB !important ;
}

.video-section-div{
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 6rem;
}

.gap-brand{
    padding-bottom: 4rem;
    gap: 2rem;
}

.brand-title{
    width: 75%;
    position: relative;
}

.brand-title img{
    width: 100%;
}


.brand-title-div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    align-items: center;
    justify-content: center;
}

.brand-title-div h3{
    color: #F0FDFF;
font-family: Orbitron;

font-size: clamp(30px,3vw,3rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 65.6px */
font-variant: small-caps;
}


.brand-title-div h6{
    color: #F0FDFF;
    opacity: .7;
    font-family: "Space Grotesk";
    font-size: clamp(13px,.85vw,.85rem);
    font-style: normal;
    width: 60%;
    text-align: center;
    padding-bottom: .5rem;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    text-transform: uppercase;
}


.video-section-div img{
    width: 100%;
    height: auto;
}

.golden{
    color: #D7B34C !important;
}

.z-ind{
    z-index: -66 !important;
}

.dropdown-menu-list-active{
    min-height: 110px !important;
    height: fit-content !important;
    margin-top: 0rem !important;
    opacity: 1 !important;
    z-index: 6 !important;
}

.menus{
    transition: all .8s ease;
    opacity: 0;
}

.menus li{
    transition: all .8s ease;
}


.dropdown-menu-list{
    min-height: 0px !important;
    height: 0px !important;
    margin-top: -1rem;
    z-index: -66;
}

.dropdown-menu-list li{
    height: 0px !important;
    
}


.dropdown-menu-list-active li{
  height: 40px !important;
}

.dropdown-menu-list li a {
    color: rgba(255, 255, 255, 0.60);
    font-family: "Space Grotesk";
    font-size: 16px !important;
    margin-left: .75rem;
    font-style: normal;
    transition: all .8s ease;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.float-div{
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 180px;
    width: 230px;
    transition: all .8s ease;
    background-color: #1b2444;
    justify-content: center;
    align-items: center;
    top: 5.7rem;
    z-index: -9;
    opacity: 0;
    left: 27.5%;
    transform: translate(-50%);
}



.float-div2{
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100px;
    width: 230px;
    transition: all .8s ease;
    background-color: #1b2444;
    justify-content: center;
    align-items: center;
    top: 5.7rem;
    z-index: -9;
    opacity: 0;
    left: 47.5%;
    transform: translate(-50%);
}

.float-active{
    opacity: 1 !important;
    z-index: 9 !important;
}

.float-div2 a{
    height: 35px;
    color: rgba(255, 255, 255, 0.60);
    position: relative;
    transition: all .5s ease;
    font-size: clamp(12px, 1vw, 1rem);
    letter-spacing: 1.2px;
    text-decoration: none;
    font-weight: 400;
    width: 80%;
    display: flex;
    gap: .55rem;
    align-items: center;
    text-transform: uppercase;
    height: 100%;
    font-family: Space Grotesk;
}

.imagenes-fit img{
    height: 400px;
    width: auto;
}

.btn-add{
    position: relative;
    cursor: pointer;
}

#play-video5{
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

#play-video5 img{
    width: 11rem;
    min-width: 60px;
    max-width: 130px;
}



#play-video7{
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

#play-video7 img{
    width: 11rem;
    min-width: 60px;
    max-width: 130px;
}

#play-video6 img{
    width: 11rem;
    min-width: 60px;
    max-width: 130px;
}

#play-video6{    
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.float-div a{
    height: 35px;
    color: rgba(255, 255, 255, 0.60);
    position: relative;
    transition: all .5s ease;
    font-size: clamp(12px, 1vw, 1rem);
    letter-spacing: 1.2px;
    text-decoration: none;
    font-weight: 400;
    width: 80%;
    display: flex;
    gap: .55rem;
    align-items: center;
    text-transform: uppercase;
    height: 100%;
    font-family: Space Grotesk;
}

.dropdown-menu-list-active li a {
    color: rgba(255, 255, 255, 0.60);
    font-family: "Space Grotesk";
    font-size: 16px !important;
    margin-left: .75rem;
    font-style: normal;
    transition: all .8s ease;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.input-form input{
    border-radius: 8px;
    color: rgb(255, 255, 255);
font-family: "Space Grotesk";
font-size: clamp(16px,1.5vw,1.52rem);
font-style: normal;
font-weight: 400;
outline: none;
padding-left: 1rem;
height: 80px;
line-height: 150%; /* 42px */
border: 1px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 10px 10px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(10px);
}

.input-form textarea{
    border-radius: 8px;
    resize: none;
    color: rgb(255, 255, 255);
font-family: "Space Grotesk";
font-size: clamp(16px,1.5vw,1.52rem);
font-style: normal;
font-weight: 400;
outline: none;
padding-left: 1rem;
height: 250px;
line-height: 150%; /* 42px */
border: 1px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 10px 10px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(10px);
}

.about-10{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: end;
}

#video{
    z-index: 5;
}

.about-10 h5{
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: clamp(14px, 1vw, 1rem);
    font-style: normal;
    font-weight: 500;
    width: 55%;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
}

.about-10 h1{
    color: #FFF;
    -webkit-text-stroke-width: .6px;
    -webkit-text-stroke-color: #4B73FB;
    font-family: Orbitron;
    font-size: clamp(20px, 2vw, 2.4rem);
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    width: 85%;
    text-align: center;
    font-variant: small-caps; 
}

.ctas{
    display: flex;
    width: 50%;
    justify-content: center;
    gap: 2.5rem;
    padding-top: 4rem;
}

.about-10 h6{
    color: #FFF;
    -webkit-text-stroke-width: .6px;
    -webkit-text-stroke-color: #4B73FB;
    font-family: Orbitron;
    font-size: clamp(24px, 2vw, 2.4rem);
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    width: 65%;
    text-align: center;
    font-variant: small-caps; 
}

.list-process{
    margin-top: 2rem;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 3%;
    justify-content: start;
}

.list-process-div{
    width: 31.3%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.list-process-div img{
    width: 100%;
}

.list-process-div-div{
display: flex;
flex-direction: column;
gap: .5rem;
}

.list-process-div-div h5{
    color: #D7B34C;
    text-shadow: 0px 0px 38.784px rgba(215, 179, 76, 0.50);
    font-family: Orbitron;
    font-size: clamp(24px,2.2vw,2.52rem);
    font-style: normal;
    font-weight: 450;
    line-height: 125%; /* 38.784px */
    font-variant: small-caps;
}

.list-process-div-div p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(16px,1vw,1rem);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 23.271px */
    text-transform: uppercase;
}

.div-animation-3{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;

}


.about-11{
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: end;
}

.about-11 h5{
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: clamp(14px, 1vw, 1rem);
    font-style: normal;
    font-weight: 500;
    width: 55%;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
}

.about-11 h1{
    color: #FFF;
    -webkit-text-stroke-width: .6px;
    -webkit-text-stroke-color: #4B73FB;
    font-family: Orbitron;
    font-size: clamp(20px, 2vw, 2.4rem);
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    width: 85%;
    text-align: center;
    font-variant: small-caps; 
}

.about-11 h3{
    color: #FFF;
    font-family: Orbitron;
    font-size: clamp(28px, 6vw, 6.5rem);
    font-style: normal;
    font-weight: 450;
    text-align: center;
    line-height: 80%;
    font-variant: small-caps;
}


.about-11 h6{
    color: #FFF;
    -webkit-text-stroke-width: .6px;
    -webkit-text-stroke-color: #4B73FB;
    font-family: Orbitron;
    font-size: clamp(20px, 2vw, 2.4rem);
    font-style: normal;
    font-weight: 450;
    line-height: 125%;
    width: 65%;
    text-align: center;
    font-variant: small-caps; 
}


.about-11{}

.about-10-div{
    position: relative;
    height: 280px;
    width: 100%;
}

.about-10-div img{
position: absolute;
left: 50%;
z-index: -1;
transform: translate(-50%);
top: -30%;
}

.about-10 h3{
    color: #FFF;
    font-family: Orbitron;
    font-size: clamp(28px, 6vw, 6.5rem);
    font-style: normal;
    font-weight: 450;
    text-align: center;
    line-height: 110%;
    font-variant: small-caps;
}

.about-10 h4{
    color: #FFF;
    font-family: Orbitron;
    font-size: clamp(36px, 5vw, 5.5rem);
    font-style: normal;
    font-weight: 450;
    text-align: center;
    line-height: 80%;
    font-variant: small-caps;
}

.about-10 h2{
    color: #FFF;
    font-family: Orbitron;
    font-size: clamp(20px,3.1vw, 3.3rem);
    font-style: normal;
    font-weight: 300;
    text-align: center;
    line-height: 100%;
    width: 85%;
    font-variant: small-caps;
}

.div-inputs{
    width: 100%;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 5%;
}

.div-inputs button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 6;
    position: relative;

}

.div-inputs p{
    color: rgba(240, 253, 255, 0.50);
font-family: "Space Grotesk";

font-size: clamp(14px,1.5vw,1.52rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 42px */
}

.img-formulario{
    position: absolute;
    width: 90%;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}

.custom-checkbox {
    display: flex;
    align-items: center;
    color: rgba(240, 253, 255, 0.50);
font-family: "Space Grotesk";
font-size: clamp(14px,1vw,1rem);
font-style: normal;
font-weight: 500;
width: 20%;
margin-bottom: 1.5rem;
line-height: 150%; /* 42px */
text-transform: capitalize;
    gap: .7rem;
    color: #8F97AA; /* Color similar al de la imagen */
}

.custom-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    fill: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
stroke-width: 1px;
stroke: rgba(255, 255, 255, 0.10);
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.10)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05));
backdrop-filter: blur(9.999999046325684px);
    border-radius: 4px; /* Bordes redondeados */
    background-color: #1E2B3B; 
    cursor: pointer;
    position: relative;
}

.custom-checkbox input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    
    background-color: #8F97AA; /* Color de fondo del checkbox al estar marcado */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 2px;
}



.section-interna5{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: start;
    z-index: 6;
    position: relative;
}


.section-interna8{
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 6;
    position: relative;
}

.ctas a{
    width: 100%;
    min-width: 150px;
}

.ctas a img{
    width: 100%;
}

.info-contact{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
    z-index: 8;
}

.info-contact h3{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(24px,8vw,8.5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 97.6px */
font-variant: small-caps;
}


.info-contact p{
    color: rgba(240, 253, 255, 0.59);
font-size: clamp(16px,1.6vw,1.75rem);
font-family: "Space Grotesk";
text-align: center;
width: 60%;
font-style: normal;
font-weight: 450;
line-height: 120%; /* 97.6px */
font-variant: small-caps;
}

.pb-2{
    padding-bottom: 5rem !important;
}

.img-bg{
    position: absolute;
    top: 0%;
    height: 100%;

}

.pd-t{
    padding-top: 7rem;
}

.pd-t2{
    padding-top: 4rem;
}

.about-8 ul{
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.about-8 ul li{
    display: flex;
    align-items: center;
    gap: .5rem;
    color: rgba(240, 253, 255, 0.59);
font-family: "Space Grotesk";
font-size: clamp(14px,.85vw,.9rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-transform: uppercase;
}

.section-interna2{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 3rem 0rem 2rem 0rem;
}


.section-interna6{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: start;
    z-index: 6;
position: relative;
}

.direction-column{
    flex-direction: column;
    align-items: center !important;
    gap: 3rem;
}

.section-interna7{
    height: fit-content;
    display: flex;
    justify-content: center;
    padding-bottom: 5rem;
    align-items: start;
    
}

.section-interna4{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 8.5rem 0rem 2rem 0rem;
}

.custom-shape {
    width: 45%;
    z-index: 1;
    position: relative;
    height: 500px;
    background-color: black;
    clip-path: path('M0 452.75V148.976C0 144.255 1.66992 139.686 4.71427 136.078L113.329 7.35246C117.129 2.8487 122.722 0.25 128.614 0.25H768.25C779.296 0.25 788.25 9.20431 788.25 20.25V417.157C788.25 428.203 779.296 437.157 768.25 437.157H551.418C546.892 437.157 542.5 438.692 538.959 441.512L505.199 468.396C501.658 471.215 497.266 472.75 492.74 472.75H20C8.95431 472.75 0 463.796 0 452.75Z');
}

.div-video-div{
    width:55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
    align-items: start;
    height: 500px;
}

.div-video-div h5{
    color: #D7B34C;
text-shadow: 0px 0px 40px rgba(215, 179, 76, 0.50);
font-family: Orbitron;
font-size: clamp(20px,1.85vw,1.9rem);
font-style: normal;
font-weight: 450;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.div-video-div h6{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(14px,.85vw,.9rem);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
}

.div-video-div p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(14px,.85vw,.9rem);
    font-style: normal;
    position: relative;
    margin-top: -1.45rem;
    font-weight: 400;
    line-height: 100%; /* 24px */
    text-transform: uppercase;
}

.video-div{
    width: 100%;
}

.dropdown {
    width: 100%;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden;
}

.dropdown-arrow svg{
    width: 2vw;
    min-width: 20px;
}

.dropdown-toggle {
    width: 100%;
    padding: 15px;
    background-color: transparent;
    border: none;
    color: #FFF;
    font-family: Orbitron;
    font-size: clamp(14px,1.5vw,1.6rem);
    opacity: .6;
    font-style: normal;
    font-weight: 450;
    line-height: 125%; /* 35px */
    font-variant: small-caps;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-9{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 70%;
}

.dropdown-arrow {
    font-size: 12px;
    transition: transform 0.8s ease;
}

.dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: all  0.8s ease;
    padding: 0 15px;
}

.dropdown-content p {
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(11px,1vw,1rem);
    font-style: normal;
    font-weight: 400;
    padding: 1rem 0rem;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
    transition: all .8s ease;
}

.dropdown.active .dropdown-toggle{
    opacity: 1;
}

.dropdown.active .dropdown-content {
    max-height: 250px; /* Ajusta esta altura según el contenido */

}


.dropdown.active .dropdown-arrow {
    transform: rotate(180deg); /* Rotar la flecha hacia abajo */
}

.line-bg-violet3{
    position: absolute;

    bottom: -70%;
    opacity: .5;
}

.line-bg-violet4{
    position: absolute;
    bottom: 0%;
    opacity: .5;
    
}

.line-bg-violet7{
    position: absolute;
    bottom: 0%;
    opacity: .5;
    
}

.line-bg-violet5{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    opacity: .5;
    
}

.line-bg-violet6{
    position: absolute;
    bottom: -10%;
    opacity: .5;
    z-index: -1;
    
}

.section-interna3{
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: start;
    position: relative;
    padding: 3rem 0rem 4rem 0rem;
}

.about-1{
    width: 100%;
    height: 30.5%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: end;
}

.about-3{
    width: 100%;
    height: 31.5%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
    justify-content: end;
}

.about-6{
    width: 100%;
    height: 11.5%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
    justify-content: end;
}

.div-about{
    display: flex;
    height: 100%;
    gap: 2.5rem;
    width: 70%;
    flex-direction: column;
}

.div-about2{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 30%;
}


.about-7{
    width: 100%;
    height: 88.5%;
    display: flex;
    gap: 3rem;
    align-items: start;
    justify-content: start;
}

.about-1 p{
    color: #FFF;
font-family: "Space Grotesk";
font-size: clamp(14px,1vw,1rem);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 22.5px */
text-transform: uppercase;
}

.about-8{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

.about-1-div{
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem 0rem;
}

.about-8 h3{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(24px,4vw,4.5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 97.6px */
font-variant: small-caps;
}

.about-8 p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(14px, 1vw, 1rem);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.about-1 h3{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(38px,6vw,6.5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 97.6px */
font-variant: small-caps;
}

.about-6 h3{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(28px,6vw,6.5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 97.6px */
font-variant: small-caps;
}

.news-older{
    position: absolute;
    bottom: -7.5%;
    display: flex;
    align-items: center;
    gap: .5rem;
    right: 5%;
}

.news-older a{
    color: #D7B34C;
font-family: "Space Grotesk";

font-size: clamp(16px,.9vw,.85rem);
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}

.about-4{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.article-new{
    width: 100%;
    height: auto;
    gap: 2rem;
    display: flex;
    justify-content: start;
}

.article-img{
    width: 40%;
    height: 100%;
}

.article-img img{
    width: 100%;
    height: 100%;
}


.article-texts{
    width: 60%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
}

.article-texts p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(12px,.9vw,.85rem);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-transform: uppercase; 
}

.article-texts h5{
    color: #FFF;
    font-family: Orbitron;
    font-size: clamp(20px,2.4vw,2.85rem);
    font-style: normal;
    width: 95%;
    font-weight: 450;
    line-height: 125%; /* 40px */
    font-variant: small-caps;
}

.pd-6{
    padding-top: 11.5rem;
}

.pd-3{
    padding-top: 3rem;
}

.about-5{
    display: flex;
    width: 100%;
    flex-grow: 1;
    height: 60.5%;

    align-items: center;
    gap: 5rem;
}

.article-texts a{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(14px,.8vw,.75rem);
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: .4rem;
    line-height: 150%; /* 24px */
    text-transform: uppercase; 
}

.about-3 h3{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(28px,5vw,5.5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 97.6px */
font-variant: small-caps;
}


.about-3 h1{
    color: #FFF;
font-family: "Space Grotesk";
font-size: clamp(14px,1vw,1rem);
font-style: normal;
font-weight: 500;
width: 55%;
line-height: 150%; /* 18px */
text-transform: uppercase;
}


.about-3 h6{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(20px,1vw,1.0rem);
font-style: normal;
font-weight: 450;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.about-6 h6{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(20px,1vw,1.0rem);
font-style: normal;
font-weight: 450;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.service-recta{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.service-x{
    height: 50%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.service-x img{
    width: 100%;
    height: 100%;
}

.tipe-service{
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.tipe-service h5{
    color: #D7B34C;
text-shadow: 0px 0px 40px rgba(215, 178, 76, 0.212);
font-family: Orbitron;
text-transform: uppercase;
font-size: clamp(20px,1.3vw,1.45rem);
font-style: normal;
font-weight: 450;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.tipe-service p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(12px,1vw,1.0rem);
    font-style: normal;
    width: 100%;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
}

.service-recta img{
    height: 92.5%;
    width: auto;
}

.about-3 h5{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(12px,.8vw,.9rem);
font-style: normal;
font-weight: 450;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.about-6 h5{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(12px,.8vw,.9rem);
font-style: normal;
font-weight: 450;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.about-2{
    display: flex;
    width: 100%;
    flex-grow: 1;
    height: 69.5%;
    gap: 5rem;
}

.text-flex-about{
    flex-grow: 1;
display: flex;
    align-items: center;
}

.text-flex-about2{
height: 65%;
    width: 60%;
display: flex;
    align-items: center;
}


.text-about{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.img-flex{
    width: auto;
    height: 100%;
}

.img-flex img{
    height: 100%;
    width: auto;
}


.img-flex2{
    width: auto;
    height: 65%;
}

.img-flex3{
    width: auto;
    height: 90%;
}

.img-flex3 img{
    height: 100%;
    width: auto;
}

.img-flex2 img{
    height: 100%;
    width: auto;
}

.about-1 h6{
    color: #FFF;
-webkit-text-stroke-width: .6px;
-webkit-text-stroke-color: #4B73FB;
font-family: Orbitron;
font-size: clamp(20px,2vw,2.4rem);
font-style: normal;
font-weight: 450;
text-align: center;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.menu-desplegable{
    position: fixed;
    width: 100%;
    background-color: #0B1020;
    height: 100vh;
    transform: translateX(100%);
    transition: all .8s ease;
    z-index: 15;
}

#from-team{
    height: fit-content;
    min-height: 400px;
    gap: 3rem;
}

#slide-customers{
    z-index: 5;
}

#slide-customers2{
    height: 65vh;
    min-height: 500px;
    gap: 3rem;  
}

.imagenes-team{
    min-height: 350px;
    width: 100%;
    gap: 2.5rem;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
}

.imagenes-team img{
    height: 100%;
    
    width: auto;
}

.img-final-about{
    height: 370px !important;
    
}

.apertura{
transform: translateX(0%);
}

nav {
    display: flex;
    width: 100%;
    justify-content: center;
    position: fixed;
    min-height: 60px;
    height: 7rem;
    max-height: 100px;
    z-index:8;
}

.navbar-content{
    clip-path: polygon(0 0, 100% 0, 95% 78%, 5% 78%);
    background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(25px);
    width: 75%;
    max-width: 1200px;
    height: 100%;
    display: flex;
}

.navbar-content-first-div-child{
    max-width: 900px;
    width: 70%;
    min-width: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
}

.navbar-content-first-div-child ul {
    display: flex;
    list-style: none;
    justify-content: start;
    gap: 1.5rem;
    align-items: center;
    width: 75%;
    height: 100%;
    position: relative;
    top: -.5rem;
    padding: 0;
    margin: 0;
}

.bg-violet{
    background-color: #0B1020;
}

.div-title-customers{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 25%;
    width: 100%;
    padding-top: 3.5rem;
    align-items: center;
    justify-content: center;
}

.div-title-customers h3{
    color: #F0FDFF;
font-family: Orbitron;

font-size: clamp(36px,5vw,5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 65.6px */
font-variant: small-caps;
}


.div-title-customers h6{
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: clamp(18px,.9vw,.9rem);
    font-style: normal;
    padding-bottom: .5rem;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    text-transform: uppercase;
}


.div-title-customers2{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 55%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.div-title-customers2 h3{
    color: #F0FDFF;
font-family: Orbitron;
text-align: center;
font-size: clamp(32px,5vw,5rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 65.6px */
font-variant: small-caps;
}


.div-title-customers2 h6{
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: clamp(16px,.9vw,.9rem);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    text-transform: uppercase;
}


.div-clipped{
    width: 145px;
    height: 130px;

}

.div-clipped img{
    width: 95%;
    height: 95%;
}

.earth-div{
    flex-grow: 1;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    }

    .desktop-cta{
        display: block;
    }

    .mobile-cta{
        display: none;
    }

    .earth-div-img{
        height: 600px;
        width: auto;
    }

    .padre-clipped{
        top: 50%;
        width: 550px;
        height: 550px;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }

    .position-1{
        left: 60%;
        top: 1%;
        transform: translateX(-50%);
        position: absolute;
    }



    .position-2{
        left: 60%;
        top: 25%;
        transform: translateX(-50%);
        position: absolute;
    }

    .position-3{
        left: 39%;
        top: 13%;
        transform: translateX(-50%);
        position: absolute;
    }

    .position-4{
        left: 39.5%;
        top: 37%;
        transform: translateX(-50%);
        position: absolute;
    }

    .position-5{
        left: 18.5%;
        top: 25%;
        transform: translateX(-50%);
        position: absolute;
    }

    
    .position-6{
        left: 18.75%;
        top: 49%;
        transform: translateX(-50%);
        position: absolute;
    }

    .position-7{
        left: 60%;
        top: 49%;
        transform: translateX(-50%);
        position: absolute;
    }

    .position-8{
        left: 39.5%;
        top: 61%;
        transform: translateX(-50%);
        position: absolute;
    }

    
    .position-9{
        left: 81%;
        top: 37%;
        transform: translateX(-50%);
        position: absolute;
    }

    .position-10{
        left: 60%;
        top: 73%;
        transform: translateX(-50%);
        position: absolute;
    }

    .swiper {
        width: 100%;
        height: 100%;
      }
  
      .swiper-slide{
        transform: scale(.9) ;
        opacity: .5;
      }

      main{
        position: relative;
        height:fit-content;
        overflow-x: hidden;
      }

      .no-relative{
        position: static !important;
      }

      #source-desktop{
        display: block;
      }

      

      footer{
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        position: absolute;
        align-items: center;
        transition: all .5s ease;
        bottom: -100%;
        z-index: 6;
        justify-content: center;
      }

      #footer-internas{
        bottom:0;
        height: 70vh;
        position:relative
      }

      .menu-hamburguesa{
        display: none;
    }
    

      .img-footer-bg{
        position: absolute;
        bottom: 0%;
      }

      .bg-black2{
        background: rgba(0, 0, 0, 0.50);
      }

      .swiper-slide-active{
        transform: scale(1.2) !important;
        opacity: 1 !important;
      }


      .centered-slide{
        width: 100%;
        height: 100%;
      }

      .centered-slide img{
        width: 100%;
        position: absolute;
        left: 0%;
        height: 100%;
      }

      .info-slide{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
      }

      .info-slide div{
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        height: 45%;
      }



      .info-slide div h2{
        width:90%;
color: #F0FDFF;
text-overflow: ellipsis;
font-family: Orbitron;
font-size: clamp(28px,2.75vw,2.75rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 38.4px */
font-variant: small-caps;
      }

      .info-slide div p{
        color: rgba(240, 253, 255, 0.59);
        font-family: "Space Grotesk";
        font-size: clamp(10px,.9vw,.9rem);
        font-style: normal;
        font-weight: 500;
        width:95%;
        line-height: 150%; /* 24px */
        text-transform: uppercase;
      }

      .swiper-container {
        width: 100%;
        height: 100%; /* Ajusta la altura según sea necesario */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.8s ease;
    }
    .swiper-slide-active {
        z-index: 1;
    }


    #img-2{
align-items: start;
    }

    .position-11{
        left: 81%;
        top: 61%;
        transform: translateX(-50%);
        position: absolute;
    }

    .pd-b{
        padding-bottom: 50px;
    }

    .bg-black3{
    background-color: #000000;
    }

.bg-black{
    background-color: #000514;
}

.info-menu{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 4rem;
}

.info-menu-div-1{
    display: flex;
    width: 90%;
    align-items: center;
    height: 12.5%;
    justify-content: space-between;
}

li{
    list-style: none;
}

.info-menu-div-1 button{
    background-color: transparent;
    border: none;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    top: 2.5%;
    z-index: 6;
    position: relative;
}

.info-menu-div-1 button svg{
    width: auto;
    height: 50px;
}

.info-menu-div-1 img{
    width: 65px;
}

.info-menu ul{
    max-height: 550px;
    min-height: 40vh;
    z-index: 6;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-menu ul li span{
    height: 50px;
    opacity: 0;
    transition: all .8s ease;
    width: 2px;
    left: .5%;
    display: block;
    background-color: #FFF;
    position: absolute;
}

.info-menu ul li:hover .info-menu ul li span{
    opacity: 1;
}

.info-menu ul li{
    display: flex;
    height: 55px;
    width: 100%;
    align-items: center;
}

.info-menu ul li a{
    color: rgba(255, 255, 255, 0.60);
font-family: "Space Grotesk";
font-size: 20px;
font-style: normal;
transition: all .8s ease;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
}

.info-menu ul li a:hover{
    color: #FFF;
}

#from-concept{
    z-index: 6;
}

#hero{
    z-index: 2;
}

.pt4{
    padding-top: 1.5rem;
}

.line-bg-violet2{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0%;
    z-index: 5;
}

.line-bg-violet{
    width: 100%;
    height: auto;
    z-index: 5;
    position: fixed;
    top: 0%;
    
}

.h3-weMake{
    width: 15%;
    height: 43%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}


.h3-weMake h3{
    text-wrap: nowrap;
    position: relative;
    
    transform: rotate(270deg);
    color: #FFF;
font-family: Orbitron;
font-size: clamp(50px,8vw,8rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 97.6px */
font-variant: small-caps;
}

.weMake{
    height: 100vh;
    overflow: hidden;
}

.line-blue-x{
    width: .7rem;
    max-width: 22px;
    min-width: 12px;
    height: 5px;
    opacity: 0;
    display: block;
    position: relative;
    background-color: #4B73FB;
}

.circle-blue{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    display: block;
    position: relative;

    opacity: 0; /* Initially hidden */
    background-color: #4B73FB;
}

.group-line-2{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
}

.group-line-3{
    display: flex;
    gap: .5rem;
   align-items: center;
}


.circle-x-right{
    right: .25rem;
}

.circle-x-right2{
    top: -.25rem;
}

.circle-x-right3{
    bottom: -.25rem;
}

.circle-x-right4{
    left: .25rem;
}

.title-content{
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
}

.title-content h3{
    color: #F0FDFF;
font-family: Orbitron;
font-size: clamp(40px,5.5vw,5.5rem);
font-style: normal;
font-weight: 500;
line-height: 80%; /* 65.6px */
font-variant: small-caps;
}

.title-content h6{
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: clamp(15px,1vw,1rem);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    text-transform: uppercase;
}


.info-content-connection{
    flex-grow: 1;
    width: 100%;
    padding-top: 2.5rem;
    display: flex;
}


.workflow-guide{
    width: 100vw;
    margin-top: 3rem;
    height: fit-content;

}

#image-3{
    position: relative;
    margin-top: 5%;
}

body{
    width: 100vw;
    overflow-x: hidden;
}

#work-3 img{
    opacity: 0;
}

#work-3 h1{
    opacity: 0;
}


#work-4 img{
    opacity: 0;
}

#work-4 h1{
    opacity: 0;
}

#work-5 {
    margin-top: 5%;
}

#work-5 img{
    opacity: 0;
}

#work-5 h1{
    opacity: 0;
}

#work-7 {
    margin-top: 1.5%;
}

#work-7 img{
    opacity: 0;
}

#work-7 h1{
    opacity: 0;
}

#work-6 img{
    opacity: 0;
}

#work-6 h1{
    opacity: 0;
}

.line-blue-y{
    max-height: 22px;
    min-height: 12px;
    width: 5px;
    height: .7rem;
    opacity: 0;
    display: block;
    position: relative;
    background-color: #4B73FB;
}

.modal-video{
    position: fixed;
    width: 100%;
    background-color: #00000054;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -16;
    transition: all .5s ease;
}

.active-modal{
    opacity: 1 !important;
    z-index: 16 !important;
}

.modal-video div{
    width: 75%;
    height: 75%;
    background-color: #1b2444;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    border-radius: 20px;
}


#btn-playmodal{
    position: absolute;
    top: 2.5%;
    right: 2.5%;
}

.modal-video video{
    width: 99%;
    object-fit: cover;
    height: 98%;
    transition: all .5s ease;
    transition-delay: .2s;
    opacity: 0;
    border-radius: 20px;
}

.active-video-modal{
    opacity: 1 !important;
}

.clipped-video2{
    clip-path: path('M4 345V133.556C4 121.919 9.06813 110.858 17.8824 103.26L126.408 9.70358C133.67 3.44358 142.938 0 152.526 0H847C869.091 0 887 17.9087 887 40.0001V315.998C887 338.09 869.091 355.998 847 355.998H624.617C617.577 355.998 610.661 357.857 604.569 361.385L573.1 379.613C567.007 383.142 560.092 385 553.051 385H44C21.9086 385 4 367.091 4 345Z');
   width: 100%;
   height: 400px;
   position: relative;
   background-color: #7b8196;
}

.weMake2{
    height: 170vh;
    overflow: hidden;
}

.nav-asset{
    position: absolute;
    width: 72%;
    top: 65%;
    
}

.navbar-content-first-div-child img{
    display: none;
}

.navbar-content-first-div-child a img{
    display: block;
}

.video-flex{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.text-flex{
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    height: 65%;
}


.text-flex-div3{
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.text-flex-div3-h3{
    display: flex;
    justify-content: start;
    gap: 1rem;
    align-items: center;
}



.text-flex-div3-h3 img{
    width: auto;
    height: 35px;
}

.text-flex-div3-h3 h3{
    color: #F0FDFF;
    font-family: Orbitron;
    font-size: clamp(26px,2.3vw,2.4rem);
    font-style: normal;
    font-weight: 550;
    line-height: 100%; /* 40px */
    position: relative;
    width: 75%;
    -webkit-text-stroke-width: .6px;
-webkit-text-stroke-color: #4B73FB;
    top: -7.5%;
    font-variant: small-caps;
}

.text-flex-div3-h3 h3 span{
    color: #4B73FB;
}


.text-flex-div1{
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.text-flex-div1-h3{
    display: flex;
    justify-content: start;
    gap: 1rem;
    align-items: center;
}



.text-flex-div1-h3 img{
    width: auto;
    height: 35px;
}

.text-flex-div1-h3 h3{
    color: #F0FDFF;
    font-family: Orbitron;
    font-size: clamp(26px,2.3vw,2.4rem);
    font-style: normal;
    font-weight: 550;
    line-height: 100%; /* 40px */
    position: relative;
    width: 70%;
    top: -7.5%;
    font-variant: small-caps;
}

.text-flex-div1-h3 h3 span{
    color: #4B73FB;
}

.text-flex-div1 p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(14px,1.05vw,1.05rem);
    font-style: normal;
    font-weight: 400;
    width: 85%;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
}

.text-flex-div3 p{
    color: rgba(240, 253, 255, 0.59);
    font-family: "Space Grotesk";
    font-size: clamp(14px,1.05vw,1.05rem);
    font-style: normal;
    font-weight: 400;
    width: 85%;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
}

.title-work{
    width: 100%;
    height: 20%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .75rem;
    justify-content: center;
}

.title-work h3{
    color: #F0FDFF;
font-family: Orbitron;
font-size: clamp(28px,5vw,5.2rem);
font-style: normal;
font-weight: 450;
line-height: 80%; /* 65.6px */
font-variant: small-caps;
}

.title-work h6{
    color: #FFF;
font-family: "Space Grotesk";
font-size: clamp(16px,1vw,1rem);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 22.5px */
text-transform: uppercase;
}



.clipped-video{
    clip-path: path('M4 590V203.175C4 193.733 7.33985 184.596 13.4286 177.38L151.11 14.2049C158.71 5.1974 169.896 0 181.681 0H1015C1037.09 0 1055 17.9086 1055 40V542.543C1055 564.634 1037.09 582.543 1015 582.543H743.884C734.832 582.543 726.048 585.613 718.967 591.252L681.244 621.291C674.162 626.93 665.378 630 656.326 630H44C21.9086 630 4 612.091 4 590Z');
     width: 100%;
    position: relative;
    height: 550px;
    z-index: 2;
}

#play-video3{
    position: absolute;
    top: 60%;
    transform: translate(-50%,-50%);
    left: 50%;
    border: none;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
    transition: all .8s ease;
}

#play-video3 img{
    width: 200px;
    height: auto;
}

#play-video{
    position: absolute;
    top: 60%;
    transform: translate(-50%,-50%);
    left: 50%;
    border: none;
    background-color: transparent;
    z-index: 2;

    cursor: pointer;
    transition: all .8s ease;
}

#play-video2{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 45%;
    border: none;
    background-color: transparent;
    z-index: 2;

    cursor: pointer;
    transition: all .8s ease;
}

.info-connection-video{
    width: 52.5%;
}

.info-connection-text{
    flex-grow: 1;
    height: 100%;
    background-color: #0B1020;
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
}

.info-connection-text p{
    color: rgba(240, 253, 255, 0.59);
font-family: "Space Grotesk";
font-size: clamp(16px,1.1vw,1.1rem);
font-style: normal;
font-weight: 500;
width: 90%;
line-height: 150%; /* 24px */
text-transform: uppercase;
}

.workflow-guide-line-x{
    display: flex;
    gap: .5rem;
    align-items: center;
}

.workflow-guide-line-y{
    display: flex;
    gap: .5rem;
    flex-direction: column;
}

.line-1{
    width:48rem ;
    background-color: #0B1020;
}

.img-workflow{
    width: auto;
    height: 200px;
    opacity: 1;
}

.line-2{
    align-items: end;
    width: 29rem;

    position: relative;
    margin-top: 0%;
}

.line-3{
    position: absolute;
    top: 36%;
    width: 47.5rem;
    align-items: end;
}

.line-5{
    position: absolute;
    top: 60.5%;
    width: 65.5rem;
    align-items: end;
}

.line-4{
    align-items: end;
    width: 47.5rem;
}

.line-6{
    align-items: end;
    width: 65.5rem;
}

.line-7{
    position: absolute;
    top: 85%;
    width: 83.5rem;
    align-items: end;
}

#image-2{
    position: relative;
    margin-top: -5%;
}

.section{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
}

.section2{
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: start;
}

.hero{
    height: 100vh;
}

#span-1, #span-2{
    position: relative;
}

.img-footer-bg{
    width: 100%;
}

.single-article-weMake img{
    z-index: 3;
    transform-style: preserve-3d;
}

.workflow-img{
    width: 175px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.workflow-img h1{
    position: relative;
    margin-top: -22.5%;
    color: #F0FDFF;
    text-transform: uppercase;
font-family: Orbitron;
font-size: clamp(16px,1vw,1rem);
font-style: normal;
font-weight: 500;
line-height: 80%; /* 19.2px */
font-variant: small-caps;
letter-spacing: 1.92px;
}

.sombreado{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0%;
}

.negro{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.48%, #0B1020 87.39%), rgba(0, 0, 0, 0.30);
}

.container-flex{
    width: 95%;
    z-index: 6;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
    gap: 2rem;
    position: relative;
}

.container-content{
    width: 95%;
    z-index: 6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 85%;
    position: relative;
}


.container-content5{
    width: 95%;
    z-index: 6;
    display: flex;
    gap: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}


.container-content6{
    width: 95%;
    z-index: 2;
    display: flex;
    gap: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.copyright-div-div{
    display: none;
}


.copyright-div{
    width: 100%;
    height: 5%;
    border-top: 1px solid rgba(159, 159, 159, 0.24);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright-div div{
    display: flex;
    gap: 1rem;
    height: 100%;
    align-items: center;
}

.copyright-div p{
    color: rgba(240, 253, 255, 0.33);
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    text-transform: uppercase; 
}

.info-footer-div{
    width: 100%;
    height: 45%;
    display: flex;
}

footer{
    height: 100vh;
}

.div-footer{
    width: 33.3%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    
}

.content-2{
    margin-left: 10%;
}

.borde-1{
    width: 1px;
    position: absolute;
height: 25%;
flex-shrink: 0;
background: rgba(159, 159, 159, 0.24);
transform: translate(0%,-50%);
top: 40%;
left: -5%;
}


.gap-2{
    gap: 2rem;
}

.div-footer ul{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.div-footer-direction{
    color: rgba(240, 253, 255, 0.59);
font-family: "Space Grotesk";
font-size: clamp(14px,.85vw,.85rem);
font-style: normal;
width: 70%;
font-weight: 400;
line-height: 150%; /* 18px */
text-transform: uppercase;
}

.divs-container{
    display: flex;
    flex-direction: column;
}

.gap-1{
    gap: .7rem;
}

.div-footer h4{
    color: #FFF;
font-family: "Space Grotesk";
font-size: clamp(18px,1.5vw,1.5rem);
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}

.div-footer ul li a{
    color: rgba(255, 255, 255, 0.60);
    font-family: "Space Grotesk";

    font-size: clamp(14px,1.1vw,1.1rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase; 
}

a{
    text-decoration: none;
}

.div-footer-p{
    color: rgba(240, 253, 255, 0.59);
font-family: "Space Grotesk";
font-size: clamp(14px,.7vw,.7rem);
font-style: normal;
font-weight: 400;
width: 75%;
line-height: 150%; /* 18px */
text-transform: uppercase;
}

.div-footer img{
    width: 20%;
    height: auto;
}

.container-content4{
    width: 80%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    height: 100%;
    position: relative;
}

.container-content3{
    width: 100%;
    z-index: 6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90%;
    position: relative;
}

.container-content2{
    width: 95%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 85%;
    position: relative;
}

.articles-weMake{
    display: flex;
    width: 85%;
    gap: 2rem;
    height: 100%;
}

.single-article-weMake{
    display: flex;
    width: 100%;
    gap: 1rem;
    height: 100%;
    align-items: center;
    justify-content: end;
    flex-direction: column;
}

.single-article-weMake h3{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(24px,2.3vw,2.5rem);
font-style: normal;
font-weight: 400;
line-height: 125%; /* 40px */
font-variant: small-caps;
}

.single-article-weMake h2{
    color: #FFF;
font-family: Orbitron;
font-size: clamp(24px,2.7vw,2.75rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 40px */
font-variant: small-caps;
}

.single-article-weMake div{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 85%;
    position: relative;
}

.article-reverse{
    flex-direction: column-reverse;
}

.single-article-weMake p{
    color: rgba(240, 253, 255, 0.59);
font-family: "Space Grotesk";
font-size:clamp(15px,1vw,1rem);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
text-transform: uppercase;
}

.single-article-weMake img{
    width: 85%;
}

.hero-top{
    display: flex;
    gap: 1rem;
    flex-direction: column;
    height: 55%;
    width: 90%;
}

.hero-div-p{
    min-width: 200px;
    width: 30%;
    max-width: 350px;
}

.hero-div-p p{
font-family: "Space Grotesk";
font-size:clamp(15px,1vw,1rem);
font-style: normal;
color: #fff;
font-weight: 400;
line-height: 150%; /* 22.5px */
text-transform: uppercase;
}

.hero-logo{
    width: 150px;
    height: auto;
}

.hero-down{
    flex-grow: 1;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.hero-h3-h3{
    font-family: Orbitron;
font-size: clamp(45px,8.5vw,8.5rem);
font-style: normal;
font-weight: 700;
line-height: 85%; /* 124.1px */
letter-spacing: -2.92px;
text-transform: uppercase;
background: linear-gradient(83deg, #F0FDFF 27.71%, rgba(255, 255, 255, 0.00) 119.55%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.hero-golden{

    font-family: Orbitron;
font-size: clamp(45px,8.5vw,8.5rem);
font-style: normal;
font-weight: 700;
line-height: 85%; /* 124.1px */
letter-spacing: -2.92px;
text-transform: uppercase;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: linear-gradient(83deg, #D7B34C  27.71%, rgba(255, 255, 255, 0.00) 119.55%) !important;
}


.h3-1 , .h3-3{
    width: 95%;
}

.h3-2{
    width: 100%;
}

.post-hero{
    position: absolute;
    bottom: 1.5%;
    z-index: 2;
}

#hero-img{
    width: 100%;
    position: absolute;
    top: 0%;
    height: 100%;
    object-fit: cover;
}

.square-navbar{
    width: 6px;
    height: 6px;
    border-radius: 1px ;

    background-color: #fff;
    display: block;
    opacity: 0;
    transition: all .5s ease;
}

nav a:hover .square-navbar{
    opacity: 1;
}

nav a:hover {
    opacity: 1;
    
    color: rgb(255, 255, 255);
}

nav a {
    color: rgba(255, 255, 255, 0.60);
        position: relative;
    transition: all .5s ease;
    font-size: clamp(16px,1.15vw,1.1rem);
    letter-spacing: 1.2px;
    text-decoration: none;
    font-weight: 400;
    display: flex;
    gap: .55rem;
    align-items: center;
    text-transform: uppercase;
    height: 100%;
    font-family: Space Grotesk;
}



#works:hover .square-navbar{
    opacity: 1;
}

#works:hover {
    opacity: 1;
    
    color: rgb(255, 255, 255);
}

nav div {
    color: rgba(255, 255, 255, 0.60);
        position: relative;
    transition: all .5s ease;
    font-size: clamp(16px,1.15vw,1.1rem);
    letter-spacing: 1.2px;
    text-decoration: none;
    font-weight: 400;
    display: flex;
    gap: .55rem;
    align-items: center;
    text-transform: uppercase;
    height: 100%;
    font-family: Space Grotesk;
}

.navbar-contact{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
}

.borders-laterales-hero{
    position: absolute;
    width: 15%;
    z-index: 3;
}

.alto-izq{
    top: 2.5%; 
    left: .75%;
}

.alto-der{
    top: 2.5%; 
    right:  .75%;
}

.bajo-izq{
    bottom: 1.5%; 
    left: .75%;
}

.hidden {
    opacity: 0 !important;
}

button{
    transition: all .8s ease;
}

.clipped-video2:hover button {
    opacity: 1 !important;
}

.clipped-video:hover button {
    opacity: 1 !important;
}

.bajo-der{
    bottom: 1.5%; 
    right:  .75%;
}

      /* Wrapper para el contenido suavizado */
      .smooth-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
      }
  
      /* Contenido interno que se desplazará suavemente */
      .smooth-content {
        position: relative;
        width: 100%;
        min-height: 100vh; /* Asegura que cubra al menos la altura de la ventana */
      }

.navbar-button{
    width: fit-content;
    position: relative;
    top: -.5rem;
    cursor: pointer;
}

@media screen and (min-width:2000px)  {
    .img-footer-bg{
        width: 100%;
    }

    .float-div {

        left: 39.5%;
    }

    .text-flex-div1-h3 h3{
        font-size: 2.2vw;
    }

    .text-flex-div1 p{
        font-size: .95vw;
    }
    
    #play-video2{
        left: 50%;
    }
    .clipped-video {
        clip-path: path('M2.955 675.9288V221.85534592C2.955 215.93501632 5.38395388 207.36934848 9.81854113 202.92047424L170.32962528 10.61429834C176.94389728 3.88803849 185.25376 0 193.44797856 0H1137.6288C1154.9460652 0 1168.1776 13.22931588 1168.1776 29.5488V623.78562168C1168.1776 640.1045104 1154.9460652 653.3341388 1137.6288 653.3341388H817.4748392C810.7304256 653.3341388 804.1927536 655.6397104 798.9278416 660.86584544L750.1581536 702.94657648C744.8626144 708.17271144 736.5026988 710.47827328 728.80678144 710.47827328H32.50464C16.18565408 710.47827328 2.955 697.2468672 2.955 675.9288Z');
    }
    .div-title-customers2 h3{
        font-size: 6vw;
    }

    .div-title-customers2 h6{
        font-size: 1.5vw;
    }

    .title-content h3{
        font-size: 6vw;
    }

    .mobile-cta{
        display: none !important;
    }

    .info-connection-text p{
        font-size: 1vw;
    }

    .clipped-video2 {
        clip-path: path('M4.6 396.75V153.5894C4.6 140.20685 10.4283495 127.4867 20.56476 118.749C145.3692 11.159117 153.5587 3.959117 164.3797 0H974.05C999.45465 0 1020.05 20.59485 1020.05 46.000115V363.3977C1020.05 388.81285 999.45465 409.3977 974.05 409.3977H718.30955C710.21355 409.3977 702.26015 411.53555 695.25435 415.59275L659.065 436.55495C652.05805 440.61215 644.1057 442.75 635.00865 442.75H50.6C25.19485 442.75 4.6 422.15515 4.6 396.75Z');
    }

    .info-connection-text div a{
        width: 300px;
        height: 300px;
        display: block;
    }

    .text-flex a{
        width: 300px;
        height: 300px;
        display: block;
    }

    .single-article-weMake img{
        width: 85%;
    }

    .h3-weMake {
        height: 30%;
    }

    .h3-weMake h3{
        font-size: 9vw;
    }

    .text-flex a img{
        width: 100%;
        height: auto;
    }

    .single-article-weMake p{
        font-size: 1vw;
    }

    .weMake{
        overflow: visible;
    }

    .single-article-weMake h3{
        font-size: 3.3vw;
    }

    .single-article-weMake h2{
        font-size: 3vw;
    }

    .single-article-weMake div{
        width: 85%;
    }

    .info-connection-text img{
        width: 100%;
        height: auto;
    }

    .title-content h6{
        font-size: 1.5vw;
    }

    .div-title-customers h3{
        font-size: 6vw;
    }

    .padre-clipped{
        height: 800px;
        width: 800px;
    }

    .div-clipped{
        width: 215px;
        height: 190px;
    }

    .div-title-customers h6{
        font-size: 1.5vw;
    }

    .earth-div-img{
        height: 900px;
    }

    .div-title-customers2{
        gap: 2rem;
    }

    .info-slide div{
        gap:2rem
    }

    .info-slide div h2{
        font-size: 3.6vw;
    }

    .info-slide div p{
        font-size: .9vw;
    }
}

@media screen and (min-width:700px) and (max-height:720px) {
    
    .hero{
        min-height: 720px;
    }
    
.weMake{
   min-height: 720px;
}

}


@media screen and (min-height:1200px) and (max-height:1500px) {
    
    .info-footer-div{
     height: 32%;
    }

    .h3-weMake{
        height: 44%;
    }

    .clipped-video{
        height: 850px;
    }

    #play-video{
        top: 40%;
    }

    #play-video2{
        left: 50%;
        top: 60%;
    }

}


@media screen and (min-width:2300px) and (min-height:1200px) and (max-height:1500px) {
    
    .info-footer-div{
     height: 32%;
    }

    .h3-weMake{
        height: 44%;
    }

    .clipped-video{
        height: 850px;
    }

    #play-video{
        top: 40%;
        left: 40%;
    }

    .custom-shape {
        width: 34%;
    }

    #play-video2{
        left: 40%;
        top: 60%;
    }

    #play-video3{
        top: 50%;
        left: 50%;
    }

}

#miVideo{
    width: 100%;
    height: 120%;
    object-fit: cover;
}



.custom-shape video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



@media screen and (min-width:481px) and (max-width:1280px)  and (max-height:600px){

    .section-interna2{
        padding-top: 9rem;
    }

    .section-interna{
        padding-top: 9rem;
        height: fit-content;
    }

} 

@media screen and (min-width:1023px)   and (min-height:600px) and (max-height:800px){

    .section-interna2{
        padding-top: 9rem !important;
    }

    .section-interna5{
        margin-top: 9rem !important;
    }

    .section-interna{
        padding-top: 9rem !important;
        height: fit-content;
    }

} 



@media screen and (min-width:1280px)  and (max-height:600px){

    .section-interna2{
        margin-top: 9rem;
        
        height: fit-content;
    }

    .section-interna5{
        margin-top: 9rem;
    }

    .single-article-weMake img{
        max-height: 450px;
    }

    .info-slide div{
        height: 65%;
    }

    #from-team{
        padding: 3rem 0rem;
        min-height: 900px;
    }

    .imagenes-team img{
        max-width: 30%;
    }

    .imagenes-team{
        gap: 1rem;
    }

    .info-footer-div{
        height: 70%;
    }

    #footer-internas{
        height: 100vh;
    }

    .copyright-div {
        height: 10%;
    }

    #play-video2{
        top: 35%;
    }

    .weMake{
        height: 120vh;
    }

    .section-interna{
        margin-top: 9rem;
        height: fit-content;
    }
    

} 


@media screen and (min-width:1600px) and (max-width:1919px) {
    .navbar-content-first-div-child ul{
        gap: 1.5rem;
    }

    #play-video3 img{
        width: 200px;
        height: auto;
    }

    .custom-shape {
        height: 500px;
        clip-path: path('M0 407.475V134.0784C0 129.8295 1.502928 125.7174 4.242843 122.4702L101.9961 6.617214C105.4161 2.56383 110.4498 0.225 115.7526 0.225H691.425C701.3664 0.225 708.625 8.28388 708.625 18.225V375.4413C708.625 385.3827 701.3664 393.4416 691.425 393.4416H496.2762C492.2028 393.4416 488.25 395.5152 485.0631 398.3608L454.6791 421.5564C451.4946 424.402 447.5422 425.475 443.4688 425.475H18C8.0586 425.475 0 417.4161 0 407.475Z');
    }
    

    .clipped-video2 {
        clip-path: path('M3.381 291.61125V112.888209C3.381 103.051029 7.6648305 93.7027245 15.115117 87.280515L106.846362 8.20195065C112.9845675 2.91068565 120.8183445 0 128.9226015 0H715.92675C735.74907 0 750.88675 15.1373465 750.88675 33.81V266.096585C750.88675 284.76902 735.74907 299.905585 715.92675 299.905585H527.957525C513.956965 299.905585 508.110825 302.47875 493.76262 305.70217125L484.412775 320.2582675C479.26273 325.24162 469.001935 327.96275 459.211375 327.96275H37.191C18.518105 327.96275 3.381 312.82553 3.381 291.61125Z');
    }

    #play-video2 img{
        width: 200px;
        height: auto;

    }

    .info-slide div{
        width: 70%;
    }

    #play-video img{
        width: 200px;
        height: auto;

    }

    #play-video{
        left: 45%;
    }

    .navbar-content-first-div-child{
        width: 70%;
    }

    .text-flex {
        gap: 2.2rem;
 }

 .text-flex-div1 p{
    width: 90%;
 }


    .clipped-video {
      height: 550px;
      clip-path: path('M3.46291743 510.934546875V175.9478956475625C3.46291743 167.7712005290475 6.35738286018 159.85863292707 11.6290585091835 154.7660590054425L130.859029933325 12.3013283026095C137.556836703825 4.5007928786205 147.128501688 0 157.3342666624625 0H878.9817353625C897.11149549475 0 912.4664096625 15.5087017791245 912.4664096625 34.6627743V469.8378208439725C912.4664096625 488.96771884425 897.11149549475 504.476420623375 878.9817353625 504.476420623375H644.197486924425C636.7318123579 504.476420623375 630.0854733902 508.08648169882 623.5256511344 511.54004723072L592.5348869684 536.43394905252C585.9516025514 541.08468885942 579.39577173 543.047977945 572.942322664 543.047977945H39.175304405C17.32588688045 543.047977945 3.46291743 529.27664502745 3.46291743 510.934546875Z');

    }

 
    .line-2{
        align-items: end;
        width: 29rem;
    
        position: relative;
        margin-top: 0%;
    }
    
    .line-3{
        position: absolute;
        top: 36%;
        width: 47.5rem;
        align-items: end;
    }
    
    .line-5{
        position: absolute;
        top: 60.5%;
        width: 66.5rem;
        align-items: end;
    }
    
    .line-4{
        align-items: end;
        width: 47.5rem;
    }

    
.w-60{
    width: 55%;
    height: 520px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 40%;
    height: 520px;
}
    
    .line-6{
        align-items: end;
        width: 66.5rem;
    }
    
    .line-7{
        position: absolute;
        top: 85%;
        width: 85.5rem;
        align-items: end;
    }
    

    .hero-logo{
        width: 110px;
        margin-top: 3.5%;
    }

    .borders-laterales-hero{
        width: 10%;
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .navbar-content-first-div-child ul{
        gap: 1rem;
    }

    .single-article-weMake img{
        max-height: 450px;
    }

    .div-animation-3{
        width: 500px;

    }

    .brand-title-div h6{
        width: 75%;
    }
    

    

    .div-animation-3 img{
        width: 100%;
        height: auto;
    }

    .section-interna{
        min-height: 100vh;
        height: fit-content;
    }

    
.w-60{
    width: 55%;
    height: 480px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 40%;
    height: 480px;
}

    #play-video3 {
        left: 50%;
    }

    .div-video-div{
        height: 300px;
    }

    .custom-shape {
        height: 400px;
        clip-path: path('M0 346.354V114.83664C0 111.355075 1.2779392 108.85979 3.60641655 106.73567L86.69668585 5.6246319C89.60367625 2.1792555 93.8823455 0.19125 98.38971 0.19125H588.71125C598.16164 0.19125 604.33125 7.0412585 604.33125 15.481875V318.12585C604.33125 326.5664665 598.16164 333.416475 588.71125 333.416475H422.83425C419.37294 333.416475 416.2125 335.18796 413.30335 337.60668L388.47735 357.32295C385.5682 359.74167 382.40775 360.5 378.94644 360.5H15.3C5.8496115 360.5 0 353.65 0 346.354Z');
    }

    .workflow-img{
        width: 150px;
    }

    
.line-2{
    align-items: end;
    width: 27.5rem;

    position: relative;
    margin-top: 0%;
}

.line-3{
    position: absolute;
    top: 36%;
    width: 45.5rem;
    align-items: end;
}

.line-5{
    position: absolute;
    top: 60.5%;
    width: 63.5rem;
    align-items: end;
}

.line-4{
    align-items: end;
    width: 45.5rem;
}

.line-6{
    align-items: end;
    width: 63.5rem;
}

.line-7{
    position: absolute;
    top: 85%;
    width: 81.5rem;
    align-items: end;
}


    #play-video2 img{
        width: 200px;
        height: auto;

    }

    .text-flex-div1 p{
        width: 95%;
    }

    #play-video2 {

        top: 40%;

    }

    #play-video img{
        width: 200px;
        height: auto;

    }

    #play-video {

        top: 50%;

    }

    .video-flex{
        width: 55%;
    }

    .text-flex{
        gap: 2rem;
    }

    
    .about-1{
        width: 100%;
        height: 33.5%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        justify-content: end;
    }
    
    
    .about-2{
        display: flex;
        width: 100%;
        flex-grow: 1;
        height: 60.5%;
        gap: 5rem;
    }

    

    .clipped-video {
        clip-path: path('M2.796722475 412.4126813125V142.1100301615625C2.796722475 135.8667851826875 5.13484245764375 129.1659745969375 9.3916140177875 124.0385052423125L105.6982025760625 9.93882903646875C110.99452958101875 3.636701063625 119.8027185208125 0 128.0621319759375 0H710.03241178125C727.354789346875 0 737.89979365625 12.52680539754375 737.89979365625 28.4826892875V379.47171600953125C737.89979365625 395.4265998994875 727.354789346875 408.1692315971875 710.03241178125 408.1692315971875H521.9928076086875C513.8952642125 408.1692315971875 509.700429558125 412.03607123921875 504.394702642875 413.8328527583125L478.481940289875 434.8468760033125C472.475480844125 439.5673175660625 463.02885147975 441.521610625 453.01474647625 441.521610625H30.776918275C13.454540709375 441.521610625 2.796722475 428.9948052275625 2.796722475 412.4126813125Z');
        height: 550px;

    }

.clipped-video2{
    clip-path: path('M2.94 253.575V98.16366C2.94 89.61046 6.66507 81.48063 13.14358 75.8961L92.90988 7.132131C98.24745 2.531031 105.05943 0 112.10661 0H622.545C639.7818 0 652.945 13.16291 652.945 29.4V232.2579C652.945 248.4948 639.7818 261.6579 622.545 261.6579H459.0935C446.9191 261.6579 441.8355 263.025 429.3588 265.827975L421.2285 278.48545C416.7502 282.8188 409.5669 285.185 402.7925 285.185H32.34C16.1027 285.185 2.94 271.0222 2.94 253.575Z');
}

    .div-footer-direction{
        width: 90%;
    }

    
    .info-slide div{

        height: 70%;
      }

    .navbar-content-first-div-child{
        width: 70%;
    }

    .hero-logo{
        width: 110px;
        margin-top: 3.5%;
    }

    .about-10-div {
    height: 240px;
    }

    .about-10-div img{
        width: 370px;
    }

    .borders-laterales-hero{
        width: 10%;
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .navbar-content-first-div-child ul{
        gap: .5rem;
    }

     

.brand-title-div h6{
    width: 75%;
}

.brand-title{
    width: 100%;
    position: relative;
}

.brand-title img{
    width: auto;
    max-width: 100%;
}


    
.w-60{
    width: 55%;
    height: 380px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 40%;
    height: 380px;
}


    .div-video-div{
        height: 300px;
    }

    .custom-shape {
        height: 300px;
        clip-path: path('M0 294.4009V97.611144C0 94.65181375 1.08624832 92.5308215 3.0654540675 90.7253195L73.6921829725 4.780937615C76.1631248125 1.852367175 79.800993675 0.1625625 83.6312535 0.1625625H500.4045625C508.4373945 0.1625625 513.6815625 5.985069875 513.6815625 13.15959375V270.4079725C513.6815625 277.582496375 508.4373945 283.404986875 500.4045625 283.404986875H359.4091125C356.466998 283.404986875 353.780625 284.9097705 351.3078475 287.06567825L330.2057475 304.7245075C327.73297 306.88041525 325.0465975 307.61125 322.1044825 307.61125H13.005C5.618168425 307.61125 0 302.2088 0 294.4009Z');
    }

    
.about-1{
    width: 100%;
    height: 39.5%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: end;
}


.about-2{
    display: flex;
    width: 100%;
    flex-grow: 1;
    height: 60.5%;
    gap: 5rem;
}


    #play-video2 img{
        width: 150px;
        height: auto;
    }

    
.line-2{
    align-items: end;
    width: 22.7rem;

    position: relative;
    margin-top: 0%;
}

.line-3{
    position: absolute;
    top: 36%;
    width: 40.5rem;
    align-items: end;
}

.line-5{
    position: absolute;
    top: 60.5%;
    width: 57.5rem;
    align-items: end;
}

.line-4{
    align-items: end;
    width: 40.5rem;
}

.line-6{
    align-items: end;
    width: 57.5rem;
}

.line-1 {
    width: 30rem;
    background-color: #0B1020;
}

.no-1280{
    display: none;
}

.line-7{
    position: absolute;
    top: 85%;
    width: 75.5rem;
    align-items: end;
}



    .clipped-video2 {
        clip-path: path('M2.499 215.53875V83.439111C2.499 76.168891 5.6653095 69.2585355 11.172043 64.511685L79.973398 6.06231135C83.5103325 2.15137635 89.3005155 0 95.2906185 0H529.16325C543.81453 0 555.00325 11.1884735 555.00325 24.99V197.419215C555.00325 211.070485 543.81453 222.259215 529.16325 222.259215H390.229475C379.881235 222.259215 375.560175 223.57125 364.95498 226.95377875L358.044225 236.7126325C354.23767 240.39698 348.131865 242.40725 342.373625 242.40725H27.489C13.693295 242.40725 2.499 230.21387 2.499 215.53875Z');
    }

    .info-slide div{
        width: 75%;
    }


    .div-footer-direction{
        width: 90%;
    }

    .div-footer-p{
        width: 85%;
    }


    .navbar-content-first-div-child{
        width: 60%;
    }

    .text-flex-div1-h3 h3{
        width: 75%;
    }

    #play-video img{
        width: 200px;
        height: auto;

    }

    .text-flex-div1 p{
        width: 100%;
    }

    .video-flex{
        width: 50%;
    }

    .clipped-video {
        clip-path: path('M2.342277 345.4858575V119.00303236875C2.342277 113.44408751 4.298756254065 108.093741273 7.86337495065 103.86837690075L88.4853693675 8.31795303105C92.9356956675 3.043361075 99.48583885275 0 106.38680690925 0H594.35368875C609.0880134825 0 617.77555875 10.48672547055 617.77555875 23.42277V317.69649760275C617.77555875 330.63173629425 609.0880134825 341.5051852775 594.35368875 341.5051852775H436.495595967C429.395023116 341.5051852775 425.57659837875 344.58241520025 420.7046569575 345.95390575575L398.915538147 363.80890490175C393.615193275 368.01089500725 385.98686504325 369.2148075 385.98686504325 369.2148075H25.765947C12.829396545 369.2148075 2.342277 358.727271705 2.342277 345.4858575Z');
    }

    .hero-logo{
        width: 110px;
        margin-top: 3.5%;
    }

    .borders-laterales-hero{
        width: 10%;
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .navbar-content-first-div-child ul{
        gap: 1.5rem;
    }

    .btn-add{
        padding-top: 2rem;
    }
    
.imagenes-fit img{
    height: 600px;
    width: auto;
}

    .brand-title-div h6{
        width: 75%;
    }
    
    .brand-title{
        width: 100%;
        position: relative;
    }
    
    .brand-title img{
        width: auto;
        max-width: 100%;
    }
    

    #play-video3 img{
        width: 150px;
    }

    .direction-column2{
        flex-direction: column;
    }

    .div-video-div{
        height: fit-content;
    }

    .custom-shape{
        width: 90%;
 }

    .div-video-div{
        width: 90%;
    }

    .navbar-content-first-div-child{
        width: 60%;
    }

    .hero-logo{
        width: 110px;
        margin-top: 3.5%;
    }

    .borders-laterales-hero{
        width: 10%;
    }
}

@media screen and (min-width:700px) and (min-height:720px) and (max-height:900px) {
    .clipped-video {
        height: 470px;
   
       }


       #play-video3 {
        top: 55%;
    }

       .interno{
        height: 55%;
       }

       #footer-internas{
        height: 80vh;
       }

       #play-video2{
        top: 37%;
       }

       .info-slide div{
        height: 62.5%;
       }

       #play-video {

        top: 45%;

    }

} 

@media screen and (min-width:1280px) and (max-width:1441px)  and (min-height:500px) and (max-height:699px) {
    #play-video{
        top: 37.5%;
    }

    

    #play-video2{
        top: 37.5%;
        left: 40%;
    }

    .div-title-customers2{
        padding-bottom: 2rem;
    }

    .info-slide div{
        height: 65%;
    }

    .text-flex{
        height: 86%;
    }
   
    #section-1-anima{
        min-height: 100vh;
        height: 135vh;
        padding-bottom: 6rem;
        min-height: 660px;
       }

       #footer-internas {
        height: 90vh;
       }

       .info-footer-div{
        height: 50%;
       }


} 

@media screen and (min-width:1600px)  and (min-height:500px) and (max-height:900px) {

       #footer-internas{
        height: 100vh;
       }

       .info-slide div{
        height: 70%;
       }

       #play-video{
        left: 50%;
        top: 55%;
       }

       .single-article-weMake img{
        width: 75%;
       }

       .no-pd{
        padding-top: 0rem !important;
       }

       .section-interna, .section-interna5{
        padding-top: 9rem;
       }

       #play-video2 {
        top: 55%;
    }

       #section-1-anima{
        min-height: 100vh;
        height: 135vh;
        padding-bottom: 6rem;
        min-height: 660px;
       }

       .single-article-weMake div{
        width: 75%;
       }

} 
 
@media screen and (min-width:700px) and (max-width:900px) and (min-height:901px) and (max-height:949px) {
    .clipped-video {
        height: 550px;
   
       }

       .info-slide div{
        height: 55%;
       }

       #play-video {

        top: 50%;

    }

} 

@media screen and (min-width:700px)  and (min-height:901px) and (max-height:949px) {
       
    .interno{
        height: 55% !important;
       }

       
       #play-video3 {
        top: 55%;
    }

} 
 
@media screen and (min-width:700px) and (min-height:950px) and (max-height:1000px) {
    .clipped-video {
        height: 550px;
   
       }

       #play-video3 {
        top: 70%;
    }

       #play-video3 {
        top: 45%;
    }


       
       .interno{
        height: 55% !important;
       }


       .info-slide div{
        height: 50%;
       }

       #play-video {

        top: 50%;

    }

} 
 


#special-svg{

    width: auto;
    height: 2rem;
}

.copyright-div-div img{
    min-width: 40px;
    width: 1.2rem;
    max-width: 50px;
}

@media screen and (min-width:700px) and (min-height:1001px) and (max-height:1200px) {
    .clipped-video {
        height: 650px;
   
       }

       #play-video3{
        top: 50%;
    }

       #play-video2{
        top: 55%;
       }

       .h3-weMake{
        height: 52%;
       }

       .padre-clipped{
        top: 45%;
       }

       .info-footer-div{
        height: 35%;
       }

       .interno{
        height: 55% !important;
       }

       #play-video {

        top: 45%;

    }
}

/* MOBILE */


@media screen and (max-width:699px) and (min-height:750px) and (max-height:900px) {
    
#play-video2{
    top: 45%;
   }

   #play-video3 {
    top: 55%;
}

   footer{
    height: fit-content;
   }

   .img-footer-bg{
    height: 880px !important;
   }

   .info-slide div{
    gap: 1rem;
    margin-top: 5%;
    position: relative;
  }

   .padre-clipped{
    top: 45%;
   }

   .info-footer-div{
    height: 35%;
   }

   #play-video {
    top: 50%;
}
}

@media screen and (max-width:380px) and (min-height:901px) and (max-height:949px) {
    
#play-video2{
    top: 45%;
   }

   .info-slide div{
    gap: .25rem;
    margin-top: 10.5%;
    position: relative;
  }

  

   #play-video {
    top: 50%;
}
}

@media screen and (min-width:381px) and (max-width:799px) and (min-height:901px) and (max-height:949px) {
    
    #play-video2{
        top: 45%;
       }

       #play-video3{
        top: 50%;
    }
    
       footer{
        height: 900px;
       }
    
       .img-footer-bg{
        height: 930px !important;
       }

       .info-slide div{
        gap: .25rem;
        margin-top: 13%;
        position: relative;
      }

      .container-content4{
        top: -5%;
      }
    
       #play-video {
        top: 50%;
    }
    }

@media screen and (max-width:799px) and (min-height:950px) and (max-height:1100px) {
    #play-video {
        top: 55%;
    }
    
    #play-video3 {
        top: 55%;
    }

    .info-slide div{
        gap: 1rem;
        margin-top: 12.5%;
        position: relative;
      }

    #play-video2{
        top: 45%;
       }
}

@media screen and (max-width:799px) and (min-height:0px) and (max-height:749px) {
    
    #play-video2{
    top: 45%;
   }

   footer{
    height: fit-content;
   }

   .img-footer-bg{
    height: 850px !important;
   }

   .info-slide div{
    gap: 1rem;
    margin-top: 9%;
    position: relative;
  }

   #play-video {
    top: 50%;
}

}

@media screen and (max-width:480px) {
    .navbar-content{
        clip-path: none;
        background-color: transparent;
        backdrop-filter: blur(0px);
        max-width: 100%;
        width: 100%;
        padding: 0px 30px;
    }

.pd-not{
    padding: 0rem !important;
}

    footer{
        bottom: 0% !important;
    }

    .modal-video div{
        width: 90%;
        height: 250px;
        border-radius: 10px;
    }
    
    .modal-video video{
        width: 98%;
        height: 98%;
        border-radius: 10px;
    }

    .btn-add{
        padding-top: 2rem;
    }

    .imagenes-fit img{
        height: 300px;
        width: auto;
    }
    
.video-section-div{
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 6rem;
}

.gap-brand{
    padding-bottom: 4rem;
    gap: 2rem;
}

.brand-title-div h6{
    width: 95%;
}

.brand-title{
    width: 100%;
    position: relative;
}

.brand-title img{
    width: auto;
    max-width: 100%;
    height: 300px;
}


    .section-pd-2{
        padding: 1.5rem 0rem 1.5rem 0rem !important;
    }

    .top-mobile{
        
    color: rgba(240, 253, 255, 0.59) !important;
        font-family: "Space Grotesk" !important;
        
    font-size: 18px !important;
    line-height: 100% !important;
    }

    .float-div{
        z-index: -9;
    }

    .info-slide div p{
        width: 95%;
    }

    .gap-3{
        gap: 1.75rem !important;
    }

    .centered-slide img {
        width: 95%;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
    }

    .div-video-div p{
        margin-top: 0rem;
    }

    .about-10-div{
        height: 180px;
    }

    .about-10-div img{
        width: 250px;
    }

    .ctas{
        gap: .5rem;
        width: 100%;
       flex-direction: column; 
    }

    .sty-h6 h5{
        text-align: center !important;
    }

    .h-fit-mobile{
    min-height: 800px !important;
    }

    .div-animation-3 img{
        max-width: 300px;
    }

    .list-process{
        gap: 1.5rem;
    }

    .pd-b{
        align-items: start;
    }

    .about-10 h5{
        width: 100%;
        text-align: start;
        color: rgba(255, 255, 255, 0.60);
    }

    .about-10 h4{
        line-height: 110%;
    }

    .ctas{
        padding-top: 0rem;
    }

    .about-10 h6{
        width: 75%;
    }

    .about-10 h2{
        width: 90%;
        line-height: 120%;
    }

    .pd-b2{
        padding-top:3rem !important;
    }

    .pd-b3{
        padding-top: 6rem !important;
    }

    .videos-films{
        gap: 2rem;
    }

    .list-process-div{
        width: 100%;
    }
    
.about-3 h1{
    color: rgba(255, 255, 255, 0.60);
    width: 100%;
}
    
.w-60{
    width: 100%;
    height: 300px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 100%;
    height: 300px;
}

    #play-video3 img{
        width: 100px;
    }

    .direction-column2{
        flex-direction: column;
    }

    .div-video-div{
        height: fit-content;
    }

    .custom-shape{
        width: 90%;
        height: 210px;
 }

    .div-video-div{
        width: 90%;
    }

    .about-9 {
        width: 100%;
    }
    
    .pd-t{
        padding-top: 0rem;
    }

    
.pd-t2{
    padding-top: 0rem;
}

    .div-inputs{
        gap: 1rem;
    }

    .div-formulario{
        border-radius: 20px;
border: 0.945px solid rgba(255, 255, 255, 0.07);
background: rgba(0, 0, 0, 0.10);
box-shadow: 0px 47.262px 94.523px 0px rgba(255, 255, 255, 0.15) inset, 0px 4.726px 9.452px 0px rgba(0, 0, 0, 0.05), 0px 14.178px 28.357px 0px rgba(0, 0, 0, 0.05), 0px 28.357px 56.714px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(15.888577461242676px);
height: 940px;
    }



    .section-interna6{
        padding-bottom: 2.5rem;
    }

    .custom-select {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .custom-select select {
        width: 100%;
        border-radius: 12px;
border: 0.794px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
box-shadow: 0px 0.794px 0px 0px rgba(0, 0, 0, 0.05), 0px 3.178px 3.178px 0px rgba(0, 0, 0, 0.05), 0px 7.944px 7.944px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(7.944288730621338px);
        padding: 12px 40px 12px 16px; /* Padding ajustado para el texto y la flecha */
        appearance: none; /* Eliminamos el estilo por defecto */
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 55px;
        color: #8F97AA; /* Color del texto */
        border-radius: 5px; /* Bordes redondeados */
        font-size: 14px; /* Tamaño de la fuente */
        outline: none; /* Eliminamos el contorno por defecto */
        cursor: pointer;
    }
    
    .custom-select::after {
        content: '▼'; /* Flecha hacia abajo */
        position: absolute;
        top: 50%;
        right: 16px; /* Espacio de la flecha */
        transform: translateY(-50%);
        color: #8F97AA; /* Color de la flecha */
        pointer-events: none; /* Evitamos que se pueda interactuar con la flecha */
        font-size: 12px; /* Tamaño de la flecha */
    }
    
    .custom-select select:hover, .custom-select select:focus {
        background-color: #2A3A4D; /* Color de fondo al hacer hover o focus */
    }

    .input-form textarea{
        height: 150px;
    }

    .div-inputs button img{
        width: 100%;
    }

    .formulario{
        gap: 1rem;
        height: 92.5%;
        width: 85%;
    }

    .w-50{
        width: 100%;
    }

    .input-form{
        gap: .65rem;
    }

    .input-form input{
        height: 55px;
    }

    .info-contact p{
        width: 100%;
    }

    .info-contact{
        height: 500px;
    }

    .img-bg{
        position: absolute;
        top: 0%;
        width: 100vw;
        height: 450px;
    }
    

    #services-offer{
        height: fit-content;
        padding-bottom: 6rem;
    }

    .div-about{
        width: 100%;
    }

    .div-about2{
        width: 100%;
    }

    .about-7{
        flex-direction: column;
    }

    .img-flex2 {
        width: 100%;
        height: auto;
    }

    .img-flex2 img{
        width: 100%;
    }

    .img-flex3 {
        width: 100%;
        height: auto;
    }

    .img-flex3 img{
        width: 100%;
    }

    .article-new{
        flex-direction: column;
        gap: 1rem;
    }

    .article-img{
        width: 100%;
    }

    .article-texts h5{
        width: 100%;
    }

    .news-older{
        bottom: -4.5%;
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }

.news-older svg{
    transform: rotate(90deg);
}

    .article-texts{
        width: 100%;
        gap: .5rem;
    }

    .line-bg-violet4{
        bottom: 5%;
    }

    .line-bg-violet7{
        width: 300px;
        bottom: 73%;
    }

    .section-interna4{
        padding: 8rem 0rem 4rem 0rem;
    }

    .section-interna5{
        height: fit-content;
    }

    .section-interna8{
        height: fit-content;
    }


    .list-article{
        gap: 2rem;
    }

    .article-blog{
        width: 100%;
    }

    #footer-internas{
        height: 940px;
    }

    .about-2{
        gap: 2rem;
    }

    .text-flex-div3-h3 h3{
        width: 100%;
    }

    .text-flex-div3 p{
        width: 100%;
    }

    .source-desktop{
        display: none;
    }

    .team img{
        height: 50% !important;
        border-radius: 20px;
        left: 50%;
        width: 90%;
        margin-top: .52rem;
        transform: translate(-50%);
    }
    
    .source-mobile{
        display: flex !important;
    }
    

    #workflow{
        height: fit-content;
        min-height: auto;
    }

    .workflow-mobile{
        display: block;
        width: 100%;
    }

    .workflow-mobile img{
        display: block;
        width: 100%;
    }

    .workflow-guide{
        display: none;
    }

    .copyright-div-div{
        display: flex;
        gap: 1rem;
        height: 100%;
        align-items: center;
    }

    .hero-top{
        width: 92%;
    }

    .hero-down {
        width: 92%;
    }

    .mobile-column{
        gap: 2rem !important;
    }

    .hero-h3 > * {
        overflow: visible !important;
    }

    .info-slide div p{
        
    font-size: 8.7px;
    }

    .navbar-button{
        top: -5%;
        position: relative;
    }

    .div-footer-direction{
        width: 95%;
    }

    .container-content3 {
        gap: 4rem;
    }

    .div-title-customers h3{
        text-align: center;
    }

    .div-title-customers h6{
        color: rgba(255, 255, 255, 0.60);
        text-align: center;
    }

    .info-slide div{
        gap: .75rem;
    }



    .borde-1 {
        width: 100%;
        position: absolute;
        height: 2px;
        flex-shrink: 0;
        background: rgba(159, 159, 159, 0.24);
        transform: translate(-50%, 0%);
        top: 0%;
        left: 50%;
    }

    .content-2{
        margin-left: 0%;

    }

    .info-footer-div{
        height: 80%;
    }

    .copyright-div{
        display: none;
    }

    .gap-2{
        gap: 1rem;
    }

    .centered-slide img{
        height: auto;
    }

    footer{
        position: relative;
        
    }

    .div-footer-p{
        width: 95%;
    }

    .bg-black2{
        background-color: #0B1020;
    }

    .section{
        min-height: 100vh;
    }

    .container-content4{
        justify-content: center;
    }

    .div-footer{
        padding: 5% 0%;
    }

    .container-content3{
        width: 90%;
    }

    .div-footer{
        width: 100%;
    }

    .info-footer-div{
        flex-direction: column;

    }

    .img-footer-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .centered-slide img{
        object-fit: cover;
    }

    .container-content{
        gap: 2rem;
    }

    .img-flex{
        width: 100%;
        height: auto;
    }

    .img-flex img{
        width: 100%;
        height: auto;
    }

    .about-1{
        margin-top: 7rem;
    }

    .section-interna{
        height: fit-content;
        min-height: 550px;
    }

    .about-2{
        flex-direction: column;
    }

    .text-flex-about2 {
        width: 100%;
    }

    .about-5{
        flex-direction: column;
        gap: 2rem;
    }

    .title-content h6{
        color: rgba(255, 255, 255, 0.60);
    }

    .title-content{
        gap: 1rem;
    }

    .container-content{
        width: 90%;
    }

    .container-content5{
        width: 90%;
        gap: 2rem;
    }

    .info-connection-text p{
        width: 100%;
    }

    .info-connection-video{
        width: 100%;
    }

    #play-video2{
        left: 50%;
    }

    .info-connection-text p{
        font-weight: 300;
    }

    .clipped-video2{

        height: 230px;
    }

    #play-video2 img {
        width: 100px;
        height: auto;
    }

    .info-content-connection{
        flex-direction: column;
        align-items: center;
    }

    .container-flex{
        gap: 1rem;
    }


    section{
        padding: 0rem 0rem 2rem 0rem;
    }

    #play-video img{
        width: 100px;
        height: auto;
    }

    nav{
        height: 100px;
        min-height: 10px;
        background-color: rgba(255, 255, 255, 0);
    backdrop-filter: blur(15px);
    }

    .navbar-contact{
        display: none;
    }

    .navbar-button{
        background-color: transparent;
        border: none;
    }

    .menu-hamburguesa{
        display: flex;
        align-items: center;
        justify-content: end;
        width: 30%;
        height: auto;
    }

    .navbar-content-first-div-child{
        min-width: auto;
        width: 70%;
        justify-content: start;
    }

    .hero-top{
        justify-content: end;
    }

    .hero-div-p{
        width: 90%;
    }

    .hero-div-p p{

color: rgba(240, 253, 255, 0.59);
    }

    .hero-down{
        justify-content: start;
        margin-top: 1rem;
    }

    .hero-logo{
        display: none;
    }

    .borders-laterales-hero{
        width: 35%;
        z-index: 3;
    }


    .alto-izq{
        top: 7.5%; 
        left: 2.75%;
    }
    
    .alto-der{
        top: 7.5%; 
        right:  2.75%;
    }
    
    .bajo-izq{
        bottom: 3.5%; 
        left: 2.75%;
    }

    .mobile-column{
        flex-direction: column;
    }

    .text-flex-div1-h3 h3{
        width: 95%;
    }

    .text-flex a{
        width: 100%;
        
    }

    .desktop-cta{
        display: none;
    }

    body{
        width: 100vw;
        overflow-x: hidden;
    }

    .clipped-video {
       height: 200px;
    }

    .mobile-cta{
        display: block;
    }

    .text-flex a img{
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-flex-div1 p{
        width: 100%;
    }

    .video-flex{
        width: 90%;
    }

    .text-flex{
        width: 90%;
    }


    .mobile-column-reverse{
        flex-direction: column-reverse;
    }

    .h3-weMake h3{
        transform: rotate(0deg);
        text-align: start;
        width: 100%;
    }

    .weMake{
        height: fit-content;
    }

    .h3-weMake{
        width: 90%;
        height: 20%;
        min-height: 120px;    
    }

    .single-article-weMake img{
        width: 100%;
    }

    .single-article-weMake div {

        width: 100%;
    }

    .article-reverse{
        flex-direction: column;
    }

    .articles-weMake{
        flex-direction: column-reverse;
        width: 90%;
    }
    
    .post-hero img{
        width: 60px;
    }
    
    .bajo-der{
        bottom: 3.5%; 
        right:  2.75%;
    }

    .line-bg-violet3{
width: 330px;
bottom: -10%;
    }
    
    .div-formulario {
        width: 95%;
    }

    .navbar-content-first-div-child img{
        display: block;
        width: auto;
        height: 50%;
    }

    .navbar-content-first-div-child ul{
        display: none;
    }

    .h3-3{
        width: 100%;
    }
}

@media screen and (min-width:1px) and (max-width:375px) {
    .clipped-video {
        clip-path: path('M0 161.953625V58.9656792C0 55.36072755 1.321440215 51.87888345 3.7143822 49.181376C42.33011685 5.65031987 45.12737305 2.496463295 49.14116405 0.6901255H293.9585C302.1017955 0.6901255 308.7025 7.29223496 308.7025 15.435875V148.695083C308.7025 156.8383795 302.1017955 163.44075 293.9585 163.44075H218.1678895C215.9536975 163.44075 212.82797 164.489593 209.265278 166.430272L199.657718 173.7073625C196.095026 175.648042 192.9692985 176.696875 190.7551065 176.696875H14.744C6.600357 176.696875 0 170.094766 0 161.953625Z');
    }

    .custom-shape {
        clip-path: path('M0 176.6404125V58.1229864C0 56.28108825 0.6515179875 54.4984929 1.839277719 53.0908317L44.21530935 2.86856227C48.39884175 0.0975375 51.8978522 0.0975375 54.8245957 0.0975375H299.7327375C304.94259425 0.0975375 309.36825 3.591064125 309.36825 7.9005375V162.75367325C309.36825 167.063146625 304.94259425 170.55667325 299.7327375 170.55667325H214.23586225C211.56978325 170.55667325 208.91805 171.15525 206.87079375 172.25577675L193.50312975 183.894446125C191.45587325 184.995 188.80413975 185.59357675 186.13806075 185.59357675H7.803C3.59314325 185.59357675 0 182.09905 0 176.6404125Z');
    }

    .div-clipped{
        width: 95px;
    height: 80px;
    }

    .padre-clipped{
        width: 360px;
        height: 360px;
    }
    
    .earth-div-img{
        width: 420px;
        height: 420px;
    }

    .clipped-video2 {
        clip-path: path('M0 161.953625V58.9656792C0 55.36072755 1.321440215 51.87888345 3.7143822 49.181376C42.33011685 5.65031987 45.12737305 2.496463295 49.14116405 0.6901255H293.9585C302.1017955 0.6901255 308.7025 7.29223496 308.7025 15.435875V148.695083C308.7025 156.8383795 302.1017955 163.44075 293.9585 163.44075H218.1678895C215.9536975 163.44075 212.82797 164.489593 209.265278 166.430272L199.657718 173.7073625C196.095026 175.648042 192.9692985 176.696875 190.7551065 176.696875H14.744C6.600357 176.696875 0 170.094766 0 161.953625Z');
    }
}

@media screen and (min-width:376px) and (max-width:400px) {
   
    .clipped-video {
        clip-path: path('M0 175.75V63.9888C0 60.0757 1.43401 56.2983 4.0308 53.371L45.9361 6.13218C48.9727 2.70913 53.3295 0.75 57.9053 0.75H319C327.837 0.75 335 7.91344 335 16.75V161.362C335 170.199 327.837 177.362 319 177.362H236.753C233.265 177.362 229.873 178.502 227.092 180.608L216.666 188.505C213.886 190.61 210.494 191.75 207.006 191.75H16C7.16344 191.75 0 184.587 0 175.75Z');
    }

    .custom-shape {
        clip-path: path('M0 196.267125V64.581096C0 62.5345425 0.723908875 60.553881 2.04364191 58.989813C49.1281215 3.18729141 53.7759875 0.108375 56.7541691 0.108375H333.036375C338.825105 0.108375 343.7425 3.99007125 343.7425 8.778375V180.837415C343.7425 185.62571875 338.825105 189.507375 333.036375 189.507375H238.0398475C235.0775375 189.507375 232.17375 190.1725 230.0554375 191.3953075L215.0034775 204.899228125C213.034165 206.122035625 210.1303775 206.787125 207.1680675 206.787125H8.67C3.43827875 206.787125 0 203.448705 0 196.267125Z');
    }
    
    .div-clipped{
        width: 105px;
    height: 90px;
    }

    .padre-clipped{
        width: 390px;
        height: 390px;
    }

    .earth-div-img{
        width: 450px;
        height: 450px;
    }

    .clipped-video2 {
        clip-path: path('M0 175.75V63.9888C0 60.0757 1.43401 56.2983 4.0308 53.371L45.9361 6.13218C48.9727 2.70913 53.3295 0.75 57.9053 0.75H319C327.837 0.75 335 7.91344 335 16.75V161.362C335 170.199 327.837 177.362 319 177.362H236.753C233.265 177.362 229.873 178.502 227.092 180.608L216.666 188.505C213.886 190.61 210.494 191.75 207.006 191.75H16C7.16344 191.75 0 184.587 0 175.75Z');
    }
}

@media screen and (min-width:401px) and (max-width:480px) {
    .clipped-video {
        clip-path: path('M0 184.5375V67.18824C0 63.079485 1.5057105 59.113215 4.23234 56.03955L48.232905 6.438789C51.420335 2.8445865 56.995975 0.7875 60.800565 0.7875H334.95C344.22885 0.7875 351.75 8.309112 351.75 17.5875V169.4301C351.75 178.70895 344.22885 186.2305 334.95 186.2305H248.59065C245.92825 186.2305 242.36665 187.4271 238.4466 189.6384L227.4993 197.93025C223.5753 200.14155 219.0187 201.3375 215.3563 201.3375H16.8C7.521613 201.3375 0 193.8159 0 184.5375Z');
    }


    .earth-div-img{
        width: 500px;
        height: 500px;
    }

    .div-clipped{
        width: 115px;
    height: 100px;
    }

    .padre-clipped{
        width: 420px;
        height: 420px;
    }

    #play-video2{
        left: 45%;
    }

    .clipped-video2 {
        clip-path: path('M0 184.5375V67.18824C0 63.079485 1.5057105 59.113215 4.23234 56.03955L48.232905 6.438789C51.420335 2.8445865 56.995975 0.7875 60.800565 0.7875H334.95C344.22885 0.7875 351.75 8.309112 351.75 17.5875V169.4301C351.75 178.70895 344.22885 186.2305 334.95 186.2305H248.59065C245.92825 186.2305 242.36665 187.4271 238.4466 189.6384L227.4993 197.93025C223.5753 200.14155 219.0187 201.3375 215.3563 201.3375H16.8C7.521613 201.3375 0 193.8159 0 184.5375Z');
    }
}

@media screen and (min-width:401px) and (max-width:431px) {
    .clipped-video {
        clip-path: path('M0 184.5375V67.18824C0 63.079485 1.5057105 59.113215 4.23234 56.03955L48.232905 6.438789C51.420335 2.8445865 56.995975 0.7875 60.800565 0.7875H334.95C344.22885 0.7875 351.75 8.309112 351.75 17.5875V169.4301C351.75 178.70895 344.22885 186.2305 334.95 186.2305H248.59065C245.92825 186.2305 242.36665 187.4271 238.4466 189.6384L227.4993 197.93025C223.5753 200.14155 219.0187 201.3375 215.3563 201.3375H16.8C7.521613 201.3375 0 193.8159 0 184.5375Z');
    }

    .custom-shape {
        clip-path: path('M0 212.2638956875V69.844455324C0 67.63110771475 0.7829074483125 65.4880223015 2.210198725666 63.7974827655C53.13206340225 3.4470561769455 58.15873048125 0.1172075625 61.379118933666 0.1172075625H360.1788395625C366.4393510575 0.1172075625 371.86051325 4.31526184875 371.86051325 9.4938125625V195.5744843225C371.86051325 200.75303503625 366.4393510575 204.9510893225 360.1788395625 204.9510893225H255.4390941225C252.23635680625 204.9510893225 249.096910625 205.672559125 246.80405565625 206.99402659125L230.5263607875 221.5985142175C228.23350581875 222.91998168375 225.0940596375 223.64145148625 221.89132232125 223.64145148625H9.376605C3.116093505 223.64145148625 0 219.4433972 0 212.2638956875Z');
        height: 230px;
    }
    

    .earth-div-img{
        width: 500px;
        height: 500px;
    }

    .div-clipped{
        width: 115px;
    height: 100px;
    }

    .padre-clipped{
        width: 420px;
        height: 420px;
    }

    #play-video2{
        left: 45%;
    }

    .clipped-video2 {
        clip-path: path('M0 184.5375V67.18824C0 63.079485 1.5057105 59.113215 4.23234 56.03955L48.232905 6.438789C51.420335 2.8445865 56.995975 0.7875 60.800565 0.7875H334.95C344.22885 0.7875 351.75 8.309112 351.75 17.5875V169.4301C351.75 178.70895 344.22885 186.2305 334.95 186.2305H248.59065C245.92825 186.2305 242.36665 187.4271 238.4466 189.6384L227.4993 197.93025C223.5753 200.14155 219.0187 201.3375 215.3563 201.3375H16.8C7.521613 201.3375 0 193.8159 0 184.5375Z');
    }
}

@media screen and (min-width:432px) and (max-width:480px) {
    .clipped-video {
        clip-path: path('M0 184.5375V67.18824C0 63.079485 1.5057105 59.113215 4.23234 56.03955L48.232905 6.438789C51.420335 2.8445865 56.995975 0.7875 60.800565 0.7875H334.95C344.22885 0.7875 351.75 8.309112 351.75 17.5875V169.4301C351.75 178.70895 344.22885 186.2305 334.95 186.2305H248.59065C245.92825 186.2305 242.36665 187.4271 238.4466 189.6384L227.4993 197.93025C223.5753 200.14155 219.0187 201.3375 215.3563 201.3375H16.8C7.521613 201.3375 0 193.8159 0 184.5375Z');
    }

    .custom-shape {
        clip-path: path('M0 233.49028525625V76.828900856C0 74.394218486225 0.86119819359375 72.03682453165 2.4312185982325 70.17723104205C58.445269742475 3.791761794675 63.974603529375 0.12892831875 67.5160308270325 0.12892831875H396.19672351875C403.08328616325 0.12892831875 409.046564575 4.746876033625 409.046564575 10.44319381875V215.13193275475C409.046564575 220.828250539875 403.08328616325 225.44619825475 396.19672351875 225.44619825475H281.00500353475C277.459992486875 225.44619825475 273.9866016875 226.2398150375 271.484461221875 227.693429250875L253.578996866875 243.75836563925C251.07685640125 245.212979852625 247.603465601875 246.006596635375 244.058454554 246.006596635375H10.3142655C3.4277028555 246.006596635375 0 240.3886489205 0 233.49028525625Z');
        height: 250px;
    }

    .earth-div-img{
        width: 500px;
        height: 500px;
    }

    .div-clipped{
        width: 115px;
    height: 100px;
    }

    .padre-clipped{
        width: 420px;
        height: 420px;
    }

    #play-video2{
        left: 45%;
    }

    .clipped-video2 {
        clip-path: path('M0 184.5375V67.18824C0 63.079485 1.5057105 59.113215 4.23234 56.03955L48.232905 6.438789C51.420335 2.8445865 56.995975 0.7875 60.800565 0.7875H334.95C344.22885 0.7875 351.75 8.309112 351.75 17.5875V169.4301C351.75 178.70895 344.22885 186.2305 334.95 186.2305H248.59065C245.92825 186.2305 242.36665 187.4271 238.4466 189.6384L227.4993 197.93025C223.5753 200.14155 219.0187 201.3375 215.3563 201.3375H16.8C7.521613 201.3375 0 193.8159 0 184.5375Z');
    }
}


/* TABLET */

@media screen and (min-width:481px) and (max-width:767px) {
    .navbar-content{
        clip-path: none;
        background-color: transparent;
        backdrop-filter: blur(0px);
        max-width: 100%;
        width: 100%;
        padding: 0px 30px;
    }

    
    .modal-video div{
        width: 90%;
        height: 350px;
        border-radius: 10px;
    }
    
    .modal-video video{
        width: 98%;
        height: 98%;
        border-radius: 10px;
    }
     
.video-section-div{
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 6rem;
}

.gap-brand{
    padding-bottom: 4rem;
    gap: 2rem;
}

.brand-title-div h6{
    width: 95%;
}

.brand-title{
    width: 100%;
    position: relative;
}

.brand-title img{
    width: auto;
    max-width: 100%;
    height: 300px;
}


    .float-div{
        z-index: -9;
    }


    .info-slide div p{
        width: 95%;
    }

    .centered-slide img {
        width: 95%;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
    }

    .line-bg-violet3{
        width: 330px;
        bottom: -10%;
            }

    .div-video-div p{
        margin-top: 0rem;
    }

    #services-offer{
        height: fit-content;
        padding-bottom: 6rem;
    }

    .about-10-div{
        height: 180px;
    }

    .about-10-div img{
        width: 250px;
    }

    .ctas{
        gap: .5rem;
        width: 100%;
       flex-direction: column; 
    }

    .sty-h6 h5{
        text-align: center !important;
    }

    .h-fit-mobile{
    min-height: 800px !important;
    }

    .div-animation-3 img{
        max-width: 300px;
    }

    .list-process{
        gap: 1.5rem;
    }

    .pd-b{
        align-items: start;
    }

    .about-10 h5{
        width: 100%;
        text-align: start;
        color: rgba(255, 255, 255, 0.60);
    }

    .about-10 h4{
        line-height: 110%;
    }

    .ctas{
        padding-top: 0rem;
    }

    .about-10 h6{
        width: 75%;
    }

    .about-10 h2{
        width: 90%;
        line-height: 120%;
    }

    .pd-b2{
        padding-top:3rem !important;
    }

    .pd-b3{
        padding-top: 6rem !important;
    }

    .videos-films{
        gap: 2rem;
    }

    .list-process-div{
        width: 100%;
    }

    .about-3 h1{
        color: rgba(255, 255, 255, 0.60);
        width: 100%;
    }

    
.w-60{
    width: 100%;
    height: 400px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 100%;
    height: 400px;
}

    .direction-column2{
        flex-direction: column;
    }

    .div-video-div{
        height: fit-content;
    }

    .custom-shape{
        width: 90%;
        height: 210px;
 }

    .div-video-div{
        width: 90%;
    }

    .about-9 {
        width: 100%;
    }

    .pd-t{
        padding-top: 0rem;
    }

        
.pd-t2{
    padding-top: 0rem;
}


    .div-inputs{
        gap: 1rem;
    }

    .div-formulario{
        border-radius: 20px;
border: 0.945px solid rgba(255, 255, 255, 0.07);
background: rgba(0, 0, 0, 0.10);
box-shadow: 0px 47.262px 94.523px 0px rgba(255, 255, 255, 0.15) inset, 0px 4.726px 9.452px 0px rgba(0, 0, 0, 0.05), 0px 14.178px 28.357px 0px rgba(0, 0, 0, 0.05), 0px 28.357px 56.714px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(15.888577461242676px);
height: 1020px;
    }

    .section-interna6{
        padding-bottom: 5rem;
    }

    .custom-select {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .custom-select select {
        width: 100%;
        border-radius: 12px;
border: 0.794px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
box-shadow: 0px 0.794px 0px 0px rgba(0, 0, 0, 0.05), 0px 3.178px 3.178px 0px rgba(0, 0, 0, 0.05), 0px 7.944px 7.944px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(7.944288730621338px);
        padding: 12px 40px 12px 16px; /* Padding ajustado para el texto y la flecha */
        appearance: none; /* Eliminamos el estilo por defecto */
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 55px;
        color: #8F97AA; /* Color del texto */
        border-radius: 5px; /* Bordes redondeados */
        font-size: 14px; /* Tamaño de la fuente */
        outline: none; /* Eliminamos el contorno por defecto */
        cursor: pointer;
    }
    
    .custom-select::after {
        content: '▼'; /* Flecha hacia abajo */
        position: absolute;
        top: 50%;
        right: 16px; /* Espacio de la flecha */
        transform: translateY(-50%);
        color: #8F97AA; /* Color de la flecha */
        pointer-events: none; /* Evitamos que se pueda interactuar con la flecha */
        font-size: 12px; /* Tamaño de la flecha */
    }
    
    .custom-select select:hover, .custom-select select:focus {
        background-color: #2A3A4D; /* Color de fondo al hacer hover o focus */
    }

    .input-form textarea{
        height: 150px;
    }

    .div-inputs button img{
        width: 100%;
    }

    .formulario{
        gap: 1rem;
        height: 92.5%;
        width: 85%;
    }

    .w-50{
        width: 100%;
    }

    .input-form{
        gap: 1rem;
    }

    .input-form input{
        height: 55px;
    }

    .info-contact p{
        width: 100%;
    }

    .info-contact{
        height: 500px;
    }

    .img-bg{
        position: absolute;
        top: 0%;
        width: 100vw;
        height: 450px;
    }
    

    .div-about{
        width: 100%;
    }

    .div-about2{
        width: 100%;
    }

    .about-7{
        flex-direction: column;
    }

    .img-flex2 {
        width: 100%;
        height: auto;
    }

    .text-flex-about2{
        width: 100%;
    }

    
    .img-flex3 {
        width: 100%;
        height: auto;
    }

    .img-flex3 img{
        width: 100%;
    }


    .img-flex2 img{
        width: 100%;
    }

    .about-5{
        flex-direction: column;
    }

    .article-new{
        flex-direction: column;
    }

    .article-img{
        width: 100%;
    }

    .article-texts h5{
        width: 100%;
    }

    .news-older{
        bottom: -4.5%;
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }

.news-older svg{
    transform: rotate(90deg);
}

    .article-texts{
        width: 100%;
        gap: .5rem;
    }

    .line-bg-violet4{
        bottom: 5%;
    }
    .line-bg-violet7{
        width: 300px;
        bottom: 73%;
    }
    .section-interna4{
        padding: 3rem 0rem;
    }

    .section-interna5{
        height: fit-content;
    }


    .section-interna8{
        height: fit-content;
    }


    .list-article{
        gap: 2rem;
    }

    .article-blog{
        width: 100%;
    }


    #footer-internas{
        height: 940px;
    }

    .about-2{
        gap: 2rem;
    }

    
    .about-5{
        gap: 2rem;
    }

    .text-flex-div3-h3 h3{
        width: 100%;
    }

    .text-flex-div3 p{
        width: 100%;
    }

    .source-desktop{
        display: none;
    }

    .team img{
        height: 50% !important;
        border-radius: 20px;
        left: 50%;
        width: 90%;
        margin-top: .52rem;
        transform: translate(-50%);
    }
    
    .source-mobile{
        display: flex !important;
    }
    

    .source-desktop{
        display: none;
    }

    

    .workflow-mobile{
        display: block;
        width: 100%;
    }

    .workflow-mobile img{
        display: block;
        width: 100%;
    }

    .workflow-guide{
        display: none;
    }

    .copyright-div-div{
        display: flex;
        gap: 1rem;
        height: 100%;
        align-items: center;
    }

    .info-slide div{
        height: 80%;
    }

    .hero-top{
        width: 92%;
    }

    .hero-down {
        width: 92%;
    }

    .mobile-column{
        gap: 2rem !important;
    }

    .hero-h3 > * {
        overflow: visible !important;
    }

    .info-slide div p{
        
    font-size:10.7px;
    }

    .navbar-button{
        top: -5%;
        position: relative;
    }

    .div-footer-direction{
        width: 95%;
    }

    .container-content3 {
        gap: 4rem;
    }

    .div-title-customers h3{
        text-align: center;
    }

    .div-title-customers h6{
        color: rgba(255, 255, 255, 0.60);
        text-align: center;
    }

    .info-slide div{
        gap: .75rem;
    }



    .borde-1 {
        width: 100%;
        position: absolute;
        height: 2px;
        flex-shrink: 0;
        background: rgba(159, 159, 159, 0.24);
        transform: translate(-50%, 0%);
        top: 0%;
        left: 50%;
    }

    .content-2{
        margin-left: 0%;

    }

    .info-footer-div{
        height: 80%;
    }

    .copyright-div{
        display: none;
    }

    .gap-2{
        gap: 1rem;
    }

    .centered-slide img{
        height: auto;
    }

    footer{
        position: relative;
        
    }

    .div-footer-p{
        width: 95%;
    }

    .bg-black2{
        background-color: #0B1020;
    }

    .section{
        min-height: 100vh;
    }

    .container-content4{
        justify-content: center;
    }

    .div-footer{
        padding: 5% 0%;
    }

    .container-content3{
        width: 90%;
    }

    .div-footer{
        width: 100%;
    }

    .info-footer-div{
        flex-direction: column;

    }

    .img-footer-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .centered-slide img{
        object-fit: cover;
    }

    .container-content{
        gap: 2rem;
    }


    .title-content h6{
        color: rgba(255, 255, 255, 0.60);
    }

    .title-content{
        gap: 1rem;
    }

    .container-content{
        width: 90%;
    }

    .container-content5{
        width: 90%;
        gap: 2rem;
    }

    .info-connection-text p{
        width: 100%;
    }

    .info-connection-video{
        width: 100%;
    }

    #play-video2{
        left: 50%;
    }

    .info-connection-text p{
        font-weight: 300;
    }

    .clipped-video2{

        height: 330px;
    }

    #play-video2 img {
        width: 100px;
        height: auto;

        top: 25%;
    }

    
    #play-video2  {
        top: 40%;
    }

    #play-video  {
        top: 50%;
    }

    .info-content-connection{
        flex-direction: column;
        align-items: center;
    }

    .container-flex{
        gap: 1rem;
    }


    section{
        padding: 0rem 0rem 2rem 0rem;
    }
    #play-video img{
        width: 100px;
        height: auto;
    }

    nav{
        height: 100px;
        min-height: 10px;
        background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(15px);
    }

    .navbar-contact{
        display: none;
    }

    .navbar-button{
        background-color: transparent;
        border: none;
    }

    .menu-hamburguesa{
        display: flex;
        align-items: center;
        justify-content: end;
        width: 30%;
        height: auto;
    }

    .navbar-content-first-div-child{
        min-width: auto;
        width: 70%;
        justify-content: start;
    }

    .hero-top{
        justify-content: end;
    }

    .hero-div-p{
        width: 90%;
    }

    .hero-div-p p{

color: rgba(240, 253, 255, 0.59);
    }

    .hero-down{
        justify-content: start;
        margin-top: 1rem;
    }

    .hero-logo{
        display: none;
    }

    .borders-laterales-hero{
        width: 35%;
        z-index: 3;
    }


    .alto-izq{
        top: 7.5%; 
        left: 2.75%;
    }
    
    .alto-der{
        top: 7.5%; 
        right:  2.75%;
    }
    
    .bajo-izq{
        bottom: 3.5%; 
        left: 2.75%;
    }

    .mobile-column{
        flex-direction: column;
    }

    .text-flex-div1-h3 h3{
        width: 95%;
    }

    .text-flex a{
        width: 100%;
        
    }

    .desktop-cta{
        display: none;
    }

    body{
        width: 100vw;
        overflow-x: hidden;
    }

    .clipped-video {
       height: 280px;
    }

    .mobile-cta{
        display: block;
    }

    .text-flex a img{
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-flex-div1 p{
        width: 100%;
    }

    .video-flex{
        width: 90%;
    }

    .text-flex{
        width: 90%;
    }


    .mobile-column-reverse{
        flex-direction: column-reverse;
    }

    .h3-weMake h3{
        transform: rotate(0deg);
        text-align: start;
        width: 100%;
    }

    .weMake{
        height: fit-content;
    }

    #slide-customers{
        height: 550px;
    }

    .h3-weMake{
        width: 90%;
        height: 20%;
        min-height: 120px;    
    }

    .single-article-weMake img{
        width: 100%;
    }

    .single-article-weMake div {

        width: 100%;
    }

    .article-reverse{
        flex-direction: column;
    }

    .articles-weMake{
        flex-direction: column-reverse;
        width: 90%;
    }
    
    .post-hero img{
        width: 60px;
    }
    
    .bajo-der{
        bottom: 3.5%; 
        right:  2.75%;
    }

    .navbar-content-first-div-child img{
        display: block;
        width: auto;
        height: 50%;
    }

    .navbar-content-first-div-child ul{
        display: none;
    }

    .h3-3{
        width: 100%;
    }
}

@media screen and (min-width:481px) and (max-width:560px) {
    .clipped-video {
        clip-path: path('M0 236.893266375V85.8764930688C0 80.62390231445 1.92449662784 76.33739938455 5.40948878578 71.6272107905L61.648014745 8.22856074954C65.7232488541 3.63575784455 71.57130308575 1.006528875 77.71014195405 1.006528875H428.1102815C438.9409366245 1.006528875 448.5219975 10.62014109744 448.5219975 22.479145875V216.554017467C448.5219975 228.413022245 438.9409366245 238.026634467 428.1102815 238.026634467H317.731641505C311.9897106825 238.026634467 307.4375161155 239.555496457 303.955710542 242.382881168L290.7741136 253.9819677C286.943245993 256.7123524875 282.491051426 257.337285775 276.7491206045 257.337285775H21.472616C10.64196082 257.337285775 0 247.7236735525 0 236.893266375Z');
    }
    
    .custom-shape {
        clip-path: path('M0 256.839313781875V84.5117909416C0 81.8336403348475 0.947317012953125 79.240506984815 2.67434045705675 77.1949541462555C64.2897967167225 4.1709385641425 70.3720638823125 0.141821150625 74.26763390973575 0.141821150625H435.816395870625C443.391614779575 0.141821150625 449.9512210325 5.221563637875 449.9512210325 11.487513200625V236.645126304625C449.9512210325 242.911075867375 443.391614779575 247.990818354625 435.816395870625 247.990818354625H309.10550388875C305.205991735625 247.990818354625 301.38526185625 248.86379654125 298.6329073440625 250.462772176125L278.9368965535625 267.871174203175C276.184542041375 269.47014983805 272.363812162 270.343128024675 268.464299999875 270.343128024675H11.34569205C3.77047314105 270.343128024675 0 264.263385537425 0 256.839313781875Z');
        height: 280px;
    }

    .clipped-video2 {
        clip-path: path('M0 234.967205V85.549186272C0 81.080411158 1.9171855294 75.967449202 5.387804952 72.48909074L61.414942534 8.1949579492C65.472428538 3.620806189 71.29834173 1.002705 77.415911782 1.002705H426.48486C438.29599978 1.002705 448.8759 10.807500055 448.8759 22.903595V215.72917928C448.8759 227.82527433 438.29599978 237.630069385 426.48486 237.630069385H316.52455532C311.7624421 237.630069385 306.19227562 240.30587628 302.60737848 243.822482472L288.4479354 253.1426777C283.67569984 256.659283892 278.00527236 259.335090787 271.34243464 259.335090787H21.39004C9.57890022 259.335090787 0 249.530295732 0 234.967205Z');
    }
}

@media screen and (min-width:561px) and (max-width:660px) {
   
    .clipped-video {
        clip-path: path('M0 278.292089625V100.8840367216C0 94.71351631115 2.26081642688 89.67791578185 6.3548363406 84.1445874335L72.421454215 9.6665616565C77.2088651587 4.27113200185 84.0789094505 1.182427125 92.39172986835 1.182427125H502.9256705C515.6490614715 1.182427125 527.9044825 12.4760881432 527.9044825 26.407539125V254.398408869C527.9044825 268.3298598505 515.6490614715 279.623520869 502.9256705 279.623520869H373.2575594385C366.5121844175 279.623520869 361.1644606735 281.419563799 356.074183994 284.741054576L341.589007287 297.1912339C336.998143351 300.512724677 331.858419607 302.308767607 325.113044586 302.308767607H25.225112C12.5017209385 302.308767607 0 290.9152986125 0 278.292089625Z');
    }
    
    .custom-shape {
        clip-path: path('M0 276.13817933401687V90.8431910172195C0 88.04841036006688 1.01834629011875 85.52688476785706 2.8735522464441 83.07370371172993C69.11302872649544 4.48443484621269 75.64496770498437 0.15220423642187 79.83644835497092 0.15220423642187H468.4836630134219C476.81896335155813 0.15220423642187 483.6425721911249 5.61493790166172 483.6425721911249 12.34807846567188V254.54300677745468C483.6425721911249 261.27614734146487 476.81896335155813 266.73888100670475 468.4836630134219 266.73888100670475H333.9785639613999C329.5964428301791 266.73888100670475 325.4896584984375 267.4975730863437 322.02112440507815 269.2222125820781L300.8488969689615 287.9960120916406C297.3803628756022 289.720651587375 293.2735785438606 290.47934366701406 288.89145741263975 290.47934366701406H12.19709495140625C3.86179461326999 290.47934366701406 0 283.99462817117187 0 276.13817933401687Z');
        height: 320px;
    }

    .clipped-video2 {
        clip-path: path('M0 279.90072935V101.504524798C0 96.08365118506 2.27474970006 89.74539297854 6.39376749264 86.0086580518L72.8691274498 9.7233562716C77.683354606 4.29610471356 84.5958279111 1.18971435 92.85545513474 1.18971435H506.0251702C518.3781448846 1.18971435 531.405743 12.82426227885 531.405743 27.17522665V255.9649049496C531.405743 270.315869321 518.3781448846 281.95041725 506.0251702 281.95041725H375.458482007C370.652904474 281.95041725 363.298620949 285.1230876396 358.7322591714 289.2087104016L342.2436886528 300.355015939C336.9932605948 304.440638701 331.5831916878 307.614647091 324.422290416 307.614647091H25.3805728C11.9165972376 307.614647091 0 296.210460305 0 279.90072935Z');
    }
}

@media screen and (min-width:661px) and (max-width:767px) {
   
    .clipped-video {
        clip-path: path('M0 278.292089625V100.8840367216C0 94.71351631115 2.26081642688 89.67791578185 6.3548363406 84.1445874335L72.421454215 9.6665616565C77.2088651587 4.27113200185 84.0789094505 1.182427125 92.39172986835 1.182427125H502.9256705C515.6490614715 1.182427125 527.9044825 12.4760881432 527.9044825 26.407539125V254.398408869C527.9044825 268.3298598505 515.6490614715 279.623520869 502.9256705 279.623520869H373.2575594385C366.5121844175 279.623520869 361.1644606735 281.419563799 356.074183994 284.741054576L341.589007287 297.1912339C336.998143351 300.512724677 331.858419607 302.308767607 325.113044586 302.308767607H25.225112C12.5017209385 302.308767607 0 290.9152986125 0 278.292089625Z');
    }
    
    .custom-shape {
        clip-path: path('M0 292.7064890940579V96.2937824782526C0 93.33131598127112 1.07944706652588 90.6584983919285 3.04596538127175 88.05812693443773C73.25881045008517 4.75150093798545 80.18366538628345 0.161336490606185 84.52663525626974 0.161336490606185H496.5926837942261C505.42710115265215 0.161336490606185 512.6611265225924 5.95183417576143 512.6611265225924 13.1099631736122V270.81558718410195C512.6611265225924 277.97371618195273 505.42710115265215 283.76421386791297 496.5926837942261 283.76421386791297H353.01727779908387C348.3722294003899 283.76421386791297 343.0180380083437 284.5474273715235 339.3423918693825 286.4355453363498L316.89983078609924 306.2757728181381C313.224184647138 308.16389078296443 307.86999325509183 308.94710428661995 303.22494485639785 308.94710428661995H12.929920648490625C4.0955032900645 308.94710428661995 0 302.05307588037474 0 292.7064890940579Z');
        height: 350px;
    }

    .clipped-video2 {
        clip-path: path('M0 279.90072935V101.504524798C0 96.08365118506 2.27474970006 89.74539297854 6.39376749264 86.0086580518L72.8691274498 9.7233562716C77.683354606 4.29610471356 84.5958279111 1.18971435 92.85545513474 1.18971435H506.0251702C518.3781448846 1.18971435 531.405743 12.82426227885 531.405743 27.17522665V255.9649049496C531.405743 270.315869321 518.3781448846 281.95041725 506.0251702 281.95041725H375.458482007C370.652904474 281.95041725 363.298620949 285.1230876396 358.7322591714 289.2087104016L342.2436886528 300.355015939C336.9932605948 304.440638701 331.5831916878 307.614647091 324.422290416 307.614647091H25.3805728C11.9165972376 307.614647091 0 296.210460305 0 279.90072935Z');
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .navbar-content{
        clip-path: none;
        background-color: transparent;
        backdrop-filter: blur(0px);
        max-width: 100%;
        width: 100%;
        padding: 0px 60px;
    }

        
    .modal-video div{
        width: 90%;
        height: 450px;
        border-radius: 10px;
    }
    
    .modal-video video{
        width: 98%;
        height: 97%;
        border-radius: 10px;
    }

    .btn-add{
        padding-top: 2rem;
    }
    
.imagenes-fit img{
    height: 450px;
    width: auto;
}

     
.video-section-div{
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 6rem;
}

.gap-brand{
    padding-bottom: 4rem;
    gap: 2rem;
}

.brand-title-div h6{
    width: 95%;
}

.brand-title{
    width: 100%;
    position: relative;
}

.brand-title img{
    width: auto;
    max-width: 100%;
    height: 300px;
}


    .float-div{
        z-index: -9;
    }


    .line-bg-violet3{
        width: 330px;
        bottom: -10%;
            }

    .div-video-div p{
        margin-top: 0rem;
    }

    .about-10-div{
        height: 180px;
    }

    .about-10-div img{
        width: 250px;
    }

    .ctas{
        gap: .5rem;
        width: 100%;
       flex-direction: column; 
    }

    .sty-h6 h5{
        text-align: center !important;
    }

    .h-fit-mobile{
    min-height: 800px !important;
    }

    .div-animation-3 img{
        max-width: 300px;
    }

    .list-process{
        gap: 1.5rem;
    }

    .pd-b{
        align-items: start;
    }

    .about-10 h5{
        width: 100%;
        text-align: start;
        color: rgba(255, 255, 255, 0.60);
    }

    .about-10 h4{
        line-height: 110%;
    }

    .ctas{
        padding-top: 0rem;
    }

    .about-10 h6{
        width: 75%;
    }

    .about-10 h2{
        width: 90%;
        line-height: 120%;
    }

    .pd-b2{
        padding-top:3rem !important;
    }

    .pd-b3{
        padding-top: 6rem !important;
    }

    .videos-films{
        gap: 2rem;
    }

    .list-process-div{
        width: 100%;
    }

    .about-3 h1{
        color: rgba(255, 255, 255, 0.60);
        width: 100%;
    }
    
    .w-60{
        width: 100%;
        height: 500px;
    }
    
    .w-60 img{
        width: 100%;
        height: 85%;
    }
    
    .w-30 img{
        width: 100%;
        height: 85%;
    }
    
    .w-30{
        width: 100%;
        height: 500px;
    }

    .direction-column2{
        flex-direction: column;
    }

    .div-video-div{
        height: fit-content;
    }

    .custom-shape{
        width: 90%;
        height: 510px;
 }

    .div-video-div{
        width: 90%;
    }

    .about-9 {
        width: 100%;
    }

    .pd-t{
        padding-top: 0rem;
    }

        
.pd-t2{
    padding-top: 0rem;
}


    .div-inputs{
        gap: 1rem;
    }

    .div-formulario{
        border-radius: 20px;
border: 0.945px solid rgba(255, 255, 255, 0.07);
background: rgba(0, 0, 0, 0.10);
box-shadow: 0px 47.262px 94.523px 0px rgba(255, 255, 255, 0.15) inset, 0px 4.726px 9.452px 0px rgba(0, 0, 0, 0.05), 0px 14.178px 28.357px 0px rgba(0, 0, 0, 0.05), 0px 28.357px 56.714px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(15.888577461242676px);
height: 1020px;
    }

    .section-interna6{
        padding-bottom: 5rem;
    }

    .custom-select {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .custom-select select {
        width: 100%;
        border-radius: 12px;
border: 0.794px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
box-shadow: 0px 0.794px 0px 0px rgba(0, 0, 0, 0.05), 0px 3.178px 3.178px 0px rgba(0, 0, 0, 0.05), 0px 7.944px 7.944px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(7.944288730621338px);
        padding: 12px 40px 12px 16px; /* Padding ajustado para el texto y la flecha */
        appearance: none; /* Eliminamos el estilo por defecto */
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 55px;
        color: #8F97AA; /* Color del texto */
        border-radius: 5px; /* Bordes redondeados */
        font-size: 14px; /* Tamaño de la fuente */
        outline: none; /* Eliminamos el contorno por defecto */
        cursor: pointer;
    }
    
    .custom-select::after {
        content: '▼'; /* Flecha hacia abajo */
        position: absolute;
        top: 50%;
        right: 16px; /* Espacio de la flecha */
        transform: translateY(-50%);
        color: #8F97AA; /* Color de la flecha */
        pointer-events: none; /* Evitamos que se pueda interactuar con la flecha */
        font-size: 12px; /* Tamaño de la flecha */
    }
    
    .custom-select select:hover, .custom-select select:focus {
        background-color: #2A3A4D; /* Color de fondo al hacer hover o focus */
    }

    .input-form textarea{
        height: 150px;
    }

    .div-inputs button img{
        width: 100%;
    }

    .formulario{
        gap: 1rem;
        height: 92.5%;
        width: 85%;
    }

    .w-50{
        width: 100%;
    }

    .input-form{
        gap: 1rem;
    }

    .input-form input{
        height: 55px;
    }

    .info-contact p{
        width: 100%;
    }

    .info-contact{
        height: 500px;
    }

    .img-bg{
        position: absolute;
        top: 0%;
        width: 100vw;
        min-height: 450px;
    }
    

    #services-offer{
        height: fit-content;
        padding-bottom: 6rem;
    }

    .div-about{
        width: 100%;
    }

    .div-about2{
        width: 100%;
    }

    .about-7{
        flex-direction: column;
    }

    .img-flex2 {
        width: 100%;
        height: auto;
    }


    .img-flex3 {
        width: 100%;
        height: auto;
    }

    .img-flex3 img{
        width: 100%;
    }


    .text-flex-about2{
        width: 100%;
    }

    .img-flex2 img{
        width: 100%;
    }

    .about-5{
        flex-direction: column;
    }

    .article-new{
        flex-direction: column;
    }

    .article-img{
        width: 100%;
    }

    .article-texts h5{
        width: 100%;
    }

    .news-older{
        bottom: -4.5%;
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }

.news-older svg{
    transform: rotate(90deg);
}

    .article-texts{
        width: 100%;
        gap: .5rem;
    }


    .line-bg-violet4{
        bottom: 5%;
    }

    .line-bg-violet7{
        width: 300px;
        bottom: 73%;
    }
    .section-interna4{
        padding: 3rem 0rem;
    }

    .section-interna5{
        height: fit-content;
    }

    
    .section-interna8{
        height: fit-content;
    }


    .list-article{
        gap: 2rem;
    }

    .article-blog{
        width: 100%;
    }


    #footer-internas{
        height: 940px;
    }

    .about-2{
        gap: 2rem;
    }

    .about-5{
        gap: 2rem;
    }

    .text-flex-div3-h3 h3{
        width: 100%;
    }

    .text-flex-div3 p{
        width: 100%;
    }

    .source-desktop{
        display: none;
    }

    .team img{
        height: 50% !important;
        border-radius: 20px;
        left: 50%;
        width: 90%;
        margin-top: .52rem;
        transform: translate(-50%);
    }
    
    .source-mobile{
        display: flex !important;
    }
    

    .source-desktop{
        display: none;
    }
    

    

    .copyright-div-div{
        display: flex;
        gap: 1rem;
        height: 100%;
        align-items: center;
    }

    .workflow-mobile{
        display: block;
        width: 100%;
    }

    .workflow-mobile img{
        display: block;
        width: 100%;
    }

    .workflow-guide{
        display: none;
    }

    
    .info-slide div{
        height: 80%;
    }

    .hero-top{
        width: 92%;
    }

    .hero-down {
        width: 92%;
    }

    .mobile-column{
        gap: 2rem !important;
    }

    .hero-h3 > * {
        overflow: visible !important;
    }

    .info-slide div p{
        
    font-size:10.7px;
    }

    .navbar-button{
        top: -5%;
        position: relative;
    }

    .div-footer-direction{
        width: 95%;
    }

    .container-content3 {
        gap: 4rem;
    }

    .div-title-customers h3{
        text-align: center;
    }

    .div-title-customers h6{
        color: rgba(255, 255, 255, 0.60);
        text-align: center;
    }

    .info-slide div{
        gap: .75rem;
    }



    .borde-1 {
        width: 100%;
        position: absolute;
        height: 2px;
        flex-shrink: 0;
        background: rgba(159, 159, 159, 0.24);
        transform: translate(-50%, 0%);
        top: 0%;
        left: 50%;
    }

    .content-2{
        margin-left: 0%;

    }

    .info-footer-div{
        height: 80%;
    }

    .copyright-div{
        display: none;
    }

    .gap-2{
        gap: 1rem;
    }

    .centered-slide img{
        height: auto;
    }

    footer{
        position: relative;
        
    }

    .div-footer-p{
        width: 95%;
    }

    .bg-black2{
        background-color: #0B1020;
    }

    .section{
        min-height: 100vh;
    }

    .container-content4{
        justify-content: center;
    }

    .div-footer{
        padding: 5% 0%;
    }

    .container-content3{
        width: 90%;
    }

    .div-footer{
        width: 100%;
    }

    .info-footer-div{
        flex-direction: column;

    }

    .img-footer-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .centered-slide img{
        object-fit: cover;
    }

    .container-content{
        gap: 2rem;
    }


    .title-content h6{
        color: rgba(255, 255, 255, 0.60);
    }

    .title-content{
        gap: 1rem;
    }

    .container-content5{
        width: 90%;
        gap: 2rem;
    }

    .container-content{
        width: 90%;
    }

    .info-connection-text p{
        width: 100%;
    }

    .info-connection-video{
        width: 100%;
    }

    #play-video2{
        left: 50%;
    }

    .info-connection-text p{
        font-weight: 300;
    }

    .clipped-video2{

        height: 500px;
    }

    #play-video2 img {
        width: 150px;
        height: auto;

        top: 25%;
    }

    
    #play-video2  {
        top: 40%;
    }

    #play-video  {
        top: 50%;
    }

    .info-content-connection{
        flex-direction: column;
        align-items: center;
    }

    .container-flex{
        gap: 1rem;
    }

    footer{
        min-height: 100vh;
        height: fit-content;
    }


    section{
        padding: 0rem 0rem 2rem 0rem;
    }

    #play-video img{
        width: 150px;
        height: auto;
    }

    nav{
        height: 100px;
        background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(15px);
        min-height: 10px;
    }

    .navbar-contact{
        display: none;
    }

    .navbar-button{
        background-color: transparent;
        border: none;
    }

    .menu-hamburguesa{
        display: flex;
        align-items: center;
        justify-content: end;
        width: 30%;
        height: auto;
    }

    .navbar-content-first-div-child{
        min-width: auto;
        width: 70%;
        justify-content: start;
    }

    .hero-top{
        justify-content: end;
    }

    .hero-div-p{
        width: 90%;
    }

    .hero-div-p p{

color: rgba(240, 253, 255, 0.59);
    }

    .hero-down{
        justify-content: start;
        margin-top: 1rem;
    }

    .hero-logo{
        display: none;
    }

    .borders-laterales-hero{
        width: 35%;
        z-index: 3;
    }


    .alto-izq{
        top: 7.5%; 
        left: 2.75%;
    }
    
    .alto-der{
        top: 7.5%; 
        right:  2.75%;
    }
    
    .bajo-izq{
        bottom: 3.5%; 
        left: 2.75%;
    }

    .mobile-column{
        flex-direction: column;
    }

    .text-flex-div1-h3 h3{
        width: 95%;
    }

    .text-flex a{
        width: 100%;
        
    }

    .desktop-cta{
        display: none;
    }

    body{
        width: 100vw;
        overflow-x: hidden;
    }

    .clipped-video {
       height: 450px;
    }

    .mobile-cta{
        display: block;
    }

    .text-flex a img{
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-flex-div1 p{
        width: 100%;
    }

    .video-flex{
        width: 90%;
    }

    .text-flex{
        width: 90%;
    }


    .mobile-column-reverse{
        flex-direction: column-reverse;
    }

    .h3-weMake h3{
        transform: rotate(0deg);
        text-align: start;
        width: 100%;
    }

    .weMake{
        height: fit-content;
    }

    #slide-customers{
        height: 550px;
    }

    .h3-weMake{
        width: 90%;
        height: 20%;
        min-height: 120px;    
    }

    .single-article-weMake img{
        width: 100%;
    }

    .single-article-weMake div {

        width: 100%;
    }

    .article-reverse{
        flex-direction: column;
    }

    .articles-weMake{
        flex-direction: column-reverse;
        width: 90%;
    }
    
    .post-hero img{
        width: 60px;
    }
    
    .bajo-der{
        bottom: 3.5%; 
        right:  2.75%;
    }

    .navbar-content-first-div-child img{
        display: block;
        width: auto;
        height: 50%;
    }

    .navbar-content-first-div-child ul{
        display: none;
    }

    .h3-3{
        width: 100%;
    }
}


@media screen and (min-width:768px) and (max-width:860px) {
   
    .clipped-video {
        clip-path: path('M0 354.18993225V128.39786565C0 120.5444752041 2.8774027252 114.135411173 8.0880735238 106.892811279C92.17275991 12.3028966537 107.65652859 1.50490725 117.5894743785 1.50490725H640.087217C658.280623055 1.50490725 673.605725 17.178658837 673.605725 40.810179375V323.77978511C673.605725 347.411305648 658.280623055 363.085057235 640.087217 363.085057235H474.955075735C465.469939745 363.085057235 458.32628704 365.606942825 450.386045397 369.829912824L430.0374562385 383.8048305375C424.368936635 388.027800536 418.25421863 390.549686125 409.5736313625 390.549686125H32.104688C13.911281945 390.549686125 0 374.875935539 0 354.18993225Z');
    }

    .custom-shape {
        clip-path: path('M0 354.1748507038101V116.51547679868566C0 112.93089233733807 1.306130950496317 109.6967830542335 3.6856181113388227 106.55033359066966C88.64316064460308 5.749316134962404 97.02223511740298 0.19521715363348352 102.6072286600864 0.19521715363348352H600.8771473910135C611.859392394709 0.19521715363348352 620.7599630923368 7.201719352671326 620.7599630923368 15.863055440070763V327.68686049276335C620.7599630923368 336.34819658016277 611.859392394709 343.35469877920063 600.8771473910135 343.35469877920063H427.1498061368915C420.43039757447174 343.35469877920063 413.95182599009643 344.3023871195442 409.50429416195286 346.58700985698324L383.4487952511801 369.5936851099472C379.00126342303655 371.87830784738626 373.5226918386612 372.8269961877298 366.8032832762414 372.8269961877298H15.645203984673658C4.66295898097821 372.8269961877298 0 363.1689750152944 0 354.1748507038101Z');
        height: 380px;
    }
    
    .clipped-video2 {
        clip-path: path('M0 356.23729225V129.187577017C0 122.28828332644 2.895136741692 114.2211547 8.13752226336 109.4655631952L92.7425258452 12.375181421C98.869723744 6.8281790352 107.667417341 1.5141825 117.106942898 1.5141825H644.0320348C660.55400254 1.5141825 676.334582 16.3217883549 676.334582 36.6113701V325.77351539C676.334582 346.0630971351 660.55400254 361.77342309 644.0320348 361.77342309H478.62924996C472.741624276 361.77342309 465.380062626 365.2652024504 459.0774207636 371.058384918L435.98285751 388.44433834C429.791684576 393.2375208076 423.066645057 396.729300168 414.826903766 396.729300168H32.6445472C16.1225794596 396.729300168 0 382.9216943131 0 356.23729225Z');
    }
}

@media screen and (min-width:861px) and (max-width:950px) {
   
    .clipped-video {
        clip-path: path('M0 389.608925475V141.237652215C0 132.59892272451 3.16514301772 125.5495701223 8.89688087618 117.5820924069L101.390035901 13.53318631907C118.39811495 13.53318631907 130.161942915 11.870847975 129.94842181635 1.655398275H704.095938025C724.1086853605 1.655398275 740.96629755 18.8965247207 740.96629755 44.8911973125V356.15776362C740.96629755 382.1524362113 724.1086853605 399.3935626568 704.095938025 399.3935626568H522.4505833085C512.0169337195 399.3935626568 504.158915744 401.1676371075 495.4246499367 406.8129041064L473.04120186235 422.185313591C466.805830215 426.8285805899 460.079640493 429.203655125 450.5309944985 429.203655125H35.3151568C15.3024094645 429.203655125 0 412.9625286795 0 389.608925475Z');
    }
    
    .custom-shape {
        clip-path: path('M0 407.3010783093816V134.5677983184885C0 130.87052618893878 1.5020505930707654 127.67930051236853 4.238460827039646 123.8388836292691C101.93963474129353 6.611713855158764 111.57557038501342 0.224499726678506 118.00751695909937 0.224499726678506H691.0087194996655C704.1383012539153 0.224499726678506 714.8739575551874 8.281977255572725 714.8739575551874 18.242513756081372V376.8398895666778C714.8739575551874 386.80042606718644 704.1383012539153 394.85790359608066 691.0087194996655 394.85790359608066H490.22227648742526C482.4949572116428 394.85790359608066 474.0395998886109 396.94774518747583 468.73023828624573 399.5750613355307L438.96511453885715 425.03273887643926C433.655752936492 427.66005502449406 425.2003956134601 429.7498966158892 417.4730763376777 429.7498966158892H17.992984582374707C4.86340282812492 429.7498966158892 0 418.6447212675886 0 407.3010783093816Z');
        height: 410px;
    }

    .clipped-video2 {
        clip-path: path('M0 391.861021475V142.1063347187C0 134.517111659084 3.1846504158612 125.64327017 8.951274489696 120.41211951472L101.7767784297 13.612699438C108.7566961184 6.1909969382 118.434159075 1.66560075 128.8176371875 1.66560075H708.43523828C726.609402794 1.66560075 743.9680402 17.95396669039 743.9680402 40.27250712V358.350866929C743.9680402 380.6694073585 726.609402794 396.9576732989 708.43523828 396.9576732989H526.492174956C520.015786703 396.9576732989 512.858068888 400.45472269544 505.9851628409 406.1642234098L479.581143261 427.288772174C473.4708530336 432.9982728882 466.3733095626 436.4953222847 457.3095941425 436.4953222847H35.90880192C17.7346374065 436.4953222847 0 420.2070563443 0 391.861021475Z');
    }
}

@media screen and (min-width:951px) and (max-width:1023px) {
   
    .clipped-video {
        clip-path: path('M0 407.3184210875V147.6575454975C0 138.626146984715 3.30901313398 130.25572384895 9.30128455237 122.92673317185L106.99867369615 13.948330151755C123.3676358785 13.948330151755 139.8050078785 13.2835433375 129.764895935275 1.7306433375H736.1002991875C757.02271651325 1.7306433375 775.64658375 19.75545756255 775.64658375 47.93170678125V372.3457526765C775.64658375 400.52100189525 757.02271651325 418.5458161205 736.1002991875 418.5458161205H546.19833709925C534.29043020675 418.5458161205 522.39999556 423.04566224875 509.94365221315 428.32499644875L494.54267467465 443.1945045675C487.02484980325 448.4738387675 479.54795146875 450.87474284375 469.64367606725 450.87474284375H37.9203912C13.49807343675 450.87474284375 0 432.10707386775 0 407.3184210875Z');
    }

    .custom-shape {
        clip-path: path('M0 447.4978941403197V147.02457815000068C0 143.3435788078326 1.652255652378263 139.9806573870954 4.662306909743245 135.96085999377405C112.1335982154229 7.272885240673747 122.73312742351478 0.2469496993466973 129.80826865437653 0.2469496993466973H760.1095914496313C774.552131379307 0.2469496993466973 786.361353310706 9.110174981130296 786.361353310706 20.06676513168951V414.5238781683453C786.361353310706 425.4804683189046 774.552131379307 434.3436936006886 760.1095914496313 434.3436936006886H538.244504136167C529.7744529324225 434.3436936006886 520.4430511614723 436.64251970649886 515.6032621148704 439.5325674690837L482.86162599274285 466.21187496007314C478.021836946141 469.101922722658 469.6904351751908 471.4007488284683 461.22038397144605 471.4007488284683H19.79228272261265C5.349742792937 471.4007488284683 0 459.3946596053516 0 447.4978941403197Z');
        height: 440px;
    }
    
    .clipped-video2 {
        clip-path: path('M0 409.6738850875V148.56571356955C0 140.631525825406 3.329407252946 132.355327905 9.358150602875 125.88531867448L106.6539047211 14.2314586342C113.7006823056 7.85240589048 123.817529942 1.741509875 134.8629844327 1.741509875H740.63684002C759.637103891 1.741509875 777.1842493 18.769056607135 777.1842493 42.103075615V374.6395426985C777.1842493 398.973561706365 759.637103891 416.0011084385 740.63684002 416.0011084385H550.423620454C543.65226706375 416.0011084385 535.28707222 419.5049828181 527.0836590776 425.1178576613L501.3802851365 447.711325091C495.48467854575 453.3241999342 488.3283053215 456.8280743138 478.5066330035 456.8280743138H37.54122928C17.5409654085 456.8280743138 0 439.800527581665 0 409.6738850875Z');
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .navbar-content{
        clip-path: none;
        background-color: transparent;
        backdrop-filter: blur(0px);
        max-width: 100%;
        width: 100%;
        padding: 0px 90px;
    }

           
    .modal-video div{
        width: 90%;
        height: 600px;
        border-radius: 10px;
    }
    
    .modal-video video{
        width: 98%;
        height: 97%;
        border-radius: 10px;
    }


    .float-div{
        z-index: -9;
    }


    .line-bg-violet3{
        width: 330px;
        bottom: -10%;
            }

    .div-video-div p{
        margin-top: 0rem;
    }

    .about-10-div{
        height: 180px;
    }

    .about-10-div img{
        width: 250px;
    }

    .ctas{
        gap: .5rem;
        width: 100%;
       flex-direction: column; 
    }

    .sty-h6 h5{
        text-align: center !important;
    }

    .h-fit-mobile{
    min-height: 800px !important;
    }

    .div-animation-3 img{
        max-width: 300px;
    }

    .list-process{
        gap: 1.5rem;
    }

    .pd-b{
        align-items: start;
    }

    .about-10 h5{
        width: 100%;
        text-align: start;
        color: rgba(255, 255, 255, 0.60);
    }

    .about-10 h4{
        line-height: 110%;
    }

    .ctas{
        padding-top: 0rem;
    }

    .about-10 h6{
        width: 75%;
    }

    .about-10 h2{
        width: 90%;
        line-height: 120%;
    }

    .pd-b2{
        padding-top:3rem !important;
    }

    .pd-b3{
        padding-top: 6rem !important;
    }

    .videos-films{
        gap: 2rem;
    }

    .list-process-div{
        width: 100%;
    }

    .about-3 h1{
        color: rgba(255, 255, 255, 0.60);
        width: 100%;
    }
        
.w-60{
    width: 100%;
    height: 600px;
}

.w-60 img{
    width: 100%;
    height: 85%;
}

.w-30 img{
    width: 100%;
    height: 85%;
}

.w-30{
    width: 100%;
    height: 600px;
}

    .custom-shape {
        clip-path: path('M0 514.6225782613677V169.07826487250078C0 164.845115628457 1.9000940002340026 160.9787569951597 5.361652946204731 156.35498899284015C128.95363794763633 8.36381802677481 141.143096537042 0.28399215424869285 149.27950995253202 0.28399215424869285H874.126030166076C891.7359510862031 0.28399215424869285 905.3155563073119 10.47670122829984 905.3155563073119 23.076779901442937V477.7004595930971C905.3155563073119 490.3005382662402 891.7359510862031 500.4932473402913 874.126030166076 500.4932473402913H618.9811797565921C609.2406208722864 500.4932473402913 598.5095088356936 503.1388976624737 592.943751437101 506.4624525894461L555.2918698916542 536.1431562040841C549.7261124930616 539.4667111310565 539.9950004564689 542.1123614532389 530.2544415721631 542.1123614532389H22.76112513000515C5.151204209878084 542.1123614532389 0 528.3038575461544 0 514.6225782613677Z');
        height: 570px;
    }

    .about-9 {
        width: 100%;
    }

    .pd-t{
        padding-top: 0rem;
    }

        
.pd-t2{
    padding-top: 0rem;
}


    .div-inputs{
        gap: 1rem;
    }

    .div-formulario{
        border-radius: 20px;
border: 0.945px solid rgba(255, 255, 255, 0.07);
background: rgba(0, 0, 0, 0.10);
box-shadow: 0px 47.262px 94.523px 0px rgba(255, 255, 255, 0.15) inset, 0px 4.726px 9.452px 0px rgba(0, 0, 0, 0.05), 0px 14.178px 28.357px 0px rgba(0, 0, 0, 0.05), 0px 28.357px 56.714px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(15.888577461242676px);
height: 1020px;
    }

    .section-interna6{
        padding-bottom: 5rem;
    }

    .custom-select {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .custom-select select {
        width: 100%;
        border-radius: 12px;
border: 0.794px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 88.89%);
box-shadow: 0px 0.794px 0px 0px rgba(0, 0, 0, 0.05), 0px 3.178px 3.178px 0px rgba(0, 0, 0, 0.05), 0px 7.944px 7.944px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(7.944288730621338px);
        padding: 12px 40px 12px 16px; /* Padding ajustado para el texto y la flecha */
        appearance: none; /* Eliminamos el estilo por defecto */
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 55px;
        color: #8F97AA; /* Color del texto */
        border-radius: 5px; /* Bordes redondeados */
        font-size: 14px; /* Tamaño de la fuente */
        outline: none; /* Eliminamos el contorno por defecto */
        cursor: pointer;
    }
    
    .custom-select::after {
        content: '▼'; /* Flecha hacia abajo */
        position: absolute;
        top: 50%;
        right: 16px; /* Espacio de la flecha */
        transform: translateY(-50%);
        color: #8F97AA; /* Color de la flecha */
        pointer-events: none; /* Evitamos que se pueda interactuar con la flecha */
        font-size: 12px; /* Tamaño de la flecha */
    }
    
    .custom-select select:hover, .custom-select select:focus {
        background-color: #2A3A4D; /* Color de fondo al hacer hover o focus */
    }

    .input-form textarea{
        height: 150px;
    }

    .div-inputs button img{
        width: 100%;
    }

    .formulario{
        gap: 1rem;
        height: 92.5%;
        width: 85%;
    }

    .w-50{
        width: 100%;
    }

    .input-form{
        gap: 1rem;
    }

    .input-form input{
        height: 55px;
    }

    .info-contact p{
        width: 100%;
    }

    .info-contact{
        height: 500px;
    }

    .img-bg{
        position: absolute;
        top: 0%;
        width: 100vw;
        min-height: 450px;
    }
    

    #services-offer{
        height: fit-content;
        padding-bottom: 6rem;
    }

    .div-about{
        width: 100%;
    }

    .div-about2{
        width: 100%;
    }

    .about-7{
        flex-direction: column;
    }

    .img-flex2 {
        width: 100%;
        height: auto;
    }

    
    .img-flex3 {
        width: 100%;
        height: auto;
    }

    .img-flex3 img{
        width: 100%;
    }


    .text-flex-about2{
        width: 100%;
    }

    .img-flex2 img{
        width: 100%;
    }

    .about-5{
        flex-direction: column;
    }


    .article-new{
        flex-direction: column;
    }

    .article-img{
        width: 100%;
    }

    .article-texts h5{
        width: 100%;
    }

    .news-older{
        bottom: -4.5%;
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }

.news-older svg{
    transform: rotate(90deg);
}

    .article-texts{
        width: 100%;
        gap: .5rem;
    }

    .line-bg-violet4{
        bottom: 5%;
    }
    .line-bg-violet7{
        width: 300px;
        bottom: 73%;
    }
    .section-interna4{
        padding: 3rem 0rem;
    }

    .section-interna5{
        height: fit-content;
    }

    
    .section-interna8{
        height: fit-content;
    }


    .list-article{
        gap: 2rem;
    }

    .article-blog{
        width: 100%;
    }

    #footer-internas{
        height: fit-content !important;
    }

    .about-2{
        gap: 2rem;
    }

    .about-5{
        gap: 2rem;
    }

    .text-flex-div3-h3 h3{
        width: 100%;
    }

    .text-flex-div3 p{
        width: 100%;
    }

    .source-desktop{
        display: none;
    }

    .team img{
        height: 50% !important;
        border-radius: 20px;
        left: 50%;
        width: 90%;
        margin-top: .52rem;
        transform: translate(-50%);
    }
    
    .source-mobile{
        display: flex !important;
    }
    

    .workflow-mobile{
        display: block;
        width: 100%;
    }

    .workflow-mobile img{
        display: block;
        width: 100%;
    }

    .workflow-guide{
        display: none;
    }

    .copyright-div-div{
        display: flex;
        gap: 1rem;
        height: 100%;
        align-items: center;
    }

    .clipped-video {
        clip-path: path('M0 468.41618425V169.806177321125C0 159.41906803282225 3.804015104077 149.7940824262925 10.696477235226 141.3657421476275L123.04847475045 16.04057967451825C141.872780330775 16.04057967451825 160.77575906025 15.276074838125 149.229629325615 1.990239738125H846.515343065625C870.5761241381 1.990239738125 892.2135703125 22.7187763569325 892.2135703125 55.121462798625V428.197615578975C892.2135703125 460.6003020206675 870.5761241381 481.3288386395 846.515343065625 481.3288386395H628.128087664625C615.434994737875 481.3288386395 602.759994882 486.5025119860625 588.435199045 492.573745216125L568.72407528185 509.673680252625C560.07857727375 515.7449134826875 551.47914418925 518.5069542703125 539.09022744225 518.5069542703125H43.60845088C15.52278432125 518.5069542703125 0 497.923134247125 0 468.41618425Z');
    }

    
    
    .info-slide div{
        height: 80%;
    }

    .hero-top{
        width: 92%;
    }

    .hero-down {
        width: 92%;
    }



    .mobile-column{
        gap: 2rem !important;
    }

    .hero-h3 > * {
        overflow: visible !important;
    }

    .info-slide div p{
        
    font-size:9px;
    }

    .navbar-button{
        top: -5%;
        position: relative;
    }

    .div-footer-direction{
        width: 95%;
    }

    .container-content3 {
        gap: 4rem;
    }

    .div-title-customers h3{
        text-align: center;
    }

    .div-title-customers h6{
        color: rgba(255, 255, 255, 0.60);
        text-align: center;
    }

    .info-slide div{
        gap: .75rem;
    }



    .borde-1 {
        width: 100%;
        position: absolute;
        height: 2px;
        flex-shrink: 0;
        background: rgba(159, 159, 159, 0.24);
        transform: translate(-50%, 0%);
        top: 0%;
        left: 50%;
    }

    .content-2{
        margin-left: 0%;

    }

    .info-footer-div{
        height: 80%;
    }

    .copyright-div{
        display: none;
    }

    .gap-2{
        gap: 1rem;
    }

    .centered-slide img{
        height: auto;
    }

    footer{
        position: relative;
        
    }

    .div-footer-p{
        width: 95%;
    }

    .bg-black2{
        background-color: #0B1020;
    }

    .section{
        min-height: 100vh;
    }

    .container-content4{
        justify-content: center;
    }

    .div-footer{
        padding: 5% 0%;
    }

    .container-content3{
        width: 90%;
    }

    .div-footer{
        width: 100%;
    }

    .info-footer-div{
        flex-direction: column;

    }

    .img-footer-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .centered-slide img{
        object-fit: cover;
    }

    .container-content{
        gap: 2rem;
    }

    .container-content5{
        gap: 2rem;
    }


    .title-content h6{
        color: rgba(255, 255, 255, 0.60);
    }

    .title-content{
        gap: 1rem;
    }

    .container-content{
        width: 90%;
    }

    .container-content5{
        width: 90%;
    }

    .info-connection-text p{
        width: 100%;
    }

    .info-connection-video{
        width: 100%;
    }

    #play-video2{
        left: 50%;
    }

    .info-connection-text p{
        font-weight: 300;
    }

    .clipped-video2{

        height: 500px;
    }

    #play-video2 img {
        width: 150px;
        height: auto;

        top: 25%;
    }

    
    #play-video2  {
        top: 40%;
    }

    #play-video  {
        top: 50%;
    }

    .info-content-connection{
        flex-direction: column;
        align-items: center;
    }

    .container-flex{
        gap: 1rem;
    }

    footer{
        min-height: 100vh;
        height: fit-content;
    }

    section{
        padding: 0rem 0rem 2rem 0rem;
    }

    #play-video img{
        width: 150px;
        height: auto;
    }

    nav{
        height: 100px;
        background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(15px);
        min-height: 10px;
    }

    .navbar-contact{
        display: none;
    }

    .navbar-button{
        background-color: transparent;
        border: none;
    }

    .menu-hamburguesa{
        display: flex;
        align-items: center;
        justify-content: end;
        width: 30%;
        height: auto;
    }

    .navbar-content-first-div-child{
        min-width: auto;
        width: 70%;
        justify-content: start;
    }

    .hero-top{
        justify-content: end;
    }

    .hero-div-p{
        width: 90%;
    }

    .hero-div-p p{

color: rgba(240, 253, 255, 0.59);
    }

    .hero-down{
        justify-content: start;
        margin-top: 1rem;
    }

    .hero-logo{
        display: none;
    }

    .borders-laterales-hero{
        width: 15%;
        z-index: 3;
    }


    .alto-izq{
        top: 7.5%; 
        left: 2.75%;
    }
    
    .alto-der{
        top: 7.5%; 
        right:  2.75%;
    }
    
    .bajo-izq{
        bottom: 3.5%; 
        left: 2.75%;
    }

    .mobile-column{
        flex-direction: column;
    }

    .text-flex-div1-h3 h3{
        width: 95%;
    }

    .text-flex a{
        width: 100%;
        
    }

    .desktop-cta{
        display: none;
    }

    body{
        width: 100vw;
        overflow-x: hidden;
    }

    .clipped-video {
       height: 550px;
    }

    .mobile-cta{
        display: block;
    }

    .text-flex a img{
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-flex-div1 p{
        width: 100%;
    }

    .video-flex{
        width: 90%;
    }

    .text-flex{
        width: 90%;
    }


    .mobile-column-reverse{
        flex-direction: column-reverse;
    }

    .h3-weMake h3{
        transform: rotate(0deg);
        text-align: start;
        width: 100%;
    }

    .weMake{
        height: fit-content;
    }

    #slide-customers{
        height: 550px;
    }

    .h3-weMake{
        width: 90%;
        height: 20%;
        min-height: 120px;    
    }

    .single-article-weMake img{
        width: 100%;
    }

    .single-article-weMake div {

        width: 100%;
    }

    .article-reverse{
        flex-direction: column;
    }

    .articles-weMake{
        flex-direction: column-reverse;
        width: 90%;
    }
    
    .post-hero img{
        width: 60px;
    }
    
    .bajo-der{
        bottom: 3.5%; 
        right:  2.75%;
    }

    .navbar-content-first-div-child img{
        display: block;
        width: auto;
        height: 50%;
    }

    .navbar-content-first-div-child ul{
        display: none;
    }

    .h3-3{
        width: 100%;
    }
}


@media screen and (min-width:1100px) and (max-width:1279px) {
   
    .clipped-video {
        clip-path: path('M0 468.41618425V169.806177321125C0 159.41906803282225 3.804015104077 149.7940824262925 10.696477235226 141.3657421476275L123.04847475045 16.04057967451825C141.872780330775 16.04057967451825 160.77575906025 15.276074838125 149.229629325615 1.990239738125H846.515343065625C870.5761241381 1.990239738125 892.2135703125 22.7187763569325 892.2135703125 55.121462798625V428.197615578975C892.2135703125 460.6003020206675 870.5761241381 481.3288386395 846.515343065625 481.3288386395H628.128087664625C615.434994737875 481.3288386395 602.759994882 486.5025119860625 588.435199045 492.573745216125L568.72407528185 509.673680252625C560.07857727375 515.7449134826875 551.47914418925 518.5069542703125 539.09022744225 518.5069542703125H43.60845088C15.52278432125 518.5069542703125 0 497.923134247125 0 468.41618425Z');
    }

    .custom-shape {
        clip-path: path('M0 540.3537071744361V177.53217811612582C0 173.08737140987986 1.9950987002452027 169.02769484491767 5.629735593514968 164.17273844248215C135.40131984501815 8.78100892811355 148.20025136389408 0.2981917619611275 156.7434854501586 0.2981917619611275H917.8323316743798C936.3227486405133 0.2981917619611275 951.5813341226775 11.000536289714832 951.5813341226775 24.230618896515084V501.5854821924526C951.5813341226775 514.8155647992528 936.3227486405133 525.5179093270061 917.8323316743798 525.5179093270061H649.9302387444215C639.7026519159008 525.5179093270061 627.4359842774782 528.2958425455973 621.590939008956 531.7855752189183L581.0564633862379 563.9503140142883C575.2114181177157 567.4400466876093 564.983831289195 570.2179799062005 554.7562444606743 570.2179799062005H23.899181386505404C5.408764420371879 570.2179799062005 0 554.7190504238124 0 540.3537071744361Z');
        height: 500px;
    }

    .clipped-video2 {
        clip-path: path('M4.4 379.5V146.9116C4.4 134.1109 9.974943 121.9438 19.67064 113.586L138.0488 10.673938C147.037 3.787938 157.2318 0 167.7786 0H931.7C956.0001 0 975.7 19.69957 975.7 44.00011V347.5978C975.7 371.8992 956.0001 391.5989 931.7 391.5989H687.0787C679.3347 391.5989 671.7271 393.6427 665.0259 397.5235L630.41 417.5743C623.7077 421.4562 616.1012 423.5 608.3561 423.5H48.4C24.09946 423.5 4.4 402.8001 4.4 379.5Z');
    }
}