@import url( "sweetalert.css" );
:root {

    /*  IDENTIDAD DE MARCA */
    --color_principal:                      #e10098;
    --color_principal_oscuro:               #b8007d;


    /*  COLORES NEUTROS */
    --color_blanco:                         #ffffff;
    --color_texto:                          #2d2d2d;
    --color_texto_secundario:               #6b6b6b;
    --color_fondo_suave:                    #f5f5f5;
    --color_borde:                          #e5e5e5;

    /*  COLORES SEMÁNTICOS */
    --color_exito:                          #2e7d32;
    --color_error:                          #b3261e;
    --color_whatsapp:                       #00a884;
    --color_whatsapp_oscuro:                #008f6f;

    /*  TIPOGRAFÍAS */
    --fuente_principal:                     'Montserrat', sans-serif;
    --fuente_secundaria:                    'Poppins', sans-serif;

    /*  PESOS TIPOGRÁFICOS */
    --peso_normal:                          400;
    --peso_medio:                           500;
    --peso_seminegrita:                     600;
    --peso_negrita:                         700;
    --peso_extra_negrita:                   800;

    /*  NIVELES DE CAPAS */
    --nivel_base:                           1;
    --nivel_menu:                           100;
    --nivel_fondo:                          200;
    --nivel_modal:                          300;
    --nivel_alerta:                         400;
    --nivel_emergencia:                     9999;

}

* {

    box-sizing:                             border-box;

}
body {

    font-family:                            var( --fuente_secundaria );
    font-weight:                            var( --peso_normal );
    margin:                                 0;
    padding:                                0;
    z-index:                                var( --nivel_base );

}
body.header_1_bloqueado {

    overflow:                               hidden;

}
img {

    display:                                block;
    width:                                  100%;

}

/* =========================================================
   HEADER
========================================================= */
.header_1 {

    background:                             var( --color_blanco );
    color:                                  var( --color_texto );
    position:                               relative;
    width:                                  100%;
    z-index:                                var( --nivel_base );

}
.header_1 a {

    color:                                  inherit;
    text-decoration:                        none;

}
.header_1 button {

    cursor:                                 pointer;

}
.header_1_contenedor {

    margin:                                 auto;
    max-width:                              1440px;
    width:                                  94%;

}

/* =========================================================
   FRANJA SUPERIOR
========================================================= */
.header_1_superior {

    background:                             var( --color_principal_oscuro );
    color:                                  var( --color_blanco );
    display:                                none;

}
.header_1_superior_contenido {

    align-items:                            center;
    display:                                flex;
    font-size:                              12px;
    justify-content:                        space-between;
    min-height:                             34px;

}
.header_1_superior_contenido p {

    align-items:                            center;
    display:                                flex;
    gap:                                    8px;
    margin:                                 0;

}
.header_1_superior_enlaces {

    align-items:                            center;
    display:                                flex;
    gap:                                    20px;

}
.header_1_superior_enlaces a {

    align-items:                            center;
    display:                                flex;
    gap:                                    6px;
    transition:                             opacity .2s ease;

}
.header_1_superior_enlaces a:hover {

    opacity:                                .75;

}

/* =========================================================
   BLOQUE PRINCIPAL
========================================================= */
.header_1_principal {

    background:                             var( --color_principal );
    color:                                  var( --color_blanco );

}
.header_1_principal_contenido {

    align-items:                            center;
    display:                                grid;
    gap:                                    6px;
    grid-template-columns:                  42px 1fr 42px 42px;
    min-height:                             76px;
    padding:                                10px 0;

}
.header_1_boton_icono {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    color:                                  var( --color_blanco );
    display:                                flex;
    font-size:                              24px;
    height:                                 42px;
    justify-content:                        center;
    padding:                                0;
    width:                                  42px;

}
.header_1_boton_menu {

    grid-column:                            1;
    grid-row:                               1;

}
.header_1_logotipo {

    align-items:                            center;
    display:                                flex;
    grid-column:                            2;
    grid-row:                               1;
    justify-content:                        center;
    min-width:                              0;

}
.header_1_logotipo img {

    max-height:                             54px;
    object-fit:                             contain;
    width:                                  auto;

}
.header_1_boton_tienda_movil {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    color:                                  var( --color_blanco );
    display:                                flex;
    grid-column:                            3;
    grid-row:                               1;
    height:                                 42px;
    justify-content:                        center;
    min-width:                              42px;
    padding:                                0;
    width:                                  42px;

}

