/* ==========================================================
   UPSEX — AJUSTE FINAL HEADER + HERO DESKTOP V3.2.3
   Solo desde 768 px.
   No modifica móvil, productos, módulos ni footer.
   ========================================================== */

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

    /* ======================================================
       ACCESOS CUENTA Y CARRITO
       ====================================================== */

    html body #upsex-desktop-header-v1
    .upsex-v32-actions,

    html body #upsex-desktop-header-v1
    .upsex-v321-actions,

    html body #upsex-desktop-header-v1
    .upsex-v323-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;

        flex:0 0 108px!important;
        width:108px!important;
        min-width:108px!important;
        max-width:108px!important;

        gap:2px!important;

        margin-left:auto!important;
        margin-right:8px!important;

        padding-left:4px!important;
        padding-right:0!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-account-item,

    html body #upsex-desktop-header-v1
    .upsex-v321-cart-item,

    html body #upsex-desktop-header-v1
    .upsex-v323-account-item,

    html body #upsex-desktop-header-v1
    .upsex-v323-cart-item{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        flex:0 0 52px!important;
        width:52px!important;
        min-width:52px!important;
        max-width:52px!important;

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

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

    /* ======================================================
       WHATSAPP EN LA BARRA SUPERIOR
       ====================================================== */

    html body #upsex-desktop-header-v1
    .upsex-v323-wa{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px!important;

        color:#F3E4B8!important;
        cursor:pointer!important;
        text-decoration:none!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v323-wa:hover{
        color:#D2AD52!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v323-wa > svg{
        display:block!important;
        flex:0 0 15px!important;

        width:15px!important;
        height:15px!important;

        fill:none!important;
        stroke:currentColor!important;
        stroke-width:1.8!important;
    }

    /* ======================================================
       HERO FULL-WIDE SIN ESQUINAS CURVAS
       ====================================================== */

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    #plaza-slider,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .plaza-slider,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivoSlider,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-main-image,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-slice,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-box,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    img{
        border-radius:0!important;
    }

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

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

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

        aspect-ratio:32 / 15!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;

        margin:
            0
            0
            0
            -50vw!important;

        padding:0!important;

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

        overflow:hidden!important;
        background:#fffaf1!important;

        box-shadow:none!important;
        transform:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    #plaza-slider,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .plaza-slider,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivoSlider{
        position:relative!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

        aspect-ratio:32 / 15!important;

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

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

        overflow:hidden!important;
        background:#fffaf1!important;

        box-shadow:none!important;
    }

    /* ======================================================
       IMAGEN OCUPANDO EL HERO COMPLETO
       ====================================================== */

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-main-image,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivoSlider > img{
        position:absolute!important;

        top:0!important;
        left:0!important;
        right:auto!important;
        bottom:auto!important;

        display:block!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

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

        object-fit:cover!important;
        object-position:center center!important;

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

        transform:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-slice,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-box{
        height:100%!important;
        background-size:cover!important;
        background-position:center center!important;
    }

    /* ======================================================
       ELIMINAR CAPAS GRISES O PARCHES SOBRE LA IMAGEN
       ====================================================== */

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed::before,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed::after,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    #plaza-slider::before,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    #plaza-slider::after,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivoSlider::before,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivoSlider::after,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption::before,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption::after{
        content:none!important;
        display:none!important;
        background:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption{
        position:absolute!important;

        top:0!important;
        left:0!important;
        right:0!important;
        bottom:0!important;

        display:block!important;

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

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

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

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

        overflow:visible!important;
        background:transparent!important;
        box-shadow:none!important;

        pointer-events:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slider-content{
        position:absolute!important;

        top:clamp(26px,4.4vw,72px)!important;
        left:clamp(34px,6vw,112px)!important;
        right:auto!important;
        bottom:auto!important;

        width:min(43vw,650px)!important;
        max-width:650px!important;

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

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

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

        transform:none!important;
        pointer-events:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slide-title,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slide-description,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slide-readmore{
        position:relative!important;

        top:auto!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;

        margin-left:0!important;
        transform:none!important;
    }

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slide-readmore,

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slide-readmore a{
        pointer-events:auto!important;
    }

    /* ======================================================
       CONTROLES Y MÓDULO SIGUIENTE
       ====================================================== */

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-controlNav{
        position:absolute!important;

        left:50%!important;
        right:auto!important;
        bottom:14px!important;

        z-index:20!important;
        transform:translateX(-50%)!important;
    }

    html body.common-home
    #qivo-trust-after-banner{
        position:relative!important;
        z-index:3!important;

        clear:both!important;

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

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

    html body.common-home
    .slider-container.qivo-home-slider-fullbleed
    .nivo-caption
    .slider-content{
        top:clamp(22px,3.8vw,42px)!important;
        left:clamp(28px,5vw,54px)!important;

        width:48vw!important;
        max-width:480px!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v32-actions,

    html body #upsex-desktop-header-v1
    .upsex-v321-actions,

    html body #upsex-desktop-header-v1
    .upsex-v323-actions{
        flex-basis:102px!important;
        width:102px!important;
        min-width:102px!important;
        max-width:102px!important;

        gap:0!important;
        margin-right:4px!important;
    }

    html body #upsex-desktop-header-v1
    .upsex-v321-account-item,

    html body #upsex-desktop-header-v1
    .upsex-v321-cart-item,

    html body #upsex-desktop-header-v1
    .upsex-v323-account-item,

    html body #upsex-desktop-header-v1
    .upsex-v323-cart-item{
        flex-basis:50px!important;
        width:50px!important;
        min-width:50px!important;
        max-width:50px!important;
    }
}
