.contentMainHeader {
    height: 100vh;
    }
.textHeaderMain {
    color: #fff;
    position: absolute;
           margin: 0 auto;
        left: 0px;
        right: 0px;
        display: block;
        width: fit-content;
        top: 8%;
        height: fit-content;
    /*margin: 0 0 0 -500px;*/
    }
    .textHeaderMain h5 {
        text-align: left;
        font-size: 92px !important;
        }
        
        .portfolio-items .col .work-item.style-4:hover .work-info .bottom-meta, .portfolio-items .col .work-item.style-4[data-custom-content="on"]:hover img
        
        {padding: 0px;}
.informationOne {
    position: absolute;
    top: 78%;
    width: 160px;
    text-align: right;
    line-height: 20px;
    left: 50%;
    margin: 0 0 0 -490px;
    }
    .informationOne::after {
        width: 10px;
        height: 10px;
        background: #b4b4b4;
        display: block;
        border-radius: 10px;
        position: absolute;
        top: 35px;
        content: "";
        right: -30px;
        }
    .informationOne::before {
        width: 180px;
        height: 2px;
        background: #b4b4b4;
        display: block;
        border-radius: 10px;
        position: absolute;
        top: 39px;
        content: "";
        right: -205px;
        }
.informationTwo {
    position: absolute;
  bottom: 21%;
    width: 260px;
    text-align: left;
    line-height: 20px;
    right: 50%;
    margin: 0 -530px 0 0;
    }
    .informationTwo::after {
        width: 10px;
        height: 10px;
        background: #b4b4b4;
        display: block;
        border-radius: 10px;
        position: absolute;
        top: 55px;
        content: "";
        left: -30px;
        }
    .informationTwo::before {
        width: 90px;
        height: 2px;
        background: #b4b4b4;
        display: block;
        border-radius: 10px;
        position: absolute;
        top: 59px;
        content: "";
        left: -115px;
        }
    .informationOne p,
    .informationTwo p {
        color: #B4B4B4 !important;
        font-family: 'Nunito Sans', sans-serif !important;
        }
.work-item .work-info .bottom-meta p {
    display: none;
    }   
.work-item .work-info .bottom-meta h3 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    }
.textFeature {
    width: 360px;
    float: right;
    }
.textFeature em {
    font-size: 36px;
    font-weight: 100 !important;
    }
    .textFeature em span {
        font-size: 55px;
        font-weight: 900 !important;
        }
        
/* Modificaciones Servicios */

.contentServices {
    height: 110px;
    }
.contentServices h3 {
    font-size: 18px !important;
    font-weight: 900 !important;
    margin: 30px 0 0;
    padding: 0 !important;
    line-height: 1 !important;
    }
.contentServices h4 {
    font-size: 14px !important;
    font-weight: 300 !important;
    margin: 0 0 10px;
    }
.contentServices p {
    font-size: 12px !important;
    line-height: 14px !important;
    }
    img.img-with-animation.skip-lazy {
        width: auto !important;
        height: 50px;
        }
/* Modificaciones Tabs */

.wpb_tabs_nav li.tab-item {
    width: 25%;
    text-align: center;
    }
.tabbed[data-color-scheme="accent-color"][data-style="default"] li:not(.cta-button) .active-tab {
    background-color: transparent;
    border-color: transparent;
    color: #2B2B2B;
    text-transform: uppercase;
    font-weight: bold !important;
    }
.tabbed>ul li a {
    background: transparent;
    text-transform: uppercase;
    border: none;
    }
    .tabbed>ul li a:hover {
        background: transparent;
        }
        
        
.work-info a {
    pointer-events: none !important;
    cursor: pointer;
}

/* ===========================
   ANIMATIONS
=========================== */
@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}
.textHeaderMain,
.header-info-wrapper {
    opacity: 0;
    animation: fadeUp 1s ease forwards;
}
.textHeaderMain { animation-delay: 0.2s; }
.header-info-wrapper { animation-delay: 0.5s; }

