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

::-webkit-scrollbar{
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    display: none;
}

.search-nav > *{
    transition: all 1s ease;
}

.div-l-2{
    margin-top: 18px !important;
}

.home-main{
    gap: 3rem;
}

body{
    background-color: #171717;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100vw;
}

.content-navbar{
    display: flex;
    width: 96%;
    height: 100%;
}

.logo-nav{
    height: 100%;
    display: flex;
    width: 13rem;
    justify-content: center;
}

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

.search-nav{
    flex-grow: 1;
    display: flex;
    transition: all 1s ease;
    justify-content: center;
    opacity: 1;
   
}

.info-arrivals2-div h1{
    display: none;
}

.buttons-nav-ulu{
    width: 5% !important;
    min-width: auto !important;
}

.btn-active{
    opacity: 1 !important;
    top: 0% !important;
}
.search-result-container{
    position: absolute;
    background-color: #171717;
    border: 1px solid rgba(217, 217, 217, 0.30);
    top: 100%;
    padding: 5%;
    width: 100%;
    border-radius: 10px 10px;
    display:  grid;
    place-items: center;
    max-height: 50vh;
    overflow-y: auto;
    display: none;
    box-sizing: border-box;
}

.search-result-products{
    display: flex;
    gap: 1rem;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.search-result-product{
    display: flex;
    gap: 1rem;
    width: 100%;
    height: 100%;
    align-items: center;
    text-decoration: none;
}
.search-result-product img{
    width: 14%;
    aspect-ratio: 1;
    border-radius: 10px;
}
.search-info{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    justify-content: center;
}
.search-info h3{
    color: #FFF;
    font-size: clamp(14px,1.4vw,1.6rem);
    font-family: Poppins;
    font-weight: 400;
}
.search-info .search-tags{
    display: flex;
    gap: 0.5rem;
}
.search-info span{
    background-color: #FFFFFF66;
    display: flex;
    padding: 0.1rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 45px;
    font-family: Poppins;
    font-size: clamp(14px, 1vw, 1.1rem);
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #131313;
    text-transform: capitalize;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 20px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 2px solid;
    border-color: rgba(221, 221, 221, 0.80) transparent rgba(221, 221, 221, 0.80) transparent;
    animation: l1 1s infinite;
    display: none;
}
@keyframes l1 {to{transform: rotate(.5turn)}}

.padre-content-products p{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: clamp(14px,1.4vw,1.6rem);
}
.empty-message{
    color: #000;
    font-family: Poppins;
    font-size: clamp(14px,1.4vw,1.6rem);
}
.buttons-nav2{
    transition: all 1s ease;
}
#response{
    font-family: Poppins;
    color: white;
}
.buttons-nav{
    height: 100%;
    display: flex;
    min-width: 25rem;
    width: 32.5%;

    align-items: center;

    justify-content: center;
}

.buttons-nav ul{
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    position: relative;
    top: 0%;
    transition: all 3s ease;
}

.aline-y-1 {
    display: initial;
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    height: 150px;
    z-index: -3;
}

.active-background{
    
    background: #FFD100 !important;
}

.aline-x-1{
    display: initial;
    position: absolute;
    top: 25%;
    left: 25%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 20vw;
    z-index: 0;
}

.aline-x-2{
    display: initial;
    position: absolute;
    top: 25%;
    left: 75%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 20vw;
    z-index: 0;
}


.aline-x-3{
    display: initial;
    position: absolute;
    top: 47.5%;
    left: 25%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 20vw;
    z-index: 0;
}

.aline-x-4{
    display: initial;
    position: absolute;
    top: 47.5%;
    left: 75%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 20vw;
    z-index: 0;
}


.aline-x-5{
    display: initial;
    position: absolute;
    top: 72.5%;
    left: 25%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 20vw;
    z-index: 0;
}

.aline-x-6{
    display: initial;
    position: absolute;
    top: 72.5%;
    left: 75%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 20vw;
    z-index: 0;
}

.aline-y-2 {
    display: initial;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    min-height: 150px;
    height: 25vh;
    z-index: 0;
}


.aline-y-3 {
    display: initial;
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    min-height: 150px;
    height: 25vh;
    z-index: 0;
}


.aline-y-11 {
    display: initial;
    position: absolute;
    top: 8%;
    left: 17.5%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    height: 0px;
    z-index: 0;
}


.aline-y-21 {
    display: initial;
    position: absolute;
    top: 200px;
    left: 17.5%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    min-height: 150px;
    height: 25vh;
    z-index: 0;
}


.aline-y-31 {
    display: initial;
    position: absolute;
    top: 500px;
    left: 17.5%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    min-height: 150px;
    height: 25vh;
    z-index: 0;
}


.aline-y-12 {
    display: initial;
    position: absolute;
    top: 8%;
    left: 84.5%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    height: 0px;
    z-index: 0;
}


.aline-y-22 {
    display: initial;
    position: absolute;
    top: 200px;
    left: 84.5%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    min-height: 150px;
    height: 25vh;
    z-index: 0;
}


.aline-y-32 {
    display: initial;
    position: absolute;
    top: 500px;
    left: 84.5%;
    transform: translate(-50%,0%);
    background: rgba(221, 221, 221, 0.80);
    width: 8px;
    min-height: 150px;
    height: 25vh;
    z-index: 0;
}

.aline-y-33 {
    display: initial;
    position: absolute;
    top: 47.5%;
    left: 100%;
    background: rgba(221, 221, 221, 0.80);
    transform: translateX(-50%);
    height: 8px;
    width: 25vw;
    z-index: 0;
}


.buttons-nav ul li{
    list-style: none;

}

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

.Dealers img{
    position: absolute;
    top: 3%;
    z-index: -1;
    width: 100%;
    object-fit: cover;
    height: 95vh;
}

.buttons-nav ul li button{
    background-color: #D7160C;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: .75rem;

}

.dealers-nav{
    
    margin-left: 6%;
}

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

.padre-direction{
    width: 85%;
    height: 70%;
    display: flex;
    align-items: center;
}

.div-direction{
    border-radius: 45px;
    border: 1px solid #EAEBEF;
    background: rgba(234, 235, 239, 0.30);
    backdrop-filter: blur(27.5px);
    width: 25%;
    height: 67.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-red2{
    color: #D7160C;
font-family: Poppins;
font-size: clamp(16px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 36.96px */
}

.p-black {color: #000;
    font-family: Poppins;

    font-size: clamp(16px,1.55vw,1.65rem);
    font-style: normal;
    font-weight: 400;
    line-height: 168%; /* 36.96px */
}

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

.div-direction a{
    text-decoration: none;
    border-radius: 50px;
background: #D7160C;
display: flex;
align-items: center;
justify-content: center;
width: 80%;
height: 3.75rem;
color: #FFF;
cursor: pointer;
text-align: center;
font-family: Poppins;
font-size: clamp(14px,1.4vw,1.5rem);
font-style: normal;
font-weight: 400;
line-height: normal;
border: none;
}

.section-prefinal-about{
    display: flex;
    flex-direction: column;
    width: 95%;
    height: 1050px;
    gap: 2rem;
}

.home-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
}

.last-section-home{
    width: 95%;
    height: 30vh;
    display: flex;
    align-items: center;
    border-top: 1px solid #ffffff2f;
}

.arrivals-section-home-div1{
    width: 100%;
    height: 10%;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: .5rem;
}

#bombillo-2{
    width:80px !important;
    height: auto;
}

#bombillo-1{
    width:100px !important;
    height: auto;
}


.arrivals-section-home-div1 h2{
    font-family: Poppins;
font-size: clamp(30px,3.7vw,3.8rem);
font-weight: 300;
line-height: 110%;
color: #EAEBEF;
}



.last-section-home-div1{
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1rem;
}

#producto{
    cursor: pointer;
}

.si-mb3{
    display: none;
}

.prelast-section-home{
    width: 95%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 7.5rem;
}

.prelast-section-home h2{
    font-family: Poppins;
font-size: clamp(33px,3.7vw,3.8rem);
font-weight: 400;
line-height: 120px;
text-align: left;
color:  #EAEBEF;

}

html {
    scroll-behavior: smooth;
  }

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

.prelast-section-home h2 span svg{
    position: relative;
    top: 8%;
    width: 60px;
    height: 60px;
}

.swiper-wrapper{
    position: relative !important;
}

.pos-abs{
    position: absolute;
    top: 20%;
    right: 13.5%;
    z-index: 2;
    width: 150px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-home-hero{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.section-home-hero-div{
position: absolute;
z-index: -1;
height: 100vh;
width: 100%;
}

.section-home-hero div img{
    height: 100%;
    width: 100%;
    object-fit: fill;
    position: relative;
}

.pos-rel2{
    position: relative;
}

.pos-abs2{
    position: absolute;
    top:35%;
    right: 10.5%;
    z-index: 2;
    width: 150px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-none {
    border: none !important;
    height: 250px !important;
    overflow: visible !important;

    transform: rotate(-2deg) !important; /* Aplica la inclinación */
}


.border-none ul{
    border: none !important;
    height: 250px !important;
    overflow: visible !important;

}

.div-white{
    background-color: #FFF;
    width: 100%;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.div-white img{
    object-fit: contain;
    width: 80%;
    height: 80%;
}

.last-section-home-div1 h2{
    font-family: Poppins;
font-size: clamp(27px,3.7vw,3.8rem);
font-weight: 300;
line-height: 110%;
color: #EAEBEF;
}

.last-section-home-div2{
    display: flex;
    align-items: center;
    
    flex-grow: 1;
    justify-content: space-between;
}

.last-section-home-div2 img{
    width: 7.5rem;
    height: auto;
}

.section-prefinal-about-span1{
    color: #D6160C;
}

.section-prefinal-about-span2{
    border: 1px solid #EAEBEF;
    border-radius: 45px;
    padding: .4rem 1.3rem;
}

.div2-prefinal-about{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
}

.div2-child1-prefinal-about{
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.div2-child1-prefinal-about img{
    width: 100%;
    opacity: 0;
    border-radius: 20px;
    
}

.img-2{
    position: absolute;
    top: 0%;
    object-fit: cover;
    transform: scale(1);
    opacity: 1 !important;
    left: 0%;
}

.div2-child2-prefinal-about{
    width: 85%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.div2-child2-child2-prefinal-about{
    display: flex;
    width: 55%;
    height: 75%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}

.div2-child2-child2-prefinal-about p{
    font-family: Poppins;
font-size: clamp(18px,1.57vw,1.58rem);
font-weight: 200;
width: 80%;
line-height: 160%;
color: white;
text-align: left;

}

.div2-child2-child1-prefinal-about{
    display: flex;
    width: 30.5%;
    align-items: center;
    flex-direction: column;
    
    background: rgba(221, 221, 221, 0.247);
    backdrop-filter: blur(25px);
}

.flotante-div-shop2{
    display: none;
}

.div2-child2-child1-prefinal-about{
    position: relative;
    top: -45%;
    height: 120%;
    border: 1px solid #EAEBEF;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
}

.div2-child2-child1-child1-prefinal-about{
    width: 90%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.div2-child2-child1-child1-prefinal-about h6{
    font-family: Poppins;
    font-size: clamp(26px,2.5vw,2.663rem);
font-weight: 200;
line-height: 110%;
color: #FFF;
margin-left: 10rem;
text-align: center;

}

.div2-child2-child1-child1-prefinal-about h3{
    font-family: Poppins;
    font-size: clamp(24px,10vw,10rem);
    font-weight: 400;
    color: #FFF;
    line-height: 170px;
    text-align: left;
    
}

#svg-negro{
    display: none !important;
}

.div2-child2-child1-child1-prefinal-about h6:nth-child(1){
    margin-left: -65%;
}



.div2-child2-child1-child2-prefinal-about{
    width: 90%;
    height: 35%;
    display: flex;
    align-items: center;
}

.div2-child2-child1-child2-prefinal-about p{
    font-family: Poppins;
font-size: clamp(20px,1.2vw,1.563rem);
font-weight: 200;
width: 100%;
line-height: 120%;
text-align: left;
color: #EAEBEF80;

}


.section-prefinal-about h2 {
    font-family: Poppins;
    font-size: clamp(25px,2.8vw,3rem);
    font-weight: 400;
    line-height: 155%;
    text-align: left;
    color: white;
    width:80%;
}

.section-prefinal-about-svg{
    top: 2.5%;
    position: relative;
}


.svg-shaped-div-mobile{
    display: none;
}

.si-mb{
    display: none;
}

.p-position-mobile{
    display: none;
}

.div-footer-mobile{
    display: none;
}

.main-shop{
    width: 100%;
    height: 100vh;
    padding: 5rem 0rem;
    display: flex;
    justify-content: center;
}

.section-shop{
    height: 100%;
    width: 95%;
    display: flex;
}

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

.flotante-div-shop{
    position: absolute;
    top: 0%;
    width: 180px;
    right: -195%;
}

.flotante-div-shop div{
    display: flex;
    flex-direction: column;
}

.flotante-div-shop div h4{
    color: #FFF;
    font-family: Poppins;

    font-size: clamp(14px,1.1vw,1.2rem);
    opacity: 0.5;
    font-style: normal;
    font-weight: 400;
    line-height: normal;  
}

.flotante-div-shop div h6{
    color: #FFF;
    font-family: Poppins;

    font-size: clamp(14px,1.3vw,1.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.active-red{
    margin-top: 0% !important;
    border: 1px solid #D6160C !important;
    background-color: #D6160C !important;
}


.first-div-circles div{
    width: 60px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    transition: all .8s ease;
    border-radius: 50px;
    color: #FFF;
font-family: Poppins;
position: relative;
background-color: #171717;
border: 1px solid #FFF;
font-size: clamp(14px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;

line-height: 168%; /* 58.8px */
}

.linea-recta{
    width: 2px;
    flex-grow: .8;
    display: flex;
    align-items: end;
    justify-content: end;
}

.content-products{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 0;
}
.content-products-container{
    width: 90%;
}

.pagination-container {
    position: relative;
    top: -10%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  
  .pagination-button {
    width: 84px;
    height: 41px;
    border-radius: 12px;
    border: 1.30px solid #A7A4A4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #656565;
    background: none;
    cursor: pointer;
  }
  
  .pagination-button.next {
    border-color: #D7160C;
    color: #D7160C;
  }
  
  .pagination-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  .pagination-numbers button {
    font-size: 15px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #5E5E5E;
    height: 40px;
    width: 20px;
    display: grid;
    place-items: center;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  
  .pagination-numbers .active {
    background: #D7160C;
    border-radius: 100px;
    color: white;
    padding: 0 10px;
  }

.padre-content-products{
    height: 70%;
    position: relative;
}

.content-products-child{
    display: grid;
    position: absolute;
    width: 100%;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}

.content-products-child-div{
    border-radius: 10px;
    height: 20.5vh;
    width: 100%;
    cursor: pointer;
    z-index: 1;
    position: relative;
    transition: all .8s ease;
    display: flex;
    justify-content: center;
    align-items: end;
    background: rgba(221, 221, 221, 0.80);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(10px);
}

.active-div-product{
    
    background:#FFF !important;
}

.content-products-child-div .product-img{
    position: absolute;
    z-index: -1;
}

.content-products-child-div div{
    height: 25%;
    padding-bottom: 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    width: 90%;
}

.content-products-child-div-span1{
    color: #131313;
text-align: center;
font-family: Poppins;
width: 60%;
font-size: clamp(14px,1.1vw,1.2rem);
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 25px;
background: rgba(255, 255, 255, 0.30);
backdrop-filter: blur(10px);
}

.content-products-child-div-span2 p{
    
font-size: clamp(14px,.7vw,.8rem);
padding-right: .3rem;
}

.content-products-child-div-span2{
    border-radius: 25px;
    background: #D6160C;
    backdrop-filter: blur(10px);
text-align: center;
font-family: Poppins;
width: 35%;
font-size: clamp(14px,1.1vw,1.2rem);
display: flex;
color: #FFF;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.number-last{
    color: #D6160C;
font-family: Poppins;

font-size: clamp(14px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;
line-height: 168%; /* 58.8px */
}

.active-line{
    height: 20%;
    transition: all .8s ease;
    width: 100%;
    background-color: rgba(217, 217, 217, 0.30);
}

.active-height{
    height: 100% !important;
}

.div-child{
    margin-top: -25.5% ;
    transition:  all .8s ease;
}

.first-div{
    width: 5.5%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}


.second-div{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    height: 100%;
}

.three-div-father-child{
    width: 100%;
    height: 650px;
    display: flex;
    top: 0%;
    flex-direction: column;
    align-items: center;
    transition: all .8s ease;
    position: relative;
    justify-content: center;
}



.three-div-child{
    width: 80%;
    height: 85%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 2.5rem;
}

.three-div-child button{
    border: none;
    width: 100%;
    justify-content: center;
    position: relative;
    align-items: center;
    display: flex;
    background-color: transparent;
}

.h6-float{
    top: 25px;
    position: absolute;
    opacity: 0;
    transition: all .8s ease;
}

.active-float{
    opacity: 1;
}

.float-img{
    bottom: -50%;
    opacity: 0;
    transition: all .8s ease;
}

.active-imagen{
    bottom: 0%;
    opacity: 1 !important;
}

.inactive-imagen{

    bottom: 50% !important;
}

/* Estilos para el loading screen */
#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #17171780;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.opac-0 {
    opacity: 0;
}

.active-opac{
    opacity: 1 !important;
    transition: all .8s ease;
}

#loading-screen button{
    background-color: transparent;
    border: none;
    position: absolute;
    bottom: 5%;
    right: 5%;
}


.div-loading{
    width: 100%;
    gap: .75rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.div-bajo22{
    display: flex;
    width: 100%;
    height: 10px;
}

.bombillos{
    position: relative;
    width: 6.5%;
}
.counter{
    position: absolute;
    bottom: 15px;
    left: 2.5%;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: clamp(14px, 8vw, 96px);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.bombillos img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 140px;
    width: auto;
}

#bombi-1{
    opacity: 1;
    transition: all .8s ease;
}

#bombi-2{
    opacity: 0;
    transition: all .8s ease;
}



@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text {
    font-family: Poppins;
font-weight: 400;
line-height: 100%;
text-align: left;

    margin-top: 10px;
    font-size: clamp(24px,6.3vw,6.6rem);
    color: #8f8f8f;
}

.progress-bar {
    width: 100%;
    height: 15px;
    background-color: #e0e0e000;
    border: 1px solid #333333;

    overflow: hidden;
}

.progress {
    height: 100%;
    background-color: #D6160C;
    width: 0%;
    transition: width 0.3s ease;
}

.btn-float{
    border-radius: 50px;
    background: #D6160C;
    color: #FFF;
    font-family: Poppins;
    font-size: clamp(14px,1.25vw,1.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    right: 0%;
    cursor: pointer;
    top: 0%;
    border: none;
    z-index: 4;
    width: 270px;
    height: 4.5rem;
    display: grid;
    text-decoration: none;
    place-items: center;
    margin-top: 2px;
}

.three-div-child button img{
 width: 100%;
 top: 0%;
 position: relative;
 cursor: pointer;
 z-index: 2;
 transition: all .5s ease;
}

.three-div-child button img:hover{
    transform: scale(1.1);
   }

.img-float{
        transition: all .8s ease;
        position: absolute;
        bottom: 16.5%;
        width: 100%;
        border-radius: 45px;
}

.three-div-child h3{
    color: #000;
font-family: Poppins;
font-size: clamp(22px,3.2vw,3.2rem);
font-style: normal;
font-weight: 400;
line-height: 114%; /* 62.7px */
max-width: 60%;
}

.three-div-child div{
    width: 100%;
    height: 55%;
    border-radius: 35px;
    position: relative;
    background-color: #FFF;
}


.pos-abs{
    display: none;
}

.dropdown-section {
    margin-bottom: 0px;
    height: 0%;
    transition: all .8s ease;
}

.dropdown-toggle {
cursor: pointer;
transition: all .8s ease;
}

.dropdown-toggle svg {
    margin-right: 10px;
    margin-top: -2.5px;
}

.dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .8s ease, padding .8s ease;
    border-radius: 5px;
    /* margin-top: 5px; */
    padding: 0 10px;
}

.dropdown-content p {
    padding: 10px 0;
    margin: 0;
}

.dropdown-section.active{
    padding: 2rem 0rem;
   
}

.dropdown-section.active .dropdown-content {
    max-height: 250px; /* Ajusta este valor según la cantidad de contenido */
    padding: 10px;
}







.three-div-child div img{
    position: absolute;
    bottom: 0%;
    height: 80%;
    width: auto;
    left: 50%;
    transform: translate(-50%,0%);
}

.div-direction h3{
    color: #000;
font-family: Poppins;
font-size: clamp(22px,1.95vw,2rem);
font-style: normal;
font-weight: 500;
line-height: 40px; /* 114.286% */
text-transform: capitalize;
}
.div-direction p.p-black{
    font-size: clamp(18px,1.2vw,2rem);
}
.three-div-father-child-svg{
    width: 100%;
    position: absolute;
    top: 0%;
    height: 100%;
    z-index: 1;
}

.search-div-nav{
    width: 90%;
    height: 100%;
    display: flex;
    margin-left: 3.5rem;
    align-items: center;
    justify-content: center;
}

.sub-menu{
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    height: 0px;
    overflow: hidden;
}
.sub-menu li{
    width: 100%;
}
.sub-menu li a{
    text-align: center;
    width: 100% !important;
}
#producto svg{
    transition: all .8s ease;
} 
#producto svg.active{
    transform: rotate(90deg);
}

.sub-menu ul{
    display: flex;
    flex-direction: column;
}
.buttons-nav .sub-menu ul li a{
    border: none;
    width: auto;
}

header{
    width: 100%;
    display: flex;
    height: 100vh;
    position: fixed;
    background-color: transparent;
    z-index: 5;
    transition: all 1.8s ease;
    left: 100%;
}

.sub-aset{
    display: none;
}

.header-on{
    left: 0% !important;

}

.header-on2{
    background-color: #171717 !important;
}


header svg{
    width: 98%;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
}

.info-final-header{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%);
    width: 98%;
    height: 12%;
    opacity: 0;
    transition: all 1s ease;
    display: flex;
    flex-direction: column;
    gap:1rem;
}


.special-search{
    background-color: transparent !important;
    border:1px solid #FFFFFF80 !important;
    & path{
        stroke: #FFFFFF80;
    }
}
.info-final-header h2{
    color: #EAEBEF;
font-family: Poppins;
font-size: clamp(22px,1.3vw,1.4rem);
font-style: normal;
font-weight: 200;
left: 1.5%;
opacity: 0.5;
position: relative;
line-height: 110%; /* 42px */
}

.info-final-header p{
    color: #EAEBEF;
font-family: Poppins;
left: 1.5%;
position: relative;
font-size: clamp(19px,2.4vw,2.5rem);
font-style: normal;
font-weight: 300;
line-height: 110%; /* 42px */
}

.div-shaped{
    width: 42.5%;
    display: flex;
    position: relative;
    top: 15%;
    height: 75%;
    justify-content: center;
    
    align-items: center;
}

.svg-shaped-div6 {    position: relative;
    width: 85%; /* Ajusta el ancho según sea necesario */
    height: 85%;
    opacity: 0;
    transition: all 1s ease;
    background-color: #171717; /* El color de fondo del path proporcionado */
    -webkit-clip-path: path("M559 0H36C16.1177 0 0 16.1177 0 36V492.402C0 512.284 16.1177 528.402 36 528.402H196.251C214.365 528.402 229 543.037 229 561.151C229 579.264 243.635 594 261.749 594H559C579.882 594 596 577.882 596 558V36C596 16.1177 579.882 0 559 0Z");
    clip-path: path("M559 0H36C16.1177 0 0 16.1177 0 36V492.402C0 512.284 16.1177 528.402 36 528.402H196.251C214.365 528.402 229 543.037 229 561.151C229 579.264 243.635 594 261.749 594H559C579.882 594 596 577.882 596 558V36C596 16.1177 579.882 0 559 0Z");
}

.active-shaped{
    left: 0% !important;
}

#sopra1:hover #imagen1{
    
    left: 0% !important;
    z-index: 3;
}


#sopra2:hover #imagen2{
    
    left: 0% !important;
    z-index: 3;
}

.go-shaped{
    left: 100% !important;
}

.svg-shaped-div6 img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 100%;
    transition: all .8s ease;
}

.info-menu-header{
    width: 100%;
    height: fit-content;
    display: block;
    position: relative;
    z-index: 5;
}

.boton-close{
    position: absolute;
    width: 200px;
    height: 6rem;
    align-items: center;
    gap: 1rem;
    opacity: 0;
    display: flex;
    cursor: pointer;
    top: 50%;
    z-index: -12;
    color: #EAEBEF;
text-align: center;
transition: all 1s ease;
font-family: Poppins;
right: -50%;
font-size: clamp(15px,1.7vw,1.8rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.boton-close button svg{
    width: 25px !important;
    height: 25px !important;
    left: 0% !important;
   
    position: relative !important;
    transform: translate(0%);
}

.boton-close button{
    width: 50px;
    height: 50px;
    background-color: #D6160C;
    border-radius: 100%;
    border: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.info-menu-header-h2{
    display: flex;
    align-items: center;
    gap: 1rem;
}

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

.info-del-menu{
    display: grid;
    width: 50%;
    height: 75%;
    top:20%;
    left: 2%;
    transition: all 1s ease;
    opacity: 0;
    position: relative;
    grid-template-columns: repeat(2,1fr);
}

.info-menu-header-h2 h2{
    color: #161616;
font-family: Poppins;
font-size: clamp(25px,1.3vw,1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%; /* 42px */
opacity: 0.5;
}

.info-menu-header-h2 span{
    width: 40px;
    height: 40px;
}

.info-menu-header-h2 svg{
    width: 40px;
    height: 40px;
    position: relative;
    left: 0%;
    transform:translate(0%) 
}

.info-menu-header li{
    list-style: none;
}

.info-menu-header a{
    color: #171717;
    font-family: Poppins;
    font-size: clamp(28px,3.5vw,4rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 158.333% */
    text-decoration: none;

}

.pos-rel{
    position: relative;
    top: -9.5%;
}

#w-10{
    width: 9.5%;
}

.buttons-slider-div{
    color: white;
}

#previous2 svg{
    transform: rotate(-180deg);
}

.asset-foto{
    position: absolute !important;
    z-index: 12 !important;
    top: 50% !important;
    right: 40%;
    width: 200px !important;
    height: 300px !important;
    object-fit: contain !important;
    display: block;
}

.search-div-nav #search-bg input{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    border: none;
    padding-left: 1.5rem;
    color: rgba(255, 255, 255, 0.50);
font-family: Poppins;
font-size: clamp(16px,1rem,1vw);
font-style: normal;
font-weight: 400;
outline: none;
line-height: normal;
background-color: #171717;
}

.search-div-nav-div-menu{
    background-color: transparent !important;
}

.search-div-nav #search-bg svg{
    position: absolute;
    right: 5%;
}

.div-shaped-active{
    opacity: 1 !important;
}

.info-del-menu-active{
    opacity: 1 !important;
}

.info-final-header-active{
    opacity: 1 !important;
}

.boton-close-active{
    top: 0% !important;
}

.search-div-nav #search-bg{
    width: 80%;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    height: 50%;
    position: relative;
    transition: all 1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #171717;
}

.no-b{
    background-color: transparent !important;
}


.section-home-hero-div div{
    width: 63%;
    height: 81.7%;
    z-index: 1;
    right: 1.25%;
    bottom: 2.5%;
    position: absolute;
    display: flex;
    align-items: end;
    justify-content: end;
    overflow-y: hidden;
}

.cables-2{
    width: 100% !important;
    height: auto !important;
    opacity: 0;
    transition: all .8s ease;
    position: absolute;
}
#cables-1{
    width: 71% !important;
    position: absolute;
    top: -14%;
    right: 0%;
}
#cables-2{
    width: 79% !important;
    position: absolute;
    top: 0%;
    right: -1%;
}

.cables-2.active{
    opacity: 1 !important;
}

.b-black{
    border: 1px solid #00000080 !important;
}

.buttons-nav-inactive{
    top: -100% !important;
    opacity: 0 !important;
   

}

.buttons-nav-inactive2{
    width: 10% !important;
   min-width: auto !important;

}

.buttons-nav ul li a:hover{
    border: 1px solid #D9D9D9;

    background: #D9D9D9;
    color: #171717;
    border-radius: 19px;
}

.buttons-nav ul li a{
    color: #FFF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid #FFF;
text-align: center;
font-family: Poppins;
font-size: clamp(14px,1.3vw,1.25rem);
font-style: normal;
width: 11.5rem;
justify-content: center;
transition: all .5s ease;
height: 55px;
font-weight: 400;
line-height: normal;
text-decoration: none;
}


footer{
    flex-grow: 1;    
    display: flex;
    align-items: end;
    justify-content: center;
}

.footer-content{
    width: 95%;
    min-height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    border-top: 1px solid #ffffff2f;
    padding-top: 50px;
}

.footer-details {
    width: 100%;
}

.footer-info{
    flex-grow: 1;
    width: 100%;
    padding: 2rem 0rem;
    display:flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff2f;
}

.mr-footer{
    margin-right: 2rem;
}

.gap-redirections{
    gap: 1rem;
}

.redirections{
    display: flex;
    flex-direction: column;

}

.redirections h3{
    color: #FFF;
font-family: Poppins;
font-size: clamp(20px,1.75vw,1.9rem);
font-style: normal;
font-weight: 300;
line-height: normal;
}

.redirections ul{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .45rem;
    justify-content: center;
    width: 100%;
}

.redirections ul div{
    height: fit-content;
}

.redirections ul div h2{
    color: #D6160C;
font-family: Poppins;
font-size: clamp(24px,4vw,4.3rem);
font-style: normal;
font-weight: 400;
line-height: 100%;
}

.div-subterraneo{
    position: absolute;
    bottom: 1.5% !important;
    height: 10%;
    justify-content: end;
    display: flex;
    align-items: center;
    width: 100%;
}

.img-placeholder{
    opacity: 0;
}

.otra-imagen{
    position: absolute !important;
    right:0%
}

.div-subterraneo div{
    width: 33.5%;
    height: 100%;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
}

.div-subterraneo div a {
    width: 100%;
    text-decoration: none;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
}

.informacion-div-hero{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    justify-content: center;
}

.div-alto-hero{
    width: 90%;
    display: flex;
    align-items: self-start;
    gap: 2.5rem;
    justify-content: start;
    height: 68%;
    margin-top: 10%;
}

.div-bajo-hero{
    width: 90vw;
    position: absolute;
    margin-top: -40px;
    height: 11vw;
    bottom: 7%;
}

.div-bajo-hero1{
    width: 65%;
    height: 100%;
    display: flex;
    border-radius: 32px;
    background-color: rgba(255, 255, 255, 0.192);
    border: 1px solid #FFF;
    backdrop-filter: blur(20px);
    opacity: 0;
    transition: all .8s ease;
}
.div-bajo-hero1.active{
    opacity: 1 !important; 
}
.div-bajo-hero2{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 45%;
    gap:.4rem;
    justify-content: center;
    align-items: center;
}

.div-bajo-hero3{
    display: flex;
    flex-grow: 1;
}

.div-bajo-hero3-div1{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 80%;
    gap:2.4rem;
    justify-content: center;
    align-items: start;
}

.div-bajo-hero3-div2{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 15%;
    gap:.4rem;
    justify-content: center;
    align-items: start;
}

.div-bajo-hero3-div1-1{
    display: flex;
    width: 75%;
    gap: .5rem;
    justify-content: space-between;
}

.div-bajo-hero3-div1-2 div, .div-bajo-hero3-div1-1 div{
    gap: .5rem;
    flex-direction: column;
    display: flex;
}

.div-bajo-hero3-div1-2 div h5, .div-bajo-hero3-div1-1 div h5{
    font-family: Poppins;
font-size: clamp(15px,1.15vw,1.25rem);
font-weight: 500;
line-height: 110%;
text-align: left;

}

.div-bajo-hero3-div1-2 div h6, .div-bajo-hero3-div1-1 div h6{
    font-family: Poppins;
font-size: clamp(15px,1vw,1rem);
font-weight: 400;
line-height:110%;
text-align: left;
opacity: .5;
}

.div-bajo-hero3-div1-2{
    display: flex;
    width: 75%;
    justify-content: space-between;
}

.div-bajo-hero3-div2 button{
    border-radius: 100px;
    border: none;
    background-color: #D6160C;
    padding: .75rem .75rem;
}

.div-bajo-hero2 h2{
    font-family: Poppins;
    font-size: clamp(18px, 1.8vw,2.1rem);
font-weight: 500;
line-height: 130%;
text-align: left;
width: 85%;
}

.div-bajo-hero2 p{
    font-family: Poppins;
font-size: clamp(15px,1vw,1.1rem);
font-weight: 400;
line-height: 130%;
text-align: left;
width: 85%;
}

.line-hero{
    height: 95%;
    justify-content: end;
    display: flex;
}

.line-hero-1{
    display: flex;
    height:60%;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    justify-content: center;
}

.line-hero-1 div{
    flex-grow: 1;
    width: 6px;
    
    display: flex;
    position: relative;
    justify-content: center;
    align-items: end;
}

.inactive-line{
    width: 2px;
    z-index: 1;
    top: 0%;
    height: 100%;
    position: absolute;
    background-color: #17171780;
}

.active-line2{
    width: 4px;
    z-index: 1;
    height: 100%;
    position: relative;
    background-color: #171717;
}

.line-hero-1 span{
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-90deg);
    font-family: Poppins;
font-size: clamp(16px,1.15vw,1.3rem);
font-weight: 400;
line-height: 110%;
text-align: left;

}
.line-hero-1 .active{
    color: #D6160C;
}

