/*
 * UPSEX — HEADER DESKTOP PRO V3.2
 * Solo tablet y PC.
 * No modifica banner, módulos, productos ni footer.
 */

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

    #upsex-desktop-header-v1,
    #upsex-desktop-header-v1 *,
    #upsex-desktop-header-v1 *::before,
    #upsex-desktop-header-v1 *::after{
        box-sizing:border-box!important;
    }

    #upsex-desktop-header-v1{
        position:relative!important;
        z-index:5000!important;

        width:100%!important;
        margin:0!important;

        background:#4d423f!important;
        color:#fffaf1!important;

        border:0!important;

        box-shadow:
            0 12px 30px
            rgba(73,54,35,.18)!important;

        font-family:
            Manrope,
            Arial,
            sans-serif!important;
    }

    #upsex-desktop-header-v1 a{
        text-decoration:none!important;
    }

    #upsex-desktop-header-v1 svg{
        display:block!important;
        flex:0 0 auto!important;
    }

    /* ======================================================
       TOP BAR
       ====================================================== */

    #upsex-desktop-header-v1 .upsex-v32-top{
        width:100%!important;

        background:
            radial-gradient(
                circle at 20% 0%,
                rgba(184,138,0,.14),
                transparent 34%
            ),
            linear-gradient(
                100deg,
                #3f3532 0%,
                #4d423f 52%,
                #5c514e 100%
            )!important;

        border-bottom:
            1px solid
            rgba(210,173,82,.24)!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-top-inner{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:0!important;

        width:calc(100% - 48px)!important;
        max-width:1320px!important;
        min-height:42px!important;

        margin:0 auto!important;
        padding:0!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-top-item{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:9px!important;

        min-height:42px!important;
        padding:0 28px!important;

        color:#fffaf1!important;

        font-size:13px!important;
        line-height:1.2!important;
        font-weight:700!important;
        white-space:nowrap!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-top-item + .upsex-v32-top-item{
        border-left:
            1px solid
            rgba(243,228,184,.22)!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-top-item svg{
        width:17px!important;
        height:17px!important;

        color:#D2AD52!important;
        stroke:currentColor!important;
    }

    /* ======================================================
       FRANJA CENTRAL OSCURA
       ====================================================== */

    #upsex-desktop-header-v1 .upsex-v32-main-band{
        width:100%!important;

        background:
            radial-gradient(
                circle at 13% -20%,
                rgba(254,196,0,.13),
                transparent 31%
            ),
            radial-gradient(
                circle at 86% 140%,
                rgba(210,173,82,.12),
                transparent 34%
            ),
            linear-gradient(
                110deg,
                #4d423f 0%,
                #514643 50%,
                #5c514e 100%
            )!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-main{
        display:grid!important;

        grid-template-columns:
            180px
            minmax(300px,1fr)
            250px!important;

        align-items:center!important;
        gap:26px!important;

        width:calc(100% - 48px)!important;
        max-width:1320px!important;
        min-height:100px!important;

        margin:0 auto!important;
        padding:15px 0!important;

        background:transparent!important;
    }

    /* Logo sin caja */

    #upsex-desktop-header-v1 .upsex-v32-logo{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;

        width:180px!important;
        height:70px!important;

        margin:0!important;
        padding:0!important;

        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-logo img{
        display:block!important;

        width:auto!important;
        height:auto!important;
        max-width:176px!important;
        max-height:70px!important;

        margin:0!important;

        object-fit:contain!important;

        filter:
            drop-shadow(
                0 4px 9px
                rgba(20,14,12,.24)
            )!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-logo strong{
        color:#FEC400!important;
        font-size:24px!important;
        font-weight:800!important;
    }

    /* ======================================================
       BUSCADOR
       ====================================================== */

    #upsex-desktop-header-v1 .upsex-v32-search{
        width:100%!important;
        min-width:0!important;
        margin:0!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-search > *{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }

    #upsex-desktop-header-v1 #search-by-category{
        position:relative!important;

        display:flex!important;
        align-items:stretch!important;

        width:100%!important;
        min-width:0!important;
        min-height:56px!important;

        margin:0!important;
        padding:0!important;

        background:#fffdf8!important;

        border:
            1px solid
            rgba(210,173,82,.72)!important;

        border-radius:17px!important;

        box-shadow:
            0 12px 28px
            rgba(28,20,17,.22)!important;

        overflow:visible!important;
    }

    #upsex-desktop-header-v1
    #search-by-category
    .search-button,

    #upsex-desktop-header-v1
    #search-by-category
    .categories-container{
        display:none!important;
    }

    #upsex-desktop-header-v1
    #search-by-category
    .search-content,

    #upsex-desktop-header-v1
    #search-by-category
    .search-container{
        position:static!important;

        display:flex!important;
        align-items:stretch!important;

        float:none!important;

        width:100%!important;
        min-width:0!important;
        max-width:none!important;

        margin:0!important;
        padding:0!important;

        background:transparent!important;

        border:0!important;
        box-shadow:none!important;
    }

    #upsex-desktop-header-v1 #text-search,
    #upsex-desktop-header-v1
    #search-by-category input[type="text"]{
        flex:1 1 auto!important;

        width:100%!important;
        min-width:0!important;
        min-height:54px!important;

        margin:0!important;
        padding:0 20px!important;

        background:#fffdf8!important;
        color:#4d423f!important;

        border:0!important;
        border-radius:16px 0 0 16px!important;
        outline:0!important;
        box-shadow:none!important;

        font-family:
            Manrope,
            Arial,
            sans-serif!important;

        font-size:15px!important;
        font-weight:500!important;
    }

    #upsex-desktop-header-v1 #text-search::placeholder{
        color:#756965!important;
        opacity:.78!important;
    }

    #upsex-desktop-header-v1 #sp-btn-search,
    #upsex-desktop-header-v1 #btn-search-category,
    #upsex-desktop-header-v1 .btn-search{
        flex:0 0 64px!important;

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

        width:64px!important;
        min-width:64px!important;
        min-height:54px!important;

        margin:0!important;
        padding:0!important;

        background:#B88A00!important;
        color:#ffffff!important;

        border:0!important;
        border-radius:0 16px 16px 0!important;

        cursor:pointer!important;
    }

    #upsex-desktop-header-v1 #sp-btn-search i,
    #upsex-desktop-header-v1 #btn-search-category i,
    #upsex-desktop-header-v1 .btn-search i{
        color:#ffffff!important;
        font-size:19px!important;
    }

    #upsex-desktop-header-v1 .search-ajax{
        position:absolute!important;
        top:calc(100% + 8px)!important;
        right:0!important;
        left:0!important;
        z-index:9000!important;

        width:100%!important;
        max-height:460px!important;

        overflow:auto!important;

        background:#fffdf8!important;

        border:
            1px solid
            rgba(184,138,0,.25)!important;

        border-radius:16px!important;

        box-shadow:
            0 24px 55px
            rgba(40,30,26,.25)!important;
    }

    /* ======================================================
       CUENTA / FAVORITOS / CARRITO
       ====================================================== */

    #upsex-desktop-header-v1 .upsex-v32-actions{
        display:grid!important;
        grid-template-columns:repeat(3,74px)!important;
        align-items:center!important;
        justify-content:end!important;
        gap:8px!important;

        width:250px!important;
        min-width:250px!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-action,
    #upsex-desktop-header-v1 .upsex-v32-cart{
        position:relative!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;

        width:74px!important;
        min-width:74px!important;
        height:70px!important;
        min-height:70px!important;

        margin:0!important;
        padding:7px 5px!important;

        background:transparent!important;
        color:#fffaf1!important;

        border:
            1px solid
            transparent!important;

        border-radius:14px!important;

        font-size:11px!important;
        line-height:1.1!important;
        font-weight:700!important;
        text-align:center!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-action:hover,
    #upsex-desktop-header-v1 .upsex-v32-cart:hover{
        background:
            rgba(255,253,248,.08)!important;

        border-color:
            rgba(210,173,82,.22)!important;

        color:#F3E4B8!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-action-icon{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:27px!important;
        height:27px!important;

        color:#FEC400!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-action-icon svg{
        width:27px!important;
        height:27px!important;

        stroke:currentColor!important;
    }

    /* Carrito nativo invisible, pero clicable */

    #upsex-desktop-header-v1 .upsex-v32-cart-visual{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;

        pointer-events:none!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-cart #cart{
        position:absolute!important;
        inset:0!important;
        z-index:5!important;

        width:100%!important;
        height:100%!important;

        margin:0!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-cart
    #cart > button,

    #upsex-desktop-header-v1
    .upsex-v32-cart
    #cart > .btn{
        position:absolute!important;
        inset:0!important;

        width:100%!important;
        height:100%!important;
        min-height:0!important;

        margin:0!important;
        padding:0!important;

        opacity:0!important;

        border:0!important;
        cursor:pointer!important;
    }

    #upsex-desktop-header-v1 #cart-total{
        display:none!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-cart-count{
        position:absolute!important;
        top:2px!important;
        right:5px!important;
        z-index:12!important;

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

        min-width:20px!important;
        height:20px!important;
        padding:0 5px!important;

        background:#FEC400!important;
        color:#4d423f!important;

        border:
            2px solid
            #4d423f!important;

        border-radius:999px!important;

        font-size:10px!important;
        line-height:1!important;
        font-weight:800!important;

        pointer-events:none!important;
    }

    #upsex-desktop-header-v1 #cart .dropdown-menu{
        top:calc(100% + 10px)!important;
        right:0!important;
        left:auto!important;

        width:min(400px,calc(100vw - 30px))!important;
        max-height:490px!important;

        overflow:auto!important;

        background:#fffdf8!important;

        border:0!important;
        border-radius:16px!important;

        opacity:1!important;
        visibility:visible!important;

        box-shadow:
            0 24px 55px
            rgba(40,30,26,.27)!important;
    }

    /* ======================================================
       MENÚ PASTEL CENTRADO
       ====================================================== */

    #upsex-desktop-header-v1 .upsex-v32-navigation{
        width:100%!important;

        background:
            radial-gradient(
                circle at 15% 0%,
                rgba(255,253,248,.68),
                transparent 25%
            ),
            radial-gradient(
                circle at 85% 100%,
                rgba(210,173,82,.20),
                transparent 28%
            ),
            #F3E4B8!important;

        border-bottom:
            1px solid
            rgba(184,138,0,.24)!important;

        box-shadow:
            inset 0 1px 0
            rgba(255,255,255,.50)!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-navigation-inner{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:12px!important;

        width:calc(100% - 40px)!important;
        max-width:1320px!important;
        min-height:62px!important;

        margin:0 auto!important;
        padding:7px 0!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-nav-label{
        flex:0 0 auto!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;

        min-height:46px!important;
        padding:0 14px!important;

        color:#7A5A18!important;

        border-right:
            1px solid
            rgba(122,90,24,.25)!important;

        font-size:13px!important;
        line-height:1.2!important;
        font-weight:800!important;
        white-space:nowrap!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-nav-label svg{
        width:19px!important;
        height:19px!important;

        color:#B88A00!important;
        stroke:currentColor!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-menu{
        flex:0 1 auto!important;

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

        width:auto!important;
        min-width:0!important;

        margin:0!important;
        padding:0!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-menu > *{
        width:auto!important;
        max-width:none!important;

        margin:0!important;
        padding:0!important;
    }

    #upsex-desktop-header-v1 #menu,
    #upsex-desktop-header-v1 .navbar{
        width:auto!important;
        min-height:0!important;

        margin:0!important;
        padding:0!important;

        background:transparent!important;

        border:0!important;
        border-radius:0!important;
    }

    #upsex-desktop-header-v1 .navbar-header{
        display:none!important;
    }

    #upsex-desktop-header-v1 .navbar-collapse{
        display:block!important;
        height:auto!important;

        margin:0!important;
        padding:0!important;

        border:0!important;
    }

    #upsex-desktop-header-v1 .navbar-nav,
    #upsex-desktop-header-v1 #menu > ul{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;

        float:none!important;

        width:auto!important;
        margin:0!important;
        padding:0!important;

        overflow:visible!important;
    }

    #upsex-desktop-header-v1 .navbar-nav > li,
    #upsex-desktop-header-v1 #menu > ul > li{
        float:none!important;
        flex:0 0 auto!important;

        width:auto!important;
        margin:0!important;
        padding:0!important;
    }

    #upsex-desktop-header-v1
    .navbar-nav > li > a,

    #upsex-desktop-header-v1
    #menu > ul > li > a{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px!important;

        min-height:45px!important;

        margin:0!important;
        padding:8px 11px!important;

        background:transparent!important;
        color:#4d423f!important;

        border:
            1px solid
            transparent!important;

        border-radius:11px!important;

        font-family:
            Manrope,
            Arial,
            sans-serif!important;

        font-size:12px!important;
        line-height:1.2!important;
        font-weight:700!important;
        letter-spacing:.005em!important;
        white-space:nowrap!important;
    }

    #upsex-desktop-header-v1
    .navbar-nav > li > a:hover,

    #upsex-desktop-header-v1
    #menu > ul > li > a:hover{
        background:#fffdf8!important;
        color:#7A5A18!important;

        border-color:
            rgba(184,138,0,.24)!important;

        box-shadow:
            0 7px 18px
            rgba(73,54,35,.06)!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-menu-icon{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:18px!important;
        height:18px!important;

        color:#B88A00!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-menu-icon svg{
        width:18px!important;
        height:18px!important;

        stroke:currentColor!important;
    }

    #upsex-desktop-header-v1 .dropdown-menu{
        background:#fffdf8!important;

        border:0!important;
        border-radius:14px!important;

        box-shadow:
            0 22px 48px
            rgba(40,30,26,.22)!important;
    }

    #upsex-desktop-header-v1 .dropdown-menu a{
        color:#4d423f!important;
    }
}

