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

@font-face {
    font-family: "FK Grotesk Neue Trial";
    src: url('fonts/FKGroteskNeueTrial-Medium-BF6576818c3a00a.otf');
}

@font-face {
    font-family: "FK Grotesk Neue Trial2";
    src: url('fonts/FKGroteskNeueTrial-Light-BF6576818c0f3e8.otf');
}

@font-face {
    font-family: "FK Grotesk Neue Trial3";
    src: url('fonts/FKGroteskNeueTrial-Regular-BF6576818c3af74.otf');
}


@font-face {
    font-family: "Aloevera Display";
    src: url('fonts/AloeveraDisplay-Light.ttf');
}


.section-hero{
    height: 150vh;
    display: flex;
    padding-top: 5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

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

.quitado{
left: 100vw;
}

.resto-deinfo1 a svg{
    width: 200px;
    height: auto;
}

.puesto{
    left: 0%; 
}

html{
    scroll-behavior: smooth;
}

nav{
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: fixed;
    z-index: 2;
}


.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5em;
    cursor: pointer; /* Ensure cursor is pointer on entire label */
}

.custom-checkbox input[type="checkbox"] {
    display: none; /* Hide the default checkbox */
}

.checkbox-box {
    width: 25px;
    height: 15px;
    border: 2px solid #333;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    display: inline-block;
}

.checkbox-box::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 2px;
    height: 6px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none; /* Hidden by default */
}

.custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after {
    display: block; /* Show checkmark when checked */
}

.checkbox-label {
    color: #333;
    font-family: "Aloevera Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    text-transform: capitalize;
}

.productos{
    height: 70vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}

.contenedor-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
opacity: 0.4;
background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
}

a,button{
    transition: all .5s ease;
    cursor: pointer;
}

button:hover{
    transform: scale(1.1);
}


a:hover{
    transform: scale(1.1);
}


.video-product{
    width: 100%;
    height: 90%;
    position: relative;
    border-radius: 10px;
}

.video-product video{
    width: 100%;
    
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.nav-container{
    width: 97.5%;
    display: flex;
}

.resto-deinfo1{
    display: flex;
    width: 45%;
    justify-content: start;
    align-items: center;
}

.info-central-contact form{
    height: 80%;
    display: flex;
    gap: 1.5rem;
    padding-top: 1rem;
    width: 90%;
    flex-direction: column;
}

#contact{
    transition: all .5s ease;
}

.resto-deinfo div ul li a:hover{
    opacity: .5;
}


.clipped-div {
    width: 100%;
    height: 1100px; /* Ajusta la altura según tus necesidades */
    background-color: black;
    clip-path: path("M0 87.1304H1352.95C1363.28 87.1304 1373.2 83.1384 1380.65 75.9892L1448.22 11.1412C1455.67 3.99207 1465.59 0 1475.92 0H1920V901.565H597.457C587.043 901.565 577.04 905.626 569.574 912.885L517.731 963.288C510.264 970.548 500.261 974.609 489.847 974.609H0V87.1304Z");
    /* Ajusta escala o posición según sea necesario */
}



      /* 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 */
      }

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

