/* ==================================================
   ARDTEC SOLUTIONS - HEADER GLOBAL
   ================================================== */

.ardtec-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
    box-shadow:0 2px 12px rgba(0,0,0,.05);
}

.ardtec-header-inner{
    width:min(1250px,94%);
    height:118px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:25px;
}

.ardtec-logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.ardtec-logo img{
    height:100px;
    width:auto;
    display:block;
}

.ardtec-nav{
    display:flex;
    align-items:center;
    gap:24px;
}

.ardtec-nav a{
    text-decoration:none;
    color:#253247;
    font-size:14px;
    font-weight:600;
    transition:.2s;
}

.ardtec-nav a:hover{
    color:#000000;
}

.ardtec-tienda{
    background:#111827;
    color:#ffffff !important;
    padding:13px 19px;
    border-radius:9px;
    font-weight:800 !important;
}

.ardtec-carrito{
    display:flex;
    align-items:center;
    gap:6px;

    background:#f3f4f6;
    color:#111827 !important;

    padding:11px 14px;
    border-radius:9px;

    font-weight:700 !important;
}

.ardtec-cart-count{
    min-width:20px;
    height:20px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#111827;
    color:#ffffff;

    border-radius:50%;

    font-size:11px;
    font-weight:800;
}

.ardtec-menu-button{
    display:none;
    border:0;
    background:#111827;
    color:#ffffff;

    width:44px;
    height:44px;

    border-radius:8px;
    cursor:pointer;

    font-size:22px;
}

/* TABLET */

@media(max-width:950px){

    .ardtec-header-inner{
        height:100px;
    }

    .ardtec-logo img{
        height:84px;
    }

    .ardtec-nav{
        gap:15px;
    }

    .ardtec-nav a{
        font-size:13px;
    }

}

/* MOBILE */

@media(max-width:760px){

    .ardtec-header-inner{
        height:90px;
    }

    .ardtec-logo img{
        height:76px;
    }

    .ardtec-menu-button{
        display:block;
    }

    .ardtec-nav{
        display:none;

        position:absolute;
        top:90px;
        left:0;
        right:0;

        background:#ffffff;

        flex-direction:column;
        align-items:stretch;

        padding:18px 5% 24px;

        border-bottom:1px solid #e5e7eb;

        box-shadow:0 10px 20px rgba(0,0,0,.08);
    }

    .ardtec-nav.activo{
        display:flex;
    }

    .ardtec-nav a{
        padding:10px 0;
    }

    .ardtec-tienda,
    .ardtec-carrito{
        text-align:center;
        justify-content:center;
    }

}

/* ==================================================
   ARDTEC SOLUTIONS - BUSCADOR GLOBAL
   ================================================== */

.ardtec-search-zone{
    background:#ffffff;
    border-top:1px solid #eef1f5;
    padding:0 0 18px;
}

.ardtec-search-wrap{
    width:min(900px,92%);
    margin:auto;
    position:relative;
}

.ardtec-search-icon{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    font-size:18px;
    pointer-events:none;
}

.ardtec-search-input{
    width:100%;
    height:52px;

    border:1px solid #d8dee8;
    border-radius:12px;

    background:#f8fafc;

    padding:
        0
        18px
        0
        50px;

    font-size:16px;
    color:#172033;

    outline:none;

    box-shadow:
        0 3px 12px
        rgba(0,0,0,.04);

    transition:.2s;
}

.ardtec-search-input:focus{
    background:#ffffff;
    border-color:#7baee1;

    box-shadow:
        0 0 0 3px
        rgba(61,135,210,.12);
}

.ardtec-search-input::placeholder{
    color:#8792a2;
}

.ardtec-search-results{
    display:none;

    position:absolute;
    left:0;
    right:0;
    top:60px;

    z-index:2000;

    background:#ffffff;

    border:1px solid #dfe5ec;
    border-radius:12px;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.14);

    max-height:520px;
    overflow:auto;
}

.ardtec-search-results.activo{
    display:block;
}

.ardtec-search-result{
    display:grid;
    grid-template-columns:70px 1fr auto;
    gap:15px;

    align-items:center;

    padding:13px 16px;

    text-decoration:none;
    color:#172033;

    border-top:
        1px solid
        #eef1f5;

    transition:.15s;
}

.ardtec-search-result:first-child{
    border-top:0;
}

.ardtec-search-result:hover{
    background:#f7f9fc;
}

.ardtec-search-image{
    width:64px;
    height:64px;

    border-radius:8px;

    border:
        1px solid
        #e4e8ee;

    background:#ffffff;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    font-size:10px;
    font-weight:800;
    color:#6b7280;
}

.ardtec-search-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.ardtec-search-info{
    min-width:0;
}

.ardtec-search-brand{
    font-size:11px;
    font-weight:800;
    color:#6f7b8c;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.ardtec-search-model{
    font-size:15px;
    font-weight:900;
    color:#172033;
    margin-top:2px;
}

.ardtec-search-title{
    margin-top:3px;

    font-size:13px;
    color:#697586;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ardtec-search-stock{
    font-size:11px;
    font-weight:800;

    padding:6px 9px;
    border-radius:20px;

    white-space:nowrap;
}

.ardtec-search-stock.disponible{
    background:#dcfce7;
    color:#166534;
}

.ardtec-search-stock.consultar{
    background:#f3f4f6;
    color:#6b7280;
}

.ardtec-search-message{
    padding:18px;

    text-align:center;

    color:#6b7280;
    font-size:14px;
}


/* RESPONSIVE */

@media(max-width:760px){

    .ardtec-search-zone{
        padding:
            0
            0
            14px;
    }

    .ardtec-search-wrap{
        width:92%;
    }

    .ardtec-search-input{
        height:48px;
        font-size:14px;
    }

    .ardtec-search-results{
        top:56px;
        max-height:450px;
    }

    .ardtec-search-result{
        grid-template-columns:
            58px
            1fr;

        gap:11px;
    }

    .ardtec-search-image{
        width:54px;
        height:54px;
    }

    .ardtec-search-stock{
        display:none;
    }

    .ardtec-search-title{
        max-width:100%;
    }

}