/* ============================================================
   TABLET
   ============================================================ */

@media screen and (min-width:768px) and (max-width:1023px){

    #upsex-desktop-header-v1 .upsex-v32-top-inner{
        width:calc(100% - 24px)!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-top-item{
        padding:0 17px!important;
        font-size:12px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-top-item:last-child{
        display:none!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-main{
        grid-template-columns:
            135px
            minmax(230px,1fr)
            196px!important;

        gap:14px!important;

        width:calc(100% - 26px)!important;
        min-height:92px!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-logo{
        width:135px!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-logo img{
        max-width:132px!important;
        max-height:60px!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-actions{
        grid-template-columns:repeat(3,60px)!important;

        width:196px!important;
        min-width:196px!important;

        gap:5px!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-action,
    #upsex-desktop-header-v1 .upsex-v32-cart{
        width:60px!important;
        min-width:60px!important;
        height:65px!important;
        min-height:65px!important;

        font-size:10px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v32-navigation-inner{
        align-items:flex-start!important;

        width:calc(100% - 20px)!important;
        padding:8px 0!important;
    }

    #upsex-desktop-header-v1 .upsex-v32-nav-label{
        min-height:42px!important;
        padding:0 10px!important;

        font-size:11px!important;
    }

    #upsex-desktop-header-v1
    .navbar-nav > li > a,

    #upsex-desktop-header-v1
    #menu > ul > li > a{
        min-height:42px!important;
        padding:7px 9px!important;

        font-size:11px!important;
    }
}