.logo-2{cursor: pointer;}
.no-wrapp {
    white-space: nowrap; /* Evita los saltos de línea dentro del texto */
    overflow-wrap: normal; /* No permite romper palabras */
    word-wrap: normal; /* No permite romper palabras */
    hyphens: none; 
}

/*Text Font Size*/
.tx-font-metrica {
    font-size: clamp(55px, 4vw, 80px)!important;
    line-height: clamp(55px, 4vw, 80px)!important;
}

.tx-font-1 {
    font-size: clamp(47px, 3.7vw, 70px)!important;
    line-height: clamp(43px, 4vw, 65px)!important;
}

.tx-font-2{
    font-size: clamp(40px, 2.7vw, 50px)!important;
    line-height: clamp(40px, 2.5vw, 45px)!important;
}

.tx-font-3 {
    font-size: clamp(27px, 2vw, 35px) !important;
    line-height: clamp(27px, 2vw, 37px) !important;
}

.tx-font-4 {
    font-size: clamp(20px, 1.5vw, 28px) !important;
    line-height: clamp(23px, 1.5vw, 30px) !important;
}

.tx-font-5 {
    font-size: clamp(19px, 1.3vw, 19px) !important;
    line-height: clamp(19px, 1.3vw, 23px) !important;
}


.tx-font-5b {
    font-size: clamp(14px, 1.3vw, 14px) !important;
    line-height: clamp(12px, 1.3vw, 21px) !important;
}

.tx-font-6 {
    font-size: clamp(11px, 1vw, 13px) !important;
    line-height: clamp(11px, 1vw, 13px) !important;
}
span.arregloy {
    font-family: sans-serif;
}

a:hover {
    color: rgb(21 96 236) !important;
}

#nuestra-propuesta, #servicios, #casos-exito, #contacto{scroll-margin-top:50px}

