/*
 * UPSEX V342
 * Header desktop/tablet chocolate oscuro.
 *
 * Franja principal: color exacto medido en móvil #231917
 * Franja superior: degradado oscuro cálido sin tonos verdes
 */

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

    /*
     * Fondo general y franja principal:
     * logo, buscador, ingresar y carrito.
     */
    html body #upsex-desktop-header-v1,

    html body #upsex-desktop-header-v1
    .upsex-v32-main-band,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow,

    html body #upsex-desktop-header-v1
    .upsex-v329-transparent-band{
        background:#231917!important;
        background-color:#231917!important;
        background-image:none!important;
    }

    /*
     * Franja superior:
     * entrega, horario y WhatsApp.
     */
    html body #upsex-desktop-header-v1
    .upsex-v32-top{
        background:#241a17!important;
        background-color:#241a17!important;

        background-image:linear-gradient(
            180deg,
            #1f1513 0%,
            #241a17 100%
        )!important;
    }

    /*
     * Contenedores internos transparentes para evitar
     * rectángulos o franjas con colores anteriores.
     */
    html body #upsex-desktop-header-v1
    .upsex-v32-top-inner,

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

    html body #upsex-desktop-header-v1
    .upsex-v32-main-band > .container,

    html body #upsex-desktop-header-v1
    .upsex-v32-main-band > .container-fluid,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container-fluid,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container > .row,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container-fluid > .row{
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
    }

    /*
     * Retirar capas antiguas que puedan volver a mostrar
     * #4d423f, #3b2e2b o degradados verdosos.
     */
    html body #upsex-desktop-header-v1
    .upsex-v32-top::before,

    html body #upsex-desktop-header-v1
    .upsex-v32-top::after,

    html body #upsex-desktop-header-v1
    .upsex-v32-main-band::before,

    html body #upsex-desktop-header-v1
    .upsex-v32-main-band::after,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow::before,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow::after,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container::before,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container::after,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container-fluid::before,

    html body #upsex-desktop-header-v1
    .upsex-v325-mainrow > .container-fluid::after{
        background:none!important;
        background-color:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }
}