/* =========================================================
   BUSCADOR
========================================================= */
.header_1_buscador {

    display:                                block;
    grid-column:                            1 / -1;
    grid-row:                               2;
    position:                               relative;
    width:                                  100%;

}
.header_1_buscador input {

    background:                             var( --color_blanco );
    border:                                 2px solid transparent;
    border-radius:                          10px;
    color:                                  var( --color_texto );
    height:                                 42px;
    outline:                                none;
    padding:                                0 54px 0 16px;
    transition:                             border-color .2s ease,
                                            box-shadow .2s ease;
    width:                                  100%;

}
.header_1_buscador input:focus {

    border-color:                           var( --color_principal_oscuro );
    box-shadow:                             0 0 0 3px rgba( 255 , 255 , 255 , .25 );

}

.header_1_buscador button {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    color:                                  var( --color_principal );
    display:                                flex;
    font-size:                              19px;
    height:                                 100%;
    justify-content:                        center;
    position:                               absolute;
    right:                                  0;
    top:                                    0;
    width:                                  50px;

}

/* =========================================================
   CUENTA Y CARRITO
========================================================= */
.header_1_accion {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    color:                                  var( --color_blanco );
    display:                                flex;
    padding:                                0;

}
.header_1_cuenta {

    display:                                none;
    position:                               relative;

}
.header_1_boton_cuenta {

    gap:                                    9px;
    min-height:                             50px;

}
.header_1_boton_cuenta > i:first-child {

    font-size:                              27px;

}
.header_1_boton_cuenta span,
.header_1_carrito_texto {

    display:                                flex;
    flex-direction:                         column;
    line-height:                            1.15;
    text-align:                             left;

}
.header_1_boton_cuenta small,
.header_1_carrito_texto small {

    font-size:                              10px;
    opacity:                                .85;

}
.header_1_boton_cuenta strong,
.header_1_carrito_texto strong {

    font-family:                            var( --fuente_principal );
    font-size:                              12px;
    font-weight:                            var( --peso_seminegrita );
    max-width:                              110px;
    overflow:                               hidden;
    text-overflow:                          ellipsis;
    white-space:                            nowrap;

}
.header_1_flecha {

    font-size:                              12px;
    transition:                             transform .2s ease;

}
.header_1_cuenta.abierto .header_1_flecha {

    transform:                              rotate( 180deg );

}
.header_1_cuenta_menu {

    background:                             var( --color_blanco );
    border:                                 1px solid var( --color_borde );
    border-radius:                          12px;
    box-shadow:                             0 16px 38px rgba( 0 , 0 , 0 , .16 );
    color:                                  var( --color_texto );
    display:                                none;
    min-width:                              210px;
    overflow:                               hidden;
    padding:                                8px;
    position:                               absolute;
    right:                                  0;
    top:                                    calc( 100% + 8px );
    z-index:                                var( --nivel_modal );

}
.header_1_cuenta.abierto .header_1_cuenta_menu {

    display:                                block;

}
.header_1_cuenta_menu a,
.header_1_cuenta_menu button {

    background:                             transparent;
    border:                                 0;
    border-radius:                          8px;
    color:                                  var( --color_texto );
    display:                                block;
    font-size:                              13px;
    padding:                                10px 12px;
    text-align:                             left;
    width:                                  100%;

}
.header_1_cuenta_menu a:hover,
.header_1_cuenta_menu button:hover {

    background:                             var( --color_fondo_suave );
    color:                                  var( --color_principal );

}
.header_1_carrito {

    grid-column:                            4;
    grid-row:                               1;
    height:                                 42px;
    justify-content:                        center;
    width:                                  42px;

}
.header_1_icono_movil,
.header_1_carrito_icono {

    align-items:                            center;
    display:                                inline-flex;
    height:                                 42px;
    justify-content:                        center;
    position:                               relative;
    width:                                  42px;

}
.header_1_icono_movil i,
.header_1_carrito_icono i {

    display:                                block;
    font-size:                              24px;
    line-height:                            1;

}
.header_1_boton_tienda_movil,
.header_1_carrito {

    justify-self:                           center;

}
.header_1_carrito_icono .contador_de_articulos {

    align-items:                            center;
    background:                             var( --color_blanco );
    border-radius:                          50%;
    color:                                  var( --color_principal );
    display:                                flex;
    font-family:                            var( --fuente_principal );
    font-size:                              10px;
    font-weight:                            var( --peso_negrita );
    height:                                 19px;
    justify-content:                        center;
    position:                               absolute;
    right:                                  -10px;
    top:                                    -11px;
    width:                                  19px;

}
.header_1_carrito_texto {

    display:                                none;
    margin-left:                            10px;

}

