@font-face {
    font-family: 'Amazon Ember';
    font-weight: 200;
    src: url(https://m.media-amazon.com/images/S/sash/Dv1WQ5DdeMS5qP7.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/e0LnMbFWJC-TMQz.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    font-weight: 200;
    font-style: italic;
    src: url(https://m.media-amazon.com/images/S/sash/ozb5-CLHQWI6Soc.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/twzZHebXjCHBb6v.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    src: url(https://m.media-amazon.com/images/S/sash/pDxWAF1pBB0dzGB.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/kfKKBuoqcD$AUKL.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    font-style: italic;
    src: url(https://m.media-amazon.com/images/S/sash/WOnTLzkiaEccV7F.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/JJsp0ZvgpfwzJM6.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    font-weight: 500;
    src: url(https://m.media-amazon.com/images/S/sash/VjTR4RqBzY0mUYx.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/XIvhNCZAsrT80Wz.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    font-weight: 500;
    font-style: italic;
    src: url(https://m.media-amazon.com/images/S/sash/KwhNPG8Jz-Vz2X7.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/YAEPfuhs1l-argd.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    font-weight: 700;
    src: url(https://m.media-amazon.com/images/S/sash/KFPk-9IF4FqAqY-.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/mzVbGSgvdBfRLX9.woff) format("woff")
}

@font-face {
    font-family: 'Amazon Ember';
    font-style: italic;
    font-weight: 700;
    src: url(https://m.media-amazon.com/images/S/sash/2SazJx$EeTHfhMN.woff2) format("woff2"),url(https://m.media-amazon.com/images/S/sash/CjbL$jCCegyfqZ7.woff) format("woff")
}


*,body{
    margin:0
}
.btn,.social .a{
    text-decoration:none;
    color:#fff
}
*{
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:root{
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
*,::after,::before{
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
.conte_dialogo_pc,/*.conten_menu_client:hover .menu_clien,*/.contenedor-subcategorias .activo,.sweet-alert.show-input .form-group,article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff;
    --color1:#f0c62d;
    --color2:#11427d;
    --color3:#777777;
    --color4:#1f1f1f;
    --color5:#fff;
    --colorfondo:#f9f9f9;
    font-display:optional;
    font-family:Arial,Roboto,"-apple-system",Helvetica,sans-serif;
    --box:rgba(0,0,0,0.1) 0px 1.5px 3px;
    --boxbanner:rgba(0,0,0,0.2) 0px 2px 2px
}
/* ------------------------------------------------------------- */

header.new #canti_basket {
    display: none;
    position: absolute;
    top: 15px;
    right: 12px;
    background: #fff;
    color: #000;
    padding: 4px 6px;
    border-radius: 50%;
    font-size: 11px;
}

header.new.scrolled #canti_basket {
    background: var(--color2);
    color: #fff;
}

header.new {
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    transition: background-color 0.3s ease;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0.7)), to(transparent)); /* Soporte para Safari 4-5, Chrome 10-12 */
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 40%, transparent); /* Soporte para Chrome 12-21, Safari 5.1+ */
    background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 40%, transparent); /* Soporte para Firefox 3.6+ */
    background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 40%, transparent); /* Soporte para Opera 11.1+ */
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 40%, transparent); /* Soporte para navegadores modernos */

}

header.new .background {
    width: 100%;
}

/* Estilo cuando el menú tiene fondo negro */
header.new.scrolled {
    background-color: #fff;
    animation: hideToShow 0.5s forwards;
    background-image: none;
    box-shadow: 0px 15px 62px 0px rgba(0, 0, 0, 0.07); /* Estándar para navegadores modernos */
    -webkit-box-shadow: 0px 15px 62px 0px rgba(0, 0, 0, 0.07); /* Soporte para versiones antiguas de Chrome, Safari */
    -moz-box-shadow: 0px 15px 62px 0px rgba(0, 0, 0, 0.07); /* Soporte para versiones antiguas de Firefox */

}

header.new.notscrolled {
    animation: hideToShow 0.5s forwards;
}

@keyframes hideToShow {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

/* Estilos para cuando el menú se desplaza hacia arriba */
header.new.hide {
    transform: translateY(-100%); /* Hace que el menú suba y desaparezca */
}

header.new .logo-white {
    display: inline-block;
}

header.new .logo-blue {
    display: none;
}

header.new.scrolled .logo-white {
    display: none;
}

header.new.scrolled .logo-blue {
    display: inline-block;
}

header.new .img-logo-menu {
    width: 100%;
    max-width: 110px;
}

.menu-hover:hover > a:first-of-type {
    color: var(--color1);
}

.icon-hover:hover span {
    color: var(--color1);
}


.container-menu {
    width: 100%;
    max-width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    position: relative;
}

.div-menu-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    color: #fff;
}

header.new.scrolled .div-menu-flex {
    color: var(--color2);
}

.div-menu-flex a {
    line-height: 1;
}

.div-menu-left,
.div-menu-center,
.div-menu-right {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-menu-left a {
    display: inline-block;
}

.div-menu-center {
    flex: 1 1 0%;
}

.div-menu-right {
    justify-content: flex-end;
}

header.new nav ul {
    display: flex;
    width: 100%;
    list-style: none;
    margin-bottom: 0;
    justify-content: flex-end;
    align-items: center;
}

header.new ul li a {
    color: #fff;
    font-size: 16px;
}

header.new.scrolled ul li a {
    color: var(--color2);
}

header.new.scrolled nav ul li a span {
    color: var(--color2);
}

header.new ul li #form-buscar, .menu-fixed ul li #form-buscar {
    padding-top: 10px;
    display: flex;
    width: 300px;
}

header.new ul li #form-buscar .input-buscar {
    height: 48px;
    width: 100%;
    padding: 8px;
    border: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid var(--color2);
    font-size: 15px;
}

header.new ul li #form-buscar .btnbuscar {
    background: var(--color2);
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    border: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.contenedor-subcategorias .subcategoria .enlaces-subcategoria .subtitulo {
    color: #000;
}

.contenedor-subcategorias .subcategoria .enlaces-subcategoria .nombre_subcate {
    color: #666
}

.contenedor-subcategorias .subcategoria .enlaces-subcategoria .nombre_subcate:hover {
    color: var(--color2);
}