/* ===========================
   MOBILE (≤767px)
=========================== */
@media(max-width: 767px) {
    

    .swiper-slide .image-bg {
        background-size: auto 79%;
        background-position: 49.5% 95% !important;
        background-color: #1c1c1c;
    }
    #principalHero .swiper-slide { max-height: 80vh; }
    .textHeaderMain h5 {
       line-height: 1.2 !important;
       font-size: max(3.5rem, 15vw) !important;
       text-align: center;
    }
    
    .swiper-container {
    min-height: 110vh !important;
}
    
    .parallax_section[data-midnight="dark"] .row-bg.viewport-desktop.using-image {
    filter: brightness(0.5);
}
    .portfolio-items .col .work-item.style-4 .work-info .bottom-meta { padding: 5px; }
    .tabbed>ul,
    .wpb_content_element .tabbed .wpb_tabs_nav {
        display: flex;
        gap: 5px;
        flex-direction: row;
        width: 100%;
                justify-content: space-around;
    }
    .wpb_content_element .tabbed .wpb_tabs_nav li.tab-item { width: fit-content; }
    .wpb_content_element .tabbed .wpb_tabs_nav li.tab-item a { padding: 0; }
    .textFeature {
                width: 52%;
        transform: translate(-167px, -67px) scale(0.8);
        color: #fff;
    }

    .header-info-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
        max-width: 95%;
    }
    .informationOne,
    .informationTwo { font-size: 13px; line-height: 1; }
    .swiper-container .swiper-slide .slide-bg-wrap {
        background: url('https://incotexco.devcol.com.co/wp-content/uploads/2025/11/indexcol.jpg') no-repeat 0% 36% !important;
        background-size: contain !important;
    }
    #principalHero #nectar-slider-instance-1,
    #principalHero #nectar-slider-instance-1 .swiper-container {
        height: 58vh !important;
        min-height: 58vh;
    }
    .contentMainHeader {
        padding: 0;
        height: 339px;
        top: 0;
        z-index: 9999;
    }
    .textHeaderMain {
        top: 132px !important;
        bottom: inherit;
        left: 0px !important;
        margin: 0 auto;
        z-index: 9999;
        width: 100%;
        right: 0px;
        height: fit-content;
    }
    .informationTwo {
               width: 70%;
        top: 53%;
        margin: 0 auto;
        left: 0px;
        text-align: left !important;
        transform: translate(0rem, 27rem);
        background: #00000063;
        height: fit-content;
        padding: 10px;
        right: 0px;
    }
    

    .informationOne {
        left: 0% !important;
        margin: 0 auto;
        bottom: 18px !important;
        width: 62%;
        height: fit-content;
        text-align: justify;
        right: 0%;
        top: 246px;
        text-align-last: center;
        }

        .informationOne::before {
        width: 100px;
        height: 2px;
        background: #b4b4b4;
        display: block;
        border-radius: 10px;
        position: absolute;
        top: 62px;
        content: "";
        right: -65px;
        transform: rotate(90deg);
    }

    .informationOne::after
 {
    top: 13px;
    right: -20px;
    }

    
        .informationTwo::before {
        display:none;
    }
    .informationTwo::after {
        display:none;
    }
}