/* =========================================================
   NAVEGACIÓN HORIZONTAL
========================================================= */
.header_1_navegacion {

    background:                             var( --color_blanco );
    border-bottom:                          1px solid var( --color_borde );
    box-shadow:                             0 4px 14px rgba( 0 , 0 , 0 , .05 );
    display:                                none;

}
.header_1_navegacion_contenido {

    align-items:                            stretch;
    display:                                flex;
    min-height:                             52px;

}
.header_1_tienda_boton {

    align-items:                            center;
    background:                             var( --color_principal );
    border:                                 0;
    color:                                  var( --color_blanco );
    display:                                flex;
    flex:                                   0 0 auto;
    font-family:                            var( --fuente_principal );
    font-size:                              14px;
    font-weight:                            var( --peso_seminegrita );
    gap:                                    9px;
    padding:                                0 22px;

}
.header_1_paginas {

    display:                                flex;
    flex:                                   1 1 auto;
    min-width:                              0;
    overflow:                               visible;
    position:                               relative;

}
.header_1_paginas_lista {

    align-items:                            stretch;
    display:                                flex;
    flex:                                   1 1 auto;
    min-width:                              0;
    overflow:                               hidden;

}
.header_1_paginas_lista > a {

    align-items:                            center;
    border-bottom:                          3px solid transparent;
    display:                                flex;
    flex:                                   0 0 auto;
    font-family:                            var( --fuente_principal );
    font-size:                              12px;
    font-weight:                            var( --peso_medio );
    padding:                                0 13px;
    white-space:                            nowrap;

}
.header_1_paginas_lista > a:hover {

    border-bottom-color:                    var( --color_principal );
    color:                                  var( --color_principal );

}
.header_1_mas {

    display:                                none;
    flex:                                   0 0 auto;
    position:                               relative;

}
.header_1_mas.visible {

    display:                                block;

}
.header_1_mas_boton {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    display:                                flex;
    font-family:                            var( --fuente_principal );
    font-size:                              12px;
    font-weight:                            var( --peso_seminegrita );
    gap:                                    7px;
    height:                                 100%;
    padding:                                0 14px;

}
.header_1_mas_menu {

    background:                             var( --color_blanco );
    border:                                 1px solid var( --color_borde );
    border-radius:                          10px;
    box-shadow:                             0 16px 34px rgba( 0 , 0 , 0 , .14 );
    display:                                none;
    min-width:                              210px;
    overflow:                               hidden;
    padding:                                7px;
    position:                               absolute;
    right:                                  0;
    top:                                    calc( 100% + 6px );
    z-index:                                var( --nivel_menu );

}
.header_1_mas.abierto .header_1_mas_menu {

    display:                                block;

}
.header_1_mas_menu a {

    border-radius:                          7px;
    display:                                block;
    font-size:                              12px;
    padding:                                9px 11px;

}
.header_1_mas_menu a:hover {

    background:                             var( --color_fondo_suave );
    color:                                  var( --color_principal );

}
.header_1_cta {

    align-items:                            center;
    color:                                  var( --color_whatsapp );
    display:                                none;
    flex:                                   0 0 auto;
    font-family:                            var( --fuente_principal );
    font-size:                              12px;
    font-weight:                            var( --peso_seminegrita );
    gap:                                    7px;
    padding-left:                           16px;

}
.header_1_cta i {

    font-size:                              19px;

}