.menu_categorias {
    display: flex;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

.submenu:hover .menu_categorias {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.conten_menu_categorias {
    width: 100%;
}

.submenuP .menu_ofertas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

.submenuP .menu_ofertas li {
    width: 100%;
}

.submenuP:hover .menu_ofertas {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.modal-search {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all .7s;
    transition: all .7s;
    background-color: rgba(0, 0, 0, 0.7);
}

.div-search {
    position: absolute;
    left: 0;
    top: 3.6875rem;
    right: 0;
    background: none;
    z-index: 3;
    padding: 12px 75px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 800px;
    transition: 0.3s top ease;
    -webkit-transition: 0.3s top ease;
    background-color: rgba(255, 255, 255, 0.8);
}

.modal-search.active {
    opacity: 1;
    pointer-events: auto;
}

.div-search .container-search {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-search .container-search form {
    width: 100%;
    position: relative;
}

.div-search .container-search .input-buscar {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    border: none;
    height: 60px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0.1875rem 1.6875rem 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0.1875rem 1.6875rem 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    padding-left: 10px;
    padding-right: 60px;
}

.div-search .container-search .input-buscar::placeholder {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    transition: opacity 0.3s, transform 0.6s;
}

.modal-search.active .div-search .container-search .input-buscar::placeholder {
    opacity: 1;
    transform: translateX(0);
}

.div-search .container-search .input-buscar:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}

.div-search .container-search .btnbuscar {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transition-property: opacity, color;
    transition-property: opacity, color;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    position: absolute;
    top: 52%;
    right: 1.3125rem;
    background: none;
    border: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.1s all ease;
    transition: 0.1s all ease;
    color: #2f2c2f;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 700;
    white-space: normal;
    max-width: 100%;
    text-overflow: ellipsis;
    text-transform: uppercase;
    border-radius: 30px;
    cursor: pointer;
    vertical-align: middle;
    z-index: 1;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-size: 20px;
    line-height: 30px;
    opacity: 0;
}

.modal-search.active .div-search .container-search .btnbuscar {
    opacity: 1;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transition-property: opacity, color;
    transition-property: opacity, color;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.modal-search.active .div-search .container-search .btnbuscar:hover {
    color: var(--color2);
}

.div-search .container-search .modal-close {
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    color: #2f2c2f;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.1s all ease;
    transition: 0.1s all ease;
    font-size: 30px;
    line-height: 30px;
    opacity: 0;
    box-sizing: border-box;
    box-shadow: none;
}

.div-search .container-search .modal-close:hover {
    color: var(--color2);
}

.modal-search.active .div-search .container-search .modal-close {
    opacity: 1;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transition-property: opacity, left, color;
    transition-property: opacity, left, color;
    -webkit-transition-delay: 0.3s, 0.25s, 0s;
    transition-delay: 0.3s, 0.25s, 0s;
    left: -54px;
}

.header nav ul li.sedes {
    margin-right: 30px;
}

.conten-header {
    margin-bottom: 120px;
}

body.index .conten-header {
    margin-bottom: 0;
}

.nav-mobile {
    position: fixed;
    margin: 0;
    height: 100%;
    width: 75%;
    right: -100%;
    top: 80px;
    padding-top: 10px;
    background: var(--color2);
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    padding-left: 0;
    z-index: 999;
}

.nav-mobile .lista-mobile {
    list-style: none;
    display: block;
}

.lista-mobile .tiene_nempresa_sede .icon-location {
    color: #fff !important;
}

.nav-mobile .lista-mobile {
    list-style: none;
    padding: 0;
    width: 90%;
}

.nav-mobile .lista-mobile > li {
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.nav-mobile .submenu-mobile {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Oculta las sublistas inicialmente */
}

.nav-mobile .submenu-mobile li {
    padding: 8px;
    color: #fff;
}

.lista-mobile a {
    text-decoration: none;
}

.menu_bar .logo-mobile img {
    position: absolute;
    top: 13px;
    left: 3%;
    height: 50px;
    width: 105px;
}


@media screen and (max-width: 950px) {
    .nav-mobile ul.lista-mobile li a, 
    .nav-mobile ul.lista-mobile li a span {
        color: #fff;
        font-size: 13px;
    }

    .nav-mobile ul.lista-mobile .menu_icon .btn-canasta .basket {
        font-size: 13px;
    }

    header.new {
        height: 80px;
    }

    header.new .menu_bar .conten_btn_menu a span {
        font-size: 25px;
        color: #fff;
    }

    header.new.scrolled .menu_bar .conten_btn_menu a span {
        color: var(--color2);
    }

    header.new .menu_bar .conten_btn_menu .btn_carrito_movil .canti {
        background: #fff;
        color: #000;
    }

    header.new.scrolled .menu_bar .conten_btn_menu .btn_carrito_movil .canti {
        background: var(--color2);
        color: #fff;
    }
}

/* -------------------------------------------------------------- */

#btn-social,.conte_dialogo_movil,.conten-form-pc .conten-busqueda .conten-list-busqueda .listados-loader,.conten_barra_social,.conten_menu_client .menu_clien,.contenido .btn-cerrar #cerrar:checked+label,.contenido .btn-cerrar #cerrar:checked~.modal,.footer .bloque_m .form_suscribe button .hide,.logopega2,.menu-fixed .logopega,.menu_bar .conten_btn_menu .btn_carrito_movil #canti_basket_movil,.modal_tienda,.prin .head_logo_empresa,.submenu2,.sweet-alert .form-group,.sweet-alert .form-group .sa-input-error,header nav .tiene_nempresa_sede,header nav ul .conten_total_menu{
    display:none
}
.conten_dialogo{
    position:fixed;
    right:0;
    top:50px;
    display:flex;
    flex-wrap:wrap;
    width:150px;
    background-color:#df0209;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    color:#fff;
    z-index:100
}
.conten_dialogo .titulo_dialogo{
    text-align:center;
    font-size:12px;
    font-weight:600;
    width:100%;
    padding:10px
}
.conten_dialogo .conten_btn{
    padding-top:0;
    padding-bottom:10px;
    margin-top:-5px
}
.conten_dialogo .conten_btn .btn{
    justify-content:center;
    text-align:center;
    font-size:12px;
    width:100%
}
.conte_dialogo_pc .conten_btn{
    text-align:left
}
.btn{
    background:0 0;
    border:none;
    padding:13px 20px;
    cursor:pointer;
    font-size:1rem;
    border-radius:5px
}
.btn-primary{
    background:#007bff
}
.btn-primary:hover{
    background:#0069d9
}
.btn-danger{
    background:#dc3545
}
.btn-danger:hover{
    background:#c82333
}
.btn-success{
    background:#28a745
}
.btn-success:hover{
    background:#218838
}
.btn-warning{
    background:#ffc107
}
.btn-warning:hover{
    background:#e0a800
}
.btn-secondary{
    background:#6c757d
}
.btn-secondary:hover{
    background:#5a6268
}
.btn-info{
    background:#17a2b8
}
.btn-info:hover{
    background:#138496
}
.conten_main{
    width:100%;
    margin:auto;
    background: #fff;
}
@media screen and (max-width:450px){
    .conten_main{
        overflow-x:hidden
    }
}
body::-webkit-scrollbar{
    width:13px;
    background:#ccc
}
body::-webkit-scrollbar-thumb{
    width:13px;
    height:200px;
    border-radius:5px;
    background:var(--color2)
}
.fon_supe{
    height:60px;
    width:100%;
    z-index:1;
    background:var(--color2)
}
.conten-menu,.menu{
    background:var(--color5)
}
.prin{
    position:relative;
    z-index:3
}
.cual3,.social{
    position:absolute
}
.cual3{
    padding:0;
    top:10px;
    width:23%;
    border-bottom:50px solid var(--color5);
    border-right:65px solid transparent;
    z-index:2
}
.social{
    display:flex;
    justify-content:flex-end;
    right:0;
    margin-top:10px;
    margin-right:5%
}
.social .a{
    font-size:17px;
    padding-top:4px;
    margin:0 10px
}
.conten_nempresa_sede{
    position:absolute;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    left:25%;
    color:#fff;
    font-weight:600;
    top:15px;
    font-size:20px
}
.conten-menu,.conten_menu_client,.menu_bar .conten_btn_menu .btn_carrito_movil,header nav,header nav ul li{
    position:relative
}
.conten_nempresa_sede .nempresa{
    margin-right:20px
}
.social .btn_admin{
    display:flex;
    background:var(--color1);
    padding:5px 15px 5px 10px;
    border-radius:5px;
    font-size:15px;
    font-weight:600;
    margin-top:5px
}
.conten_menu_client .btn_cliente_panel{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    text-decoration:none;
    color:#fff;
    padding-bottom:10px
}
.conten_menu_client .btn_cliente_panel:hover,.contenedor-subcategorias .subcategoria .enlaces-subcategoria .nombre_subcate:hover{
    text-decoration:underline
}
.conten_menu_client .btn_cliente_panel .user{
    margin-right:6px;
    color:#fff;
    padding:5px;
    border:1px solid #fff;
    border-radius:50%
}
.conten_menu_client .btn_cliente_panel .down{
    color:#fff;
    margin-left:0;
    font-size:20px;
    font-weight:600;
    margin-top:2px
}
.conten_menu_client .btn_cliente_panel .text{
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-top:8px;
    margin-right:20px
}
.conten_menu_client .menu_clien{
    position:absolute;
    top:40px;
    right:-25px;
    width:190px;
    box-shadow:rgba(0,0,0,.3) 1px 1px 10px;
    border-radius:10px;
    padding-left:0;
    background:#fff;
    z-index:200
}
.conten_menu_client .menu_clien li{
    width:100%;
    list-style-type:none;
    font-size:17px;
    padding:15px
}
.conten_menu_client .cerrar{
    border-top:1px solid #ccc
}
.conten_menu_client .menu_clien li a{
    text-decoration:none;
    padding:0;
    color:#666
}
.conten_menu_client .menu_clien li a:hover,.contenido .conten_select label span,.menu-fixed ul li a span,.modal_conten_prin .conten_select label span{
    color:var(--color2)
}
.conten_menu_client .menu_clien li a span{
    margin-right:7px;
    color:var(--color2)
}
@media screen and (max-width:1510px){
    .conten_nempresa_sede{
        left:23%;
        font-size:16px;
        margin-top:4px
    }
    .prin .social{
        margin-right:1%
    }
    .conten_menu_client .btn_cliente_panel .text{
        margin-right:0
    }
}
.conten-menu{
    z-index:2
}
.conten-menu .img-logo-menu{
    position:absolute;
    top:-2px;
    left:10%;
    height:70px;
    width:160px;
    z-index:2000
}
.menu{
    display:flex;
    justify-content:center;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0;
    margin:auto;
    list-style:none;
    z-index:999
}
.menu_bar{
    padding:15px;
    z-index:1000;
    display:none;
    background-color: transparent;
}
.menu_bar .conten_btn_menu{
    display:flex
}
@media screen and (max-width:955px){
    .conten_btn_menu .conten_menu_client .nombre_client_movil{
        display:none
    }
}
.menu_bar .conten_btn_menu .btn_carrito_movil .canti{
    position:absolute;
    top:-8px;
    right:-1px;
    background:var(--color2);
    color:#fff;
    padding:2px 6px;
    border-radius:50%;
    font-size:10px
}
.menu_bar .conten_btn_menu .menu_carrito_movil{
    display:none;
    position:absolute;
    width:290px;
    border-radius:5px;
    background:#fff;
    box-shadow:rgba(0,0,0,.4) 1px 5px 10px;
    top:40px;
    left:-180px
}
.menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito,Header nav ul .menu_icon .menu_carrito .conten_menu_carrito{
    max-height:250px;
    min-height:200px
}
.menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito li{
    height:45px;
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid #ccc
}
.menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito li p{
    font-size:11px;
    margin-top:3px;
    width:80%
}
.menu_bar .conten_btn_menu .menu_carrito_movil .conten_menu_carrito li img,Header nav ul .menu_icon .menu_carrito .conten_menu_carrito li img{
    height:30px;
    width:30px;
    margin:3px
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn{
    padding:3px 5px;
    margin:5px;
    position:absolute;
    right:0
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:0 auto auto;
    background:#fff;
    border-top:1px solid #ccc;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    padding:5px 10px 7px
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito a{
    text-align:center;
    width:100%
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito .btn_total_menu{
    display:none;
    margin-bottom:10px;
    text-decoration:none;
    color:var(--color2);
    font-weight:600
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn_ir_carrito .btn_total_menu .total_menu,header nav ul li .menu_ofertas li a{
    font-size:15px
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn_ver_carrito{
    display:block;
    bottom:0;
    width:90%;
    background:var(--color1);
    text-align:center;
    margin:auto;
    padding:5px;
    justify-content:center;
    border-radius:5px;
    color:#fff;
    font-weight:600;
    text-decoration:none
}
.menu_bar .conten_btn_menu .menu_carrito_movil .btn_ver_carrito span{
    color:#fff;
    font-weight:600;
    font-size:15px
}
@media screen and (max-width:400px){
    .menu_bar .conten_btn_menu .menu_carrito_movil{
        left:-150px
    }
}
@media screen and (max-width:366px){
    .menu_bar .conten_btn_menu .menu_carrito_movil{
        left:-140px
    }
}
header{
    /*width:100%;
    background:#fff;
    padding-top:0;
    box-shadow:rgba(0,0,0,.4) 5px 5px 20px*/
}
header nav{
    z-index:1000;
    width:100%;
    margin:0 auto;
    background:0 0;
    max-width:1000px
}
header nav ul{
    display:flex;
    width:100%;
    list-style:none;
    margin-bottom:0
}
header nav ul li{
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
/*header nav ul li:hover .children{
    display:block;
    transform:1s
}*/
header nav ul li a{
    display:flex;
    text-decoration:none;
    transition:.5s;
    margin:10px;
    font-size:15px;
    padding:14px 10px
}
header nav ul li a:hover{
    text-decoration:none;
    color: #fff;
}
header nav ul li a span{
    font-size:17px;
    margin-top:0;
    margin-right:10px;
    color: #fff;
    transition:.5s
}
header nav ul .conten_total_menu .btn_total_menu{
    padding:0;
    margin:20px 0 0;
    width:120px
}
header nav ul .conten_total_menu .btn_total_menu .total_menu{
    margin-right:0;
    font-size:15px;
    font-weight:600
}
@media screen and (max-width:1088px){
    header nav ul .conten_total_menu{
        display:none
    }
}
@media screen and (max-width:950px){
    .conte_dialogo_movil{
        display:block
    }
    .conte_dialogo_pc,.conten_dialogo .conten_btn,.nom_admin{
        display:none
    }
    .conte_dialogo_movil .conten_dialogo{
        top:80px;
        left:15px;
        border-top-left-radius:0;
        border-bottom-right-radius:10px;
        width:160px;
        text-align:left
    }
    .btn_preciomayor{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        color:#fff;
        font-size:12px;
        font-weight:600;
        text-decoration:none;
        padding:5px 5px 5px 16px
    }
    header nav .tiene_nempresa_sede{
        display:block;
        color:#fff;
        padding:10px;
        font-weight:600;
        font-size:15px
    }
}
@media screen and (max-width:390px){
    header nav .tiene_nempresa_sede{
        font-size:13px
    }
}
Header nav ul .menu_icon .btn-canasta{
    position:relative;
    color:var(--color2);
    text-decoration:none;
    padding:3px 0 0
}
Header nav ul .menu_icon .btn-canasta .canti{
    display:none;
    position:absolute;
    top:-6px;
    right:-6px;
    background:var(--color2);
    color:#fff;
    padding:2px 6px;
    border-radius:50%;
    font-size:11px
}
.conten-form-pc .conten-busqueda .list-group .list-group-item .a p:hover,Header nav ul .menu_icon a:hover{
    color:var(--color1)
}
.btn_redes:hover,.conten_modal_tiendas .conten_buttons .btn_cambiar:hover,.footer .bloque_m .form_suscribe button:hover,Header nav ul .menu_icon a:hover .canti{
    background:var(--color1)
}
.footer .bloque_m .form_suscribe button .cargando span ,Header nav ul .menu_icon .btn-canasta .basket/*,Header nav ul .menu_icon .btn_login span*/{
    font-size:25px
}
Header nav ul .menu_icon .btn_login{
    padding:3px 0 0
}
Header nav ul .menu_icon .menu_carrito{
    width:290px;
    border-radius:5px 5px 0 0
}
Header nav ul .menu_icon .menu_carrito .conten_menu_carrito li{
    height:45px;
    display:flex;
    flex-wrap:wrap
}
Header nav ul .menu_icon .menu_carrito .conten_menu_carrito li p{
    font-size:12px;
    margin-top:3px;
    width:80%
}
Header nav ul .menu_icon .menu_carrito .btn{
    padding:3px 5px;
    margin:5px;
    position:absolute;
    right:0;
    top:0
}
Header nav ul .menu_icon .menu_carrito .btn_ir_carrito{
    display:flex;
    justify-content:center;
    background:#fff;
    margin-top:0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:rgba(0,0,0,.4) 1px 5px 10px;
    padding-top:5px;
    padding-bottom:7px;
    border-top:1px solid #ccc
}
Header nav ul .menu_icon .menu_carrito span{
    color:#fff;
    font-weight:600
}
Header nav ul .menu_icon .menu_carrito .btn_ver_carrito{
    bottom:0;
    width:90%;
    background:var(--color1);
    text-align:center;
    margin:5px 5px 0;
    padding:5px;
    justify-content:center;
    border-radius:5px;
    color:#fff;
    font-weight:600
}
@media screen and (max-width:1589px){
    Header nav ul .menu_icon .menu_carrito{
        left:-100px
    }
}
@media screen and (max-width:1435px){
    Header nav ul .menu_icon .menu_carrito{
        left:-150px
    }
}
@media screen and (max-width:1369px){
    Header nav ul .menu_icon .menu_carrito{
        left:-200px
    }
}
.menu ul li a{
    color:#000;
    font-size:16px
}
header nav ul li .children{
    /*display:none;*/
    position:absolute;
    left:-214%;
    width:155%;
    background:#fff;
    padding-bottom:20px;
    box-shadow:rgba(0,0,0,.5) 1px 5px 10px;
    /*border-bottom-left-radius:10px;*/
    z-index:999
}
header nav ul li .children .conten_menu_categorias{
    max-height:450px;
    min-height:440px
}
header nav ul li .children .conten_menu_categorias::-webkit-scrollbar{
    width:10px;
    background:#ccc
}
header nav ul li .children .conten_menu_categorias::-webkit-scrollbar-thumb{
    width:10px;
    height:200px;
    border-radius:5px;
    background:var(--color2)
}
header nav ul li .children li{
    display:block;
    text-align:left;
    overflow:hidden;
    border-bottom:1px solid rgba(0,0,0,.1)
}
header nav ul li .children li a{
    display:flex;
    padding-left:5px;
    padding-top:0;
    padding-bottom:0;
    color:#666;
    font-size:12px;
    align-items: center;
}
header nav ul li .children li a:hover{
    background:0 0;
    color:var(--color2);
    border-bottom:none
}
header nav ul li .children li a p{
    width:80%;
    margin-top:0
}
header nav ul li .children li a span{
    float:right;
    position:absolute;
    right:10px;
    margin-right:0;
    margin-left:10px;
    font-size:12px;
    margin-top:5px;
    color:var(--color2)
}
header nav ul li .children li a img{
    height:23px;
    width:23px;
    margin-right:8px;
    margin-top:-3px
}
header nav ul li .children li a .redes{
    height:40px;
    width:40px;
    margin-right:10px;
    margin-top:2px
}
header nav ul li .caret{
    position:relative;
    top:3px;
    margin-left:10px;
    margin-right:0
}
header nav ul li .ruta{
    padding:0;
    margin-top:-3px
}
.menu-fixed ul li .ruta{
    padding:0;
    margin-top:-8px
}
header nav ul li .ruta .img-ofertas{
    height:75px;
    width:75px
}
.conten_modal_tiendas .conten_buttons .btn span,.footer .bloque_m .form_suscribe span,.menu .contenlogomenu{
    margin-right:5px
}
.menu .contenlogomenu .logopega{
    height:180px;
    width:180px;
    margin-top:-80px;
    z-index:10
}
.menu ul li #form-buscar,.menu-fixed ul li #form-buscar{
    padding-top:10px;
    display:flex;
    width:500px
}
.menu ul li #form-buscar .input-buscar,.menu-fixed ul li #form-buscar .input-buscar{
    height:48px;
    width:100%;
    padding:8px;
    border:0;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border:1px solid var(--color2);
    font-size:15px
}
.menu ul li #form-buscar .btnbuscar,.menu-fixed ul li #form-buscar .btnbuscar{
    background:var(--color2);
    color:#fff;
    padding-left:5px;
    padding-right:5px;
    font-size:15px;
    border:none;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px
}
.menu ul li #form-buscar .btnbuscar:hover{
    color:#fff;
    background:var(--color1)
}
.menu-fixed{
    position:fixed;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    width:100%;
    max-width:100%;
    padding-top:0;
    padding-bottom:0;
    background:#fff;
    box-shadow:rgba(0,0,0,.4) 5px 5px 8px;
    z-index:1000;
    margin-top:0
}
.contenedor-subcategorias,.menu-fixed .children,.menu-fixed .children2{
    box-shadow:rgba(0,0,0,.5) 1px 5px 10px
}
.menu-fixed ul{
    justify-content:center;
    margin-top:10px
}
.menu-fixed .children{
    left:-45%
}
.menu-fixed ul li a{
    padding:15px 10px;
    color:#000
}
.menu-fixed .btnbuscar{
    color:#fff;
    background:var(--color2)
}
.menu-fixed .logopega2{
    position:absolute;
    display:inline;
    margin-top:10px;
    left:8%;
    height:60px;
    width:140px
}
.menu-fixed .children{
    margin-top:0
}
header nav ul li .menu_ofertas{
    left:-10px;
    border-radius:5px;
    width:250px;
    padding-bottom:0
}
header nav ul li .menu_ofertas li a span{
    position:relative;
    font-size:18px;
    margin:0 0 0 5px
}
.contenedor-subcategorias{
    display:block;
    position:absolute;
    top:0;
    left:100%;
    height:100%;
    width:320%;
    background:var(--colorfondo);
    /*border-bottom-right-radius:10px*/
}
.contenedor-subcategorias .subcategoria{
    height:100%;
    padding:10px;
    overflow:auto;
    display:none
}
.contenedor-subcategorias .conten_subcategoria,.footer .bloque_m .form_suscribe,.modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha{
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.contenedor-subcategorias .subcategoria::-webkit-scrollbar{
    width:10px;
    background:#ccc
}
.contenedor-subcategorias .subcategoria::-webkit-scrollbar-thumb{
    width:10px;
    height:200px;
    border-radius:5px;
    background:var(--color2)
}
.contenedor-subcategorias .subcategoria .enlaces-subcategoria{
    display:flex;
    flex-wrap:wrap;
    padding:10px;
    overflow:auto;
    width:48%
}
.contenedor-subcategorias .subcategoria .conten_ublicida_categoria{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:10px;
    margin:auto;
    width:50%
}
.contenedor-subcategorias .subcategoria .enlaces-subcategoria .nombre_subcate{
    font-size:15px;
    width:45%;
    margin:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:10px
}
.contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate{
    margin:auto
}
.contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate a{
    padding:0
}
.contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate .img_categoria{
    height:400px;
    width:400px;
    border-radius:10px
}
.contenedor-subcategorias .subcategoria .enlaces-subcategoria .subtitulo{
    text-align:left;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
    border-radius:10px
}
.contenedor-subcategorias .subcategoria .enlaces-subcategoria .subcate{
    text-decoration:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:10px;
    padding:20px 15px;
    border-radius:5px;
    background:#fff;
    z-index:1000
}
.contenedor-subcategorias .subcategoria .enlaces-subcategoria .subcate:hover{
    box-shadow:2px 2px 12px 3px #c6c6c6
}
.contenedor-subcategorias .subcategoria .subcate .img_subcate{
    height:150px;
    width:150px;
    margin-bottom:10px;
    border-radius:10px
}
.contenedor-subcategorias .subcategoria .subcate .nom_subcate{
    width:100%;
    text-align:center;
    color:var(--color2);
    margin-bottom:10px;
    font-size:1rem;
    border-radius:10px
}
@media screen and (max-width:1436px){
    .contenedor-subcategorias{
        width:300%
    }
    .menu-fixed .contenedor-subcategorias{
        width:330%
    }
    .contenedor-subcategorias .subcategoria .enlaces-subcategoria .subcate{
        padding:15px;
        width:auto;
        margin:5px
    }
    .contenedor-subcategorias .subcategoria .enlaces-subcategoria .subcate .img_subcate{
        height:100px;
        width:100px
    }
    .contenedor-subcategorias .subcategoria .enlaces-subcategoria .nom_subcate{
        width:100%
    }
}
@media screen and (max-width:1290px){
    .menu-fixed .contenedor-subcategorias{
        width:300%
    }
}
@media screen and (max-width:1220px){
    .menu-fixed .children{
        margin-left:40%
    }
}
@media screen and (max-width:1218px){
    .menu-fixed .contenedor-subcategorias{
        width:280%
    }
    .contenedor-subcategorias .subcategoria .enlaces-subcategoria{
        width:50%
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .conten_ublicida_categoria{
        width:49%
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate .img_categoria{
        width:300px;
        height:300px
    }
}
@media screen and (max-width:1113px){
    .contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate .img_categoria{
        height:300px;
        width:300px
    }
    header .menu-fixed ul li .children .conten_menu_categorias{
        max-height:500px
    }
}
@media screen and (max-width:985px){
    .contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate .img_categoria{
        height:250px;
        width:250px
    }
    header .menu ul li a{
        font-size:14px
    }
    header nav ul li a{
        font-size:14px;
        padding-top:10px;
        padding-bottom:10px
    }
}
@media screen and (max-width:1708px){
    .conten-menu .img-logo-menu{
        left:5%
    }
}
@media screen and (max-width:1640px){
    .menu-fixed .logopega2{
        left:4%
    }
}
@media screen and (max-width:1513px){
    .conten-menu .img-logo-menu{
        height:60px;
        width:140px;
        left:4%
    }
}
@media screen and (max-width:1436px){
    .menu{
        width:55%
    }
    .menu ul li #form-buscar,.menu-fixed ul li #form-buscar{
        padding-top:10px;
        display:flex;
        width:400px
    }
    .menu ul li .children{
        left:-80%;
        width:155%;
        z-index:1000;
        background:#fff;
        padding-bottom:20px;
        box-shadow:rgba(0,0,0,.5) 1px 5px 10px;
        border-bottom-left-radius:10px
    }
    .conten-menu .img-logo-menu{
        height:70px;
        width:160px;
        left:8%
    }
    .menu-fixed{
        top:0;
        width:100%;
        margin:auto
    }
    .menu-fixed ul{
        margin-left:8%
    }
    .menu-fixed ul .children{
        left:-80%
    }
    .conten-form-pc .conten-list-busqueda .list-group{
        margin-left:0;
        margin-top:0
    }
}
@media screen and (max-width:1349px){
    .conten-menu .img-logo-menu{
        left:5%
    }
    .menu{
        margin-left:19%
    }
    .menu-fixed{
        width:100%;
        margin:auto
    }
}
@media screen and (max-width:1286px){
    .menu-fixed{
        width:100%;
        margin-left:0
    }
    .conten-menu .img-logo-menu{
        left:2%;
        height:60px;
        width:150px
    }
    .menu{
        margin-left:16%
    }
}
@media screen and (max-width:1260px){
    .conten_main{
        padding-left:10px;
        padding-right:10px
    }
    .menu-fixed .logopega2{
        top:12px;
        left:15px;
        height:40px;
        width:90px
    }
}
@media screen and (max-width:1239px){
    .contenedor-subcategorias{
        width:350%
    }
    .conten-menu .img-logo-menu{
        height:50px;
        width:100px;
        left:1%;
        top:10px
    }
    .menu ul li .children{
        left:-30%;
        width:130%
    }
    .menu{
        margin-left:10%
    }
}
@media screen and (max-width:1156px){
    header nav ul li a{
        padding-left:3px;
        padding-right:3px
    }
    .contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate .img_categoria{
        width:90%;
        height:auto
    }
}
@media screen and (max-width:1110px){
    .menu ul li #form-buscar,.menu-fixed ul li #form-buscar{
        padding-top:10px;
        display:flex;
        width:340px
    }
    .menu ul li .children{
        left:-12%;
        width:120%
    }
    .menu-fixed .logopega2{
        height:40px;
        width:90px;
        top:15px;
        left:15px
    }
    .menu-fixed ul li .children{
        margin-top:-1px;
        left:-70%;
        width:144%
    }
    .conten-form-pc .conten-busqueda .mas{
        width:100%;
        padding:5px
    }
    .conten-form-pc .conten-busqueda .list-group .list-group-item .a p{
        font-size:12px
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .enlaces-subcategoria{
        width:55%
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .conten_ublicida_categoria{
        width:40%
    }
}
@media screen and (max-width:1049px){
    .conten-menu .img-logo-menu{
        display:none
    }
    .prin .head_logo_empresa{
        position:absolute;
        display:block;
        top:15px;
        height:40px;
        width:80px;
        left:30px;
        z-index:100
    }
    .head_logo_empresa .img_movil_pega{
        height:50px;
        width:110px
    }
}
@media screen and (max-width:1043px){
    .menu{
        margin-left:8%
    }
}
@media screen and (max-width:1060px){
    .menu-fixed .logopega2{
        height:40px;
        width:80px;
        top:15px;
        left:15px;
        display:none
    }
    .menu-fixed ul{
        margin-left:0
    }
    .menu-fixed ul li .children{
        left:-45%
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .enlaces-subcategoria{
        width:60%
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .conten_ublicida_categoria{
        width:35%
    }
    .menu-fixed .contenedor-subcategorias .subcategoria .conten_ublicida_categoria .conten_banner_cate .img_categoria{
        width:250px;
        height:250px
    }
}
@media screen and (max-width:1021px){
    .menu .contenedor-subcategorias .subcategoria .enlaces-subcategoria{
        width:55%
    }
    .menu .contenedor-subcategorias .subcategoria .conten_ublicida_categoria{
        width:45%
    }
    header nav ul li .children .conten_menu_categorias{
        max-height:500px
    }
    header nav ul li a{
        margin:8px 6px
    }
}
@media screen and (max-width:950px){
    .conten-form-pc,.conten-menu .img-logo-menu,.contenedor-subcategorias,.menu .contenlogomenu,.prin,header .menu .movil_none,header .menu ul li .children li a .fecha{
        display:none
    }

    .conten-header {
        margin-bottom: 68px;
    }

    header nav ul li .children .conten_menu_categorias{
        max-height:100%;
        min-height:auto
    }
    header .menu ul li a,header nav ul li a span{
        color:#fff;
        font-size:13px
    }
    header .menu,header .menu ul li a:hover{
        background:var(--color2)
    }
    body{
        padding-top:0
    }
    header{
        padding-bottom:0
    }
    header nav{
        width:80%;
        height:calc(100% - 80px);
        position:fixed;
        right:100%;
        margin:0;
        overflow:scroll
    }
    header .menu{
        margin:0;
        height:100%;
        width:75%;
        right:-100%;
        padding-top:0
    }
    header nav ul{
        display:block;
        padding-left:0
    }
    header nav ul li{
        display:block;
        border-bottom:1px solid rgba(255,255,255,.5)
    }
    header .menu ul li a{
        display:block;
        padding-left:10px;
        padding-top:15px;
        padding-bottom:15px;
        margin-top:0;
        margin-bottom:0;
        margin-left:0;
        width:100%
    }
    .menu ul li a .icono,header nav ul li a .flecha{
        position:absolute;
        right:0
    }
    header .menu ul li .children{
        position:relative;
        width:100%;
        padding-bottom:0;
        box-shadow:none;
        border-bottom-left-radius:0;
        left:0
    }
    .submenu2,header nav ul li:hover .children{
        display:block
    }
    header .menu ul li .children li{
        left:0;
        margin-top:5px;
        padding-left:0;
        width:100%
    }
    header .menu ul li .children li a{
        color:#000;
        width:100%;
        font-size:12px
    }
    header .menu ul li .children li a img{
        margin-top:5px;
        margin-left:5px;
        margin-bottom:5px;
        height:25px;
        width:25px
    }
    header .menu ul li .children li a p{
        margin-top:10px;
        width:70%
    }
    header nav ul li .menu_ofertas{
        border-radius:0
    }
    header nav ul li .menu_ofertas li a{
        font-size:14px;
        padding:10px 10px 10px 15px
    }
    header nav ul li .menu_ofertas li a span{
        margin-top:-5px
    }
    header .menu ul li .menu_ofertas li a{
        padding-left:45px;
        padding-top:14px;
        padding-bottom:12px
    }
    header nav ul .lista .social{
        color:red;
        left:auto;
        margin:auto;
        font-size:15px
    }
    .submenu2 .children{
        background:rgba(0,0,0,0.)
    }
    .submenu2 .children li a{
        background:rgba(0,0,0,0);
        color:#000
    }
    .submenu2 .children li a:hover{
        color:var(--color2)
    }
    .submenu2 .children li a img{
        height:35px;
        width:35px;
        float:left;
        margin-right:10px
    }
    .submenu2 .children li a p{
        margin-top:9px
    }
}
@media screen and (max-width:370px){
    header .menu ul li .children li a p{
        font-size:11px;
        width:80%
    }
}
.container-bar{
    width:100%;
    max-width:50px;
    position:fixed;
    left:0;
    top:25%;
    z-index:999
}
.container-bar a{
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    text-decoration:none;
    font-size:18px;
    position:relative;
    transition:.5s;
    color:#fff
}
.container-bar a:hover{
    background:#1c1c1c
}
.container-bar .icon-facebook{
    background:#3b5998;
    border-radius:0 5px 0 0
}
.container-bar .icon-instagram-filled,.footer .bloque_m .conten_redes_f .conten_icons_redes .instagram{
    background-image:linear-gradient(60deg,#f7cf6c 0,#f74f3d ,#9834b3 100%)
}
.container-bar .icon-tiktok,.container-bar .icon-youtube-play,.footer .bloque_m .conten_redes_f .conten_icons_redes .tiktok{
    background:#000
}
.container-bar .icon-maps img,.container-bar .icon-tiktok img{
    height:30px;
    width:30px;
    margin-top:10px;
    padding:3px
}
.container-bar .icon-mail-alt{
    background:#00acee
}
.container-bar .icon-comment,.footer .bloque_m .conten_redes_f .conten_icons_redes .messenger{
    background:#007fff
}
.container-bar .icon-whatsapp{
    background:#2cb741;
    border-radius:0 0 5px
}
.container-bar .icon-maps,.footer .bloque_m .conten_redes_f .conten_icons_redes .maps{
    background:#fff
}
.container-bar .title{
    position:absolute;
    background:#1c1c1c;
    padding:0 8px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:3px;
    font-size:15px;
    top:12px;
    left:0;
    transition:.5s;
    opacity:0;
    visibility:hidden;
    z-index:-1
}
.container-bar a:hover .title{
    opacity:1;
    visibility:visible;
    left:64px
}
.container-bar .title:after{
    position:absolute;
    content:'';
    border-left:7px solid transparent;
    border-right:6px solid #1c1c1c;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    right:100%;
    top:8px
}
.btn_redes{
    cursor:pointer;
    transition:.4s;
    font-size:15px;
    margin-bottom:5px;
    display:inline-block;
    transform:rotate(180deg);
    color:#fff;
    background:var(--color2);
    padding:8px
}
#btn-social:checked~.btn_redes{
    transform:rotate(0)
}
.icon-social{
    transition:.4s;
    transform:translateX(0);
    box-shadow:0 1px 10px rgba(0,0,0,.3)
}

.icon-social a::before{
    line-height: 3em;
}
#btn-social:checked~.icon-social{
    transform:translateX(-100%);
    box-shadow:0 1px 10px transparent
}
#scrollUp{
    bottom:20px;
    left:48%;
    padding:10px 20px;
    background-image:url('../img/icons/boton-arriba.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:40px;
    width:40px;
    text-indent:-9999px
}
#scrollUp:hover{
    background-image:url('../img/icons/boton-arriba-2.jpg')
}
.footer{
    background-color: var(--color2);
}
.footer .conten_footer{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:auto;
    width:90%;
    padding-top:30px;
    padding-bottom:10px
}
.footer .footer-supe{
    padding:10px;
    margin:0 auto;
    width:50%;
    border-width:20px 20px 0;
    border-style:solid;
    border-color: #fff transparent
}
.footer .bloque_m{
    width:380px;
    padding:20px
}
.footer .bloque_m .conten_ssl{
    margin-top:40px
}
.footer .medio{
    margin-left:20px;
    margin-right:20px
}
.footer .bloque_m .conten_titulo_f{
    color:#fff;
    padding:10px 10px 10px 0
}
.footer .bloque_m .conten_titulo_f h4{
    font-size:18px;
    margin-bottom:10px
}
.footer .bloque_m .conten_titulo_f hr{
    width:70%
}
.footer .bloque_m .conten_link{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-top:20px
}
.footer .bloque_m .conten_link a{
    display:flex;
    width:100%;
    margin-bottom:15px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    line-height:30px;
    transition:.4s;
    align-items: center;
}
.footer .bloque_m .conten_info_f a:hover,.footer .bloque_m .conten_link a:hover{
    color:#828084
}
.footer .bloque_m .conten_info_f a span,.footer .bloque_m .conten_link a span{
    margin-right:15px
}
.footer .bloque_m .conten_img{
    display:flex;
    width:100%
}
.footer .bloque_m .conten_img img{
    height:80px;
    margin-left:50px;
    margin-bottom:30px
}
.conten_modal_tiendas .conten_buttons,.footer .bloque_m .conten_imgs{
    display:flex;
    justify-content:center;
    width:100%
}
.footer .bloque_m .conten_imgs .libro{
    height:100px;
    margin-top:-15px
}
.footer .bloque_m .conten_info_f{
    display:flex;
    flex-wrap:wrap
}
.footer .bloque_m .conten_info_f a{
    display:flex;
    width:80%;
    color:#fff;
    font-weight:600;
    transition:.4s;
    line-height:30px;
    margin-bottom:10px;
    text-decoration:none
}
.footer .bloque_m .conten_info2_f{
    margin:15px 15px 15px 40px
}
.footer .bloque_m .conten_info2_f p{
    color:#ccc;
    margin-bottom:10px
}
.footer .copy{
    border-top:1px solid #828084;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    font-weight:600
}
.footer .bloque_m .conten_redes_f p{
    margin-top:15px;
    margin-bottom:20px;
    color:#ccc
}
.footer .bloque_m .conten_redes_f .conten_icons_redes{
    display:flex;
    margin-top:30px
}
.footer .bloque_m .conten_redes_f .conten_icons_redes a{
    text-decoration:none;
    color:#fff;
    padding:10px;
    font-size:16px;
    border-radius:50%;
    margin-right:6px;
    transition:.4s
}
.footer .bloque_m .conten_redes_f .conten_icons_redes .img{
    width:23px;
    display:flex;
    justify-content:center;
    padding:13px 20px;
    margin-right:10px
}
.footer .bloque_m .conten_redes_f .conten_icons_redes .waze{
    background:#4bbedc
}
.footer .bloque_m .conten_redes_f .conten_icons_redes .img img{
    height:25px;
    width:25px;
    margin:-5px
}
.footer .bloque_m .conten_redes_f .conten_icons_redes .facebook_f{
    background:#3b5998
}
.footer .bloque_m .conten_redes_f .conten_icons_redes .youtube_f{
    background:#e52a23
}
.footer .bloque_m .conten_redes_f .conten_icons_redes .whatsapp{
    background:#2cb741
}
.footer .bloque_m .form_suscribe label{
    width:100%;
    margin-bottom:10px;
    margin-top:15px;
    color:#fff
}
.footer .bloque_m .form_suscribe input{
    width:100%;
    border-radius:5px;
    padding:13px;
    margin-bottom:15px;
    font-size:15px;
    border:0
}
.footer .bloque_m .form_suscribe button{
    border:0;
    padding:13px 18px;
    border-radius:5px;
    color:#fff;
    background-color: var(--color3);
    cursor:pointer;
    font-size:15PX;
    font-weight:600
}
.footer .bloque_m .form_suscribe button .cargando{
    animation-name:rotation;
    animation-duration:.5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
@keyframes rotation{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@media screen and (max-width:1822px){
    .footer .conten_footer{
        width:97%
    }
}
@media screen and (max-width:1692px){
    .footer .conten_footer{
        width:97%
    }
    .footer .bloque_m{
        width:330px;
        padding:15px
    }
    .footer .medio{
        margin-left:10px;
        margin-right:10px
    }
}
@media screen and (max-width:1527px){
    .footer .bloque_m .conten_titulo_f h4{
        font-size:16px
    }
    .footer .bloque_m{
        width:290px;
        padding:15px
    }
    .footer .bloque_m .conten_info2_f p,.footer .bloque_m .conten_info_f a,.footer .bloque_m .conten_link a{
        font-size:13px
    }
    .footer .bloque_m .conten_redes_f .conten_icons_redes{
        display:flex;
        flex-wrap:wrap;
        margin-top:0
    }
    .footer .bloque_m .conten_redes_f .conten_icons_redes a{
        margin-right:15px;
        margin-top:15px
    }
}
@media screen and (max-width:1362px){
    .footer .bloque_m{
        width:290px;
        padding:10px
    }
    .footer .medio{
        margin-left:0;
        margin-right:0
    }
}
@media screen and (max-width:1282px){
    .footer .bloque_m{
        width:260px;
        padding:10px
    }
    .footer .bloque_m .conten_img img{
        height:60px;
        margin-left:30px;
        margin-bottom:20px
    }
    .footer .bloque_m .conten_imgs .libro{
        height:80px
    }
}
@media screen and (max-width:865px){
    .footer .bloque_m{
        width:300px;
        padding:10px
    }
    .footer .conten_footer{
        width:85%
    }
    .footer .copy{
        font-size:15px
    }
}
.modal .contenido .conten_modal_merchan,.modal .contenido .conten_modal_merchan .conten_list_mercha{
    width:100%
}
.modal .contenido .conten_modal_merchan .titulo_modal{
    font-size:20px;
    text-align:center;
    font-weight:600;
    color:red;
    margin-bottom:20px
}
.modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .img_mercha{
    float:left;
    height:75px;
    width:75px
}
.modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .nombre_mercha{
    font-size:18px;
    color:#000;
    margin-left:10px;
    font-weight:600;
    width:80%
}
@media screen and (max-width:1124px){
    .modal .contenido .conten_modal_merchan .titulo_modal{
        font-size:17px
    }
    .modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .img_mercha{
        height:60px;
        width:60px
    }
    .modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .nombre_mercha{
        font-size:14px
    }
}
@media screen and (max-width:956px){
    .modal .contenido .conten_modal_merchan .titulo_modal{
        font-size:15px
    }
    .modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .img_mercha{
        height:45px;
        width:45px
    }
    .modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .nombre_mercha{
        font-size:12px
    }
}
.contenido{
    position:relative;
    width:35%;
    margin:3% auto auto;
    padding:40px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    z-index:500;
    background:#fff;
    border-radius:10px
}
.contenido hr{
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
    border:1px solid #ccc
}
.conten_icon_tienda img{
    height:70px;
    width:70px;
    margin-bottom:10px
}
.conten_icon_tienda .titulo_prin_modal{
    font-size:18px;
    color:var(--color2);
    padding:8px 20px;
    border-radius:5px;
    font-weight:600;
    margin-bottom:0
}
.conten_modal_tiendas .t_visitante{
    font-size:18px;
    color:var(--color2);
    margin-bottom:0;
    text-align:center;
    width:100%
}
.conten_modal_tiendas .descrip_bienvenida{
    margin-bottom:5px;
    text-align:center;
    width:100%;
    font-size:14px
}
.conten_modal_tiendas .btn_logins{
    margin-bottom:10px;
    margin-top:10px
}
.conten_modal_tiendas{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    padding-bottom:10px
}
.conten_modal_tiendas .titulo_modal{
    font-size:18px;
    font-weight:600;
    margin-top:0;
    margin-bottom:5px;
    text-align:center;
    color:var(--color2)
}
.conten_modal_tiendas .descrip_modal{
    width:100%;
    text-align:center;
    margin-bottom:5px;
    font-size:14px
}
.conten_icon_tienda{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%
}
.contenido .conten_select{
    width:80%;
    font-size:14px
}
.contenido .conten_select .control-select{
    width:100%;
    padding:10px;
    font-size:14px;
    border-radius:5px;
    cursor:pointer;
    margin-bottom:10px;
    margin-top:5px
}
.conten_modal_tiendas .conten_buttons .btn_mantener{
    margin-right:25px;
    background:var(--color1);
    font-weight:600
}
.conten_modal_tiendas .conten_buttons .btn_cambiar{
    background:var(--color2);
    font-weight:600;
    padding:8px 10px;
    font-size:15px
}
.contenido .btn-cerrar{
    position:absolute;
    top:5px;
    right:0;
    z-index:100;
    font-weight:600
}
.contenido .btn-cerrar a{
    background:var(--color2);
    color:#fff;
    padding:9px 12px;
    cursor:pointer;
    border-top-right-radius:9px;
    border-bottom-left-radius:9px;
    text-decoration:none
}
.contenido .btn-cerrar a:hover{
    text-decoration:none;
    background:var(--color1);
    color:#fff
}
@keyframes modal{
    100%{
        visibility:visible;
        opacity:1
    }
}
@media screen and (max-width:1550px){
    .contenido{
        margin-top:3%;
        padding:30px
    }
    .conten_icon_tienda img{
        width:60px;
        height:60px
    }
    .conten_icon_tienda .titulo_prin_modal{
        padding:8px
    }
    .conten_modal_tiendas .descrip_bienvenida,.conten_modal_tiendas .descrip_modal{
        font-size:13px
    }
    .contenido hr{
        margin-top:20px;
        margin-bottom:20px
    }
    .contenido .conten_select .control-select{
        margin-bottom:0
    }
}
@media screen and (max-width:1500px){
    .modal_tienda .contenido{
        width:45%
    }
}
@media screen and (max-width:1300px){
    .contenido{
        width:65%;
        top:60px
    }
}
@media screen and (max-width:1200px){
    .modal_tienda .contenido,.social{
        width:60%
    }
    .social .btn_cliente_panel .text{
        font-size:12px
    }
    .social .a{
        font-size:15px
    }
}
@media screen and (max-width:950px){
    .conten_barra_social .red:hover label,.conten_barra_social:hover .red,.red{
        opacity:1
    }
    .conten_barra_social .img_maps,.conten_barra_social .img_tiktok,.conten_barra_social .img_waze{
        height:47px;
        width:47px;
        padding:10px;
        margin-left:0
    }
    .container-bar,.menu-fixed ul li #form-buscar,.menu_bar .conten_btn_menu .lupa{
        display:none
    }
    .menu_bar .conten_btn_menu .lupa{
        display:block
    }
    .conten_barra_social{
        position:fixed;
        bottom:10px;
        left:15px;
        z-index:1000;
        display:block
    }
    .red,.red a{
        display:flex
    }
    .btn_redes{
        font-size:25px;
        background:var(--color2);
        color:#fff;
        border-radius:50%;
        padding:4px 4px 2px;
        transition:.4s;
        cursor:pointer;
        box-shadow:rgb(0,0,0,.3) 0 .5px 10px 1px
    }
    .conten_barra_social:hover .btn_redes{
        transform:rotate(135deg)
    }
    .red{
        position:absolute;
        justify-content:flex-end;
        transition:.4s;
        padding:13px;
        z-index:100
    }
    .red a{
        text-decoration:none
    }
    .conten_barra_social .red label{
        width:140px;
        font-size:15px;
        transition:.4s;
        opacity:0;
        margin-top:10px;
        height:30px;
        margin-left:10px;
        box-shadow:rgba(0,0,0,.5) 1px 2px 10px 0;
        border-radius:5px;
        padding:5px 5px 5px 10px;
        background:#fff
    }
    .conten_barra_social .email span,.conten_barra_social .facebook span,.conten_barra_social .messanger span,.conten_barra_social .whastapp1 span,.conten_barra_social .whastapp2 span,.conten_barra_social .whastapp_tec span,.conten_barra_social .youtube span{
        padding:8px 9px;
        color:#fff;
        box-shadow:rgba(0,0,0,.5) 1px 2px 10px 0;
        border-radius:50%
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a:hover,.conten_barra_social .facebook,.conten_barra_social .youtube{
        background:0 0
    }
    .conten_barra_social .red span,.conten_modal_tiendas .titulo_modal{
        font-size:20px
    }
    .conten_barra_social .whastapp_tec span{
        background:#095ca0
    }
    .conten_barra_social .whastapp1 span{
        background:#2cb741
    }
    .conten_barra_social .whastapp2 span{
        background-image:linear-gradient(60deg,#f7cf6c 0,#f74f3d ,#9834b3 100%)
    }
    .conten_barra_social .facebook span{
        background:#3b5998
    }
    .conten_barra_social .youtube span{
        background:red
    }
    .conten_barra_social .email span{
        background:#1da1f2
    }
    .conten_barra_social .messanger span{
        background:#007fff
    }
    .conten_barra_social .maps .icono,.conten_barra_social .tiktok .icono,.conten_barra_social .waze .icono{
        border-radius:50%;
        box-shadow:rgba(0,0,0,.5) 1px 2px 10px 0
    }
    .conten_barra_social .img_tiktok{
        background:#000;
        border-radius:50%
    }
    .conten_barra_social .img_waze{
        background:#4bbedc;
        border-radius:50%
    }
    .conten_barra_social .img_maps{
        background:#fff;
        border-radius:50%
    }
    .email,.facebook,.maps,.messanger,.tiktok,.waze,.whastapp1,.whastapp2,.whastapp_tec,.youtube{
        transform:translate(-90px,0) scale(0)
    }
    .conten_barra_social:hover .whastapp1{
        transform:translate(-15px,-80px) scale(1)
    }
    .conten_barra_social:hover .whastapp2{
        transform:translate(-15px,-140px) scale(1)
    }
    .conten_barra_social:hover .facebook{
        transform:translate(-15px,-200px) scale(1)
    }
    .conten_barra_social:hover .tiktok,.conten_barra_social:hover .youtube{
        transform:translate(-15px,-260px) scale(1)
    }
    .conten_barra_social:hover .email{
        transform:translate(-15px,-320px) scale(1)
    }
    .conten_barra_social:hover .messanger{
        transform:translate(-15px,-380px) scale(1)
    }
    .conten_barra_social:hover .waze{
        transform:translate(-15px,-440px) scale(1)
    }
    .conten_barra_social:hover .maps{
        transform:translate(-15px,-500px) scale(1)
    }
    #scrollUp{
        left:70px;
        bottom:16px;
        border-radius:50%;
        height:40px;
        width:40px;
        box-shadow:rgb(0,0,0,.3) 0 .5px 10px 1px
    }
    .conten_modal_tiendas .descrip_bienvenida,.conten_modal_tiendas .descrip_modal{
        font-size:15px
    }
    .conten_modal_tiendas .conten_buttons .btn_cambiar,.conten_modal_tiendas .conten_buttons .btn_mantener{
        font-size:15px;
        padding:10px
    }
    .menu_bar{
        position:fixed;
        height:80px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        width:100%;
        top:0;
    }
    .menu_bar .logo_empresa img{
        position:absolute;
        top:13px;
        left:3%;
        height:50px;
        width:105px
    }
    .menu_bar .conten_btn_menu{
        position:absolute;
        right:20px;
        margin-top:6px
    }
    .menu_bar .conten_btn_menu a{
        padding:0 5px;
        margin-left:3px
    }
    .menu_bar .conten_btn_menu a span{
        font-size:25px;
        color:var(--color2)
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p:hover,.menu_bar span:hover{
        color:var(--color1)
    }
    .menu_bar .conten-form-movil{
        display:none;
        display:none;
        flex-wrap:wrap;
        justify-content:center;
        width:56%
    }
    .menu_bar .conten-form-movil #form-buscar2{
        display:flex;
        flex-wrap:nowrap;
        justify-content:center;
        margin:auto;
        padding-left:5px;
        font-size:13px;
        width:100%
    }
    .menu_bar .conten-form-movil #form-buscar2 .input-buscar{
        margin-right:0;
        border-radius:5px 10px 10px 5px;
        padding:0 8px;
        border:0;
        border:1px solid var(--color2);
        height:45px;
        width:100%
    }
    .menu_bar .conten-form-movil #form-buscar2 .btnbuscar2{
        background:var(--color2);
        border:0;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
        margin-left:-15px
    }
    .menu_bar .conten-form-movil #form-buscar2 .btnbuscar2 span{
        color:#fff;
        font-size:20px;
        padding-right:5px;
        padding-left:5px
    }
    .menu ul li a,.menu ul li a:hover{
        color:#fff
    }
    .menu ul li #form-buscar{
        padding-top:5px;
        padding-bottom:5px;
        display:flex;
        flex-wrap:wrap
    }
    .menu-fixed{
        box-shadow:rgba(0,0,0,.2) 5px 5px 15px
    }
    .menu ul li #form-buscar .input-buscar{
        width:250px;
        margin-left:10px;
        padding:8px
    }
    .conten-form-movil{
        position:relative
    }
    .conten-form-movil .conten-busqueda-movil{
        display:none;
        position:absolute;
        flex-wrap:wrap;
        justify-content:center;
        margin:auto;
        max-height:300px;
        top:50px;
        width:100%;
        padding-bottom:50px;
        background:#fff;
        border:1px solid #f3f4f6;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;
        box-shadow:rgba(0,0,0,.4) 5px 5px 20px;
        z-index:900
    }
    .conten-form-movil .conten-busqueda-movil .conten-list-busqueda{
        max-height:280px;
        width:100%;
        overflow-x:hidden;
        background:#fff
    }
    .conten-form-movil .conten-busqueda-movil .list-group{
        width:100%
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item{
        padding:3px;
        width:100%;
        border-bottom:1px solid #ccc
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a{
        display:flex;
        flex-wrap:wrap;
        text-decoration:none;
        width:100%;
        padding:10px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{
        width:30px;
        height:30px;
        margin:0 3px 0 0
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        width:90%;
        color:var(--color2);
        font-weight:600;
        font-size:15px;
        margin-top:2px
    }
}
@media screen and (max-width:850px){
    .modal_tienda .contenido{
        width:70%;
        top:60px
    }
}
@media screen and (max-width:750px){
    .modal_tienda .contenido{
        margin-top:5%
    }
    .conten_modal_tiendas .titulo_modal{
        font-size:18px
    }
    .conten_modal_tiendas .descrip_modal{
        font-size:15px
    }
}
@media screen and (max-width:640px){
    .modal_tienda .contenido{
        width:80%
    }
    .conten_modal_tiendas{
        padding-bottom:0
    }
    .contenido{
        width:80%;
        top:80px;
        padding:30px
    }
    .modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .img_mercha{
        height:40px;
        width:40px
    }
    .modal .contenido .conten_modal_merchan .conten_list_mercha .conten_p_mercha .nombre_mercha{
        font-size:11px
    }
}
@media screen and (max-width:388px){
    .contenido{
        width:85%;
        top:80px;
        padding:25px
    }
}
@media screen and (max-width:556px){
    .modal_tienda .contenido{
        margin-top:10%;
        padding:20px;
        width:88%
    }
    .conten_modal_tiendas .conten_buttons .btn_mantener{
        margin-right:10px
    }
    .conten_modal_tiendas .conten_buttons .btn_cambiar,.conten_modal_tiendas .conten_buttons .btn_mantener{
        font-size:12px;
        padding-right:15px
    }
    .conten_modal_tiendas .descrip_bienvenida,.conten_modal_tiendas .descrip_modal{
        font-size:11px
    }
    .conten_modal_tiendas .titulo_modal{
        font-size:15px
    }
    .contenido .conten_select label{
        font-size:13px
    }
    .conten_modal_tiendas .conten_buttons{
        margin-top:10px
    }
    .contenido hr{
        margin-top:8px;
        margin-bottom:8px
    }
    .contenido .conten_select{
        margin-bottom:15px
    }
    .contenido .conten_select .control-select{
        font-size:12px
    }
}
@media screen and (max-width:460px){
    .conten_modal_tiendas{
        padding-left:10px;
        padding-right:10px
    }
    .conten_modal_tiendas .titulo_modal{
        font-size:16px
    }
    .conten_modal_tiendas .descrip_modal{
        font-size:11px;
        margin-bottom:10px
    }
}
@media screen and (max-width:434px){
    .conten_icon_tienda img{
        margin-top:5px;
        margin-bottom:0;
        width:110px;
        height:55px
    }
    .modal_tienda .contenido{
        padding:10px
    }
}
.modal{
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.6);
    position:fixed;
    top:0;
    left:0;
    display:none;
    animation:.1s .1s forwards modal;
    visibility:hidden;
    opacity:0;
    z-index:500
}
.modal_conten_prin{
    position:relative;
    width:35%;
    margin:8% auto auto;
    padding:40px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    z-index:500;
    background:#fff;
    border-radius:10px
}
.modal_conten_prin hr{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid #ccc
}
.conten_modal_body .descrip_bienvenida{
    margin-bottom:20px;
    text-align:justify;
    width:100%
}
.conten_modal_body .btn_logins{
    margin-bottom:20px
}
.conten_modal_body{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    padding-bottom:35px
}
.conten_modal_body .titulo_modal{
    font-size:22px;
    font-weight:600;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
    color:var(--color2)
}
.conten_modal_body .descrip_modal{
    width:100%;
    text-align:justify;
    margin-bottom:15px
}
.modal_conten_prin .conten_select{
    width:80%
}
.modal_conten_prin .conten_select .control-select{
    width:100%;
    padding:10px;
    font-size:15px;
    border-radius:5px;
    cursor:pointer;
    margin-bottom:30px;
    margin-top:5px
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:1.75rem auto;
    pointer-events:none;
    max-width:500px;
    top:10%
}
.modal-content{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.2);
    border-radius:.5rem;
    outline:0;
    z-index:1050
}
.modal-header{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:1rem;
    border-bottom:1px solid #dee2e6;
    border-top-left-radius:calc(.3rem - 1px);
    border-top-right-radius:calc(.3rem - 1px)
}
.modal .modal-header .modal-title{
    text-align:center;
    width:100%;
    font-size:25px;
    font-weight:600;
    color:#000
}
.modal .modal-header .modal-title .img_messenger{
    height:30px;
    width:30px;
    margin-bottom:-8px
}
.modal .modal-header .modal-title img{
    height:30px;
    width:30px;
    margin-right:20px;
    margin-bottom:-5px
}
.modal-header .close{
    padding:1rem;
    margin:-1rem -1rem -1rem auto;
    background:#fff;
    border:0;
    font-size:28px;
    border-radius:.5rem;
    color:red
}
.modal-header .close:hover{
    cursor:pointer;
    color:red;
    font-weight:600
}
.modal-body{
    position:relative;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1rem
}
.img_cate_load{
    height:20px;
    width:20px;
    border-radius:50%
}
.nom_cate{
    width:100%;
    border-radius:10px;
    margin-left:10px;
    margin-right:10px
}
.skeleton-loader:empty{
    height:15px;
    display:block;
    background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 80%),#d7d7d7;
    background-repeat:repeat-y;
    background-size:50px 500px;
    background-position:0 0;
    animation:1s infinite shine
}
@keyframes shine{
    to{
        background-position:100% 0
    }
}
.conten-form-pc .conten-busqueda{
    position:absolute;
    display:none;
    width:100%;
    background:#fff;
    border:1px solid #f3f4f6;
    z-index:900;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow:rgba(0,0,0,.4) 5px 5px 20px
}
.conten-form-pc .conten-busqueda .conten-list-busqueda{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:auto;
    max-height:270px;
    overflow-x:hidden;
    width:100%
}
.conten-form-pc .conten-busqueda .list-group{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.conten-form-pc .conten-busqueda .list-group .texto_busqueda{
    width:90%;
    border-radius:10px;
    margin-left:10px
}
.conten-form-pc .conten-busqueda .list-group .list-group-item{
    padding:3px;
    width:100%;
    border-bottom:1px solid #ccc
}
.conten-form-pc .conten-busqueda .list-group .list-group-item .a{
    text-decoration:none;
    width:100%;
    padding:5px 3px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0
}
.conten-form-pc .conten-busqueda .list-group .list-group-item .a:hover{
    background:0 0
}
.conten-form-pc .conten-busqueda .list-group .list-group-item .a img{
    width:45px;
    height:45px;
    margin:-12px 10px 5px 5px
}
.conten-form-pc .conten-busqueda .list-group .list-group-item .a p{
    color:var(--color2);
    font-size:13px;
    font-weight:500;
    margin-top:0;
    text-align:left;
    width:100%
}
.conten-form-pc .conten-busqueda .mas{
    display:none;
    width:400px;
    padding:10px 20px;
    background:#fff;
    border:1px solid #ccc;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    z-index:5
}
.conten-form-pc .conten-busqueda .mas .a{
    text-decoration:none;
    color:var(--color1);
    font-weight:600;
    margin-top:-8px
}
.conten-form-pc .conten-busqueda .mas .a:hover{
    background:0 0;
    text-decoration:underline;
    color:var(--color2)
}
.conten-form-pc .conten-busqueda .mas .a span{
    color:var(--color2);
    margin-left:10px;
    font-weight:600;
    font-weight:18px
}
.sweet-alert,.sweet-overlay{
    position:fixed;
    display:none
}
@media screen and (max-width:900px){
    .conten_main{
        padding-left:5px;
        padding-right:5px
    }
    .conten-form-movil form .descuento{
        display:none
    }
    .menu_bar .conten-form-movil #form-buscar2 .btnbuscar2 span{
        font-size:16px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        font-size:13px
    }
}
@media screen and (max-width:870px){
    .menu_bar .conten-form-movil{
        width:55%;
        margin-left:-10px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        font-size:11px;
        margin-top:5px
    }
}
@media screen and (max-width:800px){
    .menu_bar .conten_btn_menu{
        right:15px
    }
    .menu_bar .conten_btn_menu a{
        padding-left:3px;
        padding-right:3px;
        margin-left:1px
    }
}
@media screen and (max-width:768px){
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{
        margin-left:-8px;
        margin-right:2px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        width:90%;
        margin-top:2px
    }
}
@media screen and (max-width:700px){
    .menu_bar .logo_empresa img{
        height:45px;
        width:93px;
        top:17px;
        left:15px
    }
    .menu_bar .conten-form-movil{
        width:58%;
        margin-left:-40px
    }
}
@media screen and (max-width:685px){
    .menu_bar a img{
        margin-right:10px
    }
}
@media screen and (max-width:650px){
    .menu_bar .conten-form-movil{
        width:55%;
        margin-left:-10px
    }
    .menu_bar .conten_btn_menu a{
        padding-left:1px;
        padding-right:1px;
        margin-left:1px
    }
    .menu_bar .conten_btn_menu a span{
        font-size:23px
    }
}
@media screen and (max-width:587px){
    .menu_bar a img{
        height:50px;
        width:100px;
        top:14px;
        left:2%
    }
}
@media screen and (max-width:574px){
    .menu_bar .conten-form-movil{
        width:55%
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{
        margin-left:-10px;
        margin-right:2px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        width:90%;
        margin-top:2px;
        font-size:11px
    }
}
@media screen and (max-width:500px){
    .conten_main{
        padding-left:0;
        padding-right:0
    }
    .conten_barra_social .red label{
        display:none
    }
    .conten_barra_social{
        left:12px
    }
    .btn_redes{
        font-size:23px
    }
    .email,.facebook,.maps,.messanger,.tiktok,.waze,.whastapp1,.whastapp2,.whastapp_tec,.youtube{
        transform:translate(-25px,0) scale(0)
    }
    #scrollUp{
        left:60px
    }
    .menu_bar a img{
        height:50px;
        width:110px;
        top:15px;
        left:3%;
        margin-right:0
    }
    .menu_bar .conten_btn_menu a{
        padding-left:3px;
        padding-right:3px;
        margin-left:2px
    }
    .menu_bar .conten_btn_menu .lupa{
        display:contents
    }
    .menu_bar .conten-form-movil{
        display:none;
        position:absolute;
        width:100%;
        top:76px;
        background:#fff;
        border-top:1px solid #ccc;
        box-shadow:rgba(0,0,0,.5) 1px 5px 10px;
        margin-left:0
    }
    .menu_bar .conten-form-movil #form-buscar2{
        position:relative;
        width:80%;
        padding-top:10px;
        padding-bottom:10px
    }
    .conten-form-movil .conten-busqueda-movil{
        width:80%;
        margin:auto;
        top:55px;
        left:10%
    }
}
@media screen and (max-width:480px){
    .menu ul li #form-buscar .input-buscar{
        width:150px
    }
    .menu_bar .conten-form-movil #form-buscar2{
        width:90%
    }
    .conten-form-movil .conten-busqueda-movil{
        width:89%;
        left:6%
    }
}
@media screen and (max-width:420px){
    .menu_bar .conten-form-movil #form-buscar2{
        width:90%
    }
    .menu_bar .conten-form-movil #form-buscar2 .input-buscar{
        width:100%
    }
    .conten-form-movil .conten-busqueda-movil .conten-list-busqueda .list-group-item{
        padding-left:22px;
        padding-right:5px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{
        margin:1px 2px 1px -25px
    }
    .conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{
        margin-top:2px;
        text-align:left;
        font-size:11px
    }
}
@media screen and (max-width:400px){
    .menu_bar .conten-form-movil #form-buscar2 .btnbuscar2{
        margin-left:-24px
    }
    .menu_bar .conten-form-movil #form-buscar2 .btnbuscar2 span{
        font-size:15px
    }
}
@keyframes showSweetAlert{
    0%{
        transform:scale(.7)
    }
    45%{
        transform:scale(1.05)
    }
    80%{
        transform:scale(.95)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes hideSweetAlert{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(.5)
    }
}
@keyframes slideFromTop{
    0%{
        top:0
    }
    100%{
        top:50%
    }
}
@keyframes slideToTop{
    0%{
        top:50%
    }
    100%{
        top:0
    }
}
@keyframes slideFromBottom{
    0%{
        top:70%
    }
    100%{
        top:50%
    }
}
@keyframes slideToBottom{
    0%{
        top:50%
    }
    100%{
        top:70%
    }
}
.showSweetAlert{
    animation:.3s showSweetAlert
}
.hideSweetAlert[data-animation=none],.showSweetAlert[data-animation=none]{
    animation:none
}
.showSweetAlert[data-animation=slide-from-top]{
    animation:.3s slideFromTop
}
.showSweetAlert[data-animation=slide-from-bottom]{
    animation:.3s slideFromBottom
}
.hideSweetAlert{
    animation:.3s hideSweetAlert
}
.hideSweetAlert[data-animation=slide-from-top]{
    animation:.3s slideToTop
}
.hideSweetAlert[data-animation=slide-from-bottom]{
    animation:.3s slideToBottom
}
@keyframes animateSuccessTip{
    0%,54%{
        width:0;
        left:1px;
        top:19px
    }
    70%{
        width:50px;
        left:-8px;
        top:37px
    }
    84%{
        width:17px;
        left:21px;
        top:48px
    }
    100%{
        width:25px;
        left:14px;
        top:45px
    }
}
@keyframes animateSuccessLong{
    0%,65%{
        width:0;
        right:46px;
        top:54px
    }
    84%{
        width:55px;
        right:0;
        top:35px
    }
    100%{
        width:47px;
        right:8px;
        top:38px
    }
}
@keyframes rotatePlaceholder{
    0%,5%{
        transform:rotate(-45deg)
    }
    100%,12%{
        transform:rotate(-405deg)
    }
}
.animateSuccessTip{
    animation:.75s animateSuccessTip
}
.animateSuccessLong{
    animation:.75s animateSuccessLong
}
.sa-icon.sa-success.animate::after{
    animation:4.25s ease-in rotatePlaceholder
}
@keyframes animateErrorIcon{
    0%{
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        transform:rotateX(0);
        opacity:1
    }
}
.animateErrorIcon{
    animation:.5s animateErrorIcon
}
@keyframes animateXMark{
    0%,50%{
        transform:scale(.4);
        margin-top:26px;
        opacity:0
    }
    80%{
        transform:scale(1.15);
        margin-top:-6px
    }
    100%{
        transform:scale(1);
        margin-top:0;
        opacity:1
    }
}
.animateXMark{
    animation:.5s animateXMark
}
@keyframes pulseWarning{
    0%{
        border-color:#f8d486
    }
    100%{
        border-color:#f8bb86
    }
}
.pulseWarning{
    animation:.75s infinite alternate pulseWarning
}
@keyframes pulseWarningIns{
    0%{
        background-color:#f8d486
    }
    100%{
        background-color:#f8bb86
    }
}
.pulseWarningIns{
    animation:.75s infinite alternate pulseWarningIns
}
@keyframes rotate-loading{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
body.stop-scrolling{
    height:100%;
    overflow:hidden
}
.sweet-overlay{
    background-color:rgba(0,0,0,.4);
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1040
}
.sweet-alert{
    background-color:#fff;
    width:478px;
    padding:17px;
    border-radius:5px;
    text-align:center;
    left:50%;
    top:50%;
    margin-left:-256px;
    margin-top:-200px;
    overflow:hidden;
    z-index:2000
}
.sweet-alert h2{
    font-size:2rem;
    font-weight:510
}
.text-muted{
    font-size:larger;
    color:#7c7c7c
}
.sa-confirm-button-container .btn-primary{
    padding:15px 20px;
    font-size:18px;
    border-radius:5px;
    border:0;
    background:#007bff;
    color:#fff;
    margin-top:20px;
    cursor:pointer
}
@media all and (max-width:767px){
    .sweet-alert{
        width:auto;
        margin-left:0;
        margin-right:0;
        left:15px;
        right:15px
    }
}
.sweet-alert .sa-confirm-button-container{
    display:inline-block;
    position:relative
}
.sweet-alert .la-ball-fall{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-27px;
    margin-top:-9px;
    opacity:0;
    visibility:hidden
}
.sweet-alert button[disabled]{
    opacity:.6;
    cursor:default
}
.sweet-alert button.confirm[disabled]{
    color:transparent
}
.sweet-alert button.confirm[disabled]~.la-ball-fall{
    opacity:1;
    visibility:visible;
    transition-delay:0s
}
.sweet-alert .sa-icon{
    width:80px;
    height:80px;
    border:4px solid gray;
    border-radius:50%;
    margin:20px auto;
    position:relative;
    box-sizing:content-box
}
.sweet-alert .sa-icon.sa-error{
    border-color:#d43f3a
}
.sweet-alert .sa-icon.sa-error .sa-x-mark{
    position:relative;
    display:block
}
.sweet-alert .sa-icon.sa-error .sa-line{
    position:absolute;
    height:5px;
    width:47px;
    background-color:#d9534f;
    display:block;
    top:37px;
    border-radius:2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left{
    transform:rotate(45deg);
    left:17px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right{
    transform:rotate(-45deg);
    right:16px
}
.sweet-alert .sa-icon.sa-warning{
    border-color:#eea236
}
.sweet-alert .sa-icon.sa-warning .sa-body{
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#f0ad4e
}
.sweet-alert .sa-icon.sa-warning .sa-dot{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#f0ad4e
}
.sweet-alert .sa-icon.sa-info{
    border-color:#46b8da
}
.sweet-alert .sa-icon.sa-info::before{
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#5bc0de
}
.sweet-alert .sa-icon.sa-info::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#5bc0de
}
.sweet-alert .sa-icon.sa-success{
    border-color:#4cae4c
}
.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{
    content:'';
    position:absolute;
    width:60px;
    height:120px;
    background:#fff
}
.sweet-alert .sa-icon.sa-success::before{
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    transform:rotate(-45deg);
    transform-origin:60px 60px
}
.sweet-alert .sa-icon.sa-success::after{
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    transform:rotate(-45deg);
    transform-origin:0px 60px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder{
    width:80px;
    height:80px;
    border:4px solid rgba(92,184,92,.2);
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2
}
.sweet-alert .sa-icon.sa-success .sa-fix{
    width:5px;
    height:90px;
    background-color:#fff;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    transform:rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line{
    height:5px;
    background-color:#5cb85c;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{
    width:25px;
    left:14px;
    top:46px;
    transform:rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{
    width:47px;
    right:8px;
    top:38px;
    transform:rotate(-45deg)
}
.sweet-alert .sa-icon.sa-custom{
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat
}
.sweet-alert .btn-default:focus{
    border-color:#ccc;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,204,204,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,204,204,.6)
}
.sweet-alert .btn-success:focus{
    border-color:#4cae4c;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(76,174,76,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(76,174,76,.6)
}
.sweet-alert .btn-info:focus{
    border-color:#46b8da;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,184,218,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,184,218,.6)
}
.sweet-alert .btn-danger:focus{
    border-color:#d43f3a;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(212,63,58,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(212,63,58,.6)
}
.sweet-alert .btn-warning:focus{
    border-color:#eea236;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,162,54,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,162,54,.6)
}
.sweet-alert button::-moz-focus-inner{
    border:0
}
.la-ball-fall,.la-ball-fall>div{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.la-ball-fall{
    display:block;
    font-size:0;
    color:#fff;
    width:54px;
    height:18px
}
.la-ball-fall.la-dark{
    color:#333
}
.la-ball-fall>div{
    display:inline-block;
    float:none;
    background-color:currentColor;
    border:0 solid currentColor;
    width:10px;
    height:10px;
    margin:4px;
    border-radius:100%;
    opacity:0;
    -webkit-animation:1s ease-in-out infinite ball-fall;
    -moz-animation:1s ease-in-out infinite ball-fall;
    -o-animation:1s ease-in-out infinite ball-fall;
    animation:1s ease-in-out infinite ball-fall
}
.la-ball-fall>div:first-child{
    -webkit-animation-delay:-.2s;
    -moz-animation-delay:-.2s;
    -o-animation-delay:-.2s;
    animation-delay:-.2s
}
.la-ball-fall>div:nth-child(2){
    -webkit-animation-delay:-.1s;
    -moz-animation-delay:-.1s;
    -o-animation-delay:-.1s;
    animation-delay:-.1s
}
.la-ball-fall>div:nth-child(3){
    -webkit-animation-delay:0s;
    -moz-animation-delay:0s;
    -o-animation-delay:0s;
    animation-delay:0s
}
.la-ball-fall.la-sm{
    width:26px;
    height:8px
}
.la-ball-fall.la-sm>div{
    width:4px;
    height:4px;
    margin:2px
}
.la-ball-fall.la-2x{
    width:108px;
    height:36px
}
.la-ball-fall.la-2x>div{
    width:20px;
    height:20px;
    margin:8px
}
.la-ball-fall.la-3x{
    width:162px;
    height:54px
}
.la-ball-fall.la-3x>div{
    width:30px;
    height:30px;
    margin:12px
}
@-webkit-keyframes ball-fall{
    0%{
        opacity:0;
        -webkit-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%,90%{
        opacity:.5
    }
    20%,80%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@-moz-keyframes ball-fall{
    0%{
        opacity:0;
        -moz-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%,90%{
        opacity:.5
    }
    20%,80%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@-o-keyframes ball-fall{
    0%{
        opacity:0;
        -o-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%,90%{
        opacity:.5
    }
    20%,80%{
        opacity:1;
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@keyframes ball-fall{
    0%{
        opacity:0;
        -webkit-transform:translateY(-145%);
        -moz-transform:translateY(-145%);
        -o-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%,90%{
        opacity:.5
    }
    20%,80%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(145%);
        -moz-transform:translateY(145%);
        -o-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@font-face{
    font-family:fontello;
    src:url('../font/fontello.eot?33667290');
    src:url('../font/fontello.eot?33667290#iefix') format('embedded-opentype'),url('../font/fontello.woff2?33667290') format('woff2'),url('../font/fontello.woff?33667290') format('woff'),url('../font/fontello.ttf?33667290') format('truetype'),url('../font/fontello.svg?33667290#fontello') format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" icon-"]:before,[class^=icon-]:before{
    font-family:fontello;
    font-style:normal;
    font-weight:400;
    speak:never;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-location-1:before{
    content:'\e800'
}
.icon-user:before{
    content:'\e801'
}
.icon-logout:before{
    content:'\e802'
}
.icon-calendar:before{
    content:'\e803'
}
.icon-lock:before{
    content:'\e804'
}
.icon-cogs:before{
    content:'\e805'
}
.icon-tags:before{
    content:'\e806'
}
.icon-right-open-mini:before{
    content:'\e807'
}
.icon-search:before{
    content:'\e808'
}
.icon-megaphone:before{
    content:'\e809'
}
.icon-gift:before{
    content:'\e80a'
}
.icon-megaphone-1:before{
    content:'\e80b'
}
.icon-tag:before{
    content:'\e80c'
}
.icon-mail:before{
    content:'\e80d'
}
.icon-cancel:before{
    content:'\e80e'
}
.icon-comment:before{
    content:'\e80f'
}
.icon-left-open:before{
    content:'\e810'
}
.icon-right-open:before{
    content:'\e811'
}
.icon-plus:before{
    content:'\e812'
}
.icon-home:before{
    content:'\e813'
}
.icon-users:before{
    content:'\e814'
}
.icon-picture:before{
    content:'\e815'
}
.icon-doc:before{
    content:'\e816'
}
.icon-phone:before{
    content:'\e817'
}
.icon-mail-1:before{
    content:'\e818'
}
.icon-th:before{
    content:'\e819'
}
.icon-th-list:before{
    content:'\e81a'
}
.icon-truck:before{
    content:'\e81b'
}
.icon-truck-1:before{
    content:'\e81c'
}
.icon-star:before{
    content:'\e81d'
}
.icon-basket:before{
    content:'\e81e'
}
.icon-clock:before{
    content:'\e81f'
}
.icon-chat:before{
    content:'\e820'
}
.icon-to-start:before{
    content:'\e821'
}
.icon-to-end:before{
    content:'\e822'
}
.icon-indent-left:before{
    content:'\e823'
}
.icon-indent-right:before{
    content:'\e824'
}
.icon-wallet:before{
    content:'\e825'
}
.icon-book-open:before{
    content:'\e826'
}
.icon-book:before{
    content:'\e827'
}
.icon-login:before{
    content:'\e828'
}
.icon-basket-1:before{
    content:'\e829'
}
.icon-doc-text-1:before{
    content:'\e82a'
}
.icon-mail-2:before{
    content:'\e82b'
}
.icon-email:before{
    content:'\e82c'
}
.icon-phone-1:before{
    content:'\e82d'
}
.icon-facebook:before{
    content:'\e82e'
}
.icon-money:before{
    content:'\e82f'
}
.icon-dollar:before{
    content:'\e830'
}
.icon-ok:before{
    content:'\e831'
}
.icon-ok-1:before{
    content:'\e832'
}
.icon-floppy:before{
    content:'\e833'
}
.icon-spin4:before{
    content:'\e834'
}
.icon-money-1:before{
    content:'\e835'
}
.icon-comment-1:before{
    content:'\e836'
}
.icon-user-1:before{
    content:'\e837'
}
.icon-minus:before{
    content:'\e838'
}
.icon-spin6:before{
    content:'\e839'
}
.icon-menu-1:before{
    content:'\f008'
}
.icon-location:before{
    content:'\f031'
}
.icon-twitter:before{
    content:'\f099'
}
.icon-list-bullet:before{
    content:'\f0ca'
}
.icon-mail-alt:before{
    content:'\f0e0'
}
.icon-paste:before{
    content:'\f0ea'
}
.icon-doc-text:before{
    content:'\f0f6'
}
.icon-angle-up:before{
    content:'\f106'
}
.icon-angle-down:before{
    content:'\f107'
}
.icon-reply:before{
    content:'\f112'
}
.icon-mic:before{
    content:'\f130'
}
.icon-mute:before{
    content:'\f131'
}
.icon-doc-inv:before{
    content:'\f15b'
}
.icon-instagram:before{
    content:'\f16d'
}
.icon-box:before{
    content:'\f187'
}
.icon-building-filled:before{
    content:'\f1ad'
}
.icon-paper-plane:before{
    content:'\f1d8'
}
.icon-chart-line:before{
    content:'\f201'
}
.icon-toggle-off:before{
    content:'\f204'
}
.icon-toggle-on:before{
    content:'\f205'
}
.icon-whatsapp:before{
    content:'\f232'
}
.icon-envelope-open:before{
    content:'\f2b6'
}
.icon-address-book:before{
    content:'\f2b9'
}
.icon-address-card:before{
    content:'\f2bb'
}
.icon-facebook-1:before{
    content:'\f300'
}
.icon-instagram-filled:before{
    content:'\f31f'
}
.icon-instagram-1:before{
    content:'\f32d'
}
.icon-play:before {
    content: "\e800"; /* Código unicode del ícono */
}
.hidden{
    display: none !important;
}

/*=========== Parpadeo cant productos en LIQUIDACIÓN ================*/
.link-parpadea-liqui {
    background-color: red;
    color: #fff!important;
    padding: .2rem .5rem;
    border-radius: .3rem;
    display: inline-block;
    margin-left: 1rem!important;
    font-size: 12px!important;
    animation-name: parpadeo-liqui;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name:parpadeo-liqui;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo-liqui{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo-liqui {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes parpadeo-liqui {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/*=========== FIN ================*/

/*=========== MODAL PRODUCTOS POPUP (IMAGEN) EN EL HOME ================*/
.d-none{
    display: none!important;
}
.modal-productos-popup{
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.6);
    position:fixed;
    top:0;
    left:0;
    /*animation:.1s .1s forwards modal;*/
    z-index:599;
    /*display: block;*/
    display: flex;
    padding-top: 2%;
    padding-bottom: 2%;
}
.animacion-modal {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease;
    animation-name: centerReveal;
}
/*Desde el centro (punto central)*/
@keyframes centerReveal {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* Animación de salida */
.animacion-salida {
    animation: centerHide .35s ease forwards;
}
@keyframes centerHide {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}
.contenido-productos-popup{
    position:relative;
    /*width:35%;*/
    /*margin:3% auto auto;*/
    /*padding:40px;*/
    padding: 2.1rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    z-index:500;
    background:#fff;
    border-radius:10px;
    /*height: 90vh;*/
    width: max-content;
    height: 100%;
    margin: auto;
}
/*.btn-cerrar-productos-popup {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 100;
    font-weight: 600;
}
.btn-cerrar-productos-popup a {
    background: var(--color2);
    color: #fff;
    padding: 9px 12px;
    cursor: pointer;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    text-decoration: none;
}
.btn-cerrar-productos-popup a:hover {
    text-decoration: none;
    background: var(--color1);
    color: #fff;
}*/
.inner-productos-popup {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: center;*/
    position: relative;
    height: 100%;
}
.inner-productos-popup img{
    height: 100%;
    display: block;
}
/* Overlay */
.overlay-productos {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    opacity: 0;
    transition: opacity .3s ease;
    padding-top: 5rem;
}
/* Hover desktop */
.inner-productos-popup:hover .overlay-productos {
    opacity: 1;
}
/* Botones */
.btn-overlay {
    width: 80%;
    max-width: 260px;
    padding: 14px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}
.btn-overlay:hover {
    transform: scale(1.03);
}
/* Botón ver */
.btn-ver {
    /*background: #ff7a00;*/
    background: #11427d;
    color: #fff;
}
/* Botón omitir */
.btn-omitir {
    background: #ffffff;
    color: #333;
    border: none;
}
/* Mobile UX: overlay siempre visible */
@media (max-width: 768px) {
    .contenido-productos-popup{
        height: unset;
        padding: 1.7rem;
    }
    .inner-productos-popup{
        height: unset;
    }
    .inner-productos-popup img{
        height: unset;
        width: 100%;
    }
    .overlay-productos {
        opacity: 1;
    }
}
@media (max-width: 480px){
    .contenido-productos-popup{
        margin: auto .5rem;
    }
}
/*=========== FIN ================*/

/*=========== SWEET ALERT ================*/
.btn-cancel{
    padding: 15px 20px!important;
    font-size: 18px!important;
    margin-right: 5px!important;
}
/*=========== FIN SWEET ALERT ================*/