.label-input{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.label-input div{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-central-contact form p{
    resize: none;
    color: #021F42;
font-family: "FK Grotesk Neue Trial2";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 122%; /* 26.84px */
text-transform: capitalize;
}

 textarea{
    resize: none;
    color: #021F42;
font-family: "Aloevera Display";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 122%; /* 26.84px */
text-transform: capitalize;
outline: none;
border: none;
background-color: transparent;
height: 140px;
}

.info-central-contact form button{
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: end;
    font-family: "Aloevera Display";
font-size: 24px;
font-style: normal;
font-weight: 400;
border: none;
line-height: 122%; /* 29.28px */
text-transform: capitalize;
background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.section-terms{
    height: fit-content;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-top: 8rem;
}

.section-terms section{
    width: 95%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-terms section h2{
    color: var(--Color1, #021F42);
    font-family: "Aloevera Display";
font-size: clamp(20px,2vw,2.45rem);
font-style: normal;
font-weight: 700;
width: 90%;
line-height: 122%; /* 46.36px */
text-transform: capitalize;
}

.section-terms section p{
    color: #858789;
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(20px,1vw,1rem);
font-style: normal;
font-weight: 300;
width: 95%;
line-height: 121.797%; /* 15.168px */
list-style: none;
text-transform: capitalize;
}


.section-terms section li{
    color: #858789;
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(20px,1.15vw,1.15rem);
font-style: normal;
font-weight: 300;
line-height: 94.797%; /* 15.168px */
list-style: none;
text-transform: capitalize;
}


.custom-select {
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    background: #F6F6F6;
    padding: 5px 2.5px;
    border-radius: 5px;
    font-size: 16px;    color: var(--Color1, #021F42);
    font-family: "Aloevera Display";
    font-weight: 700px;
    cursor: pointer;
    position: relative;
}

.select-value {
    margin-right: 5px;
}

.select-arrow {
    font-size: 12px;
    color: #0d1c3f; /* Color de la flecha */
}

.custom-select select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.label-input label{
    color: var(--Color1, #021F42);
font-family: "Aloevera Display";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 21.96px */
text-transform: capitalize;
}

.label-input input::placeholder{
    color: var(--Color1, #021F42);
font-family: "Aloevera Display";
font-size: 18px;
font-style: normal;
width: 100%;
font-weight: 700;
line-height: 122%; /* 21.96px */
text-transform: capitalize;
}

.label-input input{
    color: var(--Color1, #021F42);
font-family: "Aloevera Display";
font-size: 18px;
padding-bottom: .34rem;
width: 100%;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 21.96px */
text-transform: capitalize;
outline: none;
border: none;
background-color: #f3f5f5;
border-bottom: 1px solid #DADADA;
}


.info-central-contact{
    background-color: #f3f5f5;
    height: 80vh;
    border-radius: 20px;
    width: 25%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info-central-contact h2{
    color: var(--Color1, #021F42);
    font-family: "Aloevera Display";
font-size: clamp(20px,2vw,2.45rem);
font-style: normal;
font-weight: 700;
width: 90%;
line-height: 122%; /* 46.36px */
text-transform: capitalize;
}

.cierre-modal{
    position: absolute;
    right: 2.5%;
    top: 2.5%;
    background-color: transparent;
    border: none;
}

.contenedor-contact{
    width: 100%;
    height: 100vh;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(276deg, rgba(2, 31, 66, 0.50) 0%, rgba(5, 80, 168, 0.50) 100%);
    backdrop-filter: blur(10px);
    z-index: 3;
}

.resto-deinfo{
    display: flex;
    width: 60%;
    justify-content: start;
    align-items: center;
}

.resto-deinfo div{
    display: flex;
    justify-content: start;
    width: 70%;
}

.resto-deinfo div ul{
    display: flex;
    gap: 4rem;
    justify-content: start;
    width: 100%;
}

.resto-deinfo div ul li{
    color: #021F42;
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(20px,1.15vw,1.15rem);
font-style: normal;
font-weight: 600;
line-height: 94.797%; /* 15.168px */
list-style: none;
text-transform: capitalize;
}

.resto-deinfo div ul li a{
    color: #021F42;
    text-decoration: none;
}

.productos2{
    min-height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: start;
    display: flex;
    padding-bottom: 2.5rem;
}

.contenedor-de-categorias{
width: 12.5%;
height: 95%;
display: flex;
gap: 2rem;
flex-direction: column;
align-items: center;
}

.img-video{
    position: absolute;
    top: 50%;
    left: 40%;
    z-index: 3;
    transform: translate(-50%,-50%);
}

.contenedor-de-categorias ul li{
    width: 100%;
    height: 40px;
    display: flex;
    background: #F4F4F4;
    cursor: pointer;
    padding: .25rem 1.5rem;
    list-style: none;
    align-items: center;
    justify-content: start;
}

.categoria-activa{
    background-color: #021F42 !important;
    color: #FFF !important;
}

.contenedor-de-categorias ul li{
    color: #021F42;
font-family: "FK Grotesk Neue Trial3";
font-size: clamp(14px,1.1vw,1.1rem);
font-style: normal;
font-weight: 300;
line-height: 94.797%; /* 17.063px */
text-transform: capitalize;
}

.contenedor-de-categorias ul{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.contenedor-de-productos{
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}


#objectList{
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 2rem;
}

#objectList li{
    width: 48%;
    display: flex;
    height: 200px;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 0.683px solid #AFAFAF;
}

.div-img{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.div-textos{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.div-textos h2{
    color: #021F42;
font-family: "FK Grotesk Neue Trial";
font-size: clamp(22px,3vw,3rem);
font-style: normal;
font-weight: 700;
line-height: 94.797%; /* 36.277px */
text-transform: capitalize;
}

.div-textos p{
    color: #021F42;
font-family: "FK Grotesk Neue Trial3";
font-size: clamp(14px,1.1vw,1.3rem);
font-style: normal;
font-weight: 400;
line-height: 94.797%; /* 14.252px */
text-transform: capitalize;
}

#objectList li div img{
    width: auto;
    object-fit: cover;
    height: 50%;
    max-height: 150px;
}

.contenedor-de-categorias h2{
    color: #021F42;
font-family: "FK Grotesk Neue Trial";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 94.797%; /* 26.543px */
text-transform: capitalize;
}

h1{
    color: var(--Color1, #021F42);
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(38px,6.6vw,6.6rem);
font-style: normal;
width: 95%;
height: 29.5%;
font-weight: 550;
line-height: 112%; /* 107.52px */
text-transform: capitalize;
}

.abs-circle{
    position: absolute;
    right: 0%;
    top: 7.5%;
}

.clipped-div video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info-video33{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2.5rem;
    width: 100vw;
    height: 75%;
}

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

h1 span{
    position: relative;
 
    color: var(--Color1, #FFF);
    padding: 0rem 1rem;
    margin-right: 1rem;
}

h1 span div{
    position: absolute;
    top: 0%;
    left:-2.5%;
    z-index: -1;
    border-radius: 105.727px;
border: 4px solid rgba(255, 255, 255, 0.25);
background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
    width: 100%;
    height: 95%;
}

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

.no-mb{
    display: flex;

}

.no-desk{
    display: none !important;
}

footer{
    height: 60vh;
    min-height: 600px;
    max-height: 1050px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.div-info-footer{
    width: 97.5%;
    border-radius: 40px;
    background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
    height: 90%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.titulo-texto2{
    height: 25vh;
    display: flex;
    align-items: start;
    gap: 2.5rem;
    justify-content: center;
    min-height: 250px;
    max-height: 550px;
}

.info-nmumero{
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
}

.title-service{
    display: flex;
    align-items: center;
    width: 80%;
    gap: 1.5rem;
}

.title-service h2{
    color: #E3E9ED;
font-family: "FK Grotesk Neue Trial";

font-size: clamp(60px,12.0vw,12.0rem);
font-style: normal;
font-weight: 900;
line-height: 94.797%; /* 222.457px */
text-transform: capitalize;
}


.info-imagen2 img{
    position: absolute;
    right: -20%;
    bottom: -50%;
    width: 140%;
    height: auto;
    transform: rotate(70deg);
}

.title-service p{
    color: #021F42;
font-family: "FK Grotesk Neue Trial";

font-size: clamp(13px,1.4vw,1.4rem);
font-style: normal;
font-weight: 500;
line-height: 100.797%; /* 36.023px */
text-transform: capitalize;
}

.title-serviceh3{
    color: var(--Color1, #021F42);
    font-family: "FK Grotesk Neue Trial";
    font-size: clamp(60px,12.0vw,12.0rem);
    font-style: normal;
    font-weight: 900;
    line-height: 94.797%; /* 222.457px */
    text-transform: uppercase;
}

.title-servicep{
    color: #858789;
    font-family: "FK Grotesk Neue Trial2";
    font-size: clamp(14px,1.7vw,1.7rem);
    font-style: normal;
    width: 95%;
    font-weight: 400;
    line-height: 140%; /* 36.782px */
}

.services{
    height: 120vh;
    display: flex;
    justify-content: center;
    width: 100%;
}

.info-textos{
    height: 100%;
    width: 57.5%;

}

.info-imagen2{
    width: 37.5%;
    height: 100%;
    position: relative;
}

.info-haader{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%;
    width: 100vw;
}

.info-paso{
    border-radius: 10px;
    border: 1px solid #DCE8ED;
    background: #FAFBFB;
    width: 31%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
    height: 80%;
    padding-bottom: 1rem;
}

.info-paso img{
    height: 60%;

}

.info-paso div{
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: start;
    width: 60%;

}

.info-paso div h2{
    color: var(--Color1, #021F42);
text-align: center;
font-family: "FK Grotesk Neue Trial";

font-size: clamp(34px,4.0vw,4.0rem);
font-style: normal;
font-weight: 700;
line-height: 94.797%; /* 56.55px */
text-transform: uppercase;
opacity: 0.2;
}

.info-paso div h3{
    color: var(--Color1, #021F42);
text-align: center;
font-family: "FK Grotesk Neue Trial";

font-size: clamp(13px,1.1vw,1.1rem);
font-style: normal;
font-weight: 500;
line-height: 94.797%; /* 24.906px */
text-transform: uppercase;
}

.info-paso p{
    color: #858789;
text-align: center;
font-family: "FK Grotesk Neue Trial2";

font-size: clamp(20px,1.5vw,1.5rem);
width: 70%;
display: flex;
align-items: start;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 36.782px */
}


.titulo-texto{
    height: 35vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    min-height: 250px;
    max-height: 550px;
}

.titulo-texto h3{
    color: var(--Color1, #021F42);
font-family: "FK Grotesk Neue Trial";
font-size: clamp(60px,12vw,12rem);
font-style: normal;
font-weight: 900;
line-height: 74.797%; /* 58.774px */
text-transform: uppercase;
}

.titulo-texto p{
    color: #021F42;
    font-family: "FK Grotesk Neue Trial";
    font-size: clamp(17px,1.8vw,1.8rem);
    font-style: normal;
    font-weight: 500;
    width: 25%;
    line-height: 94.797%; /* 12.324px */
    text-transform: capitalize;
}

.info-prod{
    height: 70vh;
    width: 100%;
    overflow: hidden;
}

.info-info{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    width: 40%;
    align-items: center;
    height: 90%;
}

.info-info2{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    width: 90%;
    align-items: start;
    height: 100%;
}

#prod1{
    border-top: 1px solid black;
}

#prod2{
    border: 1px solid black;
}

#prod3{
    margin-bottom: 5rem;
    
    border-bottom: 1px solid black;
}

.info-info h2{
    color: #021F42;
font-family: "FK Grotesk Neue Trial";
font-size: clamp(30px,4vw,4rem);
font-style: normal;
font-weight: 500;
width: 100%;
line-height: 94.797%; /* 56.878px */
text-transform: capitalize;
}

.info-info p{
    color: #858789;
    font-family: "FK Grotesk Neue Trial2";
    font-size: clamp(16px,1.65vw,1.65rem);
    font-style: normal;
    font-weight: 300;
    width: 90%;
    line-height: 140%; /* 36.782px */
}

    .swiper {
      width: 100%;
      left: 0%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.slide-div{
    height: 550px;
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.slide-div h3{
    color: var(--Color1, #021F42);
text-align: center;
font-family: "FK Grotesk Neue Trial";
    width: 80%;
font-size: clamp(28px,4.5vw,4.5rem);
font-style: normal;
font-weight: 900;
line-height: 120%; /* 68.254px */
text-transform: capitalize;
}

.swiper-slide{
    height: 90% !important;
}


.slide-div h5{
    color: #021F42;
    font-family: "FK Grotesk Neue Trial";

    font-size: clamp(24px,2vw,2rem);
    font-style: normal;
    font-weight: 500;
    line-height: 94.797%; /* 26.543px */
    text-transform: capitalize;
}

    .swiper-slide {
      display: flex !important;
      width: 100%;border-radius: 10px;
      border: 1px solid #DCE8ED;
      background: #FAFBFB;
      justify-content: center !important;
      align-items: center !important ;
      height: 70% !important;
      min-height: 150px;
      max-height: 250px;
      object-fit: cover;
    }

    .swiper-slide img{
        width: 50%;
        object-fit: contain;
        height: 100px !important;
    }

.title-and-button{
    width: 95%;
    display: flex;
    height: 30%;
    align-items: center;
    justify-content: space-between;

}

.title-and-button h2{
    color: #FFF;
font-family: "FK Grotesk Neue Trial";
font-size: clamp(42px,5.5vw,5.5rem);
font-style: normal;
font-weight: 900;
width: 100%;
line-height: 94.797%; /* 85.317px */
text-transform: capitalize;
}

.anchor-2 {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: start;
    position: relative;
    
}

.anchor-2 span{
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    position: relative;
    border-radius: 105.727px;
    border: 2.115px solid rgba(255, 255, 255, 0.25);

    background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
    color: #FFF;
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(16px,1.4vw,1.4rem);
min-width: 145px;
width: 12rem;
left: -15px;
height: 55px;
border-radius: 100px;
font-style: normal;
font-weight: 400;
line-height: 94.797%; /* 22.751px */
text-transform: capitalize;
}

.anchor-2 svg{
    position: relative;
    z-index: 2;
    height: 45px;
}


.anchor-3 {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: end;
    flex-grow: 1;
    width: 40%;
    position: relative;
    
}

.anchor-3 span{
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    position: relative;
    border-radius: 105.727px;
    border: 2.115px solid rgba(255, 255, 255, 0.25);

    background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
    color: #FFF;
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(16px,1.4vw,1.4rem);
min-width: 145px;
width: 14rem;
left: 0px;
height: 55px;
border-radius: 100px;
font-style: normal;
font-weight: 400;
line-height: 94.797%; /* 22.751px */
text-transform: capitalize;
}

.anchor-3 svg{
    position: relative;
    z-index: 2;
    height: 45px;
    left: 15px;
}

.other-info-footer{
    flex-grow: .6;
    background-color: #FFF;
    width: 97.5%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    border-radius: 20px;
}

.logo-footer{
    height: 75%;
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: start;
    align-items: start;
}

.info-footer2{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 98%;
    width: 25%;
}

.info-footer2 ul li{
    list-style: none;
    color: var(--Color1, #021F42);
font-family: "FK Grotesk Neue Trial2";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
}

.info-footer2 ul{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-footer2 ul a{

    color: var(--Color1, #021F42);
    text-decoration: none;
}

.row-flex{
    flex-direction: row !important;
}

.info-footer2 h2{
    color: var(--Color1, #021F42);
font-family: "FK Grotesk Neue Trial";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 33.6px */
}

.logo-footer p{
    color: var(--Color1, #021F42);
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(16px,1vw,1rem);
font-style: normal;
width: 75%;
font-weight: 400;
line-height: 140%; /* 25.2px */
}

.info-footer{
    display: flex;
    align-items: center;
    width: 97%;
    height: 70%;
}

.section-about{
    height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 97.5%;
    height: 90%;
    gap: 1.5rem;
}

.container4{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 97.5%;
    height: 80%;
    gap: 2.5rem;
}

.container2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 97.5%;
    height: 90%;
    gap: 4.5rem;
}


.container6{
    display: flex;
    justify-content: center;
    align-items: start;
    width: 97.5%;
    height: 90%;
    gap: 2.5rem;
}


.container5{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90%;
    gap: 2.5rem;
}


.container3{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 97.5%;
    height: 100%;
    gap: 2.5rem;
}

.linea-div{
    position: absolute;
    left: 0%;
    height: 100%;
    width: 1px;
background-color: #000;
}

#prod2 .linea-div{
    left: -.1%;
}

.info-imagen{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 60%;
}

.copyright{
    display: flex;
    justify-content: center;
    align-items: end;
    width: 100%;
    flex-grow: .65;
}

.copyright h2{
    color: var(--Color1, #021F42);
    text-align: center;
    font-family: "FK Grotesk Neue Trial2";
    font-size: clamp(16px,1.1vw,1.1rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.copyright h2 a{
    color: var(--Color1, #021F42);

}

.div-video-about{
    width: 45%;
    height: 100%;
    
}

.div-video-about video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.div-info-about{
    width: 55%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: start;
    justify-content: center;
}


.div-info-about h3{
    color: #E3E9ED;
font-family: "FK Grotesk Neue Trial";
font-size: clamp(42px,5.5vw,5.5rem);
font-style: normal;
font-weight: 900;
line-height: 94.797%; /* 65.021px */
text-transform: capitalize;
width: 100%;
}

.div-info-about h2{
    color:  #021F42;
    width: 100%;
font-family: "FK Grotesk Neue Trial";
font-size: clamp(60px,9.5vw,9.5rem);
font-style: normal;
font-weight: 900;
line-height: 94.797%; /* 65.021px */
text-transform: capitalize;
}


.div-info-about p{
    color: #858789;
    font-family: "FK Grotesk Neue Trial2";
    font-size: clamp(16px,1.7vw,1.7rem);
    font-style: normal;
    font-weight: 300;
    width: 85%;
    line-height: 140%; /* 36.782px */
}

.anchor-1{
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: start;
    position: relative;
    width: 100%;
}

.anchor-1 span{
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    position: relative;
    border-radius: 105.727px;
    border: 2.115px solid rgba(255, 255, 255, 0.25);
    background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
    color: #FFF;
font-family: "FK Grotesk Neue Trial2";
font-size: clamp(16px,1.4vw,1.4rem);
min-width: 145px;
width: 18.5%;
left: -15px;
height: 55px;
border-radius: 100px;
font-style: normal;
font-weight: 400;
line-height: 94.797%; /* 22.751px */
text-transform: capitalize;
}

.anchor-1 svg{
    position: relative;
    z-index: 2;
    height: 45px;
}

@media screen and (min-width:1023px) and (min-height:751px)  and (max-height:850px) {

    .services{
        height: 125vh;
    }

    h1{
        width: 100%;
    }

    .info-video33{
        padding-top: 0rem !important;
    }

    .title-service{
        width: 95%;
    }

    .section-hero{
        height: 1300px;
    }

    .slide-div{
        height: 550px;
    }

    .info-prod{
        height: 80vh;
    }

}

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

    .services{
        height: 900px;
    }

    .section-about{
        height: 850px;
    }

    h1{
        width: 100%;
    }

    .info-video33{
        padding-top: 0rem !important;
    }

    .title-service{
        width: 95%;
    }

    .section-hero{
        height: 1300px;
    }

    .slide-div{
        height: 550px;
    }

    .info-prod{
        height: 85vh;
    }

}

@media screen and (min-width:1280px) and (max-width:1439px) {
    
    .resto-deinfo1{
        width: 30%;
    }

    .info-imagen img{
        width: 75%;
    }

    .titulo-texto2 img{
        width: auto;
        height: 125px;
    }

    .resto-deinfo div ul{
        gap: 2.5rem;
        justify-content: center !important;
    }

    .resto-deinfo{
        width: 100%;
    }

    .clipped-div {
        width: 100%;
        height: 900px; /* Ajuste del alto al 90% de 1100px */
        background-color: black;
        clip-path: path("M0 70.5757H1095.8895C1104.8832 70.5757 1113.192 67.3421 1118.3265 61.5513L1173.0582 9.0244C1178.1927 3.2336 1186.5015 0 1195.4952 0H1555.2V730.2676H483.9395C475.5048 730.2676 467.336 733.5561 461.3544 739.43685L419.158 780.9592C413.1764 786.83995 404.0077 790.1285 394.573 790.1285H0V70.5757Z");
    }

    .info-imagen2 img{
        width: 110%;
    }
    h1{
        width: 100%;
    }

    #prod2 .linea-div{
        left: -.15% !important;
    }
}


@media screen and (min-width:1440px) and (max-width:1599px) {

    .resto-deinfo1{
        width: 30%;
    }

    #prod2 .linea-div{
        left: -.1.12% !important;
    }

    h1{
        width: 100%;
    }

    .title-service{
        width: 100%;
    }
    .resto-deinfo{
        width: 100%;
    }

    .section-hero{
        height: 1300px;
        padding-top: 3rem;
    }

    .info-prod{
        height: 80vh;
    }

    .services{
        height: 1100px;
    }



    .clipped-div{
        height: 1000px;
    }


    
}

@media screen and (min-width:1440px) and (max-width:1599px) {

    .resto-deinfo1{
        width: 30%;
    }

    .info-imagen2 img{
        width: 120%;
    }

    .title-service{
        width: 100%;
    }
    .resto-deinfo{
        width: 100%;
    }

    .section-hero{
        height: 1300px;
        padding-top: 3rem;
    }

    .info-prod{
        height: 90vh;
    }

    .services{
        height: 1100px;
    }



    .clipped-div {
        width: 100%;
        height: 900px; /* Ajuste del alto al 90% de 1100px */
        background-color: black;
        clip-path: path("M0 70.5757H1095.8895C1104.8832 70.5757 1113.192 67.3421 1118.3265 61.5513L1173.0582 9.0244C1178.1927 3.2336 1186.5015 0 1195.4952 0H1555.2V730.2676H483.9395C475.5048 730.2676 467.336 733.5561 461.3544 739.43685L419.158 780.9592C413.1764 786.83995 404.0077 790.1285 394.573 790.1285H0V70.5757Z");
    }

}

@media screen and (min-width:1600px) and (max-width:1919px) {
    .resto-deinfo{
        width: 85%;
    }
    .title-service{
        width: 100%;
    }
    h1{
        width: 100%;
        font-size: 84px;
        height: fit-content;
    }

    .section-hero{
        padding-top: 1rem !important;
    }

    .container4{
        justify-content: space-between;
    }

    .section-hero{
        height: 1300px;
        padding-top: 3rem;
    }

    .info-prod{
        height: 90vh;
    }

    .services{
        height: 1250px;
    }

    .resto-deinfo1{
        width: 40%;
    }

    .clipped-div{
        height: 1000px;
    }

    .info-imagen2 img{
        width: 100%;
    }

}

.no-tablet{
    display: none;
}

@media screen and (min-width:2000px) and (min-height:1100px) {
    h1{
        font-size: 8rem;
        height: 20%;
    }

    .info-imagen2 img{
        bottom: -30%;
    }

    .title-service h2
    {
        font-size: 16rem;
    }

    .info-info h2{
        font-size: 6rem;
    }

    .info-info p{
        font-size: 2rem;
    }

    .section-about{
        height: 950px;
    }

    .anchor-2 svg{
        height: 65px;
    }

    .anchor-2 span{
        width: 19rem;
        height: 75px;
        font-size: 1.8rem;
    }

    .titulo-texto h3{
        font-size: 17.5rem;
    }

    .titulo-texto p{
        font-size: 2.2rem;
    }

    .title-service p{
        font-size: 2rem;
    }

    .titulo-texto2 img{
        height: 260px;
        width: auto;
    }

    .info-paso div h3{
        font-size: 1.75rem;
    }

    .title-servicep{
        font-size: 2rem;
        width: 75%;
    }

    .title-serviceh3{
      
        font-size: 16rem;  
    }

    .services{
        margin-top: -5rem;
    }

    .section-hero{
        padding-top:0rem;
    }

    .resto-deinfo div ul li{
        font-size: 1.7rem;
    }

    .container4{
        gap: 0rem;
    }

    .clipped-div {
        width: 100%;
        height: 1400px;
        background-color: black;
        clip-path: path("M0 119.804H1860.309C1874.51 119.804 1888.15 114.315 1898.391 104.485L1991.297 15.3192C2001.539 5.48899 2015.2 0 2029.4 0H2640V1239.652H821.503C807.185 1239.652 793.43 1245.236 783.165 1255.217L711.88 1324.521C701.614 1334.503 687.859 1340.087 673.541 1340.087H0V119.804Z");
    }
    
}

@media screen and (min-width:1920px) and (max-width:2000px) and (min-height:1000px) {

    .clipped-div {
        width: 100%;
        height: 1400px;
        background-color: black;
        clip-path: path("M0 119.804H1860.309C1874.51 119.804 1888.15 114.315 1898.391 104.485L1991.297 15.3192C2001.539 5.48899 2015.2 0 2029.4 0H2640V1239.652H821.503C807.185 1239.652 793.43 1245.236 783.165 1255.217L711.88 1324.521C701.614 1334.503 687.859 1340.087 673.541 1340.087H0V119.804Z");
    }

    .info-imagen2 img{
        bottom: 0%;
    }
    
}

@media screen and (max-width:1279px){
    .container2{
        flex-direction: column;
    }

    .resto-deinfo1 a svg{
        width: auto;
        height: 45px;
    }
    
    .resto-deinfo1 a img{
        width: auto;
        height: 45px;
    }

    .services{
        margin-top: -4rem;
    }

    .info-footer{
        align-items: start;
    }

    footer{
        align-items: start;
    }

    h1{
        width: 100%;
    }

    .info-video33{
        padding-top: 0rem !important;
    }

    .container6{
        flex-direction: column;
        align-items: center;
    }

    
    .lista-especial{
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;

        height: 100vh;
        background-color: #000000a1;
    }

    #categoryList{
        background-color: #FFF;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 60%;
        border-radius: 20px;
        height: 280px;
        transition: all .6s ease;
        align-items: center;
        justify-content: center;
    }

    #categoryList div{
        width: 80%;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .inactive-list{
        z-index: -10;
        opacity: 0;
    }

    
    .active-list{
        z-index: 7;
        opacity: 1;
    }

    .categoria-activa{
        background-color: transparent !important;
        color: #021F42 !important;
    }

    #categoryList div li{
        list-style: none;
        color: #021F42;
font-family: "FK Grotesk Neue Trial2";
font-size:18.493px;
cursor: pointer;
font-style: normal;
font-weight: 500;
line-height: 94.797%; /* 12.791px */
text-transform: capitalize;
    }
    

    .info-video33{
        height: 750px !important;
        align-items: start;
    }

    .section-hero{
        padding-top: 6rem;
    }

    .clipped-div{
        height: 100%;
    }

    .info-central-contact{
        width: 95%;
        max-width: 450px;
        height: 80vh;
        max-height: 800px;
    }

nav{
    background-color: #F4F4F4;
    backdrop-filter: fill(15px);
}

    .info-info h2{
        width: 95%;
    }

    .info-imagen{
        width: 100%;
        height: 300px;
    }

    .info-info2{
        gap: 1rem;
        justify-content: start;
    }
    
    .info-imagen img{
        height:  80%;
        width: auto;
    }

    .linea-div{
        display: none;
    }

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

    .info-info{
        width: 100%;
    }

    .slide-div h5{
        text-align: center;
    }

    .info-prod{
        padding-bottom: 1.5rem;
        height: fit-content;
    }

    .slide-div h3{
        width: 100%;
    }

    .titulo-texto{
        padding: 1rem 0rem 4rem 0rem;
        height: fit-content;
        justify-content: start;
        min-height: auto;
        
    }

    .info-textos{
        flex-direction: column;
    }

    .titulo-texto2{
        width: 100%;
        height: fit-content;
        flex-wrap: wrap;
        padding: 2rem 0rem 0rem 0rem;
        gap: 2.5%;
    }

    .titulo-texto2 img{
        width: 45%;
    }

    .copyright{
        flex-grow: .4;
    }

    .info-paso p{
        width: 85%;
    }

    .info-paso div{
        width: 70%;
        gap: .75rem;
    }

    .info-paso img{
        height: 40%;
        width: auto;
    }

    .menu-des{
        height: 100vh;
        background: rgba(255, 255, 255, 0.81);
        backdrop-filter: blur(10px);
        position: fixed;
        width: 100%;
        z-index: 67;
        display: flex;
        justify-content: center;
        transition: all .5s ease;
        align-content: center;
    }

    .menu-des-info{
        width: 95%;
        display: flex;
        flex-direction: column;
        height: 90%;
    }



    
    .primera-info{
        height: 12.5%;
        min-height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        
    }

    .segunda-info{
        flex-grow: 1;
        width: 100%;
        justify-content: flex-start;
        padding-top: 3rem;
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .segunda-info li{
        list-style: none;
        font-family: "FK Grotesk Neue Trial";
        font-size: 52px;
        font-style: normal;
        font-weight: 900;
        line-height: 94.797%; /* 49.294px */
        text-transform: capitalize;
    }

    
    .segunda-info li a{
        background: var(--gradient, linear-gradient(276deg, #021F42 0%, #0550A8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    }

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

    .info-footer2{
        width: 45%;
    }

    .services{
        height: fit-content;
    }

    .info-paso{
        width: 95%;
        height: 200px;
    }

    .info-nmumero{
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    h1 span div{
        height: 85%;
    }

    .info-video33{
        height: 250px;
        align-items: start;
    }

    .info-haader{
        width: 100%;
        flex-direction: column-reverse;
    }

    .info-imagen2{
        width: 100%;
    }

    .info-imagen2 img{
        bottom: -2rem;
        width: 200px;
        transform: rotate(25deg);
    }

    .title-servicep{
        text-align: center;
    }

    .info-textos{
        width: 95%;
    }

    .title-serviceh3{
        padding-top: .5rem;
    }


    .title-service{
        width: 100%;
        gap: 1rem;
    }

    .title-service p{
        width: 100%;
    }

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

    .container4{
        gap: 0rem;
    }

    .section-hero{
        height: fit-content;
        min-height: 690px;
    }

    h1{
        height: 45%;
        max-height: 400px;
    }

    .div-info-about h3{
        text-align: center;
    }

    .anchor-1 span{
        height: 40px;
    }

    .img-video{
        left: 50%;
        width: 320px;
        height: auto;
    }

    .logo-footer{
        padding-bottom: 1.5rem;
    }

    .info-footer2{
        padding-bottom: 1.5rem;
    }


    .anchor-1 svg{
        position: relative;
        z-index: 2;
        height: 35px;
    }

    .copyright h2{
        width: 80%;
    }

    .div-info-about h2{
        text-align: center;
    }

    .resto-deinfo div{
        width: 100%;
        justify-content: end;
    }

    .no-mb{
        display: none !important;

    }

    .slide-div{
        height: fit-content;
        padding-bottom: 2rem;
    }

    .info-footer{
        flex-direction: column;
        height: 85%;
        width: 90%;
    }

    .other-info-footer{
        flex-grow: .85;
        width: 96.5%;
        height: 60%;
    }

    .ordenados-logos{
        flex-wrap: wrap;
        width: 95%;
        justify-content: center;
    }
    
    .ordenados-logos div{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ordenados-logos img{
        width: 100%;
    }

    .title-and-button{
        flex-direction: column;
        align-items: center;
        justify-content: center ;
        gap: 1rem;
        height: 20%;
    }

    

    .title-and-button h2{
        text-align: center;
    }

    footer{
        height: 1300px;
        max-height: 1300px;
    }

    .logo-footer{
        width: 100%;
    }

    .productos2{
        align-items: start;
        height: fit-content;
    }

    .contenedor-de-categorias{
        flex-direction: row;
        width: 100%;
    }

    #objectList{
        width: 100%;
    }

    #objectList li div img{
        width: auto;
        height: 160px;
        object-fit: fill;
        min-width: 80px;
        max-width: 180px;
    }

    .contenedor-de-productos{
        width: 100%;
    }

    #objectList li{
        width: 100%;
        padding-bottom: .5rem;
        height: 150px;
        gap: 2rem;
    }

    .contenedor-de-categorias button{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        gap: .5rem;
        background-color: transparent;
        border: none;
        align-items: center;
        color: #021F42;
font-family: "FK Grotesk Neue Trial2";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 94.797%; /* 11.376px */
text-transform: capitalize;
    }

    .video-product{
        height: 85%;
    }

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

    .no-desk{
        display: flex !important;
    }

    .section-about{
        min-height: 650px;
    }

    .div-info-about p{
        width: 100%;
    }

    .div-video-about{
        width: 100%;
        height: 30%;
        max-height: 450px;
        min-height: 150px;
    }

    .div-info-about{
        width: 95%;
        gap: .75rem;
    }
}

@media screen and (max-width:390px){
    .clipped-div {
        width: 100%;
        height: 100%; /* Ajuste la altura según tus necesidades */
        background-color: black;
        clip-path: path("M0 38.8828L208.8956 38.8827C212.661 38.8827 216.3922 37.4419 218.9326 34.8560L251.6722 4.0267C254.2126 1.4407 257.533 0 261.3015 0L390.6336 0V402.3305L356.4637 402.3305C352.664 402.3305 348.9117 403.7966 346.2657 406.4229L320.7454 430.8344C318.0994 433.4607 314.347 434.9268 310.5473 434.9268H0V38.8828Z");
    }
    
}

@media screen and (min-width:391px) and (max-width:460px){
    .clipped-div {
        width: 100%;
        height: 100%; /* Ajuste la altura según tus necesidades */
        background-color: black;
        clip-path: path("M0 42.8683L230.3074 42.8682C234.4588 42.8682 238.5724 41.2797 241.3732 38.4287L277.4686 4.4394C280.2694 1.5883 283.5302 0 287.6819 0L430.6735 0V443.5694L393.0012 443.5694C388.9821 443.5694 384.9752 445.1867 381.7580 448.0812L353.6219 475.9949C350.4047 478.8895 346.3978 480.5068 342.3787 480.5068H0V42.8683Z");
    }
}

@media screen and (min-width:391px) and (max-width:480px){
    .clipped-div {
        width: 100%;
        height: 100%; /* Ajuste la altura según tus necesidades */
        background-color: black;
        clip-path: path("M0 47.1551L253.3381 47.155L257.9309 47.155 263.0671 45.1556 266.7854 42.2713L320.4763 5.1655C323.5601 1.8347 327.1641 0 332.0901 0L475.0105 0V510.1263L433.3014 510.1263C428.8751 510.1263 424.4726 511.7905 420.9316 515.5338L389.7326 549.3245C386.1916 553.0678 381.7891 554.732 377.3628 554.732H0V47.1551Z");
    }
}

@media screen and (min-width:469px) and (max-width:1022px){
    .no-tablet{
        display: block;
    }
}

@media screen and (min-width:1279px) and (max-width:1899px) and (max-height:1050px) {


    .section-hero{
        padding-top: 5rem;
        height: 1300px;
    }

    .info-prod{
        height: 550px;
    }

    .info-video33 {
        height: 66%;
    }

    .info-imagen2 img{
        bottom: -25%;
    }

    
}