/* =========================================================
   MENÚ GENERAL MÓVIL
========================================================= */
.header_1_menu_movil {

    background:                             var( --color_blanco );
    box-shadow:                             18px 0 40px rgba( 0 , 0 , 0 , .2 );
    height:                                 100%;
    left:                                   0;
    max-width:                              390px;
    overflow:                               hidden;
    position:                               fixed;
    top:                                    0;
    transform:                              translateX( -105% );
    transition:                             transform .28s ease;
    width:                                  88%;
    z-index:                                var( --nivel_menu );

}
.header_1_menu_movil.abierto {

    transform:                              translateX( 0 );

}
.header_1_menu_movil_encabezado {

    align-items:                            center;
    background:                             var( --color_principal );
    display:                                flex;
    justify-content:                        space-between;
    min-height:                             78px;
    padding:                                12px 18px;

}
.header_1_menu_movil_encabezado a {

    display:                                block;
    max-width:                              125px;

}
.header_1_menu_movil_encabezado img {

    max-height:                             50px;
    object-fit:                             contain;
    width:                                  auto;

}
.header_1_cerrar_menu {

    align-items:                            center;
    background:                             rgba( 255 , 255 , 255 , .14 );
    border:                                 0;
    border-radius:                          50%;
    color:                                  var( --color_blanco );
    display:                                flex;
    font-size:                              22px;
    height:                                 40px;
    justify-content:                        center;
    width:                                  40px;

}
.header_1_menu_movil_cuerpo {

    height:                                 calc( 100% - 78px );
    overflow-y:                             auto;
    padding-bottom:                         30px;

}
.header_1_movil_enlace_principal {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    border-bottom:                          1px solid var( --color_borde );
    color:                                  var( --color_texto );
    display:                                flex;
    font-family:                            var( --fuente_principal );
    font-size:                              14px;
    font-weight:                            var( --peso_seminegrita );
    justify-content:                        space-between;
    padding:                                16px 18px;
    text-align:                             left;
    width:                                  100%;

}
.header_1_movil_enlace_principal span {

    align-items:                            center;
    display:                                flex;
    gap:                                    10px;

}
.header_1_movil_cuenta {

    display:                                flex;
    flex-direction:                         column;
    padding:                                20px 18px;

}
.header_1_movil_cuenta strong {

    font-family:                            var( --fuente_principal );
    font-size:                              13px;
    margin-bottom:                          8px;

}
.header_1_movil_cuenta a {

    color:                                  var( --color_texto_secundario );
    font-size:                              13px;
    padding:                                7px 0;

}

/* =========================================================
   FONDO
========================================================= */
.fondo,
.header_1_fondo {

    background:                             rgba( 0 , 0 , 0 , .58 );
    display:                                none;
    height:                                 100%;
    left:                                   0;
    position:                               fixed;
    top:                                    0;
    width:                                  100%;
    z-index:                                var( --nivel_fondo );

}
.fondo.header_1_fondo_menu,
.header_1_fondo.header_1_fondo_menu {

    z-index:                                calc( var( --nivel_menu ) - 1 );

}

