/* ==========================================================
   UPSEX — HEADER DESKTOP V3.2.2
   Ajustes puntuales. No reconstruye la estructura V3.2.
   ========================================================== */

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

    html body #upsex-desktop-header-v1,
    html body #upsex-desktop-header-v1 *{
        box-sizing:border-box;
        font-family:Manrope,Arial,sans-serif;
    }

    /*
     * Fila de logo, buscador y accesos:
     * chocolate más oscuro sin aumentar su altura.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-main-row{
        position:relative!important;
        overflow:visible!important;

        background:
            radial-gradient(
                circle at 43% -90%,
                rgba(210,173,82,.17) 0,
                rgba(210,173,82,.06) 32%,
                transparent 61%
            ),
            radial-gradient(
                circle at 92% 140%,
                rgba(184,138,0,.10) 0,
                transparent 45%
            ),
            linear-gradient(
                108deg,
                #2d201e 0%,
                #463532 34%,
                #4d423f 57%,
                #382824 79%,
                #291c1a 100%
            )!important;

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

        border-bottom:
            1px solid rgba(196,154,58,.25)!important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025),
            0 8px 20px rgba(56,40,34,.08)!important;
    }

    /*
     * Logo ligeramente más grande visualmente.
     * El escalado no cambia la altura del contenedor.
     */
    html body #upsex-desktop-header-v1
    .upsex-v32-logo,
    html body #upsex-desktop-header-v1
    .upsex-v321-logo-parent{
        overflow:visible!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v32-logo img{
        display:block!important;
        width:124px!important;
        height:74px!important;
        max-width:124px!important;
        max-height:74px!important;
        object-fit:contain!important;
        object-position:center!important;

        transform:scale(1.16)!important;
        transform-origin:center center!important;

        filter:
            drop-shadow(0 6px 12px rgba(0,0,0,.20))
            drop-shadow(0 0 7px rgba(184,138,0,.08))!important;
    }

    /*
     * Buscador: conserva su posición y recibe
     * espacio antes de los accesos.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-search{
        position:relative!important;
        flex:1 1 auto!important;
        min-width:280px!important;
        max-width:760px!important;
        margin-right:54px!important;
    }

    /*
     * Elimina cualquier detalle anterior mal ubicado.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-search::before{
        content:none!important;
        display:none!important;
    }

    /*
     * Nuevo detalle corto, pastel y centrado.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-search::after{
        content:""!important;
        display:block!important;
        position:absolute!important;

        left:50%!important;
        right:auto!important;
        bottom:-7px!important;

        width:168px!important;
        max-width:none!important;
        height:6px!important;

        margin:0!important;
        transform:translateX(-50%)!important;
        border:0!important;
        border-radius:999px!important;

        background:
            radial-gradient(
                ellipse at center,
                rgba(210,173,82,.95) 0%,
                rgba(184,138,0,.62) 30%,
                rgba(196,154,58,.28) 52%,
                rgba(196,154,58,0) 76%
            )!important;

        box-shadow:none!important;
        pointer-events:none!important;
    }

    /*
     * Cuenta y carrito al extremo derecho.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        justify-self:end!important;

        flex:0 0 auto!important;
        min-width:158px!important;

        gap:17px!important;

        margin-left:auto!important;
        margin-right:0!important;

        padding-left:25px!important;
        padding-right:18px!important;

        position:relative!important;
        right:0!important;
        transform:none!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-account-item,
    html body #upsex-desktop-header-v1
    .upsex-v321-cart-item{
        flex:0 0 auto!important;
        margin:0!important;
        position:relative!important;
    }

    /*
     * Estado de cuenta.
     * Sin verde.
     */
    html body #upsex-desktop-header-v1
    .upsex-v322-login-wrap{
        position:relative!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v322-login-status{
        display:block!important;
        position:absolute!important;

        top:0!important;
        right:1px!important;

        width:8px!important;
        height:8px!important;

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

        border-radius:50%!important;
        border:1.5px solid #F3E4B8!important;

        z-index:5!important;
        pointer-events:none!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v322-login-wrap.is-logged-out
    .upsex-v322-login-status{
        background:#766461!important;
        box-shadow:
            0 0 0 2px rgba(45,32,30,.62)!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v322-login-wrap.is-logged-in
    .upsex-v322-login-status{
        background:#B88A00!important;
        box-shadow:
            0 0 0 2px rgba(45,32,30,.60),
            0 0 8px rgba(184,138,0,.60)!important;
    }

    /*
     * Texto del menú.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-nav a{
        font-size:13px!important;
        font-weight:700!important;
        line-height:1.25!important;
    }

    /*
     * Submenús de marca.
     */
    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu{
        min-width:310px!important;
        width:350px!important;
        max-width:calc(100vw - 40px)!important;
        max-height:390px!important;

        margin-top:0!important;
        padding:12px!important;

        overflow-x:hidden!important;
        overflow-y:auto!important;

        background:
            radial-gradient(
                circle at 100% 0,
                rgba(243,228,184,.62),
                transparent 42%
            ),
            #fffdf8!important;

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

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

        box-shadow:
            0 16px 34px rgba(73,54,35,.14)!important;

        color:#4d423f!important;

        scrollbar-width:thin;
        scrollbar-color:#D2AD52 #fffaf1;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu-primary{
        columns:2 145px!important;
        column-gap:8px!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu li{
        display:block!important;
        float:none!important;

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

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

        border:0!important;
        background:transparent!important;

        break-inside:avoid!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu li > a{
        display:flex!important;
        align-items:center!important;

        width:100%!important;
        min-height:34px!important;

        padding:8px 10px!important;

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

        background:transparent!important;
        color:#5c514e!important;

        font-size:12.5px!important;
        font-weight:600!important;
        line-height:1.25!important;

        white-space:normal!important;
        text-transform:none!important;
        text-decoration:none!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu li > a:hover,
    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu li.active > a{
        background:#F3E4B8!important;
        color:#7A5A18!important;
        box-shadow:
            inset 0 0 0 1px rgba(196,154,58,.30)!important;
    }

    /*
     * Slider realmente full width.
     */
    html body.common-home
    .upsex-v322-slider-ancestor{
        width:100%!important;
        max-width:none!important;

        flex:0 0 100%!important;

        float:none!important;
        left:auto!important;
        right:auto!important;

        margin-left:0!important;
        margin-right:0!important;

        padding-left:0!important;
        padding-right:0!important;

        transform:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed.upsex-v322-slider-fullwidth{
        display:block!important;
        position:relative!important;

        left:50%!important;
        right:auto!important;

        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        margin-left:-50vw!important;
        margin-right:0!important;

        padding-left:0!important;
        padding-right:0!important;

        overflow:hidden!important;
        float:none!important;
        transform:none!important;
    }

    html body.common-home
    .upsex-v322-slider-fullwidth #plaza-slider,
    html body.common-home
    .upsex-v322-slider-fullwidth .plaza-slider,
    html body.common-home
    .upsex-v322-slider-fullwidth .nivoSlider,
    html body.common-home
    .upsex-v322-slider-fullwidth .nivo-main-image{
        width:100%!important;
        min-width:100%!important;
        max-width:none!important;

        margin-left:0!important;
        margin-right:0!important;

        padding-left:0!important;
        padding-right:0!important;

        left:0!important;
        right:auto!important;
        transform:none!important;
    }

    html body.common-home
    .upsex-v322-slider-fullwidth .nivo-main-image{
        display:block!important;
        height:auto!important;
        object-fit:cover!important;
        object-position:center center!important;
    }
}

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

    html body #upsex-desktop-header-v1
    .upsex-v32-logo img{
        width:108px!important;
        height:68px!important;
        max-width:108px!important;
        max-height:68px!important;
        transform:scale(1.12)!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-search{
        margin-right:28px!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-actions{
        min-width:132px!important;
        gap:11px!important;
        padding-left:12px!important;
        padding-right:8px!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-nav a{
        font-size:11.7px!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-nav .upsex-v322-submenu-primary{
        width:300px!important;
        columns:1!important;
    }
}