.bg-black{background-color: #1A1A1A!important;}
.bg-blue-enlist{background-color: #1272E7!important;}
.tx-green{color: #00DDCD;}
.tx-blue-2{color: #0A3EAA;}
.tx-hover-white:hover{color: white!important;}
.bg-hover-blue-2:hover{background-color: #1660EC!important;border-color: #1660EC!important;}
.bg-hover-blue-2:hover{background-color: #1660EC!important;border-color: #1660EC!important;}

.text-wrap-balance {text-wrap: balance!important;}
.tx-reglones{min-height: 2em;}

/*Header*/
.btn{border-radius: 10px; padding: 7px 15px; font-size: 14px;}
.landing-page .top.sticky.stickyClass{border: none!important;}
.slide {padding: 0px!important;}

/*.bg-blue-header{
    border: none!important;
    background-color: #001F6E!important;
    box-shadow: 10px 0px 15px #00000073;
}*/

.app-sidebar.bg-transparent.horizontal-main,.landing-top-header .top{
    border: none!important;
    background-color: transparent!important;
    box-shadow: none;
}

.stickyClass>.app-sidebar.bg-transparent.horizontal-main,.stickyClass>.bg-transparent{
    border: none!important;
    background-color: #001F6E!important;
    box-shadow: 10px 0px 15px #00000073;
}
@media (min-width: 992px) {
    .side-menu-mob{display: none!important;}
    .text-lg-start{text-align: start!important;}
    .horizontal .side-menu>li>a {padding: 16px 10px !important;}
    .landing-page.horizontal .side-menu>li>a,.horizontal .side-menu>li>a {
        color: white;
        font-size: 14px;
        letter-spacing: 0.07em;
        font-family: "Space Grotesk", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }
    .side-menu:hover,a:hover.side-menu__item:hover,.horizontal .side-menu>li>a.active,.slider:hover,.side-menu__label:hover{color: white!important;}
    .side-menu__item:hover .side-menu__icon, .side-menu__item:hover .side-menu__label, .side-menu__item:focus .side-menu__icon, .side-menu__item:focus .side-menu__label {
        color: white!important;
        
    }
    .tx-font-lg-2{
        font-size: clamp(40px, 2.7vw, 50px)!important;
        line-height: clamp(40px, 2.5vw, 45px)!important;
    }

    .tx-font-lg-5 {
        font-size: clamp(19px, 1.3vw, 19px) !important;
        line-height: clamp(19px, 1.3vw, 23px) !important;
    }
    .w-lg-75{width: 75%;}
}

.btn-outline-green{
    color: white!important;
    background-color: #00DDCD;
    background-image: none;
    border-color: #00DDCD!important;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 14px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
}

.btn-outline-transparent{
    color: white!important;
    background-color: transparent;
    border-color: white!important;
    text-transform: uppercase;
    text-wrap: balance;
    letter-spacing: 0.07em;
    font-size: 14px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
}

.btn-outline-transparent:hover{
    color: #1660EC!important;
    background-color: white;
}


.btn-outline-green:hover{
    background: #1660EC!important;
    border-color: #1660EC!important;
    color: white!important;
}


/*Slider*/
.bg-slider{
    background-image: url(../images/landing/backgrounds/bg-slider.png);
    background-size: cover;
    padding-top: 8vw;
}

/*Tils 3D Effect*/

.tilt-element {
    background-color: transparent;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px; /* Added perspective here */
}

.tilt-content {
    opacity: 0;
    line-height: 100%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(50px); /* Center the text and apply translation */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.tilt-content-img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 40px !important;
}

.tilt-content-img:hover {
    border-radius: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: translate(0%, 0%) translateZ(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.tilt-element:hover>button{
    opacity: 1;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translate(-50%, 0) translateZ(80px); /* Adjusted position on hover */
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
}

/*Soluciones que crecen*/
.bg-soluciones{
    background-image: url(../images/landing/backgrounds/bg-soluciones.png);
    background-size: cover;
    min-height: 20vw;
}

.bg-loquenecesitas{
    background-image: url(../images/landing/backgrounds/bg-loquenecesitas.png);
    background-size: cover;
    min-height: 20vw;
}

/*Card Services*/
.card-services{
    padding: 0px 14%!important;
}

.img-service{
    width: 100%;
    border-radius: 40px!important;
    /*box-shadow: 10px 10px 15px grey;*/
}

.tools{
    padding: 3vw;
    border-radius: 15px;
    background: #D9D9D9;
    box-shadow: 10px 10px 15px gray;
    margin-bottom: 50px;

}

/*Como lo hacemos*/
.bg-como-lo-hacemos{
    background: linear-gradient(135deg, #005377, #031B5E);
    margin: 0;
}

/*Timeline*/
.vtimeline:before {
    inset-block-start: 7vh;
    background: white!important;
}

.timeline-panel {
    background: transparent !important;
    box-shadow: none !important;
}

.timeline-panel::after,.timeline-panel::before {
    content: none!important;
} 

.timeline-badge{background-color: #fff;}

.vtimeline .timeline-wrapper .timeline-badge {
    width: 10px;
    height: 10px;
    position: absolute;
    inset-block-start: 7vh;
    inset-inline-start: calc(50% - 5px);
    z-index: 0;
    border-radius: 50px;
    border: 2px solid #fff;
    background-color: white;
    z-index: 10;
}

.vtimeline .timeline-wrapper  .timeline-badge-finish{
    position: absolute;
    border-left: 7px solid transparent!important;
    border-right: 7px solid transparent!important;
    border-top: 14px solid #ffffff!important;
    width: 14px!important;
    inset-block-start: 6vh!important;
    inset-inline-start: calc(50% - 7px)!important;
}

.timeline:not(.timeline--horizontal):before{width: 0px!important;}


.como-item {
    display: flex;
    align-items: center; /* Alinea el contenido verticalmente al centro */
}

.como-icono{
    width: 40%;
    float: left;
}

.como-text{
    font-family: 'Space Grotesk' !important;
    font-weight: bold!important;
    padding-left: 10px;
    float: left;
    color: #00DDCD;
}

.timeline .como-item {
    flex-direction: row-reverse; /* Invertir el orden: primero el texto, luego la imagen */
    justify-content: flex-end; /* Alinea los elementos a la derecha */
    align-items: center;
}

.timeline .como-text {
    text-align: right;
    padding-left: 0px;
    padding-right: 10px;
}

.mb-neg{margin-bottom: -70px;}

.btn-como{
    background-color: #00DDCD!important;
    border-color: #00DDCD!important;
    color: white!important;
    width: auto;
}

.btn-como:hover{
    color:white!important;
    background: #1660EC!important;
    border-color: #1660EC!important;
    opacity: 1;
}

.slide{
    padding: 20px;
}
.slick-slide img{
    padding: 0px!important;
    width: 180px;
    height: 180px;
    margin: 50px;
    max-height: 100%; 
    box-shadow: 7px 7px 10px gray!important;
}

.slick-list {
    padding: 15px 0px !important;
}

/*Contacto*/
.landing-page .contact-owl-landing{
        background: linear-gradient(135deg,#114fcc, #00ddcd);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
}

.modal-header {
    border-block-end: 0px solid #e9ecef;
    position: absolute;
    float: right;
    right: 0px;
}
.modal-footer {border-block-start: 0px solid #e9ecef;}

.btn-primary-light:hover,.btn-default-light:hover{
    color:white!important;
    background-color: var(--primary-bg-color) !important;
    opacity: 1;
}


/*Fonts*/
.space-grotesk-regular {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300!important;
  font-style: normal!important;
}

.space-grotesk-bold {
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700!important;
    font-style: bold!important;
}


/*Footer*/

.top-footer img{width: 100%;max-width: min(40vw,200px)}
.top-footer img:hover{opacity: 1;}
.demo-footer .top-footer img {border: 0px!important;}

.landing-page .demo-footer .btn-list .btn-icon {
    /* border: 1px solid white !important; */
    color: #fff !important;
    background: transparent !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 21px;
    min-width: auto;
    margin-right: 10px!important;
}



/* ### Casos de Exito ### */
.bg-caso{
    background-size: cover;
    background-position: bottom;
    min-height: 38vw;
}

#caso-prodere{background-image: url(../images/landing/casos-exito/slider-prodere.webp);}
#caso-prodere-detail{background-image: url(../images/landing/casos-exito/detail-prodere.webp); background-position: top;}

#caso-prensario{background-image: url(../images/landing/casos-exito/slider-prensario.webp);}
#caso-prensario-detail{background-image: url(../images/landing/casos-exito/detail-prensario.webp); background-position: top;}
#caso-prodere-detail{background-image: url(../images/landing/casos-exito/detail-prodere.webp); background-position: top;}

#caso-enlist{background-image: url(../images/landing/casos-exito/slider-enlist.webp);}
#caso-enlist-detail{background-image: url(../images/landing/casos-exito/detail-enlist.webp); background-position: top;}

#caso-brm{background-image: url(../images/landing/casos-exito/slider-brm.webp);}
#caso-brm-detail{background-image: url(../images/landing/casos-exito/detail-brm.webp); background-position: top;}

#caso-corteva{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 90%), url(../images/landing/casos-exito/slider-corteva.webp)}
#caso-corteva-detail{background-image: url(../images/landing/casos-exito/detail-corteva.webp); background-position: top;}

.casos-container {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    float: left;
    padding-top: 10vw;
}

.casos-container img {
    width: 50%;
    max-width: 400px; 
    height: auto;
}

.casos-text {
    color: white;
    margin-left: 5%;
    padding-left: 5%;
    border-left: 3px solid white;
}

.btn-casos,.btn-casos:hover,.btn-casos:active,.btn-casos:target{
    background: rgba(217, 217, 217, 0.2);
    border: 1px solid white;
    margin-right: 10px;
    cursor:initial!important;
}

img.icon-tech {
    margin-right: 10px;
    width: 35px;
}

#caso-solucion{margin-top: 4vw;}

div#servicio-protagonista {
    background: rgba(255, 255, 255, .3);
    backdrop-filter: blur(10px);
    padding: 30px;
    border-radius: 20px;
}

/* LOADER */
#loaderModal,#errorModal {
    z-index: 90000 !important;
    background: #000000b3;
}

#loaderModal>div>div{background: transparent!important;border: 0px!important;box-shadow: none!important;}

.spinner-border {color: white !important;}

.img-form{max-width: 240px;}

@media (max-width: 992px) {
    .card-services{padding: 0px 0px!important;}
    .container {
        max-width: 992px;
    }
    .modal-header .btn-close {
        padding: 0!important;
    }
    .hor-header.header {
        background: #001F6E;
        border-block-end: 0px solid #e9edf4;
        box-shadow: 10px 0px 15px #00000073;
    }
    
    .app-sidebar__toggle{color: white!important;}

    .horizontal.app .app-sidebar {
        inset-block-start: 60px;
    }
    .horizontal .app-sidebar {
        width: 240px;
    }
    img.header-brand-img.light-logo1 {
        float: right;
        width: 40%;
        margin-right: 5%;
    }

    .tx-font-sm-5 {
        font-size: clamp(16px, 1.3vw, 19px) !important;
        line-height: clamp(16px, 1.3vw, 23px) !important;
    }

    .casos-container{display: block;}
    .casos-container img {
        width: 70%;
        max-width: 260px;
        height: auto;
    }
    .casos-text {
        margin-left: 0%;
        padding-left: 3%;
        margin-top: 15px;
        border-left: 0px solid white;
    }

    .tx-reglones{min-height: 3em;}

    .bg-slider{
        background-image: url(../images/landing/backgrounds/bg-slider-mob.png);
        padding-top: 30vw!important;
    }

    .bg-soluciones{
        min-height: 70vw;
        text-wrap: balance;
    }

    .bg-loquenecesitas {
        background-image: url(../images/landing/backgrounds/bg-loquenecesitas-mob.png);
        min-height: 100vw;
        text-wrap: balance;
    }

    .img-valores{
        max-width: 70%;
        margin-bottom: -7%!important;
    }
    
    .vtimeline:before {
        inset-block-start: 14vw;
    }

    .vtimeline .timeline-wrapper .timeline-badge {
        inset-block-start: 14vw;
    }

    .vtimeline .timeline-wrapper.timeline-inverted {
        padding-inline-start: 0px;
    }

    .vtimeline .timeline-wrapper .timeline-panel {
        margin-inline-start: 0%;
    }
    .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
        margin-inline-start: auto;
        margin-inline-end: 0%;
    }
    .vtimeline .timeline-wrapper {
        padding-inline-end: 60px;
    }

    .vtimeline .timeline-wrapper .timeline-panel {
        width: 60%;
    }
    .como-icono {
        width: 50%;
        float: none!important;
    }
    .como-text,.timeline .como-text{
        padding-left: 0px!important;
        padding-right: 0px!important;
        text-align: center;
        float: none!important;
    }
    
    .como-item {
        display: block !important;
        align-items: center !important;
        text-align: center !important;
        margin: auto !important;
        justify-content: center !important;
    }

    .slick-slide img{
        width: 140px;
        height: 140px;
        margin: auto!important;
    }

    


    /* Estilo para el botón hamburguesa */
    .hamburger-menu {
        position: relative;
        width: 27px;
        height: 17px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: none;
        background: transparent;
        cursor: pointer;
        z-index: 100000;
    }

    .hamburger-menu span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: white;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Cambiar a cruz cuando el menú esté abierto */
    .hamburger-menu.open span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger-menu.open span:nth-child(2) {
        opacity: 0;
    }

    .hamburger-menu.open span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    /* Menú lateral oculto inicialmente */
    .side-menu-mob {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        height: 100%;
        background-color: #202020;
        color: white;
        transition: right 0.4s ease;
        z-index: 1;
        padding-top: 70px;
    }

    .side-menu-mob ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .side-menu-mob ul li {
        margin: 20px 0;
    }

    .side-menu-mob ul li a {
        color: white;
        text-decoration: none;
        font-size: 18px;
        transition: color 0.3s ease;
    }

    .side-menu-mob ul li a:hover {
        color: #00bfff;
    }

    /* Menú desplegado desde la derecha */
    .side-menu-mob.open {
        right: 0;
    }
    

    .landing-page .side-menu__item{
        padding-inline-start:0px!important;
        padding-inline-end:0px!important;
    }


    div#contacto {
        width: 90%!important;
        margin: auto!important;
    }
}