.info-hero{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    justify-content: start;
}

.info-hero div {
}

.info-hero div h2{
    font-family: Poppins;
    font-size: clamp(38px,5vw,5.4rem);
    font-weight: 500;
    line-height: 115%;
    width: 50%;
    text-align: left;
     
}

.info-hero p{
    font-family: Poppins;
    font-size: clamp(23px,1.2vw,1.6rem);
font-weight: 400;
line-height: 120%;
text-align: left;
width: 44%;
}

.info-hero a{
    font-family: Poppins;
    font-size: clamp(16px,1vw,1.36rem);
    font-weight: 400;
    line-height: 125%;
    text-align: center;
    padding: .75rem 1rem;
    border-radius: 45px;
    border: 1px solid #000000;
    background: #000000;
    color: white;
    text-decoration: none;
}

.div-subterraneo div div{
    width: 45px;
    height: auto;
    border-radius: 100%;
    border: 1px solid white;
}

.div-subterraneo div h4{
    font-family: Poppins;
font-size: clamp(18px,2.4vw,2.5rem);
font-weight: 300;
line-height: 100%;
text-align: left;
color: white;
}

.div-subterraneo div h4 span{
    border: 1px solid #D6160C;
    border-radius: 45px;
    padding: .3rem .9rem;
    color: #D6160C;

}

.redirections a{
    color: #FFF;
font-family: Poppins;
margin-top: .5rem;
font-size: clamp(15px,1.35vw,1.4rem);
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}

.redirections li{
    list-style: none;
}

.redirections li a{
    list-style: none;
    color: #FFF;
font-family: Poppins;
text-decoration: none;
font-size: clamp(18px,1.25vw,1.3rem);
font-style: normal;
font-weight: 300;
line-height: normal;
}

.footer-reserved{
    padding: 2rem;
}

.footer-reserved p a{
    color: #FFF;
    font-family: Urbanist;
}