/* ============================
   TABLET STYLES
   ============================ */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Fondo del slide */
   .swiper-slide .image-bg {
        background-size: auto 56%;
        background-position: 50% 54% !important;
    }

    #principalHero .swiper-slide {
        max-height: 80vh;
    }


    

       .informationOne {
        top: 105% !important;
        left: -5% !important;
        margin: 0;
        bottom: 0 !important;
    }
    
    .informationOne::before {
    right: -122%;
}

    /* Textos del header */
    .textHeaderMain h5 {
        font-size: clamp(28px, 8vw, 40px);
        line-height: 1.2;
    }

    /* Tabs */
    .tabbed > ul,
    .wpb_content_element .tabbed .wpb_tabs_nav {
        display: flex;
        gap: 5px;
        flex-direction: row;
        width: 100%;
    }

    .wpb_content_element .tabbed .wpb_tabs_nav li.tab-item {
        width: calc(100% / 4);
    }

    .wpb_content_element .tabbed .wpb_tabs_nav li.tab-item a {
        padding: 0;
    }

    .textFeature {
        width: 100%;
    }

    /* Header wrapper */
    .header-info-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
        max-width: 95%;
    }

    .informationOne, .informationTwo {
        
    }

    /* Slide background override */
    .swiper-container .swiper-slide .slide-bg-wrap {
        background: url('https://incotexco.devcol.com.co/wp-content/uploads/2025/11/indexcol.jpg')
        no-repeat bottom center !important;
        background-size: 100% 100% !important;
    }

    /* Hero heights */
    #principalHero #nectar-slider-instance-1,
    #principalHero #nectar-slider-instance-1 .swiper-container {
        height: 58vh !important;
        min-height: 58vh;
    }

    #nectar-slider-instance-1,
    #nectar-slider-instance-1 .swiper-container {
        height: 58vh !important;
        min-height: 95vh; /* Mantengo tu segundo override */
    }

    /* Contenedor Header */
    .contentMainHeader {
        padding: 0px;
        height: 339px;
        top: 0;
        z-index: 9999;
    }

    /* Texto principal en el hero */
    .textHeaderMain {
        top: 52% !important;
       
        height: fit-content;
        margin: 0 auto;
        width: fit-content;
        z-index: 9999;
    color: #fff;
    position: absolute;
    bottom: -111%;
    
    }

    /* Information markers */
    .informationOne::after {
        right: -17px !important;
        /* top: -46px !important; */
    }

   .informationTwo {
        width: 30%;
        top: 116% !important;
        /* margin: 0; */
        /* left: 16%; */
        /* text-align: left !important; */
        transform: translate(-79%, 0%) !important;}


    
}

/* ===========================
   LAPTOP LARGE (1250px - 1440px)
=========================== */
@media(min-width: 1250px) and (max-width: 1364px) {
    .swiper-slide .image-bg { background-size: auto 82%; background-position: center bottom !important; }
    #principalHero .swiper-slide { max-height: 80vh; }
    .textHeaderMain { top: 40% !important; left: 5% !important; transform: translateY(-35%); width: 50%; z-index: 9999; }
    .textHeaderMain h5 { font-size: clamp(36px, 3.5vw, 65px); line-height: 1.15; }
    .header-info-wrapper { flex-direction: row; justify-content: space-between; max-width: 1300px; text-align: left; margin: 0 auto; gap: 25px; }
    .informationOne,
    .informationTwo { font-size: 17px; line-height: 1.3; }
    .informationOne::after { right: 70px !important; top: -55px !important; }
    .informationTwo { width: 55%; top: 77% !important; left: 28%; font-size: 17px; }
    .informationOne { width: 45%; top: 175% !important; font-size: 19px; left: 5%; }
    #nectar-slider-instance-1,
    #nectar-slider-instance-1 .swiper-container { height: 80vh !important; min-height: 80vh !important; }
    .swiper-container .swiper-slide .slide-bg-wrap { background-size: cover !important; background-position: center bottom !important; }
    .contentMainHeader { padding: 0; height: auto; top: 0; z-index: 9999; width: 100%; max-width: 1400px; margin: 0 auto; }
}

/* ===========================
   DESKTOP HD / LARGE SCREENS (1440px - 1799px)
=========================== */
@media(min-width: 1365px) and (max-width: 1799px) {
    

    
.informationOne {
    top: 63%;
}

}

/* ===========================
   DESKTOP XL (≥1500px)
=========================== */


/* ===========================
   EXTRA LARGE SCREENS (≥1800px)
=========================== */
@media(min-width: 1800px) {
    .informationOne { top: 64% !important; margin: 0 0 0 -549px; }
    .textHeaderMain { bottom: 54%; }
    .swiper-slide[data-bg-alignment="center"] .image-bg {
    background-position: top center;}
    
    
}

@media (min-width: 1024px) and (max-width: 1320px) {
    
    
    .nectar-split-heading .heading-line div h3 {
    height: fit-content;
    overflow: visible;
    line-height: 1 !important;
    display: block;
    font-size: 1rem !important;
    margin-top: 1px !important;
}

.owl-carousel[data-column-padding="10px"] .carousel-item .vc_row {
    padding: 20px !important;
    height: fit-content !important;
}
}