/* =========================================================
   TIENDA ORIGINAL LATERAL
========================================================= */
.header_1_nav_tienda {

    background:                             var( --color_fondo_suave );
    color:                                  var( --color_texto_secundario );
    display:                                none;
    height:                                 100%;
    left:                                   0;
    overflow-y:                             auto;
    position:                               fixed;
    top:                                    0;
    width:                                  80%;
    z-index:                                var( --nivel_menu );

}
.header_1_nav_tienda .bloque_departamentos,
.header_1_nav_tienda .bloque_categorias,
.header_1_nav_tienda .bloque_subcategorias,
.header_1_nav_tienda .bloque_menu_principal,
.header_1_nav_tienda .bloque_menu_nivel_2,
.header_1_nav_tienda .bloque_menu_nivel_3,
.header_1_nav_tienda .subcategoria {

    display:                                none;

}
.header_1_nav_tienda .renglon_bloque,
.header_1_nav_tienda .renglon_categoria {

    align-items:                            center;
    border-bottom:                          1px solid rgba( 0 , 0 , 0 , .1 );
    color:                                  var( --color_texto_secundario );
    cursor:                                 pointer;
    display:                                flex;
    justify-content:                        space-between;
    min-height:                             52px;
    padding:                                0 16px;
    text-decoration:                        none;
    width:                                  100%;

}
.header_1_nav_tienda .renglon_bloque a,
.header_1_nav_tienda .renglon_categoria a {

    color:                                  inherit;
    text-decoration:                        none;

}
.header_1_nav_tienda .renglon_bloque .nombre,
.header_1_nav_tienda .renglon_categoria .nombre {

    flex:                                   1;
    font-family:                            var( --fuente_principal );
    font-size:                              14px;
    font-weight:                            var( --peso_medio );
    padding:                                16px 0;

}
.header_1_nav_tienda .renglon_bloque .ver_todo,
.header_1_nav_tienda .renglon_categoria .ver_todo {

    color:                                  var( --color_texto_secundario );
    font-size:                              11px;
    padding:                                16px 0 16px 14px;
    text-decoration:                        none;

}
.header_1_nav_tienda .renglon_bloque:hover,
.header_1_nav_tienda .renglon_categoria:hover,
.header_1_nav_tienda .renglon_subcategoria:hover {

    border-left:                            4px solid var( --color_principal );
    color:                                  var( --color_principal );

}
.header_1_nav_tienda .renglon_titulo {

    align-items:                            center;
    background:                             var( --color_blanco );
    border-bottom:                          1px solid rgba( 0 , 0 , 0 , .1 );
    color:                                  var( --color_texto );
    cursor:                                 pointer;
    display:                                flex;
    font-family:                            var( --fuente_principal );
    font-size:                              16px;
    font-weight:                            var( --peso_seminegrita );
    min-height:                             62px;
    padding:                                0 16px;
    text-decoration:                        none;
    width:                                  100%;

}
.header_1_nav_tienda .renglon_titulo span {

    align-items:                            center;
    display:                                flex;
    font-size:                              16px;
    justify-content:                        center;
    width:                                  28px;

}
.header_1_nav_tienda .renglon_titulo div {

    padding-left:                           12px;

}
.header_1_nav_tienda .renglon_subcategoria {

    border-bottom:                          1px solid rgba( 0 , 0 , 0 , .1 );
    color:                                  var( --color_texto_secundario );
    cursor:                                 pointer;
    display:                                block;
    font-size:                              14px;
    font-weight:                            var( --peso_normal );
    padding:                                14px 16px;
    text-decoration:                        none;
    width:                                  100%;

}
.header_1_nav_tienda .bloque_menu_principal .renglon_bloque {

    display:                                flex;

}

/* =========================================================
   RESPONSIVE
========================================================= */
@media ( min-width: 600px ){

    .header_1_principal_contenido {

        grid-template-columns:              42px minmax( 140px , 1fr ) 42px 42px;

    }

}
@media ( min-width: 992px ){

    .header_1_superior {

        display:                            block;

    }
    .header_1_principal_contenido {

        gap:                                18px;
        grid-template-columns:              150px minmax( 240px , 1fr ) auto auto;
        min-height:                         88px;

    }
    .header_1_boton_menu {

        display:                            none !important;

    }
    .header_1_logotipo {

        grid-column:                        1;
        grid-row:                           1;
        justify-content:                    flex-start;

    }
    .header_1_boton_tienda_movil {

        display:                            none !important;
    
    }
    .header_1_buscador {

        grid-column:                        2;
        grid-row:                           1;

    }
    .header_1_cuenta {

        display:                            block;
        grid-column:                        3;
        grid-row:                           1;

    }
    .header_1_carrito {

        grid-column:                        4;
        grid-row:                           1;
        height:                             auto;
        justify-content:                    flex-start;
        width:                              auto;

    }
    .header_1_carrito_icono {

        height:                             auto;
        width:                              auto;

    }
    .header_1_carrito_texto {

        display:                            flex;

    }
    .header_1_navegacion {

        display:                            block;

    }
    .header_1_cta {

        display:                            flex;

    }
    .header_1_nav_tienda {

        width:                              300px;

    }

}
@media ( min-width: 1200px ){

    .header_1_principal_contenido {

        gap:                                22px;
        grid-template-columns:              170px minmax( 420px , 1fr ) auto auto;

    }
    .header_1_paginas_lista > a {

        padding:                            0 15px;

    }

}
@media ( min-width: 1450px ){

    .header_1_cta {

        padding-left:                       22px;

    }

}
.header_1_nav_tienda::-webkit-scrollbar {

    width:                                  4px;

}
.header_1_nav_tienda::-webkit-scrollbar-thumb {

    background:                             var( --color_borde );

}