.footer-reserved p{
    color: #FFF;
font-family: Urbanist;
font-size: clamp(14px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;
line-height: 23.8px; /* 79.333% */
}

.footer-details ul li{
    list-style: none;
    width: 23.5%;
    display: flex;
    color: #FFF;
font-family: Poppins;
font-size: clamp(16px,1.45vw,1.5rem);
gap: 2rem;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.footer-details ul li svg{
    width: 50px;
    height: 50px;
}

.footer-details ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 6rem;
    width: 100%;
    border-bottom: 1px solid #ffffff2f;
    border-top: 1px solid #ffffff2f;
}

.main-terms{
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: start;
    justify-content: center;
}

.main-terms section{
    padding-top: 3rem;
    width: 95%;
    display: flex;
    padding-bottom: 5rem;
    gap: 4rem;
    flex-direction: column;
}


.main-terms section h1{
    color: #D7160C;
font-family: Poppins;
font-size: clamp(30px,5vw,5.14rem);
font-style: normal;
display: flex;
align-items: center;
gap: .5rem;
font-weight: 500;
line-height: 100%; /* 105.556% */
}

.content-terms{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: 2rem;
    width: 100%;
}

.content-terms h2{
    color: #EAEBEF;
    display: block;
text-align: justify;
font-family: Poppins;
font-size: clamp(23px,2.2vw,2.3rem);
font-style: normal;
font-weight: 600;
line-height: 100%;
width: 90%;
}

.content-terms div{
    width: 90%;
    gap: .25rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
}
nav{
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 6;
    height: 13.667vh;
    margin-top: 1%;
}
.position-map-div{
    width: 60%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

.position-map{
    width: 100%;
}

.section-formulario{
    width: 97%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-formulario-div{
    width: 100%;
    display: flex;

}

.formulario-index{
    width: 63%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 800px;
    top: .2%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #EAEBEF;
    left: -2.5%;
}

.formulario-index h3{
    width: 90%;
    font-family: Poppins;
    font-size: clamp(26px,3.5vw,4.55rem);
    font-weight: 400;
    line-height: 97.5px;
    height: 25%;
    display: flex;
    gap: 1rem;
    align-items: center;
    text-align: left;
}

.section-arrivals{
    width: 95%;
    height: 100vh;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.info-arrivals{
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.info-arrivals1{
    width: 100%;
    height: 7.5%;
    display: flex;
    border-bottom: 1px solid #eaebef5b;
}

.info-arrivals1 div{
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
}

.info-arrivals1 h2{
    font-family: Poppins;
font-size: clamp(16px,1.1vw,1.15rem);
font-weight:300;
line-height: 120%;
text-align: left;

color: #EAEBEF;
}

.info-arrivals2-div{
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-arrivals2-div-last{
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.info-arrivals2{
    display: flex;
    width: 100%;
    border-bottom: 1px solid #eaebef5b;
    height: 17.5%;
    cursor: pointer;
}

.info-arrivals2:hover .info-arrivals2-div h3{
    color: #D6160C;
}


.info-arrivals2:hover .info-arrivals2-div span{
    background-color: #D6160C;
    border: 1px solid #D6160C;
}

.info-arrivals2:hover .info-arrivals2-div-last h3{
    color: #D6160C;
}

.info-arrivals2:hover .info-arrivals2-div-last-div-imagen2 button{
    background-color: #D6160C;
    border: 1px solid #D6160C;
}

.info-arrivals2:hover .info-arrivals2-div-last-div-imagen2 button img{
    transform: rotate(-20deg);
}

.info-arrivals2-div-last-div-imagen2 button img{
    transition: all .8s ease;
}

.info-arrivals2:hover .cuadro-blanco2{
    transform: rotate(-5deg);
    top: 6%;
}


.back-path:hover .cuadro-blanco{
    transform: rotate(-5deg);
    top: 6%;
}


.info-arrivals2:hover .info-arrivals2-div-last-div-imagen{
    opacity: 1;
}

.cuadro-blanco2{
    transition: all .8s ease;
}
.cuadro-blanco2 img{
    border-radius: 20px;
}

.cuadro-blanco{
    cursor: pointer;
    transition: all 1.8s ease;
}

.info-arrivals2-div-last-div-imagen{
    transition: all .8s ease;
}

.info-arrivals2-div-last-div-imagen2 button{
    transition: all .8s ease;
}
#map-container{
    width: 100%;
    height: 100%;
    position: absolute;
}
.info-arrivals2-div h3{
    font-family: Poppins;
    transition:all .8s ease;
    font-size: clamp(18px,1.7vw,1.85rem);
font-weight: 400;
line-height: 130%;
text-align: left;
color: #EAEBEF;
}

.info-arrivals2-div-last h3{
    font-family: Poppins;
    font-size: clamp(18px,1.7vw,1.85rem);
font-weight: 400;
line-height: 130%;
transition: all .8s ease;
text-align: left;
color: #EAEBEF;
}

.info-arrivals2-div-last-div-imagen{
    width: 70%;
    height: 100%;
    opacity: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.info-arrivals2-div-last-div-imagen2{
    flex-grow: 1;
    justify-content: end;
    display: flex;
}

.info-arrivals2-div-last-div-imagen2 button{
    width: 60px;
    height: 60px;
    border: 1px solid #FFF;
    background-color: transparent;
    border-radius: 100px;
}

.info-arrivals2-div span{
    font-family: Poppins;
font-size: clamp(18px,1.1vw,1.2rem);
font-weight: 300;
line-height: 120%;
text-align: left;
transition: all .8s ease;
color: #EAEBEF;
border: 1px solid #EAEBEF;
border-radius: 30px;
padding: .5rem 2.5rem;
}


.formulario-index-h3{
    width: 85%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.formulario-index h3 span svg{
 width: 50px;
 height: 50px;
}

.svg-shaped-div4 img{    
    width: 85%;
    height: 100.1%;
    border-radius: 8%;
    object-fit: cover;
    right: -18%;
    position: relative;
}

.svg-shaped-div4 {
    z-index: 1;
    object-fit: cover;
    position: relative;
    width: 40%;
    height: 800px;
    border-radius: 8%;
    left: 0.5%;

    
    background: linear-gradient(143deg, #CACACA 10%, #1F1F1F 108.62%);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.50));
    mask-image: url("../assets/rectangle.png");
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../assets/rectangle.png");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    /* height: 760px;
    aspect-ratio: 1081 / 618;
    background-color: #979797;
    -webkit-clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z");
    clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z"); */
}
.svg-shaped-div4 .left-border{
    z-index: 1;
    position: absolute;
    top: 0%;
    left: 10.4rem;
    height: 7.5rem;
    width: 6.8rem;
    transform: rotateX(180deg);
    border-bottom-left-radius: 50%;
    background-color: transparent;
    box-shadow: -2rem 1.25rem 0 0 #171717;
}
.svg-shaped-div5 {
    position: relative;
    overflow: hidden;
    width: 100%; /* 80% del ancho de la ventana gráfica */
    aspect-ratio: 676 / 246; /* Mantiene la proporción del SVG */
    background-color: #979797;
    -webkit-clip-path: path("M548.50862 0H43.81059375C19.61380575 0 0 19.61380575 0 43.81059375V171.7375275C0 195.9343155 19.61380575 215.54812125 43.81059375 215.54812125H392.6994005C403.7220495 215.54812125 411.41812525 204.62009525 411.41812525 191.59714625C411.41812525 178.57419725 422.34615125 167.64617125 435.36910025 167.64617125H548.50862C574.3760715 167.64617125 594.951365 150.0327655 594.951365 124.16531425V43.81059375C594.951365 19.61380575 574.3760715 0 548.50862 0Z");
    clip-path: path("M548.50862 0H43.81059375C19.61380575 0 0 19.61380575 0 43.81059375V171.7375275C0 195.9343155 19.61380575 215.54812125 43.81059375 215.54812125H392.6994005C403.7220495 215.54812125 411.41812525 204.62009525 411.41812525 191.59714625C411.41812525 178.57419725 422.34615125 167.64617125 435.36910025 167.64617125H548.50862C574.3760715 167.64617125 594.951365 150.0327655 594.951365 124.16531425V43.81059375C594.951365 19.61380575 574.3760715 0 548.50862 0Z");
}

.informacion-alta-div{
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 30%;
}
nav{
    position: fixed;
}

.second-div:has(#bombillo-1.active-bombillo-blur)::before{
    content: "";
    position: absolute;
    top: 17.5%;
    width: 120px !important;
    height: 130px;
    background-color: #FFD100;
    z-index: 1;
    opacity: .5;
    z-index: -1;
    filter: blur(45px);
    border-radius: 50%;
}
@media (width <= 768px){
    .informacion-alta-div{
        margin-left: 0%;
    }
}
@media (width <= 480px){
    .home-main section {
        max-width: 480px !important;
    }    
    .section-home-hero{
        max-height: 600px !important;
    }
    .section-prefinal-about-span2{
        padding: .3rem .75rem;
    }
}
.informacion-baja-div{
    height: 65%;
    display: flex;
    flex-direction: column;
}


.informacion-alta-divs1{
    width: 100%;
    height: 40%;
    display: flex;
    align-items: end;
}

.informacion-alta-divs{
    display: flex;
    width: 95%;
    height: 75%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.informacion-baja-div1{
    height: 22.5%;
    display: flex;
    gap: 1.5rem;
    align-items: start;
    justify-content: start;
}



.info-alta{
    width: 100%;
    height: 100%;
    display: block;
}

.info-alta h5{
    font-family: Poppins;
font-size: clamp(14px,.8vw,.85rem);
font-weight: 400;
line-height: 130%;
text-align: left;
opacity: .5;
color: #EAEBEF;
}

.info-alta h6{
    font-family: Poppins;
    font-size: clamp(16px,1.4vw,1.45rem);
font-weight: 400;
line-height: 140%;
text-align: left;
color: #EAEBEF;
}

.informacion-baja-div1 span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins;
font-size: clamp(14px,1.4vw,1.5rem);
font-weight: 400;
gap: 1rem;
line-height: 125%;
text-align: center;
padding: .45rem 1.2rem;
border-radius: 50px;
border: 1px solid #000;
}

.informacion-baja-div1 span img{
    width: 20px;
    height: auto;
}

.informacion-baja-div2{
 flex-grow: 1;
 display: flex;
 align-items: center;
}

.svg-shaped-div5{
    position: relative;
}

.svg-shaped-div5 img{
    position: absolute;
    width: 100%;
    left: 0%;
    top: -65%;
}



.informacion-baja-div3{
    height: 45%;
    width: 80%;
}

.info-black{
    background-color: #000;
    color: #FFF;
}

.informacion-baja-div3 h3{
    font-family: Poppins;
font-size: clamp(17px,1.6vw,1.75rem);
line-height: 165%;
font-weight: 400;
}

.informacion-baja-div3 h3 span img{
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    position: absolute;
}

.info-1{
    border: 1px solid black;
    border-radius: 45px;
    padding: .2rem .75rem;
    margin-right: .3rem;
}

.info-2{
    border: 1px solid black;
    background-color: #000;
    color: #FFF;

    border-radius: 45px;
    padding: .2rem .95rem;
    margin-right: .3rem;
}

.info-3{
    border: 2px solid black;
    border-radius: 45px;
    padding: .1rem .95rem;
    margin-right: .3rem;
}

.red-point {
    margin-left: clamp(1rem,2.5vw,3rem);
}

.informacion-baja-div3 h3 span{
    width: 40px;
    position: relative;
    height: 40px;
}

.svg-shaped-div {
    position: relative;
    width: 100%; /* 80% del ancho de la ventana gráfica */
    aspect-ratio: 1081 / 618; /* Mantiene la proporción del SVG */
    -webkit-clip-path: path("M529.031 0H45C20.1472 0 0 20.1472 0 45V573C0 597.853 20.1472 618 45 618H1036C1060.85 618 1081 597.853 1081 573V183.141C1081 158.288 1060.85 138.141 1036 138.141H619.031C594.178 138.141 574.031 117.994 574.031 93.1412V45C574.031 20.1472 553.884 0 529.031 0Z");
    clip-path: path("M529.031 0H45C20.1472 0 0 20.1472 0 45V573C0 597.853 20.1472 618 45 618H1036C1060.85 618 1081 597.853 1081 573V183.141C1081 158.288 1060.85 138.141 1036 138.141H619.031C594.178 138.141 574.031 117.994 574.031 93.1412V45C574.031 20.1472 553.884 0 529.031 0Z"); 

        }

        .section-final-about{
            width: 95%;
            gap: 3.5rem;
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .section-final-about h2{
            font-family: Poppins;
            font-size: clamp(20px,2.8vw,3rem);
            font-weight: 400;
            line-height: 125%;
            text-align: left;
            color: white;
            width: 65%;
        }

        .section-final-about-span{
            background-color: #D6160C;
            border-radius: 45px;
            padding: 0rem .75rem;
            margin-right: .4rem;
        }

        .section-test{
            width: 95%;
            height: 100vh;
            display: flex;
        }

        .section-test-div1{
            display: flex;
            position: relative;
            width: 90%;
            align-items: center;
            height: 950px;
        }

.photo-finished{
    position: relative;
    width: 15%;
    height: 920px;
}

.section-with-slide{
    width: 95%;
    max-width: 1920px;
    height: 75vh;
    position: relative;
    
    border-top: 1px solid #ffffff2f;
    border-bottom: 1px solid #ffffff2f;
}
.div-shaped-div6{
    width: 30%; /* Ajusta el ancho según sea necesario */
    position: absolute;
    aspect-ratio: 506 / 458; /* Mantiene la proporción del SVG */
    background-color: #979797;
    -webkit-clip-path: path("M475.5 457.5L230.886 457.5C214.318 457.5 200.886 444.069 200.886 427.5V298.434C200.886 281.865 187.455 268.434 170.886 268.434H30C13.4315 268.434 0 255.002 0 238.434V30.5C0 13.9315 13.4315 0.5 30 0.5H219C235.569 0.5 249 13.9315 249 30.5V184.5C249 209.353 269.147 229.5 294 229.5L475.5 229.5C492.069 229.5 505.5 242.931 505.5 259.5V427.5C505.5 444.069 492.069 457.5 475.5 457.5Z");
    clip-path: path("M475.5 457.5L230.886 457.5C214.318 457.5 200.886 444.069 200.886 427.5V298.434C200.886 281.865 187.455 268.434 170.886 268.434H30C13.4315 268.434 0 255.002 0 238.434V30.5C0 13.9315 13.4315 0.5 30 0.5H219C235.569 0.5 249 13.9315 249 30.5V184.5C249 209.353 269.147 229.5 294 229.5L475.5 229.5C492.069 229.5 505.5 242.931 505.5 259.5V427.5C505.5 444.069 492.069 457.5 475.5 457.5Z");
    right: 0%;
    top: 15%;

}

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

.hijo-principal3{
    position: absolute;
    width: 48%;
    z-index: 18;
    cursor: pointer;
    left: 0%;
    display: flex;
    justify-content: end;
    bottom: 15%;
}


.div-con-imagen3 img{
    width: 80%;
    height: auto;
}

.div-con-imagen3{
    position: relative;
    width: 57%;
    display: flex;
    
    height: 100%;
    justify-content: end;
}

.div-con-imagen3 img{
    width: 100%;
    height: auto;
}

.hijo-principal2{
    width: 70%;
    height: 80%;
    overflow: hidden;
    position: relative;
}

.hijo-principal{
    width: 100%;
    height: 55%;
}

.div-con-imagen{
    width: 100%;
    height: 100%;
    display: flex;
    
    justify-content: end;
    z-index: 1;
    position: relative;
}

.div-con-imagen2 h2 {
    font-family: Poppins;
    font-size: clamp(28px,2.8vw,3.15rem);
    font-weight: 400;
    width: 70%;
    line-height: 130%;
    text-align: left;
}

.div-con-imagen2 p{
    font-family: Poppins;
    font-size: clamp(16px,1.04vw,1.85rem);
    font-weight: 400;
    width:70%;
    line-height:140%;
}

.div-con-imagen2 h2 svg{
    width: 40px;
    height: 40px;
}


.div-con-imagen img{
    width: 30%;
    height:40%;
    border-radius: 20px;
    top: 12.5%;
    position: relative;
}

.div-shaped-div6 img{
    top: 0%;
    left: 0%;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.asset-absolute{
    position: absolute;
    top: 16.5%;
    width: 460px;
    z-index: 4;
    left: 3%;
}


.div-con-imagen2 {
    transition: opacity .5s, transform 1s;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.active-div-con-imagen2 {
    opacity: 1 !important;
    transform: translateX(0);
}

.slide-out-left {
    transform: translateX(-100%);
    opacity: 0;
}

.slide-out-right {
    transform: translateX(100%);
    opacity: 0;
}

.slide-in-right {
    transform: translateX(100%);
    opacity: 0;
    animation: slide-in-right 1s ease;
}

.slide-in-left {
    transform: translateX(-100%);
    opacity: 0;
    animation: slide-in-left 1s forwards;
}

@keyframes slide-in-right {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}



.div-con-imagen2{
    display: flex;
    position: absolute;
    align-items: end;
    justify-content: end;
    height: 100%;
    gap: 1rem;
    opacity: 0;
    flex-direction: column;
    width: 95%;
    z-index: 2;
    left: 10px;
}

.img-fondo{
    width: 100%;
    height: 95%;
    top: 0%;
    position: absolute;
}

.img-fondo2{
    right: 0%;
    top: 13%;
    position: absolute;
}

.img-assets-1{
    position: absolute;
    width: 100%;
    height: auto;
    padding-bottom: 5%;
}

.img-assets-2{
    position: absolute;
    width: 95%;
    height: 50%;
    bottom: 0%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,0%);
}
.red-rectangle{ 
    background-color: #D6160C;
    border-radius: 0px 0px 40px 40px;
}

.section-without-slide{
    width: 100%;
    
    max-width: 1900px;
    height: 80vh;
    display: flex;
    position: relative;
    
}

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

.div-top{
    width: 95%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.div-con-sotto{
height: 26.5%;
z-index: 3;
width: 95%;
display: flex;
}

.buttons-slider div {
    width: 35px;
    position: relative;
    display: flex;
    height: 50px;
    flex-direction: column;
}

.buttons-slider div p{
    font-family: Poppins;
font-size: clamp(12px,1.2vw,1.3rem);
font-weight: 300;
line-height: 120%;

width: 100%;
}

.p-final{
    text-align: end;
}

.p-opacity{
    opacity: .5;
}

.buttons-slider div span{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);
}

.buttons-slider div span img{
    width: 25px;
    height: 25px;
}

.div-con-cambioImagen{
    width: 40%;
    height: 80%;
    display: flex;
    align-items: end;
    justify-content: center;
}

.div-con-cambioImagen2-tipoCable div{
    border-radius: 45px;
    border: 1px solid #171717;
    cursor: pointer;
    color: #171717;
    padding: .75rem 1.95rem;
transition: all .8s ease;

}

.div-con-cambioImagen2-tipoCable div:hover{
    background-color: #171717;
    color: white;
}

.div-con-cambioImagen2-tipoCable-active{
    background-color: #171717;
    color: white !important;
}

.div-con-cambioImagen2-tipoCable div h4{
    font-family: Poppins;
    font-size: clamp(16px,1.8vw,1.8rem);
    font-weight: 400;
    line-height: 110%;
    text-align: center;
}

.placeholder-slider-active{
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: clip;
}

.div-con-cambioImagen2-slider{
    height: 65%;
}

.slider{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    top: 5%;

    opacity: 0;
    transition: all 1.8s ease;
}

.slider {
    transition: transform 1s, opacity 1s;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.slider-active {
    opacity: 1;
    transform: translateX(0);
}

.slide-out-left {
    transform: translateX(-100%);
    opacity: 0;
}

.slide-out-right {
    transform: translateX(100%);
    opacity: 0;
}

.slide-in-right {
    transform: translateX(100%);
    opacity: 0;
    animation: slide-in-from-right 1s forwards;
}

.slide-in-left {
    transform: translateX(-100%);
    opacity: 0;
    animation: slide-in-from-left 1s forwards;
}

@keyframes slide-in-from-right {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-from-left {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.div-con-sotto1{
    width: 63.5%;
    display: flex;
    justify-content: end;
    align-items: start;
}

.div-con-sotto2{
    width: 35%;
    justify-content: end;
    display: flex;
}


.div-con-sotto1 div{
    width: 40%;
}


.div-con-sotto1 div img{
    width: 100%;
    cursor: pointer;
}


.buttons-slider{
width: 25%;
display: flex;
align-items: center;
height: 60%;
gap: 1rem;
}

.buttons-slider button{
    background-color: transparent;
    border: none;
    cursor: pointer;
}



.slider h3{
    font-family: Poppins;
    font-size: clamp(20px,3.2vw,3.2rem);
font-weight: 400;
line-height: 130%;
width: 70%;
text-align: left;

}

.slider-products{
    width: 95%;
    height: 70vh;
    border-bottom: 1px solid #ffffff2f;
}

.mt-1{
    margin-bottom: 2rem;
}

.div-learn{
    background-color:#EAEBEF;
    border-radius: 45px;
    height: 430px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    flex-direction: column;
}

.div-learn-spans{
    width: 90%;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.div-learn-spans span{
    width: 130px;
    background-color: #FFFFFF66;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px;
    font-family: Poppins;
font-size: clamp(14px,1vw,1.1rem);
font-weight: 400;
line-height: 30px;
text-align: center;
color:  #131313;
}

.div-learn-spans div{
    
    background-color: #D6160C;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.div-learn-spans div img{
    width: 65%;
    height: 65%;
}

.div-learn-img{
    flex-grow: 1;
    display: flex;
    align-items: end;
    justify-content: center;
}

@media (max-width: 768px) {
    .div-learn-img{
        align-items: flex-start;
    }
    .div-learn-img.flex-end{
        align-items: flex-end;
    }
    .svg-shaped-div5 img{
        top: -40%;
    }	
}

.div-learn:hover .div-learn-img img{
    height: 92%;
}

.div-learn-img img{
    height: 80%;
    width: auto;
    transition: all .8s ease;
}

.div-learn-more{
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    bottom: -100%;
    opacity: 0;
    height:45%;
    transition: all .8s ease;
    gap: 1rem;
    background-color: #EAEBEF99;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    backdrop-filter: blur(15px);
}

.div-learn:hover .div-learn-more{
    bottom: 0%;
    opacity: 1;
}

.btn-learn{
    width: 100%;
    position: relative;
    margin-top: 1.5rem;
}

#btn-learn-btn1{
    opacity: 1;
    z-index: 2;
}

.btn-learn:hover #btn-learn-btn2{
    opacity: 1;
    z-index: 2;
    transform: scale(1.05);
}

.btn-learn:hover #btn-learn-btn1{
    opacity: 0;
    z-index: -1;
}


.btn-learn img{
    width: 100%;
    position: absolute;
    z-index: -1;
    cursor: pointer;
    transition: all .7s ease;
    opacity: 0;
}

.div-learn-more h2{
    font-family: Poppins;
    font-size: clamp(24px,2.6vw,2.7rem);
    font-weight: 500;
    width: 85%;
    line-height: 120%;
    text-align: left;
    color:#171717;
}

.div-learn-more div{
    width: 85%;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.div-learn-more div h5{
    font-family: Poppins;
font-size: 15px;
font-weight: 500;
line-height: 100%;
text-align: left;
color: #171717;

}

.div-learn-more div h6{
    font-family: Poppins;
font-size: 15px;
font-weight: 400;
line-height:100%;
text-align: left;
color:#171717B2;
}

.div-con-cambioImagen2-slider{
    width: 100%;
}

.div-con-cambioImagen2{
    width: 60%;
}

.slider p{
    font-family: Poppins;
    font-size: clamp(14px,1.4vw,2rem);
font-weight: 400;
line-height: 130%;
width: 85%;
text-align: left;
}

.slider h3 span img{
    width: 35px;
    height: 35px;
}

.div-con-cambioImagen2-tipoCable{
    height: 30.5%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap:2rem;
}


.section-without-slide{
    height: 630px;
    margin: 3rem 0rem 3rem 0rem;
}


        .div-con-cambioImagen div{
            width: 85%;
    border-radius: 20px;
    position: relative;
    height: 90%;
    overflow: hidden;
}


.div-con-cambioImagen div img{
    border-radius: 20px;
    position: absolute;
    top: 0%;
    width: 100%;
    transition: all 1.5s ease;
    opacity: 0;
}

/* Additional CSS for images */
.active-image {
    opacity: 1 !important;
    transform: translateX(0);
}

.image-slide-out-left {
    transform: translateX(-100%);
    opacity: 0;
}

.image-slide-out-right {
    transform: translateX(100%);
    opacity: 0;
}

.image-slide-in-right {
    transform: translateX(100%);
    opacity: 0;
    animation: image-slide-in-from-right 1.5s forwards;
}

.image-slide-in-left {
    transform: translateX(-100%);
    opacity: 0;
    animation: image-slide-in-from-left 1.5s forwards;
}

@keyframes image-slide-in-from-right {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes image-slide-in-from-left {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}


.photo-finished img{
    position: absolute;
    bottom: 0%;
    object-fit: cover;
    height: 71%;
    z-index: -1;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    left: -50%;
    width: 155%;
}

        .section-test-div1-img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            left: -2%;
        }

        .div-1-title-test{
            width: 60%;
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 90%;
        }

        .div-1-title-test h2{
            flex-grow: .5;
            width: 85%;
            font-family: Poppins;
            font-size: clamp(20px,3.5vw,3.5rem);
            font-weight: 400;
            line-height: 130%;
            text-align: left;

        }

        .div-1-title-test h2 span svg{
            width: 45px;
            height: 45px;
        }

        .div-1-title-test div{
            height: 70%;
            width: 85%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .div-2-title-test{
            width: 56%;
            z-index: 3;
            display: flex;
            height: 100%;
            flex-direction: column;
            align-items: center;
        }
        
        .div-1-title-test div div{
            height: 100%;
            width: 100%;
            display: flex;
            
            border-radius: 20px;
            justify-content: center;
            overflow: hidden;
            align-items: center;
        }


        .div-1-title-test div img{
            width: 100%;
            border-radius: 20px;
            object-fit: cover;
            height: 100%;
        }

        .section-final-about-span2{
            position: relative;
            width: 50px;

            display: inline-block;
        }

        .section-final-about-span2 svg{
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%,-70%);
        }

        .section-final-about div{
            height: 85%;
        }

        .section-final-about div img{
            border-radius: 45px;
            height: auto;
            width: 100%;
        }

        
        .section-one-about{
            width: 95%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .div-section-one-h2{
            height: 25%;
        }

        .div-section-one-h2 h2{
       
            color: #FFF;
         
            width: 100%;
            font-family: Poppins;
            font-size: clamp(25px,2.7vw,2.9rem);
            font-weight: 300;
            line-height: 70px;

        }

        .img-section-one-visions{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .div1-section-one-visions{
            position: relative;
            width: 100%;
        }
        .div-info{
            mask-image: url(../assets/Vector\ 35.svg);
            mask-size: 100%;
            mask-repeat: no-repeat;
            background-color: #EAEBEF;
        }
        .div-espiral{
            background-color: #D6160C;
            border-radius: 100%;
            width: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80px;
            position: absolute;
            right: 20%;
            top: 5%;
        }

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

        .no-scroll{
            overflow: hidden;
            max-height: 100vh !important;
        }

        .container-video{
            width: 100vw;
            height: 100%;
            position: absolute;
            z-index: 10;
            transition: all 1.8s ease;
            top: 0%;
            background: #171717;
        }

        .opac-1{
            opacity: 0;
            z-index: -100;
        }

        .container-video h3{
            position: absolute;
            transform: translate(-50%,0%);
            left: 50%;
            color: #FDEF97;
            width: fit-content;
            opacity: 0;
            transition: all .8s ease;
            top: 3.5%;
            text-wrap: nowrap;
            font-family: Poppins;
            font-size: clamp(25px,4.7vw,4.9rem);
            font-weight: 500;
            line-height: 120%;
        }

        .container-video video{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .p1-info{
        width: 90%;
        right: 1%;
        left: 0%;
        flex-grow: 1;
        display: flex;
        align-items: start;
        position: relative;
        z-index: 4;
        font-family: Poppins;
        font-size: clamp(20px,2.5vw,2.52rem);
        font-weight: 500;
        line-height: 130%;
        text-align: left;
        
    }

        .div1-info{
            height: 55%;
            width: 100%;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .svg-shaped-div3{
            mask-image: url(../assets/Vector\ 36.svg);
            mask-size: 100%;
            mask-repeat: no-repeat;
            background-color: #EAEBEF;
            width: 90%;
            height: 100%;
            margin-top: 5vh;
        }
        .svg-shaped-div3 img{
            width: 95%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

        .div1-info img{
            position: absolute;
            bottom: 5%;
            left: 4.5%;
        }

        .div-espiral img{
            width: 80%;
            height: 80%;
        }

        .div2-section-one-visions{
            width: 80%;
            display: flex;
            justify-content: start;
            flex-direction: column;
            gap: .75rem;
            align-items: center;
        }

        .div2-section-one-visions div{
            width: 90%;
            border: 1px solid #EAEBEF;
            border-radius: 45px;
            height: fit-content;
            padding: 1rem 0rem;
            gap: .5rem;
            display: flex;
            flex-direction: column;
            align-items:center ;

        }

        .div2-section-one-visions div h2{
            width: 90%;
            display: flex;
            justify-content: start;
            gap: .5rem;
            font-family: Poppins;
            font-size: clamp(24px,2vw,2rem);
            font-weight: 500;
            line-height: 125%;
            text-align: left;
            color: white;
            align-items: center;
            margin-top: 7px;
        }



        .div2-section-one-visions div p{
            width: 90%;
            font-family: Poppins;
            font-size: clamp(18px,1.2vw,1.25rem);
            font-weight: 300;
            line-height: 150%;
            text-align: left;
            color: white;

        }


        .div-section-one-visions{
            display: flex;
            flex-grow: 1;
        }

        .svg-shaped-div3 {
        }

        .span-text-about-one{
            border: 1px solid #EAEBEF !important;
        }

        .border-2{


            border: 1px solid #d6160c00;
            background-color: #d6160c00;
            transition: all .8s ease;
            border-radius: 100px;
            padding: .1rem .5rem;
        }
        
        .span-text-about-three{
            border: 1px solid #EAEBEF;
            border-radius: 100px;
            padding: 0rem .55rem;

        }

        .span-text-about-four{
            border: 1.1px solid #000000;
            border-radius: 100px;
            padding: 0rem .55rem;  
        }

        .span-text-about-two{
            
            border: 1px solid #D6160C;
            
            background-color: #D6160C;
        }

        .div-section-one{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .div-section-two{
            flex-grow: .8;
            height: 100%;
            width: 55%;
            display: flex;
            justify-content: center;
        }

        .div-section-two-div{
            width: 90%;
            height: 90%;
            overflow: hidden;
            position: relative;
            background-color: #979797;
            display: flex;
            border-radius: 25px;
            justify-content: center;
            align-items: end;
        }

        .div-section-two-div div{
            position: relative;
            z-index: 2;
            width: 95%;
            justify-content: start;
            display: flex;
            flex-direction: column;
            align-items: center;
            bottom: 2.5%;
            gap: .25rem;
            height: 45.5%;
            background: #FFFFFF80;
            border: 1px solid #FFFFFF;
            backdrop-filter: blur(5px);
            border-radius: 45px;
        }

        .div-section-two-div div h2{
            width: 90%;
            height: 25.5%;
            font-family: Poppins;
            font-size: clamp(20px,2.52vw,2.52rem);
font-weight: 500;
line-height: 58.8px;
display: flex;
align-items: center;
text-align: left;
        }

        .div-section-two-div div p{
            width: 90%;
            font-family: Poppins;
font-size: clamp(16px,1.64vw,1.754rem);
font-weight: 400;
line-height: 37px;
            flex-grow: .65;
        }

        .div-section-two-div img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 25px;
            object-position: center;
            position: absolute;
        }

        .section-two-about{
            width: 95%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .info-arrivals2-div-last div h1{
            display: none;
        }






        .info-arrivals2 a{
            display: none;
        }

        .div-section-one-h2 h2 span{
            position: relative;
        }

        .number-div1 span{
            font-size: 2.5rem;
        }

        .section-three-about{
            width: 95%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 4.5rem;
            min-height: 100vh;
        }

        .section-three-about-div-div1{
            width: 15%;
            display: flex;
            flex-direction: column;
            position: relative;
            align-items: center;
        }

        .cuadro-rojo{
            background-color: #D6160C;
            display: block;
            width: 100%;
            border-radius: 20px;
            height: 100%;
        }

        .cuadro-blanco{
            background-color: #FFF;
            display: flex;
            position: absolute;
            justify-content: center;
            align-items: center;
            width: 100%;
            top: 0%;
            border-radius: 20px;
            height: 100%;
        }

        
        .cuadro-rojo2{
            background-color: #D6160C;
            display: block;
            width: 50%;
            border-radius: 20px;
            height: 110%;
        }

        .border-box{
            transition: all .8s ease;
            
            border: 1px solid #eaebef00;
            border-radius: 100px;
            padding: .3rem .75rem;
        }

        .cuadro-blanco2{
            background-color: #FFF;
            display: flex;
            position: absolute;
            justify-content: center;
            align-items: center;
            width: 50%;
            top: 0%;
            border-radius: 20px;
            height: 110%;
        }

        .cuadro-blanco2 img{
            height: 100%;
        }

        .back-prueba{
            width: 100%;
            display: flex;
            min-height: 400px;
        }

.gap-3{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

        .w-100{
            width: 100% !important;
        }

        .w-100 span{
            position: relative;
            margin-top: 1.5%;
        }

        .back-path-father{
            width: 30%;
        }

        .about-info{
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        .back-path{
            width: 100%;
            display: flex;
        }

        .back-path-h6{
            width: 33.3%;
            display: flex;
            justify-content: center;
        }

        .back-path-h6 div{
            width: 90%;
            display: flex;
            flex-direction: column;

        }
        
        .back-path-h6 div{
            display: flex;
            flex-direction: column;
            align-items: start;
        }

        .back-path-h6 div h1{
            font-family: Poppins;
font-size: clamp(46px,4.8vw,4.9rem);
font-weight: 400;
line-height: 130%;
text-align: center;
color: #FFF;
        }

        .back-path-h6 div h6{
            font-family: Poppins;
            font-size: clamp(20px,1.8vw,1.96rem);
            font-weight: 400;
            line-height: 120%;
            color: #D6160C;
        }

        .back-path-h7{
            width: 33.3%;
            justify-content: center;
            display: flex;
        }

        .back-path:hover .back-path-h7-div{
            opacity: 1;
        }

        .back-path-h7-div{
            width: 65%;
            opacity: 0;
            transition: all .8s ease;
            height: 230px;
            position: relative;
        }

        .back-path-h8{
            width: 33.3%;
            display: flex;
            gap: 1rem;
            min-height:10%;
            align-items: start;
        }

        .back-path-h8 span{
            position: relative;
            top: 1.5%;
        }

        .back-path-h8 p{
            font-family: Poppins;
            font-size: clamp(18px,2vw,2rem);
            font-weight: 400;
            line-height: 45px;
            text-align: left;
            color: #FFF;
        }

        .number-div1{
            background-color: #D9D9D9;
            width: 80px;
            height: 80px;
            display: flex;
            justify-content: center;
            box-shadow: 0px 0px 10px 5px #D9D9D9;
            align-items: center;
            border-radius: 100px;
            font-family: Poppins;
            font-size: clamp(18px,3vw,3.1rem);
            font-weight: 400;
            line-height: 120%;
            text-align: left;

        }

        #line-path{
            width: 6px;
            height: 100%;
            display: block;
            position: absolute;
            left: 50%;
            transform: translate(-50%,0%);
            z-index: -1;
            background-color: #d9d9d93f;
        }

        #line-child{
            width: 100%;
            background-color: #D9D9D9;
            height: 100%;
        }
        
        .section-three-about h2{    
            display: flex;
            align-items: center;
            color: #EAEBEF;
            width: 100%;
            font-family: Poppins;
            font-size: clamp(26px,3vw,3.1rem);
            font-weight: 300;
            line-height: 160%;

        }

        .section-three-about-div{
            width: 100%;
            display: flex;
        }

        .span-about-two{
            border: 2px solid #474747;
            padding: .2rem .9rem;
            border-radius: 45px;
        }

        .section-two-about h2 span {
            opacity: 0.5;
        }

        .section-two-about h2{
            text-align: center;
            color: #979797;
   
            width: 85%;
            font-family: Poppins;
            font-size: clamp(30px,3.3vw,3.4rem);
            font-weight: 300;
            line-height: 160%;
            text-align: center;

        }

        .main-about{
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            width: 100%;
            min-height: 100vh;
            
            gap: 3rem;
            padding: 3rem 0rem;
        }

.imagen-contact{
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    position: relative;
}

.contact-main{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
}

.p-position{
    color: #FFF;
font-family: Poppins;
position: absolute;
width: 30%;
right: 10%;
top: 5%;
font-size: clamp(16px,1.8vw,1.9rem);
font-style: normal;
font-weight: 400;
line-height: 33px; /* 110% */
}

.div-info-contact{
    position: absolute;
    z-index: 2;
    right: 6.5%;
    bottom: 12%;
    width: 35%;
    border-radius: 45px;
    height: 55%;
    background-color: #171717;
    display: flex;
    align-items: center;
    
    justify-content: center;
}

.position-map{
    position: relative;
}

.contact-main section{
    width: 95%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 5.5rem 0rem 7rem 0rem;
}

.contact-main h1{
    color: #EAEBEF;
font-family: Poppins;
font-size: clamp(25px,3.5vw,3.6rem);
font-style: normal;
font-weight: 400;
line-height: 105%; /* 106.667% */
}

.info-contact{
    width: 80%;
    height: 80%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.section-home-hero-div{
    height: 100% !important;
}

.section-home-hero{
    height: 100vh;
}

#hero-bg{
    height: 100vh;
}

.info-contact h3{
    color: #FFF;
font-family: Poppins;
font-size: clamp(22px,2.1vw,2.2rem);
font-style: normal;
font-weight: 500;
line-height: 100%; /* 58.8px */
}

.info-contact div{
   
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.form-contact{
    background-color: transparent;
    flex-grow: 1;
    display: flex;
    justify-content: center;

    align-items: center;
    border-radius: 45px;
    border: 1px solid #EAEBEF;
}

.two-inputs {
    width: 100%;
    display: flex;
    gap: 1.5rem;
}

.one-inputs{
    width: 95%;
    display: flex;
}

.two-inputs input{
    width: 45%;
}

.form-index{
    width: 85%;
    align-items: start;
}

.form-contact form input{
border-radius: 50px;
color: #000;
font-family: Poppins;
font-size: clamp(15px,1.1vw,1.2rem);
font-style: normal;
font-weight: 400;
line-height: normal;
outline: none;
height: 3.8rem;
padding-left: 5%;
border: none;
background: rgba(217, 217, 217, 0.30);
}

.div-boton-form{
    width: 100%;
    cursor: pointer;
    display: flex;
}


.div-boton-form svg{
    cursor: pointer;
}

.div-boton-form button{
    width: 38%;
    cursor: pointer;
    border-radius: 50px;
    color: #FFF;
text-align: center;
font-family: Poppins;
font-size: clamp(14px,1.1vw,1.2rem);

font-style: normal;
font-weight: 400;
line-height: normal;
    border: none;
    background: #000000;
    color: #FFF;
}

.formulario-index-buttons button{
    width: 30% !important;
}


.form-contact form input::placeholder{
    color: #000;
font-family: Poppins;
font-size: clamp(14px,1.1vw,1.2rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-h3s{
    position: relative;
}

.placeholder-h3s{
   opacity: 0; 
}

.abs-h3{
    position: absolute;
    top: 50%;

    transition: all 1s ease;
    opacity: 0;

}
.abs-h3.active-h3{
    position: relative;
}

.top-15{
    top:15% !important;
}


.top-10{
    bottom:20% !important;
}

.inactives-h3{
    position: absolute;
    top: -50%;
    transition: all 1s ease;
    opacity: 0;

}


.active-h3{
    opacity: 1 !important;
    top: 0% !important;
}

.form-contact form textarea::placeholder{
    color: #000;
font-family: Poppins;
font-size: clamp(14px,1.1vw,1.2rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.form-contact form textarea{
    border-radius: 50px;
    border: none;
    background: rgba(217, 217, 217, 0.30);
    resize: none;
    height: 16.2rem;
    padding-left: 5%;
    padding-top: 3%;
    color: #000;
font-family: Poppins;
outline: none;
font-size: clamp(14px,1.1vw,1.2rem);
font-style: normal;
font-weight: 400;
line-height: normal;
    }

    .slide-product {
        opacity: 1;
        transform: translateX(0%);
      }

.form-contact form{
    width: 90%;
    height: 85%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.info-contact-p{
    color: #FFF;
font-family: Poppins;
font-size: clamp(16px,1.25vw,1.3rem);
font-style: normal;
font-weight: 400;
line-height: 100%; 
}

.p-red{
    color: #D7160C;
font-family: Poppins;

font-size: clamp(16px,1.7vw,1.8rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 50.4px */
}

.informacion-contact{
    display: flex;
    height: 100%;
    gap: 2rem;
}

.contact-main h1 svg{
    width: 40px;
    height: 40px ;
}

.fondo-bombillo-apagado{
    position: absolute;
    top: 20.5%;
    height: 87%;
    z-index: -2;
    opacity: 0;
    transition: all .5s ease;
}

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

.si-mb2{
    display: none;
}

.si-mb{
    display: none !important;
}

.content-terms p{
    color: #EAEBEF;
font-family: Poppins;
width: 85%;
text-align: justify;
font-size: clamp(15px,1.35vw,1.5rem);
font-style: normal;
font-weight: 300;
line-height: normal;
}

.options-mb {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: fit-content;
    display: none;
    justify-content: center;
    align-items: center;
}

.option-mb-1 {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease;
}

.option-mb-2 {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #D7160C;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease;
}

.option-mb-1:hover {
    background-color: #0000009a;
}

.option-mb-2:hover {
    background-color: #d7160c80;
}

.noDis {
    display: none;
}

.div-TipoCable-mb {
    display: none;
    border-radius: 45px;
    border: 1px solid #171717;
    cursor: pointer;
    padding: .5rem 2.6rem;
    transition: all .8s ease;
    font-family: 'Poppins';
}

.div-TipoCable-mb h4 {
    font-weight: 400;
}

@media screen and (min-width: 1440px)  and (max-width: 1599px) {
    .buttons-nav ul li a{
    width: 9rem;
    }

    .info-hero p{
        width: 44%;
    }

    .div-con-imagen2 h2 svg{
        width: 45px !important;
        height: 25px !important; 
    }


    .buttons-nav{
        width: 35%;
    }

    .main-about{
        padding: 2rem 0rem;
    }

    .section-home-hero{
        height: 100vh;
    }

    .informacion-baja-div2{
        flex-grow: .7;
    }

    .formulario-index-h3{
        height: 19.5%;;
    }

    .formulario-index h3{
        line-height: 60px;
    }

    .formulario-index h3{
        font-size: 50px;
    }

    .formulario-index h3 svg{
        height: 40px;
    }

    .info-arrivals2 a{
        display: none;
    }

    .info-arrivals2-div-last h1{
        display: none;
    }

    .section-with-slide{
        height: 600px;
    }

    .div-con-imagen2{
        width: 95%;
    }

    .hijo-principal3{
        bottom: 18%;
        width: 47%;
    }

    .img-fondo2{
        width: 180px;
        top: 13.5%;
    }

    .div-shaped-div6 {
        position: relative;
        width: 30%;
        position: absolute;
        aspect-ratio: 506 / 458;
        background-color: #979797;
        -webkit-clip-path: path("M364.2675 349.9875L176.62779 349.9875C163.95327 349.9875 153.67779 339.712785 153.67779 326.0375V228.30201C153.67779 214.714275 143.402065 205.351015 130.72779 205.351015H22.95C10.3150975 205.351015 0 194.07653 0 182.40201V23.3325C0 11.6577025 10.3150975 0.3825 22.95 0.3825H167.535C180.172035 0.3825 190.4475 10.6580475 190.4475 23.295V141.1425C190.4475 160.154555 205.997455 175.5675 224.91 175.5675L364.2675 175.5675C376.432785 175.5675 386.7075 185.842215 386.7075 198.0075V326.0375C386.7075 339.712785 376.432785 349.9875 364.2675 349.9875Z");
        clip-path: path("M364.2675 349.9875L176.62779 349.9875C163.95327 349.9875 153.67779 339.712785 153.67779 326.0375V228.30201C153.67779 214.714275 143.402065 205.351015 130.72779 205.351015H22.95C10.3150975 205.351015 0 194.07653 0 182.40201V23.3325C0 11.6577025 10.3150975 0.3825 22.95 0.3825H167.535C180.172035 0.3825 190.4475 10.6580475 190.4475 23.295V141.1425C190.4475 160.154555 205.997455 175.5675 224.91 175.5675L364.2675 175.5675C376.432785 175.5675 386.7075 185.842215 386.7075 198.0075V326.0375C386.7075 339.712785 376.432785 349.9875 364.2675 349.9875Z");
        right: 0%;
        top: 18.5%;
    }

    .formulario-index-buttons button{
        width: 35% !important;
    }

    .div-con-imagen img{
        height: 40%;
        top: 4%;
    }

    .asset-absolute{
        width: 350px;
        top: 21%;
    }

    .hijo-principal2{
        height: 80%;
    }

    .photo-finished{

        min-height: 745px;
        max-height: 777px;
        width: 265px;
    }

    .div-con-imagen3 {
        width: 55%;
    }

    

    .section-test{
        height: 950px;
        min-width: 1370px;
        max-width: 1480px;
    }

    .photo-finished img {
        position: absolute;
        bottom: 0%;
        object-fit: cover;
        height: 61.5%;
        z-index: -1;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        left: -55%;
        width: 155%;
    }

    .svg-shaped-div5 {
        position: relative;
        width: 100%;
        aspect-ratio: 676 / 186;
        background-color: #979797;
        -webkit-clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
        clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
    }

    .div-1-title-test h2{
        height: 0%;
    }

    .div-1-title-test div img{
        height: 100%;
    }

    .informacion-baja-div1{
        height: 10%;
        align-items: center;
    }

    .section-test-div1{
        height: 900px;
        
    width: 1353px;
    }

    .informacion-alta-divs{
        height: 60%;
    }

    .informacion-alta-div{
        justify-content: end;
    }

    .div-1-title-test div{
        height: 45%;
    }

    .section-test-div1-img{
        object-fit: contain;
    }

    .div-1-title-test h2{
        width: 80%;
    }

    .section-test{
        height: 950px;
    }


    .svg-shaped-div4 {
        position: relative;
        width: 37%;
        height: 100%;
        /* height: 760px;
        aspect-ratio: 1081 / 618;
        background-color: #979797;
        -webkit-clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z");
        clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z"); */
    }

    .formulario-index, .svg-shaped-div4{
        height: 681px;
    }

    .section-formulario{
        height: 800px;
    }

    .svg-shaped-div4 img{
        height: 100.1%;
    }

    .section-formulario-div{
        height: fit-content;
    }

    .slider-products{
        height: 650px;
    }

    .section-without-slide{
        height:580px;

    }

    .img-assets-2{
        bottom: 0%;
    }

    .div-con-cambioImagen{
        height: 80%;
        align-items: center;
        top: 5.5%;
        position: relative;
    }
    .slider p{
        font-size: 24px;
    }


    .buttons-slider{
        height: 44%;
        width: 30%;
    }

    .section-without-slide{
        max-width: 1560px;
    }

    .div-con-sotto{
        position: relative;
    }

    .div-con-cambioImagen2 {
        height: 58.5%;
    }
    
    .div-con-cambioImagen2-slider {
        height: 100%;
    }

    .info-final-header p{
        font-size: 30px;
    }

    header svg {
        width: 92%;
        max-width: 1400px;
        height: 100%;
    
        transform: scaleY(1.10) translate(-50%);
        left: 50%;
        position: absolute;
    }

    .boton-close {
        right: -90%;
    }

    .info-final-header{
        height: 10%;
    }

    .boton-close{
        height: 70px;
    }

    .cables-2 {
        right: 0%;
    }

    .div-shaped {
        top: 15%;
        left: 5%;
        width: 42.5%;
        height: 80%;
    }

    .info-final-header{
        gap: .5rem;
    }

    .svg-shaped-div6 {
        position: relative;
        width: 85%;
        height: 85%;
        opacity: 0;
        transition: all 1s ease;
        background-color: #171717;
        -webkit-clip-path: path("M402.48 0H25.92C11.60478 0 0 11.60478 0 25.92V354.52944C0 368.84424 11.60478 380.44944 25.92 380.44944H141.30072C154.3428 380.44944 164.88 391.98664 164.88 405.02872C164.88 418.0708 175.4172 428.64 188.45928 428.64H402.48C418.51504 428.64 430.32 416.83504 430.32 400.8V25.92C430.32 11.60478 418.51504 0 402.48 0Z");
        clip-path: path("M402.48 0H25.92C11.60478 0 0 11.60478 0 25.92V354.52944C0 368.84424 11.60478 380.44944 25.92 380.44944H141.30072C154.3428 380.44944 164.88 391.98664 164.88 405.02872C164.88 418.0708 175.4172 428.64 188.45928 428.64H402.48C418.51504 428.64 430.32 416.83504 430.32 400.8V25.92C430.32 11.60478 418.51504 0 402.48 0Z");
    }

    .div-subterraneo div h4{
        font-size: 28px;
    }

    .div-subterraneo div {
        width: 33.5%;
    }

    .div-subterraneo{
        bottom: 0%;
    }

    .div-bajo-hero3-div2 button {
        padding: .5rem .5rem;
    }

    .div-con-cambioImagen2-tipoCable div h4{
        font-size: 22px;
    }

    .div-bajo-hero1{
        width: 55%;
    }

    .div-bajo-hero1{
        top: 15%;
        position: relative;
    }

    .info-hero {
        height: 55%;
     }

    .info-hero div h2 {
        width: 62%;
    }

    .div-con-cambioImagen2-tipoCable{
        height: 22%;
        gap: 1.25rem;
    }

    .section-one-about{
        height: fit-content;
    }

    .div1-info{
        height: 60%;
    }

    .border-box{
        padding: .05rem .5rem;
    }

    .div-section-one-h2 h2{
        line-height: 55px;
    }

    .border-2 {
        padding: .01rem .5rem;
    }

    .p1-info{
        font-size: 28px;
        top: 10%;
    }

    .section-one-about {
        align-items: start;
    }

    .section-final-about{
        gap: 1.5rem;
    }

    .div2-child2-child1-prefinal-about{
        height: 100%;
    }

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

    .div2-child2-child1-prefinal-about{
        height: 450px;
        margin-top: -100px;
    }

    .section-prefinal-about{
        min-height: 950px;
        height: fit-content;
    }

    .section-prefinal-about{
        gap: 1rem;
    }

    .div2-child2-child2-prefinal-about{
        height: 75%;
        margin-top: 35px;
    }

    .div2-child2-child1-prefinal-about{
        width: 35.5%;
    }

    .div-section-one{
        gap: 20px;
    }

    .div2-section-one-visions div p{
        width: 85%;
    }

    .div-section-two {
        height: 760px;
    }

    .div-section-two-div div{
        height: 55%;
    }

    .div-espiral{
        top: 0%;
        right: 15%;
    }

    
.form-contact form textarea{
    height: 12.2rem;
    }

    .footer-details ul li{
        width: 25%;
    gap: 1.2rem;
    
    }

    .content-products-child-div .product-img{
        height: 90%;
    }

    .flotante-div-shop{
        right: -245%;
    }

    .btn-float{
        width: 220px;
    }

    .three-div-child{
        height: 70%;
        gap: 1.85rem;
    }

    .three-div-child div{
        height: 70%;
    }

    .search-div-nav{
        margin-left: 1rem;
    }

    .three-div-father-child{
        height: 650px;
        top: -5%;
    }

    .top-15{
        top: 5% !important;
    }

    .linea-recta{
        flex-grow: .8;
    }

    .img-float{
        width: 100%;
        bottom: 14.5%;
    }

    .three-div{
        width: 31%;
    }

    .pos-rel {
        position: relative;
        top: -12.5%;
    }

    .div-direction{
        width: 380px;
        height: 380px;
    }

    .search-div-nav{
        width: 95%;
    }
    .p-position{
        width: 35%;
        right: 8.5%;
        top: 1.5%;
    }

    .div-info-contact{
        right: 10%;
        bottom: 11%;
        width: 40%;
        height: 280px;

    }

    .info-contact{
        gap: 1.5rem;
    }

    .form-contact form{
        gap: .75rem;
        height: 95%;
    }

    .position-map {
        width: 100%;
    }
    .svg-shaped-div {
        position: relative;
        width: 100%; /* 100% del contenedor padre */
        aspect-ratio: 1081 / 618; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M752.445 0H64.125C28.7097 0 0 28.7097 0 64.125V816.525C0 851.94 28.7097 880.65 64.125 880.65H1476.3C1511.72 880.65 1540.43 851.94 1540.43 816.525V261.976C1540.43 226.561 1511.72 197.851 1476.3 197.851H882.12C846.705 197.851 818 169.141 818 133.726V64.125C818 28.7097 789.29 0 752.445 0Z");
        clip-path: path("M571.8601 0H44.67375C16.364605 0 0 20.001205 0 44.67375V426.6336C0 454.1145 16.364605 471.3083 44.67375 471.3083H771.36675C799.6759 471.3083 816.0405 454.1145 816.0405 426.6336V136.3592C816.0405 111.7941 799.6759 91.7931 771.36675 91.7931H460.90675C432.5976 91.7931 413.79625 71.6925 413.79625 44.67375V44.67375C413.79625 20.001205 397.4316 0 369.12245 0Z");
    }

    .search-div-nav #search-bg svg{
        right: 4%;
    }
}

@media screen and (min-width: 1280px)  and (max-width: 1365px) {
    .buttons-nav ul li a{
    width: 8rem;
    }

    .div-con-imagen2 h2 svg{
        width: 45px !important;
        height: 25px !important; 
    }

    .buttons-nav{
        width: 35%;
    }
        
    .formulario-index-h3{
        height: 27.5%;
    }

    .formulario-index h3{
        line-height: 60px;
    }

    .formulario-index h3{
        font-size: 50px;
    }

    .formulario-index h3 svg{
        height: 40px;
    }

    .info-arrivals2 a{
        display: none;
    }

    .info-arrivals2-div-last h1{
        display: none;
    }

    .section-with-slide{
        height: 680px;
    }

    .div-con-imagen2{
        width: 95%;
    }

    .hijo-principal3{
        bottom: 25.5%;
    }

    .img-fondo2{
        width: 160px;
        top: 19%;
    }

    .div-shaped-div6 {
        position: relative;
        width: 30%;
        position: absolute;
        aspect-ratio: 506 / 458;
        background-color: #979797;
        -webkit-clip-path: path("M327.84075 314.98875L158.965011 314.98875C147.557943 314.98875 138.310011 305.7415065 138.310011 293.43375V205.471809C138.310011 193.2428475 129.0618585 184.8159135 117.655011 184.8159135H20.655C9.2835905 184.8159135 0 174.668877 0 164.161809V21.99975C0 10.4919325 9.2835905 0.34425 20.655 0.34425H150.7815C162.1548315 0.34425 171.40275 9.5922425 171.40275 20.9655V127.02825C171.40275 144.1391 185.3977095 158.01075 204.529 158.01075L327.84075 158.01075C338.7895065 158.01075 347.63675 169.2578065 347.63675 181.20675V293.43375C347.63675 305.7415065 338.7895065 314.98875 327.84075 314.98875Z");
clip-path: path("M327.84075 314.98875L158.965011 314.98875C147.557943 314.98875 138.310011 305.7415065 138.310011 293.43375V205.471809C138.310011 193.2428475 129.0618585 184.8159135 117.655011 184.8159135H20.655C9.2835905 184.8159135 0 174.668877 0 164.161809V21.99975C0 10.4919325 9.2835905 0.34425 20.655 0.34425H150.7815C162.1548315 0.34425 171.40275 9.5922425 171.40275 20.9655V127.02825C171.40275 144.1391 185.3977095 158.01075 204.529 158.01075L327.84075 158.01075C338.7895065 158.01075 347.63675 169.2578065 347.63675 181.20675V293.43375C347.63675 305.7415065 338.7895065 314.98875 327.84075 314.98875Z");
right: 0%;
        top: 24.5%;
    }

    .formulario-index-buttons button{
        width: 35% !important;
    }

    .div-1-title-test {
        height: 80%;
    }

    .div-con-imagen img{
        height: 30%;
        top: 4%;
        right: 3.5%;
    }

    .pos-abs2{
        right: -3%;
    }

    .asset-absolute{
        width: 270px;
        top: 30%;
    }

    .hijo-principal2{
        height: 80%;
    }

    .div-con-imagen2 h2{
        width: 70%;
    }

    .div-con-imagen2 p{
        width: 70%;
    }
    .div-con-imagen2{
        gap: 0;
    }
    .photo-finished{
        height: 748px;
    }

    .photo-finished img {
        position: absolute;
        bottom: 0%;
        object-fit: cover;
        height: 58.5%;
        z-index: -1;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        left: -50%;
        width: 155%;
    }

    .svg-shaped-div5 {
        position: relative;
        width: 100%;
        aspect-ratio: 676 / 186;
        background-color: #979797;
        -webkit-clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
        clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
    }

    .div-1-title-test h2{
        height: 0%;
    }

    .div-1-title-test div img{
        height: 100%;
    }

    .informacion-baja-div1{
        height: 12.5%;
        align-items: end;
    }



    .section-test-div1{
        height: 900px;
    }

    .informacion-alta-divs{
        height: 60%;
    }

    .informacion-alta-div{
        justify-content: end;
    }

    .div-1-title-test div{
        height: 45%;
    }

    .section-test-div1-img{
        object-fit: contain;
    }

    .div-1-title-test h2{
        width: 85%;
    }

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

    .form-contact{
        height: 90%;
        padding: 2rem 0rem 0 0;
    }

    .form-contact form textarea{
        height: 145px;
    }

    .form-contact form{
        height: 95%;
    }


    .svg-shaped-div4 {
        position: relative;
        width: 37%;
        height: 100%;
        /* height: 760px;
        aspect-ratio: 1081 / 618;
        background-color: #979797;
        -webkit-clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z");
        clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z"); */
    }

    .formulario-index, .svg-shaped-div4{
        height: 681px;
    }

    .section-formulario{
        height: 800px;
    }

    .svg-shaped-div4 img{
        height: 100.1%;
    }

    .section-formulario-div{
        height: fit-content;
    }

    .slider-products{
        height: 650px;
    }

    .section-without-slide{
        height: 500px;

    }

    .img-assets-2{
        bottom: 0%;
    }

    .div-con-cambioImagen{
        height: 65%;
        align-items: center;
        top: 0%;
        position: relative;
    }
    .slider p{
        font-size: 20px;
    }

    

    .buttons-slider{
        height: 44%;
        width: 30%;
    }

    .div-con-sotto{
        top: 2%;
        position: relative;
    }

    .div-con-cambioImagen2 {
        height: 55.5%;
    }
    
    .div-con-cambioImagen2-slider {
        height: 90%;
    }

    .cables-2 {
        right: 0%;
    }

    .div-subterraneo div h4{
        font-size: 28px;
    }

    .div-subterraneo div div{
        width: 35px;
    }

    .div-subterraneo div {
        width: 34.5%;
    }

    .div-subterraneo{
        bottom: 18%;
    }

    .div-con-cambioImagen2-tipoCable div h4{
        font-size: 18px;
    }

    .div-bajo-hero1{
        width: 55%;
    }

    .div-bajo-hero1{
        top: -25%;
        position: relative;
    }

    .info-hero {
        height: 70%;
     }
     .info-hero p{
        width: 44%;
     }
    .info-hero div h2 {
        width: 62%;
    }

    .div-con-cambioImagen2-tipoCable{
        height: 22%;
        gap: 1.25rem;
    }


    .section-one-about{
        height: fit-content;
    }
    .div1-info{
        height: 60%;
    }

    .div-section-one-h2 h2{
        line-height: 70px;
    }

    .p1-info{
        font-size: 24px;
        top: 0%;
    }

    .section-one-about {
        align-items: start;
    }

    .section-final-about{
        gap: 1.5rem;
    }

    .section-prefinal-about{
        gap: 1rem;
    }

    .div2-child2-child2-prefinal-about{
        height: 70%;
    }



    .div2-child2-child1-prefinal-about{
        width: 38.5%;
    }

    .div-section-one{
        gap: 20px;
    }

    .div2-section-one-visions div p{
        width: 85%;
    }

    .div2-child2-child1-prefinal-about{
        height: 100%;
    }

    .section-final-about div img{
        height: 100%;
    }

    .div2-child2-child1-child1-prefinal-about h3{
        line-height: 120px;
    }

    .div-section-two {
        height: 820px;
    }

    .div-section-two-div div{
        height: 55%;
    }

    .div-espiral{
        top: 0%;
        right: 15%;
    }

    .three-div-father-child{
        height: 450px;
    }

    .back-path-h8 p{
        font-size: 20px;
        line-height: 120%;
    }

    .back-path-h7-div{
        height: 180px;
        width: 80%;
    }

    .div-section-two-div{
        width: 100%;
    }

    .cuadro-blanco img{
        height: 100%;
    }

    .section-three-about-div-div1{
        width: 10%;
    }

    .btn-float{
        width: 185px;
        height: 65px;
    }

    .content-products-child-div .product-img{
        height: 90%;
    }

    .flotante-div-shop{
        right: -200px;
    }

    .search-div-nav{
        margin-left: 0rem;
    }

    .div-direction{
        width: 380px;
        height: 380px;
    }

    .p-position{
        width: 30%;
        right: 17.5%;
        top: 1.5%;
    }

    .position-map {
        width: 100%;
    }

    .info-contact{
        gap:1.4rem;
    }

    .div-info-contact{

        right: 10.5%;
        bottom: 13.5%;
        width: 38.5%;
        height: 250px;


    }

    
    .form-contact form{
        gap: .75rem;
        height: 90%;
    }

    .svg-shaped-div {
        position: relative;
        width: 100%; /* 100% del contenedor padre */
        aspect-ratio: 1081 / 618; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M752.445 0H64.125C28.7097 0 0 28.7097 0 64.125V816.525C0 851.94 28.7097 880.65 64.125 880.65H1476.3C1511.72 880.65 1540.43 851.94 1540.43 816.525V261.976C1540.43 226.561 1511.72 197.851 1476.3 197.851H882.12C846.705 197.851 818 169.141 818 133.726V64.125C818 28.7097 789.29 0 752.445 0Z");
        clip-path: path("M490.2985532375 0H38.30215640625C14.0306032125 0 0 17.148533136875 0 38.30215640625V364.8349828C0 388.3464194375 14.0306032125 404.08795359375 38.30215640625 404.08795359375H661.35056728125C686.76663425 404.08795359375 700.4611547625 388.3464194375 700.4611547625 364.8349828V116.9109698125C700.4611547625 95.84946625 686.76663425 78.700933125 661.35056728125 78.700933125H396.119925375C370.70385840625 78.700933125 353.8760595 61.4669064125 353.8760595 38.30215640625V38.30215640625C353.8760595 17.148533136875 339.8454562875 0 316.4792914375 0Z");
    }

    
    
.footer-details ul li{
    width: 25%;
gap: 1.2rem;

}

  
.btn-active {
    top:15% !important;
}

.boton-close{
    right: -115%;
    top: -1.5% !important;
}

header svg{
    width: 97.5%;
    top: 1%;
    transform: scaleY(1.04) translate(-50%);
}


.cables-2 {
    right: 0%;
}

.div-shaped {
    top: 15%;
    width: 42.5%;
    height: 70%;
}

.svg-shaped-div6 {
    position: relative;
    width: 85%;
    height: 100%;
    top: 7%;
    opacity: 0;
    transition: all 1s ease;
    background-color: #171717;
    -webkit-clip-path: path("M402.48 0H25.92C11.60478 0 0 11.60478 0 25.92V354.52944C0 368.84424 11.60478 380.44944 25.92 380.44944H141.30072C154.3428 380.44944 164.88 391.98664 164.88 405.02872C164.88 418.0708 175.4172 428.64 188.45928 428.64H402.48C418.51504 428.64 430.32 416.83504 430.32 400.8V25.92C430.32 11.60478 418.51504 0 402.48 0Z");
    clip-path: path("M402.48 0H25.92C11.60478 0 0 11.60478 0 25.92V354.52944C0 368.84424 11.60478 380.44944 25.92 380.44944H141.30072C154.3428 380.44944 164.88 391.98664 164.88 405.02872C164.88 418.0708 175.4172 428.64 188.45928 428.64H402.48C418.51504 428.64 430.32 416.83504 430.32 400.8V25.92C430.32 11.60478 418.51504 0 402.48 0Z");
}

    .search-div-nav #search-bg svg{
        right: 5%;
    }
}

@media screen and (min-width: 1266px)  and (max-width: 1305px) and (min-height:400px) and (max-height:800px) {

    .div-subterraneo{
        bottom: 21%;
    }

    .info-hero p{
        width: 40%;
    }

    .info-hero div h2{
        font-size: 42px;
    }


    .info-hero div svg{
        width: 40px;
        height: 40px;
    }

}


@media screen and (min-width: 1306px)  and (max-width: 1439px) and (min-height:400px) and (max-height:800px) {

    .div-subterraneo{
        bottom: 19%;
    }

    .info-hero p{
        width: 40%;
    }

    .info-hero div h2{
        font-size: 42px;
    }


    .info-hero div svg{
        width: 40px;
        height: 40px;
    }

}


@media screen and (min-width: 1366px)  and (max-width: 1439px) {
    
    .buttons-nav ul li a{
        width: 8.5rem;
        }

        .logo-nav{
            width: 11rem;
        }
        
    .boton-close {
        right: -96%;
    }

    .info-final-header p{
        font-size: 26px;
    }

    header svg{
        top: 0%;
        transform: scaleY(.95) translate(-50%);
    }


    .cables-2 {
        right: 0%;
    }

    .div-shaped {
        top: 15%;
        width: 42.5%;
        height: 70%;
    }

    .svg-shaped-div6 {
        position: relative;
        width: 85%;
        height: 92%;
        top: 3%;
        opacity: 0;
        transition: all 1s ease;
        background-color: #171717;
        -webkit-clip-path: path("M402.48 0H25.92C11.60478 0 0 11.60478 0 25.92V354.52944C0 368.84424 11.60478 380.44944 25.92 380.44944H141.30072C154.3428 380.44944 164.88 391.98664 164.88 405.02872C164.88 418.0708 175.4172 428.64 188.45928 428.64H402.48C418.51504 428.64 430.32 416.83504 430.32 400.8V25.92C430.32 11.60478 418.51504 0 402.48 0Z");
        clip-path: path("M402.48 0H25.92C11.60478 0 0 11.60478 0 25.92V354.52944C0 368.84424 11.60478 380.44944 25.92 380.44944H141.30072C154.3428 380.44944 164.88 391.98664 164.88 405.02872C164.88 418.0708 175.4172 428.64 188.45928 428.64H402.48C418.51504 428.64 430.32 416.83504 430.32 400.8V25.92C430.32 11.60478 418.51504 0 402.48 0Z");
    }

        .buttons-nav{
            width: 35%;
        }
        .formulario-index-h3{
            height: 27.5%;
        }
    
        .formulario-index h3{
            line-height: 60px;
        }
    
        .formulario-index h3{
            font-size: 50px;
        }
    
        .formulario-index h3 svg{
            height: 40px;
        }
    
        .info-arrivals2 a{
            display: none;
        }
    
        .info-arrivals2-div-last h1{
            display: none;
        }
    
        .section-with-slide{
            height: 680px;
        }
    
        .div-con-imagen2{
            width: 95%;
        }
    
        .hijo-principal3{
            bottom: 23%;
        }
    
        .img-fondo2{
            width: 160px;
            top: 19%;
        }
    
        .div-shaped-div6 {
            position: relative;
            width: 30%;
            position: absolute;
            aspect-ratio: 506 / 458;
            background-color: #979797;
            -webkit-clip-path: path("M327.84075 314.98875L158.965011 314.98875C147.557943 314.98875 138.310011 305.7415065 138.310011 293.43375V205.471809C138.310011 193.2428475 129.0618585 184.8159135 117.655011 184.8159135H20.655C9.2835905 184.8159135 0 174.668877 0 164.161809V21.99975C0 10.4919325 9.2835905 0.34425 20.655 0.34425H150.7815C162.1548315 0.34425 171.40275 9.5922425 171.40275 20.9655V127.02825C171.40275 144.1391 185.3977095 158.01075 204.529 158.01075L327.84075 158.01075C338.7895065 158.01075 347.63675 169.2578065 347.63675 181.20675V293.43375C347.63675 305.7415065 338.7895065 314.98875 327.84075 314.98875Z");
    clip-path: path("M327.84075 314.98875L158.965011 314.98875C147.557943 314.98875 138.310011 305.7415065 138.310011 293.43375V205.471809C138.310011 193.2428475 129.0618585 184.8159135 117.655011 184.8159135H20.655C9.2835905 184.8159135 0 174.668877 0 164.161809V21.99975C0 10.4919325 9.2835905 0.34425 20.655 0.34425H150.7815C162.1548315 0.34425 171.40275 9.5922425 171.40275 20.9655V127.02825C171.40275 144.1391 185.3977095 158.01075 204.529 158.01075L327.84075 158.01075C338.7895065 158.01075 347.63675 169.2578065 347.63675 181.20675V293.43375C347.63675 305.7415065 338.7895065 314.98875 327.84075 314.98875Z");
 right: 0%;
            top: 24.5%;
        }
    
        .formulario-index-buttons button{
            width: 35% !important;
        }
    
        .div-1-title-test {
            height: 90%;
        }

        .div-con-imagen img{
            height: 35%;
            top: 4%;
            right: 3.5%;
        }

        .pos-abs2{
            right: -3%;
        }
    
        .asset-absolute{
            width: 320px;
            top: 25%;
        }
    
        .hijo-principal2{
            height: 80%;
        }
    
        .photo-finished{
            height: 768px;
        }
    
        .photo-finished img {
            position: absolute;
            bottom: 0%;
            object-fit: cover;
            height: 60.5%;
            z-index: -1;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            left: -50%;
            width: 155%;
        }
    
        .svg-shaped-div5 {
            position: relative;
            width: 100%;
            aspect-ratio: 676 / 186;
            background-color: #979797;
            -webkit-clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
            clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
        }
    
        .div-1-title-test h2{
            height: 0%;
        }
    
        .div-1-title-test div img{
            height: 100%;
        }
    
        .informacion-baja-div1{
            height: 17.5%;
            align-items: center;
        }


    
        .section-test-div1{
            height: 900px;
        }
    
        .informacion-alta-divs{
            height: 60%;
        }
    
        .informacion-alta-div{
            justify-content: end;
        }
    
        .div-1-title-test div{
            height: 45%;
        }
    
        .section-test-div1-img{
            object-fit: contain;
        }
    
        .div-1-title-test h2{
            width: 85%;
        }
    
        .section-test{
            height: fit-content;
        }

        .form-contact{
            height: 90%;
            padding: 2rem 0rem 0 0;
        }

        .form-contact form textarea{
            height: 145px;
        }

        .form-contact form{
            height: 95%;
        }
    
    
        .svg-shaped-div4 {
            position: relative;
            width: 37%;
            height: 100%;
            /* height: 760px;
            aspect-ratio: 1081 / 618;
            background-color: #979797;
            -webkit-clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z");
            clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z"); */
        }
    
        .formulario-index, .svg-shaped-div4{
            height: 681px;
        }
    
        .section-formulario{
            height: 800px;
        }
    
        .svg-shaped-div4 img{
            height: 100.1%;
        }
    
        .section-formulario-div{
            height: fit-content;
        }
    
        .slider-products{
            height: 650px;
        }
    
        .section-without-slide{
            height: 550px;
    
        }
    
        .img-assets-2{
            bottom: 0%;
        }
    
        .div-con-cambioImagen{
            height: 65%;
            align-items: center;
            top: 0%;
            position: relative;
        }
        .slider p{
            font-size: 20px;
        }
    
        
    
        .buttons-slider{
            height: 44%;
            width: 30%;
        }
    
        .div-con-sotto{
            position: relative;
        }
    
        .div-con-cambioImagen2 {
            height: 60.5%;
        }
        
        .div-con-cambioImagen2-slider {
            height: 90%;
        }
    
        .cables-2 {
            right: 0%;
        }
    
        .div-subterraneo div h4{
            font-size: 28px;
        }
    
        .div-subterraneo div {
            width: 33.5%;
        }
    
        .div-subterraneo{
            bottom: 20%;
        }
    
        .div-con-cambioImagen2-tipoCable div h4{
            font-size: 22px;
        }
    
        .div-bajo-hero1{
            width: 55%;
        }
    
        .div-bajo-hero1{
            top: -25%;
            position: relative;
        }
    
        .info-hero {
            height: 55%;
         }
    
        .info-hero div h2 {
            width: 62%;
        }
    
        .div-con-cambioImagen2-tipoCable{
            height: 22%;
            gap: 1.25rem;
        }
    

        .section-one-about{
            height: fit-content;
        }
        .div1-info{
            height: 60%;
        }
    
        .div-section-one-h2 h2{
            line-height: 70px;
        }
    
        .p1-info{
            font-size: 28px;
            top: 5%;
        }
    
        .section-one-about {
            align-items: start;
        }
    
        .section-final-about{
            gap: 1.5rem;
        }
    
        .section-prefinal-about{
            gap: 1rem;
        }
    
        .div2-child2-child2-prefinal-about{
            height: 90%;
        }
    
        .div2-child2-child1-prefinal-about{
            width: 38.5%;
        }
    
        .div-section-one{
            gap: 20px;
        }
    
        .div2-section-one-visions div p{
            width: 85%;
        }
    
        .div-section-two {
            height: 820px;
        }
    
        .div-section-two-div div{
            height: 55%;
        }
    
        .div-espiral{
            top: 0%;
            right: 15%;
        }

        .three-div-father-child{
            height: 450px;
        }
        .img-float{
            width: 97.5%;
            left: 50%;
            transform: translateX(-50%);
        }

    
        .btn-float{
            width: 195px;
            height: 65px;
        }
    
        .content-products-child-div .product-img{
            height: 90%;
        }
    
        .flotante-div-shop{
            right: -200px;
        }
    
        .search-div-nav{
            margin-left: 0rem;
        }
    
        .div-direction{
            width: 380px;
            height: 380px;
        }
    
        .position-map {
            width: 100%;
        }

        .form-contact form textarea{
            height: 8rem;
            border-radius: 25px;
        }



        .div-boton-form button{
            width: 60%;
        }

        .form-contact form input{
            height: 55px;
            
            border-radius: 25px;
        }

        .p-position{
            width: 40%;
            right: 3.5%;
            top: 2.5%;
        }

        .info-contact{
            gap: 1.5rem;
        }

        .div-info-contact{
            right: 7.5%;
            bottom: 17.5%;
            width: 40.5%;
            height: 260px;
        }
       .svg-shaped-div {
        position: relative;
        width: 100%; /* 100% del contenedor padre */
        aspect-ratio: 1081 / 618; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M752.445 0H64.125C28.7097 0 0 28.7097 0 64.125V816.525C0 851.94 28.7097 880.65 64.125 880.65H1476.3C1511.72 880.65 1540.43 851.94 1540.43 816.525V261.976C1540.43 226.561 1511.72 197.851 1476.3 197.851H882.12C846.705 197.851 818 169.141 818 133.726V64.125C818 28.7097 789.29 0 752.445 0Z");
        clip-path: path("M601.958 0H47.025C17.2259 0 0 21.0539 0 47.025V449.088C0 477.91 17.2259 496.114 47.025 496.114H811.965C841.764 496.114 858.99 477.91 858.99 449.088V143.536C858.99 117.678 841.764 96.625 811.965 96.625H485.165C455.366 96.625 435.575 75.4661 435.575 47.025V47.025C435.575 21.0539 418.349 0 388.55 0Z");
    }
    
    
.footer-details ul li{
    width: 25%;
gap: 1.2rem;

}

    .search-div-nav #search-bg svg{
        right: 5%;
    }
    .svg-shaped-div {
        position: relative;
        width: 100%; /* 100% del contenedor padre */
        aspect-ratio: 1081 / 618; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M752.445 0H64.125C28.7097 0 0 28.7097 0 64.125V816.525C0 851.94 28.7097 880.65 64.125 880.65H1476.3C1511.72 880.65 1540.43 851.94 1540.43 816.525V261.976C1540.43 226.561 1511.72 197.851 1476.3 197.851H882.12C846.705 197.851 818 169.141 818 133.726V64.125C818 28.7097 789.29 0 752.445 0Z");
        clip-path: path("M532.13187 0H41.56925C15.2284606 0 0 18.6116979 0 41.56925V396.14379C0 422.47244 15.2284606 438.564177 41.56925 438.564177H717.77621C744.10486 438.564177 758.1966 422.47244 758.1966 396.14379V126.885824C758.1966 103.614923 744.10486 84.915 717.77621 84.915H428.88586C402.55721 84.915 385.04878 66.7116074 385.04878 41.56925V41.56925C385.04878 18.6116979 369.82032 0 346.64903 0Z");
    }
    
    }
    

    
@media screen and (min-width: 1920px) {
.dropdown-section.active{
    padding: 2rem 0rem;
    height: 60%;
}

.div-subterraneo{
    bottom: 6.5%;
}

.div-con-sotto2{
    align-items: center;
}

.section-without-slide{
    margin: 3rem 0rem 7rem 0rem;
}

.img-assets-2{
    bottom: -15%;
}

.div-con-sotto{
    height: 3.5%;
}

.dropdown-section.active .dropdown-content {
    max-height: 550px;
    padding: 10px;
}

.div2-section-one-visions div p 
{
    font-size: 28px;
}

}

  
@media screen and (min-width: 1919px) {

    
    }

    @media screen and (min-width: 1719px) and (min-height: 1000px) {
        .div-subterraneo{
            bottom: 13.5%;
        }
        
        }

        
    @media screen and (min-width: 1280px) and (max-width: 1350px) and (min-height: 900px) {
        .div-subterraneo{
            bottom: 13.5%;
        }

        .hijo-principal3{
            bottom: 25%;
        }
        
        }

        @media screen and (min-width: 1351px) and (max-width: 1430px) and (min-height: 900px) {
            .div-subterraneo{
                bottom: 13.5%;
            }
    
            .hijo-principal3{
                bottom: 23.5%;
            }
            
            }

            @media screen and (min-width: 1851px)  and (min-height: 900px) {
                .div-subterraneo{
                    bottom: 13.5%;
                }
        
                .hijo-principal3{
                    bottom: 18.5% !important;
                }
                
                }
    

        @media screen and (min-width: 1439px) and (max-width: 1599px) and (min-height: 900px) and (max-height: 1000px) {
            .div-subterraneo{
                bottom: 13.5%;
            }
    
            .hijo-principal3{
                bottom: 16.5% !important;
            }

            .div-con-sotto{
                top: 3.5%;
            }
            
            }

            @media screen and (min-width: 1600px) and (max-width: 1749px) and (min-height: 751px) and (max-height: 950px) {
                .div-subterraneo{
                    bottom: 18.5%;
                }
        

                
                }
    


    @media screen and (min-width: 1719px) and (min-height: 751px) and (max-height: 900px) {
        .div-subterraneo{
            bottom: 15.5%;
        }

        .hijo-principal3 {
            bottom: 12% !important;;
        }

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

        @media screen and (min-width: 1719px) and (max-width: 1900px) and (min-height: 821px) and (max-height: 900px) {
            .div-subterraneo{
                bottom: 16.5%;
            }
    
            .hijo-principal3 {
                bottom: 18.5% !important;;
            }
            
            }

            @media screen and (min-width: 1719px) and (min-height: 781px) and (max-height: 820px) {
                .div-subterraneo{
                    bottom: 18.5%;
                }
        
                .hijo-principal3 {
                    bottom: 10% !important;;
                }
                
                }

                @media screen and (min-width: 1719px) and (min-height: 751px) and (max-height: 780px) {
                    .div-subterraneo{
                        bottom: 16.5%;
                    }
            
                    .hijo-principal3 {
                        bottom: 8.5% !important;;
                    }
                    }
        
                    @media screen  and (min-width: 1919px) and (max-height: 750px) {
                        .div-subterraneo{
                            bottom: 16.5%;
                        }

 

                        #new-section{
                            height: 900px !important;
                        }

                        #hero-bg{
                            height: 100%;
                        }

                        #new-section2{
                            height: 100% !important;
                        }


                        .section-with-slide{
                            height: 700px;
                        }
                
                        .hijo-principal3 {
                            bottom: 14.5% !important;;
                        }

                        .section-test{
                            height: 940px;
                        }
                        
                        }
    

        @media screen and (min-width: 1500px)  and (max-width: 1599px) and (max-height: 750px) {
            .div-subterraneo{
                bottom: 21%;
            }

            .search-div-nav #search-bg{
                height: 40%;
            }

            .info-hero div h2 svg{
                width: 40px;
                top: .5rem;
                position: relative;
            }

            .info-hero div h2{
                font-size: 60px;
            }

            .info-hero p{
                width: 45%;
            }

            .asset-foto{
                display: none;
            }

            .div-bajo-hero1{
                top: -16%;
            }
            
    
            .hijo-principal3 {
                bottom: 17% !important;;
            }
            
            }

            @media screen and (min-width: 1600px)  and (max-width: 1619px) and (max-height: 750px) {
                .div-subterraneo{
                    bottom: 21%;
                }
    
                .search-div-nav #search-bg{
                    height: 40%;
                }
    
                .info-hero div h2 svg{
                    width: 40px;
                    top: .5rem;
                    position: relative;
                }
    
                .info-hero div h2{
                    font-size: 60px;
                }
    
                .info-hero p{
                    width: 45%;
                }
    
                .asset-foto{
                    display: none;
                }
    
                .div-bajo-hero1{
                    top: -16%;
                }
                
        
                .hijo-principal3 {
                    bottom: 20% !important;;
                }
                
                }

            @media screen and (min-width: 1620px)  and (max-width: 1900px) and (max-height: 790px) {
                .div-subterraneo{
                    bottom: 20.5%;
                }
    
    
                .search-div-nav #search-bg{
                    height: 40%;
                }
    
                .info-hero div h2 svg{
                    width: 40px;
                    top: .5rem;
                    position: relative;
                }
    
                .info-hero div h2{
                    font-size: 60px;
                }
    
                .info-hero p{
                    width: 45%;
                }
    
                .asset-foto{
                    display: none;
                }
                
                .hijo-principal3 {
                    bottom: 20% !important;;
                }
                
                }

                @media screen and (min-width: 1449px)  and (max-width: 1619px) and (max-height: 790px) {
                    
        
        
                    .search-div-nav #search-bg{
                        height: 40%;
                    }
        
                    .info-hero div h2 svg{
                        width: 40px;
                        top: .5rem;
                        position: relative;
                    }
        
                    .info-hero div h2{
                        font-size: 50px;
                    }
        
                    .info-hero p{
                        width: 45%;
                    }
        
                    .asset-foto{
                        display: none;
                    }        
    
            
                    .hijo-principal3 {
                        bottom: 20% !important;;
                    }
                    
                    }

                    @media screen and (min-width: 1449px)  and (max-width: 1619px) and (min-height: 791px) and (max-height: 860px) {
                        .div-subterraneo{
                            bottom: 14%;
                        }
            
                        .search-div-nav #search-bg{
                            height: 40%;
                        }
            
                        .info-hero div h2 svg{
                            width: 40px;
                            top: .5rem;
                            position: relative;
                        }
            
                        .info-hero div h2{
                            font-size: 60px;
                        }
            
                        .info-hero p{
                            width: 45%;
                        }
            
                        .asset-foto{
                            display: none;
                        }
                        .hijo-principal3 {
                            bottom: 20% !important;;
                        }
                        
                        }

                        @media screen and (min-width: 1409px)  and (max-width: 1459px) and (min-height: 791px) and (max-height: 860px) {
                            .div-subterraneo{
                                bottom: 14.5%;
                            }
                            .search-div-nav #search-bg{
                                height: 40%;
                            }
                
                            .info-hero div h2 svg{
                                width: 40px;
                                top: .5rem;
                                position: relative;
                            }
                
                            .info-hero div h2{
                                font-size: 60px;
                            }
                
                            .info-hero p{
                                width: 45%;
                            }
                
                            .asset-foto{
                                display: none;
                            }
                    
                            .hijo-principal3 {
                                bottom: 20% !important;;
                            }
                            }

                        @media screen and (min-width: 1600px)  and (max-width: 1619px) and (min-height: 791px) and (max-height: 860px) {
                            .div-subterraneo{
                                height: 20%;
                            }
                
                            
                            
                            }

            @media screen and (min-width: 1350px)  and (max-width: 1439px) and (max-height: 750px) {
                .div-subterraneo{
                    bottom: 19%;
                }
    
                header svg{
                    transform: scaleY(1.05) translate(-50%);
                }
    
                .search-div-nav #search-bg{
                    height: 40%;
                }
    
                .info-hero div h2 svg{
                    width: 40px;
                    top: .5rem;
                    position: relative;
                }
    
                .info-hero div h2{
                    font-size: 60px;
                }
    
                .info-hero p{
                    width: 45%;
                }

    
                .asset-foto{
                    display: none;
                }
                .info-hero p{
                    font-size: 22px;
                }
                .info-hero div h2{
                    font-size: 50px;
                }
                .hijo-principal3 {
                    bottom: 23% !important;;
                }
                
                }

                @media screen and (min-width: 1279px)  and (max-width: 1739px) and (max-height: 801px) {
                
                    .aline-y-22{
                        top: 20%;
                    }

                    .aline-y-12{
                        top: 20%;
                    }

                    .aline-y-1{
                        top: 0%;
                    }

                    .aline-y-11{
                        top: 20%;
                    }

                    .aline-y-21{
                        top: 20%;
                    }

                    .aline-y-3{
                        top: 60%;
                    }

                    .aline-y-32{
                        top: 60%;
                    }

                    .aline-y-31{
                        top:60%;
                    }

                    
                    }

                @media screen and (min-width: 1300px)  and (max-width: 1349px) and (max-height: 750px) {
                    .div-subterraneo{
                        bottom: 21%;
                    }
        
                    .search-div-nav #search-bg{
                        height: 40%;
                    }
        
                    .info-hero div h2 svg{
                        width: 40px;
                        top: .5rem;
                        position: relative;
                    }
        
                    .info-hero div h2{
                        font-size: 60px;
                    }
        
                    .info-hero p{
                        width: 45%;
                    }
        
                    .asset-foto{
                        display: none;
                    }
            
                    .hijo-principal3 {
                        bottom: 25% !important;;
                    }
                    
                    header svg{
                        transform: scaleY(2) !important;
                    }

                    }

                @media screen and (min-width: 1440px)  and (max-width: 1499px) and (max-height: 750px) {
                    .div-subterraneo{
                        bottom: 21%;
                    }
        
                    .search-div-nav #search-bg{
                        height: 40%;
                    }
        
                    .info-hero div h2 svg{
                        width: 40px;
                        top: .5rem;
                        position: relative;
                    }
        
                    .info-hero div h2{
                        font-size: 60px;
                    }
        
                    .info-hero p{
                        width: 45%;
                    }
        
                    .asset-foto{
                        display: none;
                    }
        
                    nav{
                        height: 8vw !important;
                    }
            
                    .hijo-principal3 {
                        bottom: 20% !important;;
                    }
                    
                    }
    

            @media screen and (min-width: 1600px)  and (max-width: 1719px) and (min-height: 800px) and (max-height: 900px) {
                .div-subterraneo{
                    bottom: 18%;
                }

                .info-hero p{
                    width: 45%;
                }
        
                .hijo-principal3 {
                    bottom: 13%;
                }
                
                }

                @media screen and (min-width: 1600px)  and (min-height: 500px) and (max-height:951px) {
                    .div-subterraneo{
                        bottom: 18%;
                    }
        
                    .info-hero p{
                        width: 45%;
                    }
            
                    .hijo-principal3 {
                        bottom: 19.5% !important;
                    }
                    
                    }

                    @media screen and (min-width: 149px)  and (max-width: 1599px) and (min-height: 751px) and (max-height: 799px) {
                        .div-subterraneo{
                            bottom: 18%;
                        }
    
                        header svg{
                            transform: scaleY(1.10) translate(-50%);
                        }

            
                        .info-hero p{
                            width: 45%;
                        }
                
                        .hijo-principal3 {
                            bottom: 19.5%;
                        }
                        
                        }
    

                @media screen and (min-width: 1289px)  and (max-width: 1479px) and (min-height: 751px) and (max-height: 799px) {
                    .div-subterraneo{
                        bottom: 14%;
                    }

                    header svg{
                        transform: scaleY(1.10) translate(-50%);
                    }

        
                    .info-hero p{
                        width: 45%;
                    }
            
                    .hijo-principal3 {
                        bottom: 19.5%;
                    }
                    }

                    @media screen and (min-width: 1410px)  and (max-width: 1469px) and (min-height: 800px) and (max-height: 840px) {
                        .div-subterraneo{
                            bottom: 18%;
                        }
    
                        .info-hero p{
                            width: 45%;
                        }
                
                        .hijo-principal3 {
                            bottom: 23.5%;
                        }
                        
                        header svg{
                            transform: scaleY(1.20) translate(-50%);
                        }

                        }

                        @media screen and (min-width: 1319px)  and (max-width: 1409px) and (min-height: 800px) and (max-height: 860px) {
                            .div-subterraneo{
                                bottom: 18%;
                            }
                
                            .info-hero p{
                                width: 45%;
                            }
                    
                            .hijo-principal3 {
                                bottom: 23.5%;
                            }
                            
                            }
                        
                    @media screen and (min-width: 1319px)  and (max-width: 1599px) and (min-height: 801px) and (max-height: 899px) {
                        .div-subterraneo{
                            bottom: 18%;
                        }
                        .div-alto-hero{
                            padding-top: 3%;
                        }


                        .info-hero p{
                            width: 45%;
                        }
                
                        .hijo-principal3 {
                            bottom: 18.5%;
                        }
                        
                        }

                        @media screen and (min-width: 1500px)  and (max-width: 1599px) and (min-height: 800px) and (max-height: 850px) {

                            .hijo-principal3 {
                                bottom: 16.5%;
                            }
                    
 
                            }

        .img-placeholder{
            opacity: 0;
        }

        .otra-imagen{
            position: absolute !important;
            right:0%
        }

        @media screen and (min-width: 1719px) and (min-height: 901px) and (max-height: 949px) {
            .div-subterraneo{
                bottom: 16.5%;
            }


    
            .hijo-principal3 {
                bottom: 18.5% !important;
            }
            
            }

            @media screen and (min-width: 1900px) and (min-height: 901px) and (max-height: 949px) {
                .div-subterraneo{
                    bottom: 16.5%;
                }
    
    
        
                .hijo-principal3 {
                    bottom: 14.5% !important;
                }
                
                }
    
            @media screen and (min-width: 1719px) and (min-height: 950px) and (max-height: 999px) {
                .div-subterraneo{
                    bottom: 16.5%;
                }
    
    
        
                .hijo-principal3 {
                    bottom: 14.5% !important;
                }
                
                }


@media screen and (min-width: 1600px)  and (max-width: 1919px) {

    .buttons-nav ul li a{
        width: 10rem;
        }

        .search-div-nav #search-bg{
            width: 65%;
        }

        .section-test{
            width: 1580px;
        }

        .buttons-nav{
            width: 35%;
        }

        
    .boton-close {
        right: -90%;
    }



    header svg{
        top: 0%;
        transform: scaleY(.98) translate(-50%);
    }

    .logo-nav {
        width: 11rem;
    }

    .svg-shaped-div6 {
        position: relative;
        width: 85%;
        height: 100%;
        top: 3.5%;
        left: 17.5%;
        opacity: 0;
        transition: all 1s ease;
        background-color: #171717;
        -webkit-clip-path: path("M442.728 0H28.512C12.765258 0 0 12.765258 0 28.512V389.982384C0 405.728142 12.765258 418.4934 28.512 418.4934H155.430792C169.77708 418.4934 181.368 432.185304 181.368 447.028416C181.368 461.871528 193.95992 473.46244 208.803032 473.46244H442.728C460.366544 473.46244 474.936 458.893984 474.936 441.25544V28.512C474.936 12.765258 460.366544 0 442.728 0Z");
        clip-path: path("M442.728 0H28.512C12.765258 0 0 12.765258 0 28.512V389.982384C0 405.728142 12.765258 418.4934 28.512 418.4934H155.430792C169.77708 418.4934 181.368 432.185304 181.368 447.028416C181.368 461.871528 193.95992 473.46244 208.803032 473.46244H442.728C460.366544 473.46244 474.936 458.893984 474.936 441.25544V28.512C474.936 12.765258 460.366544 0 442.728 0Z");
    }

    .cables-2 {
        right: 0%;
    }

    .div-shaped {
        top: 15%;
        width: 42.5%;
        height: 70%;
    }


        .formulario-index-h3{
            height: 27.5%;
        }
    
        .formulario-index h3{
            line-height: 60px;
        }
    
        .formulario-index h3{
            font-size: 50px;
        }
    
        .formulario-index h3 svg{
            height: 40px;
        }
    
        .info-arrivals2 a{
            display: none;
        }
    
        .info-arrivals2-div-last h1{
            display: none;
        }
    
        .section-with-slide{
            height: 680px;
            max-width: 1600px;
        }

        .section-without-slide{
            max-width: 1700px;
        }
    
        .div-con-imagen2{
            width: 95%;
        }
    
        .hijo-principal3{
            bottom: 18.5%;
        }
    
        .img-fondo2{
            width: 180px;
            top: 13.5%;
        }
    
        .div-shaped-div6 {
            position: relative;
            width: 30%;
            position: absolute;
            aspect-ratio: 506 / 458;
            background-color: #979797;
            -webkit-clip-path: path("M364.2675 349.9875L176.62779 349.9875C163.95327 349.9875 153.67779 339.712785 153.67779 326.0375V228.30201C153.67779 214.714275 143.402065 205.351015 130.72779 205.351015H22.95C10.3150975 205.351015 0 194.07653 0 182.40201V23.3325C0 11.6577025 10.3150975 0.3825 22.95 0.3825H167.535C180.172035 0.3825 190.4475 10.6580475 190.4475 23.295V141.1425C190.4475 160.154555 205.997455 175.5675 224.91 175.5675L364.2675 175.5675C376.432785 175.5675 386.7075 185.842215 386.7075 198.0075V326.0375C386.7075 339.712785 376.432785 349.9875 364.2675 349.9875Z");
            clip-path: path("M364.2675 349.9875L176.62779 349.9875C163.95327 349.9875 153.67779 339.712785 153.67779 326.0375V228.30201C153.67779 214.714275 143.402065 205.351015 130.72779 205.351015H22.95C10.3150975 205.351015 0 194.07653 0 182.40201V23.3325C0 11.6577025 10.3150975 0.3825 22.95 0.3825H167.535C180.172035 0.3825 190.4475 10.6580475 190.4475 23.295V141.1425C190.4475 160.154555 205.997455 175.5675 224.91 175.5675L364.2675 175.5675C376.432785 175.5675 386.7075 185.842215 386.7075 198.0075V326.0375C386.7075 339.712785 376.432785 349.9875 364.2675 349.9875Z");
            right: 0%;
            top: 18.5%;
        }
    
        .formulario-index-buttons button{
            width: 35% !important;
        }
    
        .div-1-title-test {
            height: 100%;
        }

        .div-con-imagen img{
            height: 40%;
            top: 4%;
            right: 3.5%;
        }

        .pos-abs2{
            right: -3%;
        }
    
        .asset-absolute{
            width: 350px;
            top: 21%;
        }
    
        .hijo-principal2{
            height: 80%;
        }
    
        .photo-finished{
            height: 836px;
        }
    
        .photo-finished img {
            position: absolute;
            bottom: 0%;
            object-fit: cover;
            height: 67.5%;
            z-index: -1;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            left: -50%;
            width: 155%;
        }
    
        .svg-shaped-div5 {
            position: relative;
            width: 100%;
            aspect-ratio: 676 / 186;
            background-color: #979797;
            -webkit-clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
            clip-path: path("M411.381465 0H32.8579453125C14.7103543125 0 0 14.7103543125 0 32.8579453125V128.803145625C0 146.950736625 14.7103543125 161.661091875 32.8579453125 161.661091875H294.524550375C302.791537125 161.661091875 308.5635939375 153.4650714375 308.5635939375 143.6978596875C308.5635939375 133.9306479375 316.759614375 125.7346275 326.526826125 125.7346275H411.381465C430.782053625 125.7346275 446.21352375 112.524574125 446.21352375 93.1239856875V32.8579453125C446.21352375 14.7103543125 430.782053625 0 411.381465 0Z");
        }
    
        .div-1-title-test h2{
            height: 0%;
        }
    
        .div-1-title-test div img{
            height: 100%;
        }
    
        .informacion-baja-div1{
            height: 10%;
            align-items: center;
        }
    
        .section-test-div1{
            height: 900px;
        }
    
        .informacion-alta-divs{
            height: 72%;
        }
    
        .informacion-alta-div{
            justify-content: end;
        }
    
        .div-1-title-test div{
            height: 45%;
        }
    
        .section-test-div1-img{
            object-fit: contain;
        }
    
        .div-1-title-test h2{
            width: 85%;
        }
    
        .section-test{
            height: fit-content;
        }

        .form-contact{
            height: 90%;
            padding: 2rem 0rem 0 0;
        }

        .form-contact form textarea{
            height: 145px;
        }

        .form-contact form{
            height: 95%;
        }
    
    
        .svg-shaped-div4 {
            position: relative;
            width: 37%;
            height: 100%;
            /* height: 760px;
            aspect-ratio: 1081 / 618;
            background-color: #979797;
            -webkit-clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z");
            clip-path: path("M577.575 0.765H184.39135C163.2663 0.765 146.14135 17.89012 146.14135 39.015085V107.639325C146.14135 128.7642 128.9684 145.889325 107.89135 145.889325H42.075C21.95012 145.889325 3.825 163.01435 3.825 184.139325V642.6C3.825 663.7252 21.95012 680.85 42.075 680.85H577.575C597.7 680.85 614.825 663.7252 614.825 642.6V39.015085C614.825 17.89012 597.7 0.765 577.575 0.765Z"); */
        }
    
        .formulario-index, .svg-shaped-div4{
            height: 681px;
        }
        

        .div-con-sotto1{
            width: 63%;
            margin-top: .5%;
        }
    
        .section-formulario{
            height: 800px;
            max-width: 1600px;
        }
    
        .svg-shaped-div4 img{
            height: 100.1%;
        }
    
        .section-formulario-div{
            height: fit-content;
        }
    
        .slider-products{
            height: 650px;
        }
    
        .section-without-slide{
            height:600px;
    
        }
    
        .img-assets-2{
            bottom: -10%;
        }
    
        .div-con-cambioImagen{
            height: 80%;
            align-items: center;
            top: 5.5%;
            position: relative;
        }
        .slider p{
            font-size: 24px;
        }
    
    
        .buttons-slider{
            height: 44%;
            width: 30%;
        }
    
        
    
        .div-con-sotto1 div{
            width: 400px;
        }
    
        .div-con-sotto{
            top: 10%;
            position: relative;
        }
    
        .div-con-cambioImagen2 {
            height: 58.5%;
        }
        
        .div-con-cambioImagen2-slider {
            height: 100%;
        }
    

        .div-subterraneo div h4{
            font-size: 28px;
        }
    
        .div-subterraneo div {
            width: 31.5%;
        }
    
        .div-subterraneo{
            bottom: 22%;
        }
    
        .div-con-cambioImagen2-tipoCable div h4{
            font-size: 22px;
        }
    
        .div-bajo-hero1{
            width: 55%;
        }
    
        .div-bajo-hero1{
            top: -25%;
            position: relative;
        }
    
        .info-hero {
            height: 80%;
         }
        @media (width > 1600px) and (height >= 1100px) {
            .info-hero {
                height: 65%;
            }
            
        }
        .info-hero div h2 {
            width: 62%;
        }
    
        .div-con-cambioImagen2-tipoCable{
            height: 22%;
            gap: 1.25rem;
        }
    
        .div-bajo-hero {
            margin-top: -25px;
        }
        .div2-prefinal-about{
            gap: 2rem;
        }

        .section-prefinal-about{
            height: fit-content;
        }

        .section-one-about{
            height: fit-content;
        }
    
        .div1-info{
            height: 60%;
        }
    
        .div-section-one-h2 h2{
            line-height: 70px;
        }
    
        .p1-info{
            font-size: 36px;
            top: 0%;
        }
    
        .section-one-about {
            align-items: start;
        }
    
        .section-final-about{
            gap: 1.5rem;
        }
    
        .section-prefinal-about{
            gap: 1rem;
        }
    
        .div2-child2-child2-prefinal-about{
            height: 70%;
        }
    
    
    
        .div2-child2-child1-prefinal-about{
            width: 38.5%;
        }
    
        .div-section-one{
            gap: 20px;
        }

        .section-three-about-div-div1{
            width: 15%;
        }

        .gap-3{
            gap: 1.5rem;
        }

        .back-path-h8 p{
            font-size: 20px;
        }
    
        .div2-section-one-visions div p{
            width: 85%;
        }
    
        .div2-child2-child1-prefinal-about{
            height: 450px;
            margin-top: -15%;
        }
    
        .section-final-about div img{
            height: 90%;
        }
    
        .div2-child2-child1-child1-prefinal-about h3{
            line-height: 120px;
        }
    
        .div-section-two {
            height: 820px;
        }
    
        .div-section-two-div div{
            height: 55%;
        }
    
        .div-espiral{
            top: 0%;
            right: 15%;
        }
        

        .three-div-father-child{
            height: 600px;
        }
        .img-float{
            width: 99.5%;
            left: 50%;
            transform: translateX(-50%);
        }

    
        .btn-float{
            width: 50%;
            height: 65px;
        }
    
        .content-products-child-div .product-img{
            height: 90%;
        }
    
        .flotante-div-shop{
            right: -200px;
        }
    

        .svg-shaped-div {
            position: relative;
            width: 100%; /* 100% del contenedor padre */
            aspect-ratio: 1081 / 618; /* Mantiene la proporción del SVG */
            background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
            -webkit-clip-path: path("M752.445 0H64.125C28.7097 0 0 28.7097 0 64.125V816.525C0 851.94 28.7097 880.65 64.125 880.65H1476.3C1511.72 880.65 1540.43 851.94 1540.43 816.525V261.976C1540.43 226.561 1511.72 197.851 1476.3 197.851H882.12C846.705 197.851 818 169.141 818 133.726V64.125C818 28.7097 789.29 0 752.445 0Z");
            clip-path: path("M626.03632 0H48.905C17.915836 0 0 21.896114 0 48.905V466.05152C0 497.0264 17.915836 515.957856 48.905 515.957856H844.4426C875.43576 515.957856 894.3496 497.0264 894.3496 466.05152V149.27744C894.3496 122.385792 875.43576 100.49 844.4426 100.49H504.5716C473.57844 100.49 452.9988 78.484244 452.9988 48.905V48.905C452.9988 21.896114 434.084964 0 404.091804 0Z");
          }
        .search-div-nav{
            margin-left: 1rem;
        }
    
        .div-direction{
            width: 440px;
            height: 440px;
        }
    
    
.position-map {
    width: 100%;
}

.p-position{
    width: 40%;
    right: 3.5%;
    top: 2.5%;
}

.info-contact{
    gap: 1.5rem;
}



.div-info-contact{

    right: 17.5%;
    bottom: 17%;
    width: 42%;
    height: 310px;
}
  
}

@media screen and (min-width: 1024px)  and (max-width: 1279px) {
    .buttons-nav ul li a{
        width: 7.5rem;
        height: 40px;
        }
        .pagination-container {
            top: 5%
        }
        .number-last{
            display: none;
        }

        .linea-recta {
            position: absolute;
            width: 85%;
            height: 2px;
            top: 50%;
            z-index: -2;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .div-child {
            margin-top: 0rem !important;
        }
        
        .three-div {
            display: none;
        }
        .fondo-bombillo-apagado {
            display: none;
        }

        .first-div {
            width: 100%;
            height: fit-content;
        }

        .first-div-circles {
            width: 85%;
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        .section-shop {
            gap: 2.3rem;
            flex-direction: column;
        }

        .content-products {
            height: 100%;
            justify-content: start;
        }

        .img-float{
            bottom: 24%;
        }

        .boton-close {
            right: -92%;
        }
    
        .info-final-header p{
            font-size: 24px;
        }
    
        header svg{
            top: 0%;
            transform: scaleY(1.12) translate(-50%);
        }

        .boton-close{
            width: 100px;
            right: -25%;
        }
        .boton-close button svg{
            height: 85% !important;
            width: 85% !important;
        }

        .boton-close button{
            width: 30px;
            
            padding: .3rem .3rem;
            height: auto;
        }
    
        .search-div-nav{
            width: 85%;
        }
    
        .cables-2 {
            right: 0%;
        }
    
        .div-shaped {
            top: 19%;
            width: 42.5%;
            height: 70%;
        }
    
        .svg-shaped-div6 {
            position: relative;
            width: 85%;
            height: 85%;
            opacity: 0;
            transition: all 1s ease;
            background-color: #171717;
            -webkit-clip-path: path("M289.7856 0H18.6624C8.3554416 0 0 8.3554416 0 18.6624V255.2611968C0 265.5681568 8.3554416 273.9235984 18.6624 273.9235984H101.7365184C111.126816 273.9235984 118.7136 281.6364352 118.7136 291.8006784C118.7136 301.9649216 126.400384 309.9168 136.5646272 309.9168H289.7856C301.3308288 309.9168 309.8304 301.4172288 309.8304 289.872V18.6624C309.8304 8.3554416 301.3308288 0 289.7856 0Z");
            clip-path: path("M289.7856 0H18.6624C8.3554416 0 0 8.3554416 0 18.6624V255.2611968C0 265.5681568 8.3554416 273.9235984 18.6624 273.9235984H101.7365184C111.126816 273.9235984 118.7136 281.6364352 118.7136 291.8006784C118.7136 301.9649216 126.400384 309.9168 136.5646272 309.9168H289.7856C301.3308288 309.9168 309.8304 301.4172288 309.8304 289.872V18.6624C309.8304 8.3554416 301.3308288 0 289.7856 0Z");
        }
        
        
    
    .section-test{
        height: 1500px;
    }

    .section-test{
        display: none;
    }

    .prelast-section-home{
        height: 600px;
    }

    .section-arrivals {
        height: fit-content;
    }
    .section-test-div1-img {
        object-fit: cover;
        left: 0%;
    }

    .section-test-div1 {
        width: 95%;
        justify-content: center;
    }

    .photo-finished{
        display: none;
    }

    .arrivals-section-home-div1 {
        align-items: center;
    }
    .div-2-title-test {
        width: 100%;
    }

    .div-1-title-test {
        display: none;
    }

    .div-pec img {
        border-radius: 25px;
        width: 100%;
        height: 100%;
    }
    
    .informacion-alta-div {
        justify-content: end;
    }

    .div-pec {
        width: 80%;
        position: absolute;
        height: 250px;
        top: 2.5%;
        border-radius: 25px;
        z-index: 1;
    }

    .info-arrivals {
        align-items: center;
        gap: 2rem;
    }

    .informacion-alta-divs1 {
        width: 85%;
    }

    .informacion-alta-divs {
        height: 37.5%;
    }

    .informacion-baja-div {
        align-items: center;
        height: 43.5%;
        gap: 1rem;
        width: 90%;
    }

    .informacion-baja-div1 span {
        width: 140px;
        height: 25px;
    }

    .informacion-baja-div1 {
        position: absolute;
        bottom: 11%;
        left: 10%;
        gap: .5rem;
        width: 90%;
        height: fit-content;
    }

    .informacion-baja-div3 h3 {
        line-height: 35px;
        font-size: 22px;
    }

    .informacion-baja-div2 {
        flex-grow: 0 !important;
        height: fit-content;
    }

    .informacion-baja-div2 {
        width: 85%;
    }
    .svg-shaped-div5 {
        position: relative;
        width: auto;
        height: 120px;
        background-color: #979797;
        -webkit-clip-path: path("M305.301049 0H24.401821875C10.924048515 0 0 10.924048515 0 24.401821875V95.609396875C0 109.087170235 10.924048515 120.01121875 24.401821875 120.01121875H218.524010725C224.828918385 120.01121875 229.024995375 113.785206875 229.024995375 106.715339875C229.024995375 99.645472875 235.25000775 93.419460375 242.31987475 93.419460375H305.301049C319.7853155 93.419460375 331.6243145 83.486538125 331.6243145 69.002271375V24.401821875C331.6243145 10.924048515 319.7853155 0 305.301049 0Z");
        clip-path: path("M305.301049 0H24.401821875C10.924048515 0 0 10.924048515 0 24.401821875V95.609396875C0 109.087170235 10.924048515 120.01121875 24.401821875 120.01121875H218.524010725C224.828918385 120.01121875 229.024995375 113.785206875 229.024995375 106.715339875C229.024995375 99.645472875 235.25000775 93.419460375 242.31987475 93.419460375H305.301049C319.7853155 93.419460375 331.6243145 83.486538125 331.6243145 69.002271375V24.401821875C331.6243145 10.924048515 319.7853155 0 305.301049 0Z");
    }

    .informacion-baja-div3 {
        width: 85%;
    }

    .info-arrivals2:hover .info-arrivals2-div span{
        background-color: transparent;
        border: none;
        color: #D6160C;
    }

    .info-arrivals1{
        display: none;
    }

    .info-arrivals2-div span{
        padding: 0rem 0rem;
        border: none;
    }

    .info-arrivals1 {
        display: none;
    }

    .info-arrivals2-div {
        flex-direction: column;
        justify-content: start;
        gap: .4rem;
    }

    .info-arrivals2-div h1 {
        display: block;
    }

    .info-arrivals2 h1 {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        text-align: left;
        color: #EAEBEF;
        opacity: .5;
    }

    .info-arrivals2-div-last-div-imagen2 {
        display: none !important;
    }

    .info-arrivals2-div-last-div-imagen {
        display: none !important;
    }

    .info-arrivals2 a {
        width: 100%;
        font-family: Poppins;
        color: #FFF;
        font-size: 18px;
        border: 1px solid #FFF;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 20.82px;
        text-align: center;
        text-decoration: none;
        display: flex;
        justify-content: center;
        gap: 1rem;
        height: 45px;
        bottom: 10%;
        align-items: center;
        border-radius: 45px;
        position: absolute;
    }

    .info-arrivals2-div-last {
        width: 30%;
        justify-content: center;
        
        flex-grow: 0 !important;
        align-items: start;
    }

    .info-arrivals2 {
        height: 150px;
        position: relative;
        justify-content: space-between;
    }

    .last-section-home-div1 {
        width: 95%;
        position: relative;
    }

    .last-section-home-div2 {
        width: 95%;
    }

    .prelast-section-home li img {
        width: 80px;
    }

    .last-section-home-div2 img {
        width: 60px;
    }

    .last-section-home {
        flex-direction: column;
    }

    .last-section-home {
        height: fit-content;
        padding: 2rem 0rem;
        gap: 1.5rem;
    }
    .formulario-index, .svg-shaped-div4{
        border-radius: 25px;
        height: 550px;
    }
    
    .section-home-hero-div div {
        width: auto;
        height: 50%;
        display: none;
        left: -7%;
        bottom: 2%;
        overflow: hidden;
    }
    .cables-2 {
        bottom: 7%;
        position: relative;
    }

    .informacion-div-hero{
        justify-content: center;
        height: 100%;
    }
  
   
    .slider-products{
        height: 600px;
    }

    .div-learn{
        height: 380px;
    }

    .div-con-cambioImagen{
        height: 75%;
    }

    .asset-foto {
        display: none;
    }
    .section-home-hero div img {
        width: 100%;
        height: 100%;
    }
    .div-bajo-hero{
        display: none;
    }
    .div-learn-img img {
        height: 80% !important;
        width: auto !important;
    }
    .div-con-cambioImagen2 {
        width: 85%;
    }    
    .div-con-sotto1 {
        width: 80%;
    }

    .div-shaped-div6{
        display: none;
    }

    .section-with-slide{
        height: 450px;
        display: none;
    }

    .asset-absolute {
        position: absolute;
        top: 25.5%;
        width: 280px;
        left: 2%;
    }

    .img-fondo2{
        width: 7.5% !important;
    }

    .div-con-sotto {
        height: 30%;
        position: relative;
        top: -5%;
    }

    .div-con-imagen{
        display: none;
    }

    .home-main{
        gap: 2rem;
    }



    .info-interna {
        width: 85%;
    }

    

    .div-con-imagen2 h2 {
        width: 92%;
        font-size: 48px;
    }
    .hijo-principal2 {
        width: 100%;
        height: 115%;
    }

    .img-fondo2 {
        width: 31%;
        top: 4%;
        right: 3%;
    }


    .div-con-sotto1 {
        width: 64%;
    }

    .div-con-sotto2 {
        position: absolute;
        right: 4.5%;
        bottom: 57.5%;
        width: 30%;
    }

    .div-con-sotto1 div {
        width: 270px;
    }

    .div-con-cambioImagen2-tipoCable div:nth-child(1) {
        display: flex;
    }
    .div-con-cambioImagen2-tipoCable div {
        display: none;
    }
    .slider h3 {
        width: 90%;
        font-size: 28px;
    }
    .img-assets-2{
        bottom: 10%;
    }
 
    .section-without-slide{
        height: 450px;
    }

    .info-slider {
        height: 100%;
    }

    .btn-learn img {
        width: 100% !important;
    }

    .btn-learn img {
        left: 0%;
        top: 0%;
    }
    .div-subterraneo {
        bottom: 14.5%;
    }
    .div-subterraneo div {
        width: 32.5%;
    }
    .div-subterraneo div div{
        width: 32px;
    }
    .div-subterraneo div h4{
        font-size: 20px;
    }

    .line-hero {
        display: none;
    }
    .info-hero {
        gap: 2rem;
    }
    .info-hero div h2 {
        width: 100%;
        font-size: 50px;
        line-height: 140%;
    }
    .info-hero p {
        width: 100%;
        font-size: 35px;
    }

    .info-hero a {
        width: 52%;
        padding: 1.25rem 1rem;
    }




        .div2-prefinal-about{
            gap: 2rem;
        }

        .section-prefinal-about{
            height: fit-content;
        }

        .section-one-about{
            height: fit-content;
        }

        .div2-section-one-visions{
            flex-direction: row;
            width: 100%;
        }
    
        .div1-info{
            height: 60%;
        }
    
        .div-section-one-h2 h2{
            line-height: 50px;
        }
    
        .p1-info{
            font-size: 22px;
            top: 0%;
        }

        .div2-section-one-visions div{
            border-radius: 25px;
        }

        .div-section-two-div div p{
            line-height: 125%;
        }

        .div2-section-one-visions div p{
            font-size: 14px;
        }
    
        .section-one-about {
            align-items: start;
        }
    
        .section-final-about{
            gap: 1.5rem;
        }
    
        .section-prefinal-about{
            gap: 1rem;
        }
    
        .div2-child2-child2-prefinal-about{
            height: 70%;
        }
    
    
    
        .div2-child2-child1-prefinal-about{
            width: 38.5%;
        }
    
        .div-section-one{
            gap: 20px;
        }

        .section-three-about-div-div1{
            width: 15%;
        }

        .gap-3{
            gap: 1.5rem;
        }

        .section-two-about{
            height: 450px;
        }

        .back-path-h8 p{
            font-size: 17.5px;
        }

        .section-final-about h2{
            line-height: 145%;
        }

        .section-final-about{
            height: 750px;
        }
    
        .div2-section-one-visions div p{
            width: 85%;
        }
    
        .div2-child2-child1-prefinal-about{
            height: 450px;
            margin-top: -15%;
        }
    
        .section-final-about div img{
            height: 90%;
        }
    
        .div2-child2-child1-child1-prefinal-about h3{
            line-height: 120px;
        }
    
        .div-section-two {
            height: 585px;
        }
    
        .div-section-two-div div{
            height: 45%;
        }

        .back-path-h8 p{
            line-height: 30px;
        }

        .cuadro-blanco img{
            height: 95%;
        }

        .div2-child1-prefinal-about{
            height: 220px;
        }

        .back-path-h7-div{
            height: 160px;
            width: 85%;
        }

        .div2-child1-prefinal-about img{
            height: 100%;
        }

        .div-espiral{
            width: 60px;
            height: 60px;
        }
    
        .div-espiral{
            top: 0%;
            right: 15%;
        }

        .three-div-child{
            gap: 1.5rem;
        }

        .btn-float{
            width: 150px;
            height: 50px;
        }

        .div-h3s svg{
            width: 25px;
            height: 20px;
        }

        .main-shop{
            height: 700px;
            position: relative;
        }

        .flotante-div-shop{
            display: none;
        }
        .three-div-father-child{
            height: 375px;
        }

        .fondo-bombillo-apagado{
            height: 65%;
            top: 4%;
        }

        .content-products-child-div .product-img{
            height: 90%;
        }

        .content-products-child-div{
            height: 185px;
        }

        .form-contact form textarea{
            height: 120px;
            
            border-radius: 25px;
        }

        .form-contact form input{
            height: 45px;
            border-radius: 25px;
        }

        .div-boton-form button{
            width: 56%;
            height: 45px;
        }

        .div-boton-form img{
            height: 45px;
        }

        .form-contact form{
            gap: .5rem;
            height: 90%;
        }

        .svg-shaped-div {
            position: relative;
            width: 100%;
            aspect-ratio: 1081 / 618;
            background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center / cover;
            -webkit-clip-path: path("M752.445 0H64.125C28.7097 0 0 28.7097 0 64.125V816.525C0 851.94 28.7097 880.65 64.125 880.65H1476.3C1511.72 880.65 1540.43 851.94 1540.43 816.525V261.976C1540.43 226.561 1511.72 197.851 1476.3 197.851H882.12C846.705 197.851 818 169.141 818 133.726V64.125C818 28.7097 789.29 0 752.445 0Z");
            clip-path: path("M375.0783932266875 0H29.30114965078125C10.7334114575625 0 0 13.118627849709375 0 29.30114965078125V279.0987618425C0 296.1850112296875 10.7334114575625 310.92728539921875 29.30114965078125 310.92728539921875H505.93318397015625C525.37647520125 310.92728539921875 535.8536833933125 296.1850112296875 535.8536833933125 279.0987618425V89.4368919065625C535.8536833933125 73.32484168125 525.37647520125 60.206213831540625 505.93318397015625 60.206213831540625H303.031742911875C283.58845168078125 60.206213831540625 270.7151850675 47.0221834055625 270.7151850675 29.30114965078125V29.30114965078125C270.7151850675 13.118627849709375 260.04324783625 0 243.75425180878125 0Z");
        }

        .info-contact{
            gap: .45rem;
        }

        .div-info-contact{
            width: 55%;
        }

        .Dealers{
            height: 600px;
        }

        .buttons-nav ul li button svg{
            width: 25px;
            height: 20px;
        }

        .search-div-nav #search-bg{
            height: 40%;
            width: 90%;
            margin-left: 2.5rem;
        }

        #login{
            display: none;
        }

        .buttons-nav ul{
            justify-content: end;
        }

        .buttons-nav{
            justify-content: end;
        }

        #products{
            display: none;
        }

        .logo-nav{
            width: 8.5rem;
        }
    
        .search-div-nav{
            margin-left: 0rem;
        }
    
        .div-direction{
            width: 40%;
            height: 75%;
        }
    

    .position-map {
        width: 100%;
    }

    .p-position{
        width: 40%;
        top: -5%;
        right: 5%;
    }

    .div-info-contact{
        right: 10.5%;
        bottom: 13.5%;
        width: 48.5%;
        height: 59.5%;
    }

    .footer-content{
        min-height: 10vh;
    }


    
.footer-details ul li{
    width: 20%;
gap: 1.2rem;

}

    .search-div-nav #search-bg svg{
        right: 5%;
    }
}


@media screen and (max-width: 399px){
    .asset-absolute {
        width: 95%;
        top: 4%;
        max-width: 340px;
    }

    .img-assets-2 {
        max-width: 366px;
    }

    .number-div1 {
        width: 55px;
        height: 55px;
    }

    
    .progress-bar{
        width: 75%;
    }

    .bombillos{
        width: 12.5%;
        margin-left: 2rem;
    }

}

#logo-nav{
    transition: all .8s ease;
}

@media screen and (min-width: 400px) and (max-width: 480px)  {
.asset-absolute{

    left: 7.5%;
}




.bombillos{
    margin-left: 2rem;
    width: 12.5%;
}



.number-div1 {
    width: 55px;
    height: 55px;
}

.home-main section{

    max-width: 385px;
}

.div-subterraneo {
    bottom: 4% !important;
}

.div-pec{
    max-width: 340px;
    right:9%;
}

.red-rectangle{
    border-radius: 20px;
}

.img-fondo2{
    right: 4.5%;
}

}

@media screen and (max-width: 480px)  {
    .content-products-container{
        height: 100%;
    }
    .pagination-container{ 
        top: auto;
        margin-top: 20px;
    }
    .content-products-child{
        position: relative;
    }
    .contact-main h1 svg{
        width: 20px;
        height: 20px;
    }

    .h6-float {
        position: relative;
    }

    .div-bajo22{
        width: 100%;
    }

    .progress-bar{
        width: 100%;
    }

    .si-mb3{
        display: flex;
    }

    .boton-close{
        z-index: 4;
        top: 2% !important;
        gap: .5rem;
    }

    .sub-aset{
        display: block;
    }

    .home-main{
        gap: 1.2rem;
    }
    .info-slider{
        justify-content: flex-start;
        margin-top: 20px;
    }
    .div-top{
        height: auto;
        justify-content: flex-start;
    }
    .div-con-cambioImagen{
        height: auto;
    }
    .div-con-cambioImagen div{
        height: auto;
    }
    .div-con-cambioImagen div img{
        position: static;
    }

    .div-con-cambioImagen2-slider, .placeholder-slider-active, .div-con-sotto{
        height: auto;
    }
    .div-con-sotto{
        margin-top: 10px;
    }
    .placeholder-slider-active .slider{
        position: static;
    }
    

    .asset-absolute{
        width: 95%;
        top:4%;

        max-width: 340px;
    }

    .info-hero a{
        padding: 1.5rem 1rem;
    }

    .buttons-slider {
        width: 40px;
        display: flex;
        align-items: center;
        height: 60%;
        gap: .5rem;
    }

    .home-main section{
        width: 95%;
        position: relative;        
    }
    .slider-products{
        border-bottom: none;
    }
    .home-main section:not(:first-child){
        
        border-top: 1px solid #EAEBEF33;
        padding-top: 30px;
        margin-top: 20px;
    }
    .section-with-slide{
        border: none;
    }

    .img-fondo {
        width: auto;
        height: 90%;
        left: 50%;
        transform: translateX(-50%);
        top: 0%;
        position: absolute;
    }

    .info-arrivals2-div h1{
        display: block;
    }

    .boton-close button svg{
        width: 15px !important;
        height: 15px !important;
    }

    .boton-close button{
        width: 35px;
        height: 35px;
    }

    .info-final-header{
        left: 0%;
        right: 0% ;
        bottom: -2%;
        transform: translate(0%);
        width: 95%;
        align-items: end;
    }

    .w-100{
        bottom: -238% !important;
    }

    #btn-close{
        display: none;
    }

    .logo-nav-header{
        position: absolute;
        top: 1.5%;
        left: 5%;
        height: 6rem;
        margin: 0;
    }

    .logo-nav-header img{
        width: 160px !important;
        height: auto;
    }

    .boton-close{
        right: 6.5%;
        top: 2%;
        color: #171717;
        width: fit-content;
    }

    .info-menu-header-h2{
        gap: .5rem;
    }

    .info-menu-header-h2{
        margin-bottom: 1rem;
    }

    .info-del-menu{
        width: 100%;
        left: 10%;
    }

    .info-del-menu{
        grid-template-columns: repeat(1,1fr);
    }

    header{
        z-index: 8;
    }

    .sub-aset{
        position: absolute;
        width: 100%;
        height: 90%;
        top: 3%;
    }

    .div-shaped{
        display: none;
    }


    .div-subterraneo{
        bottom: 0% !important;
    }

    .div-alto-hero{
        height: 35%;
    }

    .cables-2 {
        bottom: 14%;
        position: relative;
    }


    .section-home-hero-div div{
        width: auto;
        height: 100%;
        overflow: visible;
        right: auto;
        bottom: auto;
        justify-content: center;
    }

    .div-subterraneo div{
        width: 65%;
    }

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

    .info-hero{
        gap: 2rem;
    }

    .info-hero a{
        width: 60%;
    }
    .div-l-2{
        margin-top: 15px;
    }

    .info-hero div h2{
        width: 100%;
        line-height: 140%;
    }

    .info-hero div h2 span svg{
        width: 30px;
        height: 30px;
    }

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

    .asset-foto{
        display: none;
    }

    .div-con-sotto1{
        width: 100%;
    }

    .div-con-sotto1 {
        align-items: center;
    }

    .slider p{
        width: 100%;
    }

    .div-con-imagen2 h2 svg{
        width: 30px;
        height: auto;
    }

    .informacion-baja-div1 span{
        width: 100px;
        height: 25px;
    }

    .informacion-baja-div2{
        flex-grow: 0 !important;
        height: fit-content;
    }

    .informacion-baja-div1 span img{
        width: 15px;
        height: auto;
    }

    .informacion-baja-div1 {
        position: absolute;
        bottom: 15.5%;
        left: 5%;
        gap: .5rem;
        height: fit-content;
    }

    .informacion-baja-div3 h3{
        line-height: 30px;
    }
    .mb-container-bottom{
        background-color: #171717;
        width: 100%;
    }
    .informacion-baja-div{
        align-items: center;
        background-color: #EAEBEF;
        border-radius: 20px 0px 20px 20px;
        padding-block: 20px;
    }

    .section-test-div2 .informacion-alta-div{
        width: 88% !important;
        padding-left: 5% !important;
    }
    .informacion-baja-div2{
        width: 85%;
    }
    .main-shop {
        padding-top: 0;
    }
    .svg-shaped-div5 {
        position: relative;
        width: auto;
        height: 120px;
        background-color: #979797;
        -webkit-clip-path: path("M274.7709441 0H21.9616396875C9.8316436635 0 0 9.8316436635 0 21.9616396875V86.0484571875C0 98.1784532115 9.8316436635 108.010096875 21.9616396875 108.010096875H196.6716096525C202.3460265465 108.010096875 206.1224958375 102.4067061875 206.1224958375 96.0438058875C206.1224958375 89.6809055875 211.725886525 84.077515875 218.088786825 84.077515875H274.7709441C287.80678395 84.077515875 298.46188305 75.1378843125 298.46188305 62.1020434625V21.9616396875C298.46188305 9.8316436635 287.80678395 0 274.7709441 0Z");
        clip-path: path("M274.7709441 0H21.9616396875C9.8316436635 0 0 9.8316436635 0 21.9616396875V86.0484571875C0 98.1784532115 9.8316436635 108.010096875 21.9616396875 108.010096875H196.6716096525C202.3460265465 108.010096875 206.1224958375 102.4067061875 206.1224958375 96.0438058875C206.1224958375 89.6809055875 211.725886525 84.077515875 218.088786825 84.077515875H274.7709441C287.80678395 84.077515875 298.46188305 75.1378843125 298.46188305 62.1020434625V21.9616396875C298.46188305 9.8316436635 287.80678395 0 274.7709441 0Z");
    }

    .info-arrivals2-div h3{
        text-align: center;

        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .info-arrivals2 a{
        width: 100%;
        font-family: Poppins;
        color: #FFF;
        font-size: 14px;
        border: 1px solid #FFF;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 20.82px;
        text-align: center;
        text-decoration: none;
        display: flex;
        justify-content: center;
        gap: 1rem;
        height: 40px;
        bottom: 10%;
        align-items: center;
        border-radius: 45px;
        position: absolute;
    }

    .info-arrivals2 a img{
        width: 20px;
        transform: rotate(-30deg);
        height: auto;
    }

    .info-arrivals2{
        justify-content: space-between;
    }

    .info-arrivals2-div-last{
        flex-grow: 0 !important;
    }

    .info-arrivals2-div span:nth-child(3){
        display: none;
    }

    .info-arrivals{
        align-items: center;
        gap: 2rem;
    }

    .info-arrivals2:hover .info-arrivals2-div span{
        background-color: transparent;
        border: none;
        color: #D6160C;
    }

    .info-arrivals1{
        display: none;
    }

    .info-arrivals2-div span{
        padding: 0rem 0rem;
        border: none;
    }

    .info-arrivals2-div-last div{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .info-arrivals2{
        height: 150px;
        position: relative;
    }

    .photo-finished{
        display: none;
    }

    .section-test-div1-img{
        object-fit: contain;
        left: 0%;
    }

    .div-1-title-test{
        display: none;
    }

    .section-test{
        width: 100%;
    }

    .section-test-div1{
        width: 95%;
        justify-content: center;
    }

    .div-2-title-test{
        width: 100%;
    }

    .informacion-baja-div{
        height: 45.5%;
        gap: 0rem;
    }
    .div-con-imagen{
        display: none;
    }

    .div-shaped-div6{
        display: none;
    }


    .info-interna{
        width: 100%;
    }

    .footer-details ul li{
        width: 100%;
    }

    .formulario-index{
        width: 100%;
    }

    .div-con-imagen2{
        width: 100%;
        height: 100%;
    }

    .div-top{
        flex-direction: column;
    }

    .slider{
        top: 6%;
    }

    .slider h3 span img{
        width: 20px;
        height: auto;
    }

    .line-hero{
        display: none;
    }

    .div-bajo-hero{
        display: none;
    }

    .slider h3{
        width: 90%;
    }
    
    .div-con-cambioImagen2-slider {
        height: 110%;
    }
  
    .div-con-cambioImagen2-tipoCable{
        height: fit-content;
        display: flex;
        width: 100%;
        justify-content: center;
        gap: .5rem;
        flex-wrap: wrap;
        margin-top: .3rem;
    }
    .div-con-cambioImagen2-tipoCable div{
        padding: 0rem;
        width: 150px;
        height: 35px;
       align-items: center;
       display: flex;
       justify-content: center;
    }

    .div-con-cambioImagen2{
        width: 95%;
        position: relative;
        top: -2%;
    }

    .div-con-cambioImagen div 
{
    width: 95%;
}

.buttons-slider div{
    width: 35px;
    height: 37px;
}

.img-assets-2{
    width: 100%;
}
.red-rectangle{
    border-radius: 15px;
}

.div-con-sotto2 {
    position: absolute;
    right: 20.5%;
    bottom: 1%;
}

.div-con-cambioImagen {
    width: 100%;
    height: 88%;
    align-items: center;
}

.hijo-principal3 {
    width: 95%;
    bottom: 18.5%;
    max-width: 350px;
}

    .hijo-principal{
        height: 40%;
    }

    .div-con-imagen2 h2{
        width: 95%;
    }

    .div-con-imagen3{
        width: 95%;
        max-width: 325px;
    }

    .div-con-imagen2 p{
        width: 95%;
    }

    .hijo-principal2{
  
        width: 100%;
        height: 100%;
        max-width: 95%;
    }
    .info-arrivals2:last-child{
        border-bottom: none;
    }
    .section-without-slide{
        height: 620px;
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .div-con-cambioImagen div{
        height: 85%;
    }

    .section-with-slide{
        height: 620px;
    }

    .img-fondo2{
        width: 31%;
        top:3%;
        max-width: 115px;
        right: 3%;
    }

    .informacion-alta-divs{
        height: 33.5%;
    }

    .informacion-alta-div{
        justify-content: end;
    }

    .informacion-baja-div3{
        width: 90%;
    }

    .div-pec{
        width: 90%;
        position: absolute;
        height: 190px;
        top: 13.5%;
        border-radius: 25px;
        z-index: 1;
    }

    .div-pec img{
        border-radius: 25px;
        width: 100%;
        height: 100%;
    }

    .informacion-alta-divs1{
        width: 100%;
        gap: 1.25rem;
    }

    .section-test-div1-img{
        height: 76%;
        left: -1.5%;
        width: auto;
    }

    .section-test{
        justify-content: center;
        width: auto;
        height: 950px;
    }

    .info-arrivals2-div-last{
        width: 30%;
        justify-content: center;
        align-items: start;
    }

    .info-arrivals2-div-last div{
        flex-direction: column;
        align-items: center;
        gap: .4rem;
    }

    .info-arrivals2 h1{
        font-family: Poppins;
font-size: 16px;
font-weight: 300;
line-height: 18px;
text-align: left;
color: #EAEBEF;
opacity: .5;
display: flex !important;
    }

    

    .info-arrivals2-div{
        flex-direction: column;
        justify-content: start;
        
        gap: .4rem; 
    }

    

    .info-arrivals2-div-last-div-imagen{
        display: none !important;
    }

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

    .info-arrivals2-div-last-div-imagen2{
        display: none !important;
    }

    .btn-learn img{
        left: 0%;
        top: 0%;
    }

    .div-learn-more{
        height: 65%;
    }

    .arrivals-section-home-div1{
        align-items: center;
    }

    .arrivals-section-home-div1 svg{
        height: 40px;
    }
    .pos-abs2{
        width: 100px;
    }

    .btn-learn img{
        width: 100% !important;
    }

    .div-learn-img img{
        height: 80% !important;
        width: auto !important;
    }

    .div-learn-spans span{
        width: 100px;
    }

    .div-learn{
        height: 350px;
    }

    .section-formulario{
        height: fit-content;
        min-height: 700px;
    }

    .formulario-index h3 span svg{
        width: 25px;
        height: 25px;
    }

    .formulario-index-buttons button{
        width: 50% !important;
        height: 3rem !important;
    }

    .prelast-section-home h2{
        line-height: 115%;
        font-size: 28px;
    }

    .prelast-section-home span{
        width: 60px;
        height: 60px;
        display: inline-flex;
        justify-content: center;
        align-items: end;
    }

    .prelast-section-home h2 span svg{
        width: 65%;
        height: 65%;
    }

    .prelast-section-home li img{
        width: 80px ;
    }

   

    .last-section-home{
        flex-direction: column;
    }

    .prelast-section-home{
        height: fit-content;
        gap: 4rem;
    }

    .svg-shaped-div4{
        display: none;
    }

    .formulario-index{
        border-radius: 25px;
        height: 650px;
    }

    .formulario-index h3{
        height: 100%;
        line-height: 115%;
    }

    .formulario-index h3 span{
        display: flex;
        align-items: center;
    }

    .formulario-index-h3{
        width: 95%;
        height: auto;
        margin-top: 35px;
    }
    .prelast-section-home{
        border-top: none !important;
        padding-top: 5px !important;
        margin-top: 20px !important;
    }
    .form-index{
        width: 95%;
    }
    .footer-details{
        height: 100px !important;
    }
    .footer-content{
        padding-top: 25px;
    }
    .last-section-home-div1{
        width: 95%;
        position: relative;
    }
    .last-section-home-div2 img{
        width: 45px;
    }
    .svg-shaped-div3{
        mask-image: url(../assets/Subtract2.svg);
    }
    .div1-info img{
        bottom: 0;
    }
    .div-info{
        mask-image: none;
        border-radius: 25px;
        background-color: #EAEBEF;
    }
    .cables-2{
        height: auto !important;
        width: auto !important;
    }
    #cables-2, #cables-1, #cables-4{
        width: 130% !important;
        top: auto;
        right: auto;
        bottom: auto !important;
    }
    .pos-abs{
        width: 100px;
        right: 5%;
    }

    .border-none ul{
        height: 120px !important;
    }

    .last-section-home{
        height: fit-content;
        padding: 2rem 0rem;
        gap: 1.5rem;
    }

    .last-section-home-div2{
        width: 95%;
    }

    .div2-child2-child1-child1-prefinal-about h3 {
        line-height: 110%;
        
        font-size: 120px;
        
    }

    .back-path-h8 p{
        line-height: 145%;
        width: 80%;
    }

    .back-path-h6{
        width: 75%;
    }

    .back-path-h7{
        width: 90%;
    }

    .back-path-h7-div img{
        height: 90%;
    }

    .back-path-h7-div{
        height: 160px;
    }

    .back-path-h8{
        width: 90%;
    }

    .back-path-father{
        width: 90%;
    }

    .section-prefinal-about h2{
        width: 100%;

    }

    .div2-child1-prefinal-about{
        height: 180px;
    }

    .div2-child2-child1-prefinal-about{
        width: 95%;
        margin-top: -12.5%;
        height: 400px;
    }

    .div2-child2-child2-prefinal-about{
        width: 100%;
        gap: .4rem;
    }

    .div2-child2-child2-prefinal-about p{
        line-height: 125%;
    }

    .div2-child2-child2-prefinal-about p{
        width: 90%;
    }

    .div2-child2-child1-child1-prefinal-about{
        height: 60%;
    }

    .div2-child2-prefinal-about{
        width: 100%;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .div2-child1-prefinal-about img{
        height: 100%;
    }

    .section-prefinal-about{
        min-height: 500px;
        height: fit-content;
    }

    .section-prefinal-about-svg{
        height: 25px;
        width: auto;
        margin-left: .2rem;
        margin-top: .5rem;
        position: relative;
    }

    .back-prueba{
        min-height: 450px;
        flex-direction: column;
        padding-bottom: 2rem;
    }

    .back-path{
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .section-two-about h2{
        width: 100%;
        line-height: 175%;
    }

    .div-section-two{
        width: 100%;
        height: 380px;
    }

    .div-section-two-div div{
        height: 60%;
        border-radius: 25px;
    }

    .div-section-two-div{
        width: 98%;
    }

    .div-section-one-visions{
        gap: 2rem;
    }

    .section-two-about{
        min-height: 500px;
        align-items: start;
        height: fit-content;
    }

    .div-section-one{
        gap: 2rem;
    }

    .div-section-two-div div p{
        line-height: 130%;
    }

    .div1-info{
        height: 70%;
    }

    .div-info{
        background-color: #EAEBEF;
        height: 350px;
        padding-bottom: 15px;
        border-radius: 20px;
    }

    .div2-section-one-visions div{
        width: 95%;
    }
    .span-text-about-two{
        width: fit-content;
    }

    .div-section-one-h2 h2{
        line-height: 45px;
    }

    .section-one-about{
        flex-direction: column;
        height: fit-content;
        min-height: 100vh;
        gap: 2rem;
    }

    .flotante-div-shop2{
        display: flex;
        width: 100%;
        margin-bottom: 3.5rem;
        justify-content: center;
    }

    .flotante-div-shop2-div div{
        width: 30%;
        display: flex;
        justify-content: center;
    }


    .first-div-circles{
        width: 85%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .flotante-div-shop2-div{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    
    .flotante-div-shop2-div h6{
        font-family: Poppins;
font-size: 15px;
color: white;
font-weight: 400;
line-height: 25.2px;
text-align: center;

    }

    #product-9{
        display: none;
    }

    .linea-recta{
        position: absolute;
        width: 85%;
        height: 2px;
        top: 50%;
        z-index: -2;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .number-last{
        display: none;
    }

    .main-shop{
        height: auto;
    }
    .div-child{
        margin-top: 0rem !important;
    }

    .first-div{
        width: 100%;
        height: fit-content;
        margin-top: 3rem;
    }

    .padre-content-products {
        height: 100%;
    }

    .content-products {
        height: 100%;
        justify-content: start;
    }

    .section-shop{
        gap: .3rem;
        flex-direction: column;
    }
 
    .content-products-child-div-span1{
        width: 90%;
    }

    .content-products-child-div{
        height: 200px;
    }

    .content-products-child{
        grid-template-columns: repeat(2,1fr);
    }

    .fondo-bombillo-apagado{
        display: none;
    }

    .three-div{
        display: none;
    }

    .section-final-about{
        width: 90%;
        gap: 2.5rem;
        height: fit-content;
    }

    .section-final-about h2{
        line-height: 35px;
        width: 100%;
    }

    .section-final-about-span{
        padding: .2rem .75rem;

    }

    .section-final-about-span2{

        width: 50px;

    }

    .section-final-about-span2 svg{
        position: absolute;
        top: 30%;
        width: 40px;
        left: 50%;
        transform: translate(-50%,-60%);
    }

    .section-final-about div{
        height: fit-content;
        padding-bottom: 2rem;
        width: 100%;
    }

    .gap-3{
        gap: 1rem;
    }

    .section-final-about div img{
        border-radius: 45px;
        height: 250px;
        width: 100%;
    }
    .main-about{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 1rem 0rem;
    }

    .div2-section-one-visions{
        width: 100%;
    }

    .div-espiral{
        display: none;
    }

    .img-section-one-visions{
        display: none;
    }

    .div-section-one-visions{
        
        flex-direction: column;
    }

    .Dealers{
        justify-content: center;
        display: flex;
    }
    .Dealers img{
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }
    .dealers-mobile{
        width: 95% !important;
        position: relative;
        height: 100%;
        border-radius: 20px;
    }

    .direction{
        align-items: end;
    }

    .padre-direction{
        display: flex;
        align-items: end;
        width: 90%;
    }

    .informaciones-direction{
        height: 80%;
    }

    .div-direction{
        width: 100%;
    }

    #svg-negro{
        display: none;
    }

    .svg-shaped-div-mobile{
        position: relative;
    }

    .position-map{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .contact-main section{
        padding: 2rem 0rem 4rem 0rem;
    }

    .p-position-mobile{
        color: #FFF;
    font-family: Poppins;
    display: block;
    z-index: 10;
    text-align: end;
    position: absolute;
    width: 60%;
    right: 22%;
    bottom: 12%;
    font-size: clamp(14px,1.8vw,1.9rem);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 110% */
    }

    #svg-white{
        width: 10px;
        height: 10px;
    }

    #products,#login{
        display: none;
    }

    .buttons-nav {
        flex-grow: 1;
        min-width: 0rem;
    }

    

    .buttons-nav ul li a{
        width: 7rem;
        height: 45px;
    }

    .buttons-nav ul li button svg{
        width: auto;
        height: 20px;
    }

    .buttons-nav ul{
        justify-content: end;
    }

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

    .logo-nav{
        width: 30%;
    }

    .search-nav{
        display: none;
    }

    .p-position{
        display: none;
    }

    .contact-main section{
        width: 90%;
    }

    .info-contact{
        width: 90%;
    }

    #only-mb{
        width: 100%;
        height: 225px;
    }

    .svg-shaped-div-mobile {
        position: relative;
        width: 100%; /* Puedes ajustar el ancho según sea necesario */
        aspect-ratio: 358 / 221; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M13.395375 0C6.15731478325 0 0 6.15731478325 0 13.395375V184.96315C0 194.01121125 6.15731478325 199.45775 13.395375 199.45775H130.38165C137.28286125 199.45775 143.87625 194.01121125 143.87625 184.96315V160.7445C143.87625 151.79643875 149.77434025 146.349625 157.1724 146.349625H306.307575C313.70878625 146.349625 319.83525 140.90153525 319.83525 131.853475V13.395375C319.83525 6.15731478325 313.70878625 0 306.307575 0H13.395375Z");
        clip-path: path("M14.06514375 0C6.46518052241375 0 0 6.46518052241375 0 14.06514375V194.2113075C0 203.71177125 6.46518052241375 209.4306375 14.06514375 209.4306375H137.9007325C145.14700425 209.4306375 151.0700625 203.71177125 151.0700625 194.2113075V168.781725C151.0700625 159.38625925 157.26305725 153.667875 164.03102 153.667875H321.62295375C328.693225 153.667875 335.0260125 147.946611 335.0260125 138.4461475V14.06514375C335.0260125 6.46518052241375 328.693225 0 321.62295375 0H14.06514375Z");
    }

    .info-contact div{
        gap: .5rem;
    }

    .informacion-contact{
        flex-direction: column;
    }

    .two-inputs{
        flex-direction: column;
    }

    .form-contact form{
        gap: .7rem;
        width: 100%;
        height: 100%;
    }

    .form-contact{
        padding: 10px;
    }

    .div-info-contact{
        position: relative;
        width: 100%;
        height: 100%;
        right: 0%;
        background-color: transparent;
        bottom: 0%;

    }

    .info-contact{
        height: 100%;
        gap: 1.75rem;
    }

    .svg-shaped-div{
        position: relative;
        display: none;
        width: 100%;
        aspect-ratio: fit-content;
        -webkit-clip-path: path("M529.031 0H45C20.1472 0 0 20.1472 0 45V573C0 597.853 20.1472 618 45 618H1036C1060.85 618 1081 597.853 1081 573V183.141C1081 158.288 1060.85 138.141 1036 138.141H619.031C594.178 138.141 574.031 117.994 574.031 93.1412V45C574.031 20.1472 553.884 0 529.031 0Z");
        clip-path: path("M529.031 0H45C20.1472 0 0 20.1472 0 45V573C0 597.853 20.1472 618 45 618H1036C1060.85 618 1081 597.853 1081 573V183.141C1081 158.288 1060.85 138.141 1036 138.141H619.031C594.178 138.141 574.031 117.994 574.031 93.1412V45C574.031 20.1472 553.884 0 529.031 0Z");
    }
    
    .svg-shaped-div-mobile{
        display: block;
    }
    
    .div-boton-form button{
        padding: 8px 40px;
        width: auto;
        height: fit-content;
    }
    .div-direction a{
        width: 100%;
        height: 40px;
        padding: 10px 40px;
        box-sizing: border-box;
    }
    .position-map-div{
        width: 100%;
    }
    .div-direction a svg{
        width: auto;
        height: 30px;
    }
    .informaciones-direction{
        gap: 0.5rem;
        width: 100%;
    }
    .div-direction{
        height: auto;
        padding:  25px 23px 12px 23px;

        border-radius: 11px;
        border: 1px solid #EAEBEF;
        background: rgba(234, 235, 239, 0.30);
        backdrop-filter: blur(6.599999904632568px);
    }
    .div-section-one-h2 h2 span{
        font-weight: 500;
    }
    .div-direction h3{
        line-height: 120%;
        font-size: 25px;
    }
    .div-boton-form img{
        height: 36px;
        width: auto !important;
    }

    .two-inputs{
        gap: .7rem;
    }

    .form-contact form textarea{
        height: 8rem;
        border-radius: 20px;
    }

    .one-inputs{
        width: 95%;
    }

    .form-contact form input{
        height: 40px;
    }

    .two-inputs input{
        width: 95%
    }

    .si-mb{
        display: block !important;
        width: fit-content;
    }
    
    .si-mb2 {
        display: block !important;
        width: fit-content;
        padding: 0;
        border: none;
    }
    .flex {
        display: flex;
    }
    .content-terms{
        align-items: center;
    }

    .main-terms section{
        gap: 40px;
    }

    .content-terms div{
        width: 95%;
    }

    .content-terms p{
        width: 100%;
    }

    .footer-details ul{

        border-bottom: 1px solid #ffffff00;
        border-top: 1px solid #ffffff00;
    }

    
    .footer-details {
        width: 100%;
        border-bottom: 1px solid #ffffff2f;
        border-top: 1px solid #ffffff2f;
    }

    .div-footer-mobile{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1rem 0rem;
    }
    
    .gap-redirections{
        gap: .5rem;
    }

    .w-50{
        width: 50%;
        display: flex;
        flex-direction: column;

    }

    .mr-footer{
        margin-right: 0rem;
        text-align: center;
    }

    .redirections ul div{
        text-align: center;
        width: 100%;
    }

 

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

    .footer-details ul li{
        gap: .5rem;
        text-wrap: nowrap;
    }

    .swiper-slide {
      text-align: center;
      display: flex;

      align-items: center;
    }

    .footer-details ul{
        min-width: 100vw;
        width: fit-content;
    }

    .swiper-slide img{
        width: 30px;
        height: auto;
    }

    .other-div-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 150px;
        border-bottom: .5px solid #ffffff2f;
        border-top: .5px solid #ffffff2f;
    }

    .gap-15{
        gap: 1.5rem;
    }

    .footer-reserved{
        padding: 1rem 0rem .5rem 0rem;
        text-align: center;
    }

    .div-footer-mobile-child{
        display: flex;
        padding: 1rem 0rem;
    }

    .footer-content{
        width: 90%;
    }

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

    
.content-terms h2{
    text-align: start;
    width: 95%;
    line-height: 130%;
}

    .svg-mobile{
        width: 40px;
        height: auto;
    }

    .section-home-hero-div{
        height: 100%;
    }

    .content-products-child-div .product-img{
        position: absolute;
        z-index: -1;
        width: 75%;
        height: 75%;
    }

    .content-products-child-div div{
        padding-bottom: .5rem;
    }

    .content-products-child-div div {
        height: 20%;
        width: 95%;
    }

    .options-mb {
        display: flex;
    }

    .first-div-circles div {
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

    .line-y-1 {
        display: initial;
        position: absolute;
        top: 8%;
        left: 22.5%;
        background: rgba(221, 221, 221, 0.80);
        width: 8px;
        height: 670px;
        z-index: 0;
    }

    .line-y-2 {
        display: initial;
        position: absolute;
        top: 8%;
        left: auto;
        right: 22.5%;
        background: rgba(221, 221, 221, 0.80);
        width: 8px;
        height: 670px;
        z-index: 0;
    }

    .line-x-1 {
        display: initial;
        position: absolute;
        top: 6rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }
    
    .line-x-2 {
        display: initial;
        position: absolute;
        top: 21rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }
    
    .line-x-3 {
        display: initial;
        position: absolute;
        top: 35rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }
    
    .line-x-4 {
        display: initial;
        position: absolute;
        top: 50rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }

    .div-TipoCable-mb {
        display: flex;
    }

    .div-con-cambioImagen2-tipoCable {
        height: fit-content;
        display: none;
        width: 100%;
        justify-content: left;
        gap: .5rem;
        flex-wrap: nowrap;
        text-wrap: nowrap;
        margin-top: .3rem;
        overflow-x: scroll;
    }
    
    .img-fondo {
        width: 100%;
        height: 620px;
    }

    .formulario-index h3 {
        font-size: 22px;
    }

    .div-con-imagen2 {
        top: 0%;
        align-items: flex-start;
    }
    .div-con-imagen2 h2{
        width: 60%;
    }
    #loading-screen button {
        width: 40%;
    }
    #loading-screen button img{
        width: 100%;
    }
    .asset-absolute {
        top: 10%;
        left: 5.5%;
    }

    .img-fondo2 {
        top: 10%;
        right: 7%;
    }
    
    .slider-btns-out {
        display: none;
    }

    .noDis {
        display: flex;
    }

    .buttons-slider {
        gap: 1rem;
    }

    #previous2 svg{
        transform: none;
    }

    .div-con-sotto2-mb {
        position: absolute;
        right: 21%;
        bottom: 0;
    }

    .div-pec {
        width: 95%;
        position: absolute;
        height: 190px;
        top: 14%;
        right: 5%;
        border-radius: 25px;
        z-index: 1;
    }

    .informacion-baja-div3 h3 span img {
        width: 30px;
        height: 30px;
    }

    .info-hero div h2 {
        font-size: 30px;
    }

    .info-hero p {
        font-size: 15px;
        line-height: 140%;
    }
    .div-subterraneo div h4 span{
        padding: 5px 10px;
    }
    .info-hero {
        gap: 1.5rem;
    }
    .div-subterraneo div div {
        width: 34px;
    }
    .info-hero a {
        padding: .7rem 1rem;
    }

    .info-hero {
        width: 90%;
    }
}  
@media (width <= 450px){
    .p-position-mobile {
        right: 10%;
    }
}
@media screen and (max-width: 399px)  {

    .svg-shaped-div-mobile {
        position: relative;
        width: 95%; /* Reducir el ancho en un 5% */
        aspect-ratio: 358 / 221;
        background: url(file-XaA7WdG927uXEg5UVj6BFyxa) no-repeat center / cover;
        -webkit-clip-path: path("M12.69560625 0C5.8344514961375 0 0 5.8344514961375 0 12.69560625V175.7029925C0 184.31065025 5.8344514961375 189.4848625 12.69560625 189.4848625H123.69161875C130.6437181875 189.4848625 136.8264375 184.31065025 136.8264375 175.7029925V152.707275C136.8264375 143.41621625 142.7106232375 137.682375 149.3135 137.682375H290.39219625C296.9506375 137.682375 302.9284875 132.85690875 302.9284875 125.26080125V12.69560625C302.9284875 5.8344514961375 296.9506375 0 290.39219625 0H12.69560625Z");
        clip-path: path("M12.69560625 0C5.8344514961375 0 0 5.8344514961375 0 12.69560625V175.7029925C0 184.31065025 5.8344514961375 189.4848625 12.69560625 189.4848625H123.69161875C130.6437181875 189.4848625 136.8264375 184.31065025 136.8264375 175.7029925V152.707275C136.8264375 143.41621625 142.7106232375 137.682375 149.3135 137.682375H290.39219625C296.9506375 137.682375 302.9284875 132.85690875 302.9284875 125.26080125V12.69560625C302.9284875 5.8344514961375 296.9506375 0 290.39219625 0H12.69560625Z");
    }

    .p-position-mobile {
        right: 10%;
        bottom: 20%;
    }

    .form-contact {
        border-radius: 27px;
    }

    .content-products-child-div {
        height: 160px;
    }

    .content-products-child-div .product-img{
        position: absolute;
        z-index: -1;
        width: 75%;
        height: 75%;
    }

    .option-mb-1 {
        width: 1.8rem;
        height: 1.8rem;
    }

    .option-mb-2 {
        width: 1.8rem;
        height: 1.8rem;
    }

    .line-y-1 {
        display: initial;
        position: absolute;
        top: 8%;
        left: 22.5%;
        background: rgba(221, 221, 221, 0.80);
        width: 8px;
        height: 620px;
        z-index: 0;
    }

    .line-y-2 {
        display: initial;
        position: absolute;
        top: 8%;
        left: auto;
        right: 22.5%;
        background: rgba(221, 221, 221, 0.80);
        width: 8px;
        height: 620px;
        z-index: 0;
    }

    .line-x-1 {
        display: initial;
        position: absolute;
        top: 5rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }
    
    .line-x-2 {
        display: initial;
        position: absolute;
        top: 17rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }
    
    .line-x-3 {
        display: initial;
        position: absolute;
        top: 29rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }
    
    .line-x-4 {
        display: initial;
        position: absolute;
        top: 41rem;
        left: 50%;
        background: rgba(221, 221, 221, 0.80);
        transform: translateX(-50%);
        height: 8px;
        width: 72px;
        z-index: 0;
    }

    .div-learn-spans div {
        width: 35px;
        height: 30px;
    }

    .div-learn {
        border-radius: 22px;
        height: 250px;
    }

    /* .si-mb {
        width: 100%;
        height: 640px !important;
    } */

    .img-fondo {
        width: 100%;
        height: 620px;
    }
    
    .slider {
        top: 20%;
    }

    .div-con-cambioImagen {
        width: 100%;
        height: 45%;
        align-items: center;
    }

    .div-con-cambioImagen2 {
        height: 35%;
    }

    .div-con-sotto1 {
        display: flex;
        justify-content: end;
        align-items: center;
        padding-bottom: 1rem;
    }

    .div-con-sotto2 {
        position: absolute;
        right: 20.5%;
        bottom: 17.5%;
    }

    .div-con-cambioImagen2-tipoCable {
        height: fit-content;
        display: none;
        width: 100%;
        justify-content: left;
        gap: .5rem;
        flex-wrap: nowrap;
        text-wrap: nowrap;
        margin-top: .3rem;
        overflow-x: scroll;
    }

    .div-con-cambioImagen2-tipoCable div {
        padding: 0rem .5rem;
        width: 150px;
        height: 35px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .div-con-cambioImagen2-slider {
        height: 102%;
    }

    .asset-absolute {
        top: 13.5%;
        left: 7%;
        width: 90%;
        overflow: visible;
    }

    .img-fondo2 {
        top: 12%;
        right: 3%;
    }

    .hijo-principal3 {
        width: 95%;
        bottom: 19.5%;
        max-width: 350px;
    }

    .div-con-sotto2-mb {
        position: absolute;
        right: 21.5%;
        bottom: 0;
    }

    .section-test-div1-img {
        height: 76%;
        left: -3%;
        width: 107%;
    }

    .informacion-alta-divs {
        height: 38.5%;
    }

    .div-pec {
        width: 90%;
        position: absolute;
        height: 175px;
        top: 5.5%;
        right: 6.5%;
        border-radius: 25px;
        z-index: 1;
    }

    .informacion-baja-div1 {
        position: absolute;
        bottom: 30.8%;
        left: 2%;
        gap: .5rem;
        height: fit-content;
    }

    .informacion-baja-div3 h3 {
        font-family: Poppins;
        font-size: 15px;
        line-height: 165%;
        font-weight: 400;
    }

    .svg-shaped-div5 {
        position: relative;
        width: auto;
        height: 130px;
        background-color: #979797;
        -webkit-clip-path: path("M274.7709441 0H21.9616396875C9.8316436635 0 0 9.8316436635 0 21.9616396875V86.0484571875C0 98.1784532115 9.8316436635 108.010096875 21.9616396875 108.010096875H196.6716096525C202.3460265465 108.010096875 206.1224958375 102.4067061875 206.1224958375 96.0438058875C206.1224958375 89.6809055875 211.725886525 84.077515875 218.088786825 84.077515875H274.7709441C287.80678395 84.077515875 298.46188305 75.1378843125 298.46188305 62.1020434625V21.9616396875C298.46188305 9.8316436635 287.80678395 0 274.7709441 0Z");
        clip-path: path("M274.7709441 0H21.9616396875C9.8316436635 0 0 9.8316436635 0 21.9616396875V86.0484571875C0 98.1784532115 9.8316436635 108.010096875 21.9616396875 108.010096875H196.6716096525C202.3460265465 108.010096875 206.1224958375 102.4067061875 206.1224958375 96.0438058875C206.1224958375 89.6809055875 211.725886525 84.077515875 218.088786825 84.077515875H274.7709441C287.80678395 84.077515875 298.46188305 75.1378843125 298.46188305 62.1020434625V21.9616396875C298.46188305 9.8316436635 287.80678395 0 274.7709441 0Z");
    }

    .section-test-div1 {
        display: flex;
        position: relative;
        width: 90%;
        align-items: start;
        height: 950px;
    }

    .informacion-baja-div {
        height: 57.5%;
        gap: 0rem;
    }

    .informacion-baja-div3 {
        width: 85%;
    }

    .informacion-baja-div1 span {
        width: 80px;
        height: 18px;
    }
    .informacion-baja-div1 span {
        font-size: 12px;
        gap: .5rem;
    }
    .div-pec {
        width: 90%;
        position: absolute;
        height: 170px;
        top: 4%;
        right: 6.5%;
        border-radius: 25px;
        z-index: 1;
    }
    .informacion-baja-div1 span img {
        width: 10px;
        height: auto;
    }

    .info-hero div h2 {
        font-size: 28px;
    }

    .info-hero {
        gap: 1.2rem;
    }

    .info-hero a {
        width: 60%;
    }

    .div-subterraneo div h4 {
        font-size: 15px;
    }

    .div-subterraneo div div {
        width: 35px;
    }

   
    
}

@media screen and (min-width: 370px)  and (max-width: 399px) and (min-height: 751px) and (max-height: 860px)  {

    .div-subterraneo{
        bottom: 0;
    }

    .info-final-header{
        opacity: 0 !important;
    }

    .sub-aset{
        height: 95%;
    }

    .info-del-menu{
        left: 6%;
    }

    .boton-close{
        top: 9% !important;
        right: 3.5%;
    }

    .buttons-slider button svg{
        width: 15px;
    }

    .buttons-slider div span img {
        width: 15px;
    }
    .div-l-2{
        margin-top: 15px;
    }

}


@media screen and (min-width: 330px)  and (max-width: 369px) and (min-height: 751px) and (max-height: 860px)  {

    .div-subterraneo{
        bottom: 0;
    }

    .sub-aset{
        height: 87%;
        object-fit: cover;
    }

    .info-del-menu{
        left: 6%;
    }

    .boton-close{
        top: 3% !important;
        right: 0.5%;
    }

    .buttons-slider button svg{
        width: 15px;
    }

    .buttons-slider div span img {
        width: 15px;
    }
}

@media screen and (min-width: 400px) and (max-width: 480px) and (max-height: 860px)  {

    .div-subterraneo{
        bottom: 0;
    }

}

@media screen and (min-width: 400px) and (max-width: 480px) and (min-height: 861px) and (max-height: 1100px)  {

    .div-subterraneo{
        bottom: 0;
    }

}


@media screen and (min-width: 1281px) and (max-width: 1599px) and (min-height: 700px) and (max-height: 800px)  {

    .div-subterraneo{
        bottom: 19.5%;
    }

    .div-bajo-hero1 {
        top: -2% !important;
    }

    .hijo-principal3{
        bottom: 18% !important;
    }

    .info-hero {
        height: 90%;
    }

    #new-section{
        height: 740px !important;
    }

}

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

    .div-l-2{
        margin-top: 15px;
    }
}


@media screen and (min-width: 481px)  and (max-width: 767px)  {

    .contact-main h1 svg{
        width: 20px;
        height: 20px;
    }

    .flotante-div-shop2-div h6{
        position: relative;
        display: none;
    }

    .div-bajo22{
        width: 100%;
    }

    .progress-bar{
        width: 100%;
    }

    .formulario-index{
        width: 100%;
    }

    .boton-close{
        right: -5%;
        color: #171717;
    }

    .info-menu-header ul{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-top: 1rem;
    }

    .info-del-menu {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        left: 18%;
    }

    .sub-aset {
        position: absolute;
        width: 90%;
        height: auto;
        left: 50%;
        transform: translate(-50%);
        top: 1%;
    }

    .div-shaped{
        display: none;
    }

    .info-final-header{
        display: none;
    }

    .si-mb3{
        display: none;
    }

    .info-final-header {
        left: 0%;
        right: 0%;
        bottom: -4%;
        transform: translate(0%);
        width: 95%;
        align-items: end;
    }


    .sub-aset{
        display: block;
    }


    .boton-close{
        z-index: 4;
        top: 2% !important;
        gap: .5rem;
    }



    #logo-nav{
        display: none !important;
    }

    .sub-aset{
        display: block;
    }

    .boton-close{
        z-index: 4;
        top: 2% !important;
        gap: .5rem;
    }

    .section-arrivals {
        height: fit-content;
    }
    .section-test-div1-img {
        object-fit: contain;
        left: 0%;
    }

    .section-test-div1 {
        width: 95%;
        justify-content: center;
    }

    .photo-finished{
        display: none;
    }

    .arrivals-section-home-div1 {
        align-items: center;
    }
    .div-2-title-test {
        width: 100%;
    }

    .div-1-title-test {
        display: none;
    }

    .div-pec img {
        border-radius: 25px;
        width: 100%;
        height: 100%;
    }
    
    .informacion-alta-div {
        justify-content: end;
    }

    .si-mb {
        display: block !important;
    }

    .div-pec {
        width: 80%;
        position: absolute;
        height: 250px;
        top: 4%;
        border-radius: 25px;
        z-index: 1;
    }

    .info-arrivals {
        align-items: center;
        gap: 2rem;
    }

    .informacion-alta-divs1 {
        width: 85%;
    }

    .informacion-alta-divs {
        height: 37.5%;
    }

    .informacion-baja-div {
        align-items: center;
        height: 45.5%;
        gap: 1rem;
        width: 90%;
    }

    .informacion-baja-div1 span {
        width: 140px;
        height: 25px;
    }

    .informacion-baja-div1 {
        position: absolute;
        bottom: 7%;
        left: 10%;
        gap: .5rem;
        width: 90%;
        height: fit-content;
    }

    .informacion-baja-div3 h3 {
        line-height: 35px;
        font-size: 20px;
    }

    .informacion-baja-div2 {
        flex-grow: 0 !important;
        height: fit-content;
    }

    .informacion-baja-div2 {
        width: 85%;
    }
    .svg-shaped-div5 {
        position: relative;
        width: auto;
        height: 120px;
        background-color: #979797;
        -webkit-clip-path: path("M305.301049 0H24.401821875C10.924048515 0 0 10.924048515 0 24.401821875V95.609396875C0 109.087170235 10.924048515 120.01121875 24.401821875 120.01121875H218.524010725C224.828918385 120.01121875 229.024995375 113.785206875 229.024995375 106.715339875C229.024995375 99.645472875 235.25000775 93.419460375 242.31987475 93.419460375H305.301049C319.7853155 93.419460375 331.6243145 83.486538125 331.6243145 69.002271375V24.401821875C331.6243145 10.924048515 319.7853155 0 305.301049 0Z");
        clip-path: path("M305.301049 0H24.401821875C10.924048515 0 0 10.924048515 0 24.401821875V95.609396875C0 109.087170235 10.924048515 120.01121875 24.401821875 120.01121875H218.524010725C224.828918385 120.01121875 229.024995375 113.785206875 229.024995375 106.715339875C229.024995375 99.645472875 235.25000775 93.419460375 242.31987475 93.419460375H305.301049C319.7853155 93.419460375 331.6243145 83.486538125 331.6243145 69.002271375V24.401821875C331.6243145 10.924048515 319.7853155 0 305.301049 0Z");
    }

    .informacion-baja-div3 {
        width: 85%;
    }

    .info-arrivals2:hover .info-arrivals2-div span{
        background-color: transparent;
        border: none;
        color: #D6160C;
    }

    .info-arrivals1{
        display: none;
    }

    .info-arrivals2-div span{
        padding: 0rem 0rem;
        border: none;
    }

    .info-arrivals1 {
        display: none;
    }

    .info-arrivals2-div {
        flex-direction: column;
        justify-content: start;
        gap: .4rem;
    }

    .info-arrivals2-div h1 {
        display: block;
    }

    .info-arrivals2 h1 {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        text-align: left;
        color: #EAEBEF;
        opacity: .5;
    }

    .info-arrivals2-div-last-div-imagen2 {
        display: none !important;
    }

    .info-arrivals2-div-last-div-imagen {
        display: none !important;
    }

    .info-arrivals2 a {
        width: 100%;
        font-family: Poppins;
        color: #FFF;
        font-size: 18px;
        border: 1px solid #FFF;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 20.82px;
        text-align: center;
        text-decoration: none;
        display: flex;
        justify-content: center;
        gap: 1rem;
        height: 45px;
        bottom: 10%;
        align-items: center;
        border-radius: 45px;
        position: absolute;
    }

    .info-arrivals2-div-last {
        width: 30%;
        justify-content: center;
        
        flex-grow: 0 !important;
        align-items: start;
    }

    .info-arrivals2 {
        height: 150px;
        position: relative;
        justify-content: space-between;
    }

    .last-section-home-div1 {
        width: 95%;
        position: relative;
    }

    .last-section-home-div2 {
        width: 95%;
    }

    .prelast-section-home li img {
        width: 80px;
    }

    .last-section-home-div2 img {
        width: 60px;
    }

    .last-section-home {
        flex-direction: column;
    }

    .last-section-home {
        height: fit-content;
        padding: 2rem 0rem;
        gap: 1.5rem;
    }

    .svg-shaped-div4{
        display: none;
    }

    .formulario-index {
        border-radius: 25px;
        height: 700px;
    }
    
    .section-home-hero-div div {
        width: auto;
        height: 100%;
        left: -7%;
        bottom: 2%;
        overflow: visible;
    }
    .cables-2 {
        bottom: 7%;
        position: relative;
    }


    .section-home-hero-div{
        height: fit-content;
    }

    .div-subterraneo div div{
        display: none;
    }
    .asset-foto {
        display: none;
    }
    .section-home-hero-div {
        top: 0rem;
    }
    .section-home-hero div img {
        width: 100%;
        display: none;
        height: auto;
    }
    .div-bajo-hero{
        display: none;
    }
    .div-learn-img img {
        height: 80% !important;
        width: auto !important;
    }
    .div-con-cambioImagen2 {
        width: 85%;
    }    
    .div-con-sotto1 {
        width: 80%;
    }

    .div-shaped-div6{
        display: none;
    }

    .asset-absolute {
        position: absolute;
        top: 6.5%;
        width: 470px;
        left: 3%;
    }

    .div-con-sotto {
        height: 30%;
    }

    .div-con-imagen{
        display: none;
    }

    .home-main{
        gap: 2rem;
    }

    .div-con-imagen2 {
        width: 100%;
    }

    .hijo-principal3 {
        position: absolute;
        width: 90%;
        bottom: 20%;
    }

    .div-con-imagen3 {
        width: 90%;
    }

    .info-interna {
        width: 85%;
    }

    .div-con-imagen2 p {
        width: 95%;
    }

    .div-con-imagen2 h2 {
        width: 95%;
    }
    .hijo-principal2 {
        width: 100%;
        height: 100%;
    }

    .slider-btns-out{
        bottom: -240% !important;
    }

    .p-final{
        margin-left: .5rem;
    }

    .img-fondo2 {
        width: 31%;
        top: 7%;
        right: 3%;
    }

    .hijo-principal2 {
        width: 100%;
        height: 100%;
    }

    .section-with-slide {
        height: 820px;
    }

    .div-con-sotto2 {
        position: absolute;
        right: 17.5%;
        bottom: 7.5%;
        width: 50%;
    }

    .div-con-sotto1 div {
        width: 350px;
    }

    .div-con-cambioImagen2-tipoCable div:nth-child(1) {
        display: flex;
    }
    .div-con-cambioImagen2-tipoCable div {
        display: none;
    }
    .slider h3 {
        width: 90%;
        font-size: 30px;
    }

    .div-con-cambioImagen {
        width: 100%;
        height: 60%;
    }
    .div-top {
        flex-direction: column;
    }

    .section-without-slide {
        height: 820px;
    }

    .btn-learn img {
        width: 100% !important;
    }

    .btn-learn img {
        left: 0%;
        top: 0%;
    }

    .div-alto-hero {
        height: 35%;
    }
    .div-subterraneo {
        bottom: 0;
    }
    .div-subterraneo div {
        width: 45.5%;
    }

    .line-hero {
        display: none;
    }
    .info-hero {
        gap: 2rem;
    }
    .info-hero div h2 {
        width: 100%;
        font-size: 50px;
        line-height: 140%;
    }
    .info-hero p {
        width: 100%;
        font-size: 30px;
    }

    .info-hero a {
        width: 60%;
        padding: 1.25rem 1rem;
    }





    .section-final-about{
        width: 90%;
        gap: 2.5rem;
        height: fit-content;
    }

    .section-final-about h2{
        line-height: 35px;
        width: 100%;
    }

    .section-final-about-span{
        padding: .2rem .75rem;

    }

    .section-final-about-span2{

        width: 50px;

    }

    .section-final-about-span2 svg{
        position: absolute;
        top: 30%;
        width: 40px;
        left: 50%;
        transform: translate(-50%,-60%);
    }

    .section-final-about div{
        height: fit-content;
        padding-bottom: 2rem;
        width: 100%;
    }


    .si-mb2{
        display: inline-block !important;
    }

    .div-section-one-visions{
        gap: 2rem;
        flex-direction: column;
    }

    .div-info {
        background-color: #EAEBEF;
        height: 600px;
        padding-bottom: 15px;
        border-radius: 20px;
    }

    .div1-info{
        left: 2.5%;
        height: 65%;
    }

    .div-espiral{
        display: none;
    }

    .section-one-about {
        flex-direction: column;
        height: fit-content;
        min-height: 100vh;
        gap: 2rem;
    }

    .div2-child2-child1-child1-prefinal-about h3 {
        line-height: 110%;
        font-size: 120px;
    }


    .section-final-about div {
        height: fit-content;
        padding-bottom: 2rem;
        width: 100%;
    }

    .div2-child2-child2-prefinal-about p {
        width: 90%;
    }

    .div2-child2-child2-prefinal-about{
        width: 95%;
    }

    .section-prefinal-about {
        min-height: 500px;
        height: fit-content;
    }

    .div2-child1-prefinal-about {
        height: 220px;
    }

    .div2-child2-child1-prefinal-about {
        width: 90%;
        margin-top: -12.5%;
        height: 400px;
    }

    .div2-child2-prefinal-about {
        width: 100%;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .div2-child1-prefinal-about img{
        height: 100%;
    }

    .back-path-father {
        width: 90%;
    }

    .back-path-h8 {
        width: 90%;
    }

    .back-path-h6{
        width: 100%;
    }
    .back-path-h8 p {
        line-height: 145%;
        width: 80%;
    }

    .back-path-h7-div{
        width: 90%;
    }

    .back-path-h7{
        width: 100%;
    }

    .back-path {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .back-prueba {
        min-height: 450px;
        flex-direction: column;
        padding-bottom: 2rem;
    }

    .div2-section-one-visions div p{
        width: 95%;
    }

    .section-two-about h2{
        width: 90%;
    }

    .div-section-two{
        width: 100%;
        height: 650px;
    }

    .div2-section-one-visions{
        width: 100%;
    }

    .p1-info{
        font-size: 32px;
    }

    .div-section-one{
        gap: 1rem;
    }
    .div-section-one-h2 h2{
        line-height: 135%;
    }

    .gap-3{
        gap: 1rem;
    }

    .section-final-about div img{
        border-radius: 45px;
        height: 250px;
        width: 100%;
    }
    .main-about{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 1rem 0rem;
    }

    .flotante-div-shop2{
        display: flex;
        width: 100%;
        margin-bottom: 2rem;
        justify-content: center;
    }

    .flotante-div-shop2-div div{
        width: 30%;
        display: flex;
        justify-content: center;
    }


    .first-div-circles{
        width: 85%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .flotante-div-shop2-div{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    
    .flotante-div-shop2-div h6{
        font-family: Poppins;
font-size: 15px;
color: white;
font-weight: 400;
line-height: 25.2px;
text-align: center;

    }

    #product-9{
        display: none;
    }

    .linea-recta{
        position: absolute;
        width: 85%;
        height: 2px;
        top: 50%;
        z-index: -2;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .number-last{
        display: none;
    }

    .main-shop{
        min-height: 100vh;
        height: 1000px;
    }
    .div-child{
        margin-top: 0rem !important;
    }

    .first-div{
        width: 100%;
        height: fit-content;
    }

    

    .content-products {
        height: 100%;
        justify-content: start;
    }

    .section-shop{
        gap: .3rem;
        flex-direction: column;
    }
 
    .content-products-child-div-span1{
        width: 90%;
    }

    .content-products-child-div{
        height: 200px;
    }

    .content-products-child{
        grid-template-columns: repeat(2,1fr);
    }

    .fondo-bombillo-apagado{
        display: none;
    }

    .three-div{
        display: none;
    }

    .section-final-about{
        width: 90%;
        gap: 2.5rem;
        height: fit-content;
    }

    .section-final-about h2{
        line-height: 35px;
        width: 100%;
    }

    .section-final-about-span{
        padding: .2rem .75rem;

    }

    .section-final-about-span2{

        width: 50px;

    }

    .section-final-about-span2 svg{
        position: absolute;
        top: 30%;
        width: 40px;
        left: 50%;
        transform: translate(-50%,-60%);
    }

    .section-final-about div{
        height: 400px;
        width: 100%;
    }

    .section-final-about div img {
        border-radius: 45px;
        height: 400px;
        width: 100%;
    }

    .main-about{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 5rem 0rem;
    }


    .Dealers{
        justify-content: center;
        display: flex;
    }

    .Dealers img{
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }
    .dealers-mobile{
        width: 95% !important;
        position: relative;
        height: 100%;
        border-radius: 20px;
    }

    .direction{
        align-items: end;
    }


    .padre-direction{
        display: flex;
        align-items: end;
        justify-content: center;
        width: 90%;
    }

    .informaciones-direction{
        height: 80%;
    }

    .div-direction{
        width: 80%;
        height: 440px;
    }
    .informaciones-direction{
        height: 80%;
    }

    .div-direction{
        width: 100%;
    }

    #svg-negro{
        display: none;
    }

    .svg-shaped-div-mobile{
        position: relative;
    }

    .position-map{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .contact-main section{
        padding: 2rem 0rem 4rem 0rem;
    }

    .p-position-mobile{
        color: #FFF;
    font-family: Poppins;
    display: block;
    z-index: 10;
    text-align: end;
    position: absolute;
    width: 60%;
    right: 5%;
    bottom: 5%;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 110% */
    }

    #svg-white{
        width: 10px;
        height: 10px;
    }

    #products,#login{
        display: none;
    }

    .buttons-nav {
        flex-grow: 1;
        min-width: 0rem;
    }

    

    .buttons-nav ul li a{
        width: 7rem;
        height: 45px;
    }

    .buttons-nav ul li button svg{
        width: auto;
        height: 20px;
    }

    .buttons-nav ul{
        justify-content: end;
    }

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

    .logo-nav{
        width: 30%;
    }

    .search-nav{
        display: none;
    }

    .p-position{
        display: none;
    }

    .contact-main section{
        width: 90%;
    }

    .info-contact{
        width: 90%;
    }

    .svg-shaped-div-mobile {
        position: relative;
        width: 100%; /* Puedes ajustar el ancho según sea necesario */
        aspect-ratio: 358 / 221; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M22.5 0C10.073595 0 0 10.073595 0 22.5V309C0 321.426 10.073595 331.5 22.5 331.5H219C231.426 331.5 241.5 321.426 241.5 309V270C241.5 257.574 251.574 247.5 264 247.5H514.5C526.926 247.5 537 237.426 537 225V22.5C537 10.073595 526.926 0 514.5 0H22.5Z");
        clip-path: path("M22.5 0C10.073595 0 0 10.073595 0 22.5V309C0 321.426 10.073595 331.5 22.5 331.5H219C231.426 331.5 241.5 321.426 241.5 309V270C241.5 257.574 251.574 247.5 264 247.5H514.5C526.926 247.5 537 237.426 537 225V22.5C537 10.073595 526.926 0 514.5 0H22.5Z");
    }

    .info-contact div{
        gap: .5rem;
    }

    .informacion-contact{
        flex-direction: column;
    }

    .two-inputs{
        flex-direction: column;
    }

    .form-contact form{
        gap: .7rem;
        width: 92%;
        height: 100%;
    }

    .form-contact{
        padding: 1rem 0rem;
    }

    .div-info-contact{
        position: relative;
        width: 100%;
        height: 100%;
        right: 0%;
        background-color: transparent;
        bottom: 0%;
    }

    .info-contact{
        height: 100%;
        gap: 1.75rem;
    }

    .svg-shaped-div{
        position: relative;
        display: none;
        width: 100%;
        aspect-ratio: fit-content;
        -webkit-clip-path: path("M529.031 0H45C20.1472 0 0 20.1472 0 45V573C0 597.853 20.1472 618 45 618H1036C1060.85 618 1081 597.853 1081 573V183.141C1081 158.288 1060.85 138.141 1036 138.141H619.031C594.178 138.141 574.031 117.994 574.031 93.1412V45C574.031 20.1472 553.884 0 529.031 0Z");
        clip-path: path("M529.031 0H45C20.1472 0 0 20.1472 0 45V573C0 597.853 20.1472 618 45 618H1036C1060.85 618 1081 597.853 1081 573V183.141C1081 158.288 1060.85 138.141 1036 138.141H619.031C594.178 138.141 574.031 117.994 574.031 93.1412V45C574.031 20.1472 553.884 0 529.031 0Z");
    }
    
    .svg-shaped-div-mobile{
        display: block;
    }
    
    .div-boton-form button{
        height: 2.7rem;
        width: 52%;
    }

    .position-map-div{
        width: 100%;
    }

    .div-boton-form img{
        height: 3rem;
        width: auto !important;
    }

    .two-inputs{
        gap: .7rem;
    }

    .form-contact form textarea{
        height: 8rem;
        border-radius: 20px;
    }

    .one-inputs{
        width: 95%;
    }

    .form-contact form input{
        height: 2.7rem;
    }

    .two-inputs input{
        width: 95%
    }

    .si-mb{
        display: block !important;
    }
    

    .content-terms{
        align-items: center;
    }

    .main-terms section{
        gap: 40px;
    }

    .content-terms div{
        width: 95%;
    }

    .content-terms p{
        width: 100%;
    }

    .footer-details ul{

        border-bottom: 1px solid #ffffff00;
        border-top: 1px solid #ffffff00;
    }

    
    .footer-details {
        width: 100%;
        border-bottom: 1px solid #ffffff2f;
        border-top: 1px solid #ffffff2f;
    }

    .div-footer-mobile{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1rem 0rem;
    }
    
    .gap-redirections{
        gap: .5rem;
    }

    .w-50{
        width: 50%;
        display: flex;
        flex-direction: column;

    }

    .mr-footer{
        margin-right: 0rem;
        text-align: center;
    }

    .redirections ul div{
        text-align: center;
        width: 100%;
    }

    .options-mb {
        display: flex;
    }

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

    .footer-details ul li{
        gap: 1rem;
    }

    .swiper-slide {
      text-align: center;
      display: flex;

      align-items: center;
    }

    .footer-details ul{
        min-width: 100vw;
        width: fit-content;
    }

    .swiper-slide img{
        width: 30px;
        height: auto;
    }

    .other-div-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 150px;
        border-bottom: .5px solid #ffffff2f;
        border-top: .5px solid #ffffff2f;
    }

    .gap-15{
        gap: 1.5rem;
    }

    .footer-reserved{
        padding: 1rem 0rem .5rem 0rem;
        text-align: center;
    }

    .div-footer-mobile-child{
        display: flex;
        padding: 1rem 0rem;
    }

    .footer-content{
        width: 90%;
    }

    .no-mb{
        display: none !important;
    }
    .div-l-2{
        margin-top: 15px;
    }
    
.content-terms h2{
    text-align: start;
    width: 95%;
    line-height: 130%;
}

    .svg-mobile{
        width: 40px;
        height: auto;
    }

}



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

    .contact-main h1 svg{
        width: 20px;
        height: 20px;
    }
    
    .flotante-div-shop2-div h6{
        position: relative;
        display: none;
    }

    .formulario-index{
        width: 100%;
    }

    .div-bajo22{
        width: 100%;
    }

    .progress-bar{
        width: 100%;
    }

    .boton-close{
        right: -5%;
        color: #171717;
    }

    .info-menu-header ul{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-top: 1rem;
    }

    .info-del-menu {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        left: 18%;
    }

    .sub-aset {
        position: absolute;
        width: 90%;
        height: auto;
        left: 50%;
        transform: translate(-50%);
        top: 1%;
    }

    .div-shaped{
        display: none;
    }

    .info-final-header{
        display: none;
    }

    .si-mb3{
        display: none;
    }

    .info-final-header {
        left: 0%;
        right: 0%;
        bottom: -4%;
        transform: translate(0%);
        width: 95%;
        align-items: end;
    }


    .sub-aset{
        display: block;
    }


    .boton-close{
        z-index: 4;
        top: 2% !important;
        gap: .5rem;
    }


    .section-test{
        height: 1500px;
    }

    .section-test{
        display: none;
    }

    .prelast-section-home{
        height: 550px;
        gap: 4.5rem;
    }
    .swiper-backface-hidden .swiper-slide {
        height: 100px !important;
    }
    .section-arrivals {
        height: fit-content;
    }
    .section-test-div1-img {
        object-fit: cover;
        left: 0%;
    }

    .section-test-div1 {
        width: 95%;
        justify-content: center;
    }

    .photo-finished{
        display: none;
    }

    .arrivals-section-home-div1 {
        align-items: center;
    }
    .div-2-title-test {
        width: 100%;
    }

    .div-1-title-test {
        display: none;
    }

    .div-pec img {
        border-radius: 25px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .informacion-alta-div {
        justify-content: end;
    }

    .si-mb {
        display: block !important;
    }

    .div-pec {
        width: 80%;
        position: absolute;
        height: 250px;
        top: 2.5%;
        border-radius: 25px;
        z-index: 1;
    }

    .info-arrivals {
        align-items: center;
        gap: 2rem;
    }

    .informacion-alta-divs1 {
        width: 85%;
    }

    .informacion-alta-divs {
        height: 37.5%;
    }

    .informacion-baja-div {
        align-items: center;
        height: 43.5%;
        gap: 1rem;
        width: 90%;
    }

    .informacion-baja-div1 span {
        width: 140px;
        height: 25px;
    }

    .informacion-baja-div1 {
        position: absolute;
        bottom: 11%;
        left: 10%;
        gap: .5rem;
        width: 90%;
        height: fit-content;
    }

    .informacion-baja-div3 h3 {
        line-height: 35px;
        font-size: 22px;
    }

    .informacion-baja-div2 {
        flex-grow: 0 !important;
        height: fit-content;
    }

    .informacion-baja-div2 {
        width: 85%;
    }
    .svg-shaped-div5 {
        position: relative;
        width: auto;
        height: 120px;
        background-color: #979797;
        -webkit-clip-path: path("M305.301049 0H24.401821875C10.924048515 0 0 10.924048515 0 24.401821875V95.609396875C0 109.087170235 10.924048515 120.01121875 24.401821875 120.01121875H218.524010725C224.828918385 120.01121875 229.024995375 113.785206875 229.024995375 106.715339875C229.024995375 99.645472875 235.25000775 93.419460375 242.31987475 93.419460375H305.301049C319.7853155 93.419460375 331.6243145 83.486538125 331.6243145 69.002271375V24.401821875C331.6243145 10.924048515 319.7853155 0 305.301049 0Z");
        clip-path: path("M305.301049 0H24.401821875C10.924048515 0 0 10.924048515 0 24.401821875V95.609396875C0 109.087170235 10.924048515 120.01121875 24.401821875 120.01121875H218.524010725C224.828918385 120.01121875 229.024995375 113.785206875 229.024995375 106.715339875C229.024995375 99.645472875 235.25000775 93.419460375 242.31987475 93.419460375H305.301049C319.7853155 93.419460375 331.6243145 83.486538125 331.6243145 69.002271375V24.401821875C331.6243145 10.924048515 319.7853155 0 305.301049 0Z");
    }

    .informacion-baja-div3 {
        width: 85%;
    }

    .info-arrivals2:hover .info-arrivals2-div span{
        background-color: transparent;
        border: none;
        color: #D6160C;
    }

    .info-arrivals1{
        display: none;
    }

    .info-arrivals2-div span{
        padding: 0rem 0rem;
        border: none;
    }

    .info-arrivals1 {
        display: none;
    }

    .info-arrivals2-div {
        flex-direction: column;
        justify-content: start;
        gap: .4rem;
    }

    .info-arrivals2-div h1 {
        display: block;
    }

    .info-arrivals2 h1 {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        text-align: left;
        color: #EAEBEF;
        opacity: .5;
    }

    .info-arrivals2-div-last-div-imagen2 {
        display: none !important;
    }

    .info-arrivals2-div-last-div-imagen {
        display: none !important;
    }

    .info-arrivals2 a {
        width: 100%;
        font-family: Poppins;
        color: #FFF;
        font-size: 18px;
        border: 1px solid #FFF;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 20.82px;
        text-align: center;
        text-decoration: none;
        display: flex;
        justify-content: center;
        gap: 1rem;
        height: 45px;
        bottom: 10%;
        align-items: center;
        border-radius: 45px;
        position: absolute;
    }

    .info-arrivals2-div-last {
        width: 30%;
        justify-content: center;
        
        flex-grow: 0 !important;
        align-items: start;
    }

    .info-arrivals2 {
        height: 150px;
        position: relative;
        justify-content: space-between;
    }

    .last-section-home-div1 {
        width: 95%;
        position: relative;
    }

    .last-section-home-div2 {
        width: 95%;
    }

    .prelast-section-home li img {
        width: 80px;
    }

    .last-section-home-div2 img {
        width: 60px;
    }

    .last-section-home {
        flex-direction: column;
    }

    .last-section-home {
        height: fit-content;
        padding: 2rem 0rem;
        gap: 1.5rem;
    }

    .svg-shaped-div4{
        display: none;
    }

    .formulario-index {
        border-radius: 25px;
        height: 700px;
    }
    
    .section-home-hero-div div {
        width: auto;
        height: 100%;
        left: -7%;
        bottom: 2%;
        overflow: hidden;
    }
    .cables-2 {
        bottom: 7%;
        position: relative;
    }


    .section-home-hero-div{
        height: fit-content;
        margin-inline: 3%;
    }
    .asset-foto {
        display: none;
    }
    .section-home-hero-div {
        top: 0rem;
    }
    .section-home-hero div img {
        width: 100%;
        height: auto;
    }
    #cables-2, #cables-1, #cables-4{
        width: 100% !important;
        bottom: -15%;
        top: auto;
        right: auto;
    }
    .div-bajo-hero{
        display: none;
    }
    .div-learn-img img {
        height: 80% !important;
        width: auto !important;
    }
    .div-con-cambioImagen2 {
        width: 85%;
    }    
    .div-con-sotto1 {
        width: 80%;
    }

    .div-shaped-div6{
        display: none;
    }

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

    .formulario-index h3 span svg{
        width: 35px;
        height: 35px;
    }

    .section-without-slide{
        display: none;
    }

    .section-with-slide{
    }
    .div-con-imagen2{
        justify-content: center;
    }
    .asset-absolute {
        position: absolute;
        top: 4.5%;
        width: 680px;
        left: 5%;
    }

    .div-con-sotto {
        height: 30%;
    }

    .div-con-imagen{
        display: none;
    }

    .home-main{
        gap: 2rem;
    }

    .div-con-imagen2 {
        width: 100%;
    }

    .hijo-principal3 {
        position: absolute;
        width: 90%;
        bottom: 20%;
    }

    .div-con-imagen3 {
        width: 90%;
    }

    .info-interna {
        width: 85%;
    }

    .div-con-imagen2 p {
        width: 92%;
        
        font-size: 28px;
    }

    .div-con-imagen2 h2 {
        width: 92%;
        font-size: 48px;
    }

    .hijo-principal2 {
        width: 100%;
        height: 115%;
    }

    .formulario-index{
        width: 100% !important;
    }

    .img-fondo2 {
        width: 25%;
        top: 4%;
        right: 6%;
    }
    .buttons-slider{
        height: 58%;
    }
    .buttons-slider div p{
        font-size: 28px;
    }
    .buttons-slider div {
        width: 68px;
        height: 46px;
        transform: translateY(-10px);
    }
    .buttons-slider div span{
        transform: translate(-50%,-32%);
    }
    .w-100{
        bottom: -240% !important;
        justify-content: start;
        right: 0% !important;
    }

    .section-with-slide {
        height: 1080px;
    }

    .div-con-sotto2 {
        position: absolute;
        right: 86% !important;
        bottom: 7.5%;
        justify-content: flex-end !important;
        width: 50%;
    }

    .div-con-sotto1 div {
        width: 540px;
    }

    .div-con-cambioImagen2-tipoCable div:nth-child(1) {
        display: flex;
    }
    .div-con-cambioImagen2-tipoCable div {
        display: none;
    }
    .slider h3 {
        width: 90%;
        font-size: 40px;
    }

    .div-con-cambioImagen {
        width: 100%;
        height: 60%;
    }
    .div-top {
        flex-direction: column;
    }

    .section-without-slide {
        height: 1080px;
    }

    .btn-learn img {
        width: 100% !important;
    }

    .btn-learn img {
        left: 0%;
        top: 0%;
    }

    .div-alto-hero {
        height: 35%;
    }
    .div-subterraneo {
        bottom: 3.5%;
        height: 5%;
    }
    .div-subterraneo div {
        width: 45.5%;
    }
    .swiper-slide{
        height: auto !important;
    }
    .div-learn{
        height: 350px !important;
    }
    .div-learn-img.flex-end{
        align-items: flex-end;
    }
    .div-learn-img{
        align-items: flex-start;
    }
    .line-hero {
        display: none;
    }
    .info-hero {
        gap: 2rem;
    }
    .info-hero div h2 {
        width: 100%;
        font-size: 50px;
        line-height: 140%;
    }
    .info-hero p {
        width: 100%;
        font-size: 30px;
    }

    .info-hero a {
        width: 60%;
        padding: 1.25rem 1rem;
    }

    .div-l-2{
        margin-top: 15px;
    }






    
    .section-final-about{
        width: 90%;
        gap: 2.5rem;
        height: fit-content;
    }

    .section-final-about h2{
        line-height: 35px;
        width: 100%;
    }

    .section-final-about-span{
        padding: .2rem .75rem;

    }

    .section-final-about-span2{

        width: 50px;

    }

    .section-final-about-span2 svg{
        position: absolute;
        top: 30%;
        width: 40px;
        left: 50%;
        transform: translate(-50%,-60%);
    }

    .section-final-about div{
        height: fit-content;
        padding-bottom: 2rem;
        width: 100%;
    }


    .si-mb2{
        display: inline-block !important;
    }

    .div-section-one-visions{
        gap: 2rem;
        flex-direction: column;
    }

    .div-info {
        background-color: #EAEBEF;
        height: 800px;
        padding-bottom: 15px;
        border-radius: 20px;
    }

    .div1-info{
        left: 2.5%;
        height: 65%;
    }

    .div-espiral{
        display: none;
    }

    .section-one-about {
        flex-direction: column;
        height: fit-content;
        min-height: 100vh;
        gap: 2rem;
    }

    .div2-child2-child1-child1-prefinal-about h3 {
        line-height: 110%;
        font-size: 120px;
    }


    .section-final-about div {
        height: fit-content;
        padding-bottom: 2rem;
        width: 100%;
    }

    .div2-child2-child2-prefinal-about p {
        width: 90%;
    }

    .div2-child2-child2-prefinal-about{
        width: 95%;
    }

    .section-prefinal-about {
        min-height: 500px;
        height: fit-content;
    }

    .div2-child1-prefinal-about {
        height: 220px;
    }

    .div2-child2-child1-prefinal-about {
        width: 90%;
        margin-top: -12.5%;
        height: 400px;
    }

    .div2-child2-prefinal-about {
        width: 100%;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .div2-child1-prefinal-about img{
        height: 100%;
    }

    .back-path-father {
        width: 90%;
    }

    .back-path-h8 {
        width: 90%;
    }

    .back-path-h6{
        width: 100%;
    }
    .back-path-h8 p {
        line-height: 145%;
        width: 80%;
    }

    .back-path-h7-div{
        height: 250px;
    }

    .back-path-h7-div{
        width: 90%;
    }

    .back-path-h8{
        align-items: center;
    }

    .back-path-h7{
        width: 100%;
    }

    .back-path {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .back-prueba {
        min-height: 450px;
        flex-direction: column;
        padding-bottom: 2rem;
    }

    .div2-section-one-visions div p{
        width: 95%;
    }

    .section-two-about h2{
        width: 95%;
        font-size: 36px;
    }

    

    .section-final-about-span2 svg{
        display: none;
    }

    .div-section-two{
        width: 100%;
        height: 650px;
    }

    .div2-section-one-visions{
        width: 100%;
    }

    .p1-info{
        font-size: 50px;
    }

    .section-two-about{
        height: 450px;
    }

    .div-section-two-div div p{
        font-size: 20px;
    }

    .div-section-one{
        gap: 1rem;
    }

    .div-section-one-h2 h2{
        line-height: 135%;
    }

    .gap-3{
        gap: 1rem;
    }

    .section-final-about div img{
        border-radius: 45px;
        height: 450px;
        width: 100%;
    }
    .main-about{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 1rem 0rem;
    }

    .flotante-div-shop2{
        display: flex;
        width: 100%;
        margin-bottom: 2rem;
        justify-content: center;
    }

    .flotante-div-shop2-div div{
        width: 30%;
        display: flex;
        justify-content: center;
    }


    .first-div-circles{
        width: 85%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .flotante-div-shop2-div{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    
    .flotante-div-shop2-div h6{
        font-family: Poppins;
font-size: 15px;
color: white;
font-weight: 400;
line-height: 25.2px;
text-align: center;

    }

    #product-9{
        display: none;
    }

    .linea-recta{
        position: absolute;
        width: 85%;
        height: 2px;
        top: 50%;
        z-index: -2;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .number-last{
        display: none;
    }

    .main-shop{
        min-height: 100vh;
        height: 1200px;
    }
    .div-child{
        margin-top: 0rem !important;
    }

    .first-div{
        width: 100%;
        height: fit-content;
    }

    

    .content-products {
        height: 100%;
        justify-content: start;
    }

    .section-shop{
        gap: .3rem;
        flex-direction: column;
    }
 
    .content-products-child-div-span1{
        width: 90%;
    }

    .content-products-child-div{
        height: 200px;
    }

    .content-products-child{
        grid-template-columns: repeat(2,1fr);
    }

    .fondo-bombillo-apagado{
        display: none;
    }

    .three-div{
        display: none;
    }

    .section-final-about{
        width: 90%;
        gap: 2.5rem;
        height: fit-content;
    }

    .section-final-about h2{
        line-height: 35px;
        width: 100%;
    }

    .section-final-about-span{
        padding: .2rem .75rem;

    }

    .section-final-about-span2{

        width: 50px;

    }

    .section-final-about-span2 svg{
        position: absolute;
        top: 30%;
        width: 40px;
        left: 50%;
        transform: translate(-50%,-60%);
    }

    .section-final-about div{
        height: 400px;
        width: 100%;
    }
    .main-about{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 5rem 0rem;
    }


    .Dealers{
        justify-content: center;
        display: flex;
    }

    .Dealers img{
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }
    .dealers-mobile{
        width: 95% !important;
        position: relative;
        height: 100%;
        border-radius: 20px;
    }

    .direction{
        align-items: end;
    }

    .padre-direction{
        display: flex;
        align-items: end;
        justify-content: center;
        width: 90%;
    }

    .informaciones-direction{
        height: 80%;
    }

    .div-direction{
        width: 80%;
        height: 440px;
    }

    #svg-negro{
        display: none;
    }

    .svg-shaped-div-mobile{
        position: relative;
    }

    .position-map{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .contact-main section{
        padding: 2rem 0rem 4rem 0rem;
    }

    .p-position-mobile{
        color: #FFF;
    font-family: Poppins;
    display: block;
    z-index: 10;
    text-align: end;
    position: absolute;
    width: 80%;
    right: 10%;
    bottom: 13.5%;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 110% */
    }

    #svg-white{
        width: 10px;
        height: 10px;
    }

    #products,#login{
        display: none;
    }

    .buttons-nav {
        flex-grow: 1;
        min-width: 0rem;
    }

    

    .buttons-nav ul li a{
        width: 7rem;
        height: 45px;
    }

    .buttons-nav ul li button svg{
        width: auto;
        height: 20px;
    }

    .buttons-nav ul{
        justify-content: end;
    }

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

    .logo-nav{
        width: 30%;
    }

    .search-nav{
        display: none;
    }

    .p-position{
        display: none;
    }

    .contact-main section{
        width: 90%;
    }

    .info-contact{
        width: 90%;
    }.svg-shaped-div-mobile {
        position: relative;
        width: 100%; /* Puedes ajustar el ancho según sea necesario */
        aspect-ratio: 358 / 221; /* Mantiene la proporción del SVG */
        background: url('file-XaA7WdG927uXEg5UVj6BFyxa') no-repeat center/cover; /* Cambia a la ruta de tu imagen */
        -webkit-clip-path: path("M17.25 0C7.72209 0 0 7.72209 0 17.25V236.9C0 246.4266 7.72209 253.15 17.25 253.15H167.9C177.4266 253.15 185.15 246.4266 185.15 236.9V207C185.15 197.474 192.473 189.75 202 189.75H394.45C403.976 189.75 411.7 183.0266 411.7 173.5V17.25C411.7 7.72209 403.976 0 394.45 0H17.25Z");
       clip-path: path("M25.875 0C11.58463425 0 0 11.58463425 0 25.875V355.35C0 369.640365 11.58463425 381.225 25.875 381.225H251.85C266.140365 381.225 277.725 369.640365 277.725 355.35V310.5C277.725 296.209635 290.209635 284.025 305.25 284.025H591.675C606.59065 284.025 617.85 272.76565 617.85 258.675V25.875C617.85 11.58463425 606.59065 0 591.675 0H25.875Z");
    }

    .info-contact div{
        gap: .5rem;
    }

    .informacion-contact{
        flex-direction: column;
    }

    .two-inputs{
        flex-direction: column;
    }

    .form-contact form{
        gap: .7rem;
        width: 92%;
        height: 100%;
    }

    .form-contact{
        padding: 1rem 0rem;
    }

    .div-info-contact{
        position: relative;
        width: 100%;
        height: 100%;
        right: 0%;
        background-color: transparent;
        bottom: 0%;
    }

    .info-contact{
        height: 100%;
        gap: 1.75rem;
    }

    .svg-shaped-div{
        position: relative;
        display: none;
        width: 100%;
        aspect-ratio: fit-content;
        -webkit-clip-path: path("M22.5 0C10.073595 0 0 10.073595 0 22.5V309C0 321.426 10.073595 331.5 22.5 331.5H219C231.426 331.5 241.5 321.426 241.5 309V270C241.5 257.574 251.574 247.5 264 247.5H514.5C526.926 247.5 537 237.426 537 225V22.5C537 10.073595 526.926 0 514.5 0H22.5Z");
        clip-path: path("M22.5 0C10.073595 0 0 10.073595 0 22.5V309C0 321.426 10.073595 331.5 22.5 331.5H219C231.426 331.5 241.5 321.426 241.5 309V270C241.5 257.574 251.574 247.5 264 247.5H514.5C526.926 247.5 537 237.426 537 225V22.5C537 10.073595 526.926 0 514.5 0H22.5Z");
       }
    
    .svg-shaped-div-mobile{
        display: block;
    }
    
    .div-boton-form button{
        height: 2.7rem;
        width: 52%;
    }

    .position-map-div{
        width: 100%;
    }

    .div-boton-form img{
        height: 3rem;
        width: auto !important;
    }

    .two-inputs{
        gap: .7rem;
    }

    .form-contact form textarea{
        height: 8rem;
        border-radius: 20px;
    }

    .one-inputs{
        width: 95%;
    }

    .form-contact form input{
        height: 3.5rem;
    }

    .two-inputs input{
        width: 95%
    }

    .si-mb{
        display: block !important;
    }
    

    .content-terms{
        align-items: center;
    }

    .main-terms section{
        gap: 40px;
    }

    .content-terms div{
        width: 95%;
    }

    .content-terms p{
        width: 100%;
    }

    .footer-details ul{

        border-bottom: 1px solid #ffffff00;
        border-top: 1px solid #ffffff00;
    }

    
    .footer-details {
        width: 100%;
        border-bottom: 1px solid #ffffff2f;
        border-top: 1px solid #ffffff2f;
    }

    .div-footer-mobile{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1rem 0rem;
    }
    
    .gap-redirections{
        gap: .5rem;
    }

    .w-50{
        width: 50%;
        display: flex;
        flex-direction: column;

    }

    .mr-footer{
        margin-right: 0rem;
        text-align: center;
    }

    .redirections ul div{
        text-align: center;
        width: 100%;
    }

 

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

    .footer-details ul li{
        gap: 1rem;
    }

    .swiper-slide {
      text-align: center;
      display: flex;

      align-items: center;
    }

    .footer-details ul{
        min-width: 100vw;
        width: fit-content;
    }

    .swiper-slide img{
        width: 30px;
        height: auto;
    }

    .other-div-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 150px;
        border-bottom: .5px solid #ffffff2f;
        border-top: .5px solid #ffffff2f;
    }

    .gap-15{
        gap: 1.5rem;
    }

    .footer-reserved{
        padding: 1rem 0rem .5rem 0rem;
        text-align: center;
    }

    .div-footer-mobile-child{
        display: flex;
        padding: 1rem 0rem;
    }

    .footer-content{
        width: 90%;
    }

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

    
.content-terms h2{
    text-align: start;
    width: 95%;
    line-height: 130%;
    }

    .svg-mobile{
        width: 40px;
        height: auto;
    }

}


.div-bajo-hero1{
    position: absolute;
    top: 0;
    left: 0;
}
@media (width <= 378px){
    .div-section-one-h2 h2{
        font-size: 22px;
    }
}

@media (width <= 1023px) {
    .section-test-div2{
        height: auto;
    }
    .section-test-div2 .section-test-div1{
        height: auto;
        width: 100%;
    }
    .section-test-div1{
        flex-direction: column;
        height: auto;
        align-items: center;
    }
    .section-test-div2 .div-pec{
        position: static;
        background-color: #EAEBEF;
        border-radius: 20px 20px 0px 20px;
        width: 85%;
        padding: 5% 5%;
    }
    .section-test-div2 .div-2-title-test{
        height: auto;
        position: static;
        background-color: #EAEBEF;
        border-radius: 0px 0px 20px 20px;
        width: 95%;
        margin-top: -1px;
        align-items: flex-start;
    }
    .slider-products{
        height: 55vh;
    }
    .section-test-div2 .informacion-baja-div1{
        position: static;
        margin-block: 20px;
    }
    .section-test-div2 .informacion-alta-div{
        background: #171717;
        padding: 20px 20px 20px 0px;
        width: 90%;
        border-radius: 0 20px 20px 0;
        padding-left: 10px;
    }
    .section-test-div2 .informacion-alta-divs1{
        align-items: flex-start;
        margin-bottom: 10px;
    }
    nav{
        height: auto;
        margin-top: 10px;
        align-items: center;
    }
    .content-navbar{
        align-items: center;
    }
    .informacion-div-hero{
        justify-content: flex-start;
        padding-top: 50px;
        padding-inline: 1%;
    }
    .img-assets-2{
        bottom: -8%;
    }
    .div-con-sotto1{
        justify-content: flex-start;
    }
    .div-con-sotto1 div{
        width: 98%;
        max-width: 450px;
        justify-content: flex-start;
    }
    .back-path .back-path-h7-div{
        opacity: 1;
    }
    .div-section-one-h2 h2 span.border-box{
        border:  1px solid #EAEBEF;
    }
    .div2-section-one-visions div{
        border-radius: 15px;
    }
    .section-two-about h2{
        font-size: 25px;
        font-weight: 500;
    }
    .section-final-about div img{
        border-radius: 15px;
    }

    
    .svg-shaped-div3{
        mask-image: url(../assets/Subtract2.svg);
    }
    .div1-info{
        left: auto;
    }
    .div-info{
        mask-image: none;
        background-color: #EAEBEF;
        border-radius: 25px;
    }
    .div1-info img{
        bottom: 0;
    }
    .section-three-about{
        gap: 40px;
        margin-top: -40px;
    }
    
}
@media (width >= 1024px){
    .section-home-hero-div{
        background-color: #EAEBEF;
    }
}
@media (width > 2000px){
    nav{
        width: 100%;
        z-index: 6;
    }
    .three-div{ 
        width: 27%;
    }
    @media (width >= 2400px) {
        .three-div{
            width: 24%;
        }
    }
    .content-navbar{
        display: flex;
        width: 96%;
        height: 100%;
    }
    
    .logo-nav{
        height: 100%;
        display: flex;
        width: 10.833vw;
        justify-content: center;
    }
}