.tid-global-header{
    position:relative;
    width:100%;
    z-index:9999;
    background:#040404;
}

.tid-header-container{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px clamp(25px,5vw,80px);
}

.tid-header-logo img{
    width:115px;
    height:auto;
    display:block;
    transition:.3s ease;
}

.tid-header-logo img:hover{
    transform:scale(1.08);
}

.tid-header-menu .tid-menu{
    display:flex;
    align-items:center;
    gap:38px;
    list-style:none;
    margin:0;
    padding:0;
}

.tid-menu li{
    position:relative;
}

.tid-menu a{
    position:relative;
    color:#999;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
    font-weight:600;
    transition:.3s ease;
}

.tid-menu a:hover{
    color:#fff;
}

.tid-menu a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#da4a1a;
    transition:.3s ease;
}

.tid-menu a:hover:after{
    width:100%;
}

.tid-menu li{
    position:relative;
}

.tid-menu .sub-menu{
    position:absolute;
    top:calc(100% + 18px);
    left:0;
    width:240px;
    min-width:240px;
    max-width:240px;
    background:#0b0b0b;
    padding:10px 0;
    margin:0;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    transition:.3s ease;
    z-index:99999;
    box-shadow:0 15px 40px rgba(0,0,0,.35);
}

.tid-menu li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.tid-menu .sub-menu li{
    width:100%;
    display:block;
}

.tid-menu .sub-menu li a{
    display:block;
    width:100%;
    padding:12px 20px;
    font-size:13px;
    line-height:1.3;
    white-space:normal;
}

.tid-menu .sub-menu li a:hover{
    background:rgba(218,74,26,.15);
}

.tid-menu .sub-menu .sub-menu{
    top:0;
    left:calc(100% + 8px);
}

.tid-menu li:last-child .sub-menu{
    left:auto;
    right:0;
}

/* evita que el header tape contenido */
.tid-header-space{
    height:0;
}

.admin-bar .tid-global-header{
    top:32px;
}

@media(max-width:900px){
    .tid-header-menu{
        display:none;
    }

    .tid-header-logo img{
        width:90px;
    }
}