/* =========================================================
   AJUSTES FINALES HEADER 1
   - Aísla la apariencia del header frente a estilos globales.
   - Uniforma botones Tienda y Carrito.
   - Devuelve presentación limpia a los paneles móviles.
========================================================= */
.header_1,
.header_1_menu_movil,
.header_1_nav_tienda {

    font-family:                            var( --fuente_secundaria );

}
.header_1_menu_movil a,
.header_1_nav_tienda a {

    text-decoration:                        none !important;

}
.header_1_boton_menu,
.header_1_boton_tienda_movil,
.header_1_carrito {

    align-items:                            center;
    border-radius:                          10px;
    display:                                flex;
    height:                                 44px;
    justify-content:                        center;
    min-height:                             44px;
    min-width:                              44px;
    transition:                             background-color .18s ease,
                                            transform .18s ease;
    width:                                  44px;

}
.header_1_boton_menu:hover,
.header_1_boton_tienda_movil:hover,
.header_1_carrito:hover {

    background:                             rgba( 255 , 255 , 255 , .12 );

}
.header_1_boton_menu:active,
.header_1_boton_tienda_movil:active,
.header_1_carrito:active {

    transform:                              scale( .96 );

}
.header_1_boton_menu i,
.header_1_boton_tienda_movil svg,
.header_1_carrito_icono svg {

    font-size:                              25px;
    line-height:                            1;

}
.header_1_carrito_icono {

    height:                                 44px;
    width:                                  44px;

}
.header_1_carrito_icono .contador_de_articulos {

    border:                                 2px solid var( --color_principal );
    font-size:                              9px;
    height:                                 19px;
    line-height:                            15px;
    right:                                  -1px;
    top:                                    -3px;
    width:                                  19px;

}
.header_1_menu_movil {

    background:                             #ffffff;
    box-shadow:                             14px 0 34px rgba( 0 , 0 , 0 , .18 );
    max-width:                              388px;
    width:                                  min( 90vw , 388px );

}
.header_1_menu_movil_encabezado {

    min-height:                             76px;
    padding:                                12px 16px;

}
.header_1_menu_movil_cuerpo {

    background:                             #ffffff;
    height:                                 calc( 100% - 76px );
    padding:                                4px 0 24px;

}
.header_1_movil_enlace_principal,
.header_1_menu_movil a.header_1_movil_enlace_principal,
.header_1_menu_movil button.header_1_movil_enlace_principal {

    align-items:                            center;
    background:                             #ffffff;
    border:                                 0;
    border-bottom:                          1px solid #ededed;
    border-radius:                          0;
    color:                                  #343434;
    display:                                flex;
    font-family:                            var( --fuente_secundaria );
    font-size:                              14px;
    font-weight:                            400;
    justify-content:                        space-between;
    line-height:                            1.25;
    margin:                                 0;
    min-height:                             51px;
    padding:                                0 16px;
    text-align:                             left;
    text-decoration:                        none !important;
    width:                                  100%;

}
.header_1_movil_enlace_principal:hover,
.header_1_movil_enlace_principal:focus-visible {

    background:                             #fafafa;
    color:                                  var( --color_principal_oscuro );
    outline:                                none;

}
.header_1_movil_enlace_principal > span {

    align-items:                            center;
    display:                                flex;
    gap:                                    10px;
    min-width:                              0;

}
.header_1_movil_enlace_principal > span > i {

    color:                                  #4a4a4a;
    font-size:                              14px;
    width:                                  18px;

}
.header_1_movil_enlace_principal > i:last-child {

    color:                                  #777777;
    font-size:                              12px;
    flex:                                   0 0 auto;

}
.header_1_movil_inicio_sesion,
.header_1_movil_mi_cuenta {

    background:                             #f8f8f8;
    display:                                none;

}
.header_1_movil_flecha_inicio_sesion,
.header_1_movil_flecha_mi_cuenta {

    transition:                             transform .2s ease;

}
.header_1_movil_inicio_sesion_opcion {

    align-items:                            center;
    background:                             #f8f8f8;
    border:                                 0;
    border-bottom:                          1px solid #ededed;
    color:                                  #3f3f3f;
    display:                                flex;
    font-family:                            var( --fuente_secundaria );
    font-size:                              13px;
    font-weight:                            400;
    justify-content:                        space-between;
    min-height:                             50px;
    padding:                                0 16px 0 44px;
    text-align:                             left;
    text-decoration:                        none !important;
    width:                                  100%;

}
.header_1_movil_inicio_sesion_opcion:hover,
.header_1_movil_inicio_sesion_opcion:focus-visible {

    background:                             #f2f2f2;
    color:                                  var( --color_principal_oscuro );
    outline:                                none;

}
.header_1_movil_enlace_principal.header_1_abrir_tienda {

    font-weight:                            500;

}
.header_1_movil_cuenta {

    border-top:                             8px solid #f5f5f5;
    padding:                                18px 16px;

}
.header_1_movil_cuenta a {

    font-size:                              13px;
    font-weight:                            400;
    text-decoration:                        none !important;

}
.header_1_nav_tienda {

    background:                             #ffffff;
    box-shadow:                             14px 0 34px rgba( 0 , 0 , 0 , .18 );
    color:                                  #343434;
    max-width:                              388px;
    width:                                  min( 90vw , 388px );

}
.header_1_nav_tienda .bloque_departamentos,
.header_1_nav_tienda .bloque_categorias,
.header_1_nav_tienda .bloque_subcategorias,
.header_1_nav_tienda .bloque_menu_principal,
.header_1_nav_tienda .bloque_menu_nivel_2,
.header_1_nav_tienda .bloque_menu_nivel_3,
.header_1_nav_tienda .subcategoria {

    background:                             #ffffff;
    min-height:                             100%;
    width:                                  100%;

}
.header_1_nav_tienda .renglon_titulo {

    background:                             var( --color_principal );
    border:                                 0;
    color:                                  #ffffff;
    font-family:                            var( --fuente_secundaria );
    font-size:                              15px;
    font-weight:                            500;
    min-height:                             72px;
    padding:                                0 16px;

}
.header_1_nav_tienda .renglon_titulo span {

    font-size:                              17px;
    width:                                  24px;

}
.header_1_nav_tienda .renglon_titulo div {

    padding-left:                           10px;

}
.header_1_nav_tienda .renglon_bloque,
.header_1_nav_tienda .renglon_categoria {

    align-items:                            center;
    background:                             #ffffff;
    border:                                 0;
    border-bottom:                          1px solid #ededed;
    color:                                  #3f3f3f;
    display:                                flex !important;
    min-height:                             56px;
    padding:                                0 16px;

}
.header_1_nav_tienda .renglon_bloque .nombre,
.header_1_nav_tienda .renglon_categoria .nombre {

    color:                                  inherit;
    cursor:                                 pointer;
    display:                                block;
    font-family:                            var( --fuente_secundaria );
    font-size:                              14px;
    font-weight:                            400;
    line-height:                            1.3;
    padding:                                18px 8px 18px 0;
    text-decoration:                        none !important;

}
.header_1_nav_tienda .renglon_bloque .ver_todo,
.header_1_nav_tienda .renglon_categoria .ver_todo {

    color:                                  var( --color_principal_oscuro );
    flex:                                   0 0 auto;
    font-size:                              12px;
    font-weight:                            500;
    padding:                                18px 0 18px 12px;
    text-decoration:                        none !important;

}
.header_1_nav_tienda .renglon_bloque:hover,
.header_1_nav_tienda .renglon_categoria:hover,
.header_1_nav_tienda .renglon_subcategoria:hover {

    background:                             #fafafa;
    border-left:                            0;
    color:                                  var( --color_principal_oscuro );

}
.header_1_nav_tienda .renglon_subcategoria {

    background:                             #ffffff;
    border:                                 0;
    border-bottom:                          1px solid #ededed;
    color:                                  #3f3f3f;
    font-family:                            var( --fuente_secundaria );
    font-size:                              14px;
    font-weight:                            400;
    min-height:                             54px;
    padding:                                17px 16px;
    text-decoration:                        none !important;

}
@media( min-width: 768px ){

    .header_1_menu_movil,
    .header_1_nav_tienda {

        width:                              388px;

    }

}
@media( min-width: 1200px ){

    .header_1_carrito {

        height:                             50px;
        min-height:                         50px;
        width:                              auto;

    }
    .header_1_carrito_icono {

        height:                             44px;
        width:                              44px;

    }
    .header_1_carrito_icono .contador_de_articulos {

        right:                              -2px;
        top:                                -2px;

    }

}
@media ( max-width: 991px ){

    .header_1_principal_contenido {

        column-gap:                         0;

    }

    .header_1_boton_tienda_movil {

        transform:                          translateX( 8px );

    }

}
.swal2-popup,
.swal2-container {
    
    z-index: var( --nivel_alerta ) !important;
    
}