@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
*:focus, button.btn.btn-buscartop:focus, button.btn.btn-buscartop:active {outline: none}
*::placeholder { padding-left: 4px}
body {
    --color-marca1:#ff3377;
    --color-marca2:#f7a64f;
    --color-negro:#000;
    --color-blanco:#fff;
    padding-top: 150px;
}
body.ofertas {
    padding-top: 138px;
}
.modal span#nombre_prod_alert {
    color: #494949;
}
span#imagen_alert img {
    margin: 0 auto;
}
/*body.ofertas {padding-top: 0}*/
div#barraDemo { width:100%; position:fixed; background:rgba(255,0,0,0.8); bottom:0; z-index:999999; padding:0; margin:0 }
div#barraDemo p{ padding:15px; text-align:center; color:#fff; margin:0 }
div#barraDemo p img { position:relative; top:-2px; }
div#barraDemo i {color:#fff; font-size:30px; position:absolute; right:20px; top:12px; z-index:99999999}
h1, h2, h3, h4, h5, h6 {font-weight: 400; color:var(--color-negro);font-family: 'Montserrat', sans-serif;}
h1 {
    font: 700 180% 'Montserrat', sans-serif;
    color: var(--color-negro);
    text-transform: uppercase;
}
h6 {
    text-transform: none;
    font-size: 120%;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b6b5b5;
}
.product {
    padding-bottom: 20px;
}
.image, .image a img {
    max-height: 550px !important;
}
span.favButton.favCaja {
    color: var(--color-marca1);
}
.favButton.favCaja:hover {
    color: #ffe8f0;
}
header#header {z-index: 10}
.top-bar {
    background: var(--color-marca1);
    color: #222;
    border-bottom: 0;
    padding: 12px 0;
}
.top-bar a, .top-bar i {color:#222;}
.top-bar i:hover {
    color: var(--color-marca1);
}
ul.social-share i.fa.fa-instagram {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.favButton.favDetalle:hover {
    color: var(--color-marca1);
}
ul.list-inline.list-unstyled.hidden-lg {
    display: none;
}
div#leyenda_gral_top {position: absolute; top: 0; z-index: 10; left: 10%}
div#leyenda_gral_top h3 {margin:10px;}
.buscador-mobile {display: none;}
ul#menutop { display: none;}
.social {
    position: absolute;
    z-index: 11;
    top: 38px;
    left: 26%;
}
.search i {color:#222;}
input.search-form { border:1px solid var(--color-negro);}
.search input[type=text] {margin-bottom: 0}
button.btn.btn-buscartop { background: transparent;}
input.search-form, input.search-form:focus, input.search-form:hover {
    width: 450px;
}
.search {
    margin-right: 45px;
    float: left;
}
.social-fixed {
    position: fixed;
    left: 30%;
    top: 20px;
}
#total-price {
    font-size: 18px;
    font-weight: 700;
}
a.fa.btn_red_soc.btn_red_soc_go.fa-google.popfb, a.fa.btn_red_soc.btn_red_soc_fb.fa-facebook.popfb {
    padding: 12px 20px !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: block;
    width: 100% !important;
    font-size: 13px !important;
}
button.btn.btn-forms:focus { outline: none; box-shadow: none;}
.social-share {margin-top: 5px}
ul.social-share {
    text-align: center;
    padding: 1% 0;
    position: fixed;
    top: 40%;
    right: 0;
    height: auto;
    width: 45px;
    z-index: 10;
    background: var(--color-marca1);
}
.social-share, ul.social-share li {
    display: block;
}
.top-bar ul.social-share li a, .top-bar ul.social-share li a i {
    color: #fff!important;
}
.navbar-default {background: #fff; }
.navbar-default .navbar-nav>li>a {
    color: var(--color-negro);
    font-weight: 600;
    font-size: 12.5px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .8px;
    text-transform: uppercase;
    padding: 5px 15px;
}
li.favorito_boton {
    display: none;
}
.navbar-default .navbar-nav>li>a:hover {color: var(--color-negro)}
.navbar.navbar-default.navbar-superior .container, .top-bar .container {
    width: 100%;
    padding: 0 6%
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: transparent; color:var(--color-negro);}
.caja_func_sup, .caja_func_sup a {color: var(--color-negro)}
#navbar-sidebar .navbar-left {
    margin-left: 0;
}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before {
    top: 0; 
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
}
div#carrito_top { float: right; margin-left: 10px; margin-top: 5px}
a.ircarrito:before {padding-right: 15px; content: "\f07a"; font-family: "Font Awesome 5 Pro"; top: 2px}
#cantidad_carrito.badge { background: var(--color-marca1)}

.ban-top-izquierda {
	transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}
.ban-top-izquierda img {
    margin-bottom: 5px;
    max-width: 240px
}

.content_marcas .verprod {
    background: var(--color-marca1);
    display: block;
    color: #Fff;
}
.content_marcas .verprod:hover {
    background: #ec008c;
}
.content_marcas .verprod a {
    color: #fff;
    padding: 5px 10px;
    display: block;
}
body.productos ul.subcate {
    display: none;
}

.sc-1au8ryl-0.dmopMx {
    display: none;
}
i.fa.fa-linkedin:before {
    content: "\f16d";
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.menu-info {
    position: absolute;
    width: 100%;
    background: #f5f5f5;
    left: 0;
    top: 75%;
    padding-left: 5%;
}
.navbar-default .navbar-nav>li>a, .dropdown-menu>li>a{
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: var(--color-marca1);
    transition: all ease-in-out .2s;
}
.navbar-default .navbar-nav>li>a:hover:after {
 width: 60%;
  left: 20%;}
ul.nav.navbar-nav {margin-top: 20px; margin-left: 0}
.navbar-fixed-top ul.nav.navbar-nav {margin-top: 15px}
.dropdown-menu {background: #18161b; border: 0}
.dropdown-menu>li>a:hover {
    color: var(--color-negro);
    background: var(--color-blanco);
}
nav#navbar-sidebar {
    box-shadow: none;
    background: none
}

nav#navbar-sidebar .navbar-nav>li>a:after{
    display: none
}

nav#navbar-sidebar .navbar-nav>li>a:hover {
    background: transparent;
    color: var(--color-marca1);
    font-weight: 600;
}
nav#navbar-sidebar .navbar-nav>li>a {
    color: var(--color-negro);
    padding: 5px 0;
}
.navbar-nav > li.open, .navbar-left>li>a:focus, .navbar-left>li>a:hover {
    background: transparent;
}
.style2 .title-sol span, .title-sol.style2 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
}

.navbar-lateral .ley_cate_lateral_xs:after {
    content: '_';
    content: '';
    background: var(--color-marca1);
    display: block;
    width: 30px;
    height: 3px;
    margin-top: 20px;
}
small.forma_pago_descripcion, form#form_forma_pago label {
    font-size: 100%;
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
}
body.nosotros div#detalle {
    text-align: center;
}
body.nosotros div#detalle p{
    font-size: 16px
}
body.nosotros div#detalle h2.fadeInDown {
    display: none;
}
/***** SLIDER *****/
.container.leyenda_slide {
    position: absolute;
}
.container.leyenda_slide h1 {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
}
.container.leyenda_slide h2 {
	margin: 5% 0 0;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}
.container.leyenda_slide h3 {
	margin:0;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
.container.leyenda_slide hr { width: 5%; border-top: 0; border-bottom: 2px solid #fff; margin-left: 8%;
    margin-top: 20px;}
.container.leyenda_slide h1, .container.leyenda_slide h2, .container.leyenda_slide h3 {
    padding-left: 8%;
}
span.container.leyenda_slide a.btn.btn-primary, span.container.leyenda_slide span.btn.btn-primary {
    background: var(--color-blanco);
    color: var(--color-negro);
        margin-left: 8%;
}
.slick-next:before {content: '\f054';}
.slick-prev:before {content: '\f053';}
.slick-prev:before, .slick-next:before {
    color: transparent;
}
.imageShowCase.slides_ofertas_t.slick-initialized.slick-slider:hover .slick-prev:before, .imageShowCase.slides_ofertas_t.slick-initialized.slick-slider:hover .slick-next:before {
    color: var(--color-blanco);
}
@media (min-width: 1920px) {
    .navbar.navbar-default.navbar-superior .container {
    padding: 0 6%;
}
span.container.leyenda_slide a.btn.btn-primary {
    margin-left: 15%;
}
.social {
    left: 14%;
}
.social-fixed {
    left: 28%;
}
.container.leyenda_slide h1, .container.leyenda_slide h2, .container.leyenda_slide h3 {padding-left: 15%}
.container.leyenda_slide h2 {margin: 20% 0 0;}
.container.leyenda_slide hr {margin-left: 20%}
}

/***** SPOT *****/

.product .image a img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}
.spot_top img:hover, .product .image a img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.spot_top .img-responsive {margin: 0 auto !important;}
.in_seguridad {
    position: absolute !important;
    width: 100px !important;
    left: 17% !important;
}
.content_marcas {
    margin-bottom: 20px;
}
/***** HOME ******/

#ofertas .container.general {width: 100%; padding: 0; }
#ofertas .container.general .row {margin: 0}
#ofertas .col-md-12.col-xs-12.cols-grals {padding: 0}

.style2 .title-sol span, .title-sol.style2 span {
    font-family: 'Montserrat', sans-serif;
        font-size: 24px;
    background: transparent;
    color: #4d4d4d;
    font-weight: 700;
}
.style2 .title-sol:after, .title-sol-style2:after, .title-sol.style2:after {
    background: transparent;
}
div#hormiga h1, ul.lista-filtros-aplicados, .title-sol, .navbar-lateral .ley_cate_lateral_xs {
    font-family: Calibri, sans-serif;
}
span.st_googleplus_large {
    display: none;
}
section#destacados-home {
    background: #ffe8f0;
    padding: 50px 0;
}
section#destacados-home .media-left i {
    border: 2px solid var(--color-marca1);
    padding: 10px 15px;
    text-align: center;
    border-radius: 50%;
    line-height: 1.5em;
    width: 65px;
    font-size: 1.8em;
    text-align: center;
}
section#destacados-home .media{
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
section#destacados-home .media:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
section#destacados-home .media-body {
    vertical-align: middle;
    text-align: left;
}
section#destacados-home .media-body h4 {
    font-size: 120%;
}
section#destacados-home .media-body h4 + a {
    font-size: 120%;
    font-weight: 700;
}
/***** OFERTAS *****/
div#divofertas, div#divlonuevo {
    width: 80%;
    margin: 100px auto
}
.price-standard {
    color: #595959;
    font-size: 100%;
}
.price {font-weight: 600; margin:10px 0;}
.cajasnuevo, .cajasoferta { padding: 5px }
.promotion {top: 5%}
.new-product, .discount, .promotion span.descuento, .promotion span.etiq3-prod, .promotion span.etiq4-prod {
    background: #ff3377 !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    color: var(--color-blanco);
    font-weight: 600;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .8px;
    padding: 5px 10px;
    height: auto;
}
.featuredImgLook2 .inner:hover, .product:hover {
    border: 1px solid var(--color-marca1);
}
.product , .loginmodal-container{
    box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    -moz-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    border: 0px solid #ddd;
     -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
    transition: -webkit-box-shadow .2s,-webkit-transform .2s;
    transition: box-shadow .2s,transform .2s;
    transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;
}
.loginmodal-container{
     border-radius: 16px 16px;
    -webkit-border-radius: 16px 16px;
    -moz-border-radius:16px 16px;
}
.product:hover { background: #fff; -webkit-transform: translateY(-4px);
    transform: translateY(-4px);}

label.comparativa {left: 0; padding: 30px 0 0}
.fa-heart:before { content: "\f45f";}
.favButton.favCaja:hover {padding-right: 10px; padding-top: 5px; font-size: 25px; transition: none }
div#ofertas div + h2 { margin: 0;}

ul.subcate {
    padding-left: 0px;
}
ul.subcate li {
    display: inline-block;
    padding: 10px 0;
}
ul.subcate li:first-child {
    padding-left: 0px;
}
ul.subcate li:after {
    content: '/';
    color: var(--color-marca1);
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 10px;
}

ul.subcate li a {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
}
div#leyenda_gral_top {
    position: absolute;
    top: 0.2em;
    z-index: 91;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .8px;
    font-weight: 400;
    font-size: 13px;
}
/***** NOVEDADES *****/
#ofertas .container.general .row.noticiashome0 {
    margin-right: -15px;
    margin-left: -15px;
}
.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias {
    background: rgb(255 51 119 / 11%);
    padding: 30px;
    padding-bottom: 300px;
    margin: 0;
    padding-top: 60px
}
.row.noticiashome0 div#cajanovofe {
    width: 80%;
    margin: 0 auto;
    margin-top: -250px;
}
.noticiashome0-row .cajasnove h4 {
    font-weight: 700;
    position: absolute;
    color: #fff;
    bottom: 20px;
    left: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    font-size: 160%;
    text-align: center;
        letter-spacing: 1.5px;
        font-family: 'Poiret One', cursive;
}
.noticiashome0-row .cajasnove:hover h4 {
    z-index: 9
}

.noticiashome0-row .cajasnove .des_nov{
    overflow: hidden;
    opacity: 0;
    position: absolute;
    color: #fff;
    left: 8%;
    width: 80%;
}

.noticiashome0-row .cajasnove a.btn.btn-default.btn-vernota {
    background: transparent;
    border: 1px solid var(--color-marca1);
    box-shadow: none;
    position: absolute;
    bottom: 5%;
    left: 8%;
    overflow: hidden;
    opacity: 0;
    color: var(--color-marca1);
}

.noticiashome0-row .cajasnove{
        -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
    transition: -webkit-box-shadow .2s,-webkit-transform .2s;
    transition: box-shadow .2s,transform .2s;
    transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;
}
.noticiashome0-row .cajasnove:hover{
        -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.noticiashome0-row .cajasnove img{  
box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    -moz-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}
.noticiashome0-row .cajasnove:hover img{
        filter: brightness(0.7);
        -webkit-filter: brightness(0.7);
        -moz-filter: brightness(0.7);
}

.noticiashome0-row .cajasnove h4 a {
    color: var(--color-blanco);
    background: rgb(255 51 119 / 50%);
    padding: 5px 20px;
    /*border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;*/
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    text-transform: uppercase;
}
.noticiashome0-row .cajasnove:hover h4 a {color: var(--color-marca1); background: var(--color-blanco);
    padding: 5px 20px;}
.desdoc {padding: 10px 0;}
.noticiashome2 div#cajanovofe { width: 100%;}
.noticiashome2-row .cajasnove { padding: 0; margin: 0}
.noticiashome2 div#cajanovofe br, .noticiashome2 h5, .noticiashome2-row .cajasnove .des_nov {display: none;}
.noticiashome2-row .cajasnove h4 {
    position: absolute;
    color: #fff;
    top: 65%;
    left: 5%;
    font-weight: 700;
        font-size: 160%;
}
.noticiashome2-row .cajasnove h4 a {color: #fff}
.noticiashome0-row .cajasnove:hover .des_nov hr, .datosfooter hr, .row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias hr {
    border-top: 3px solid var(--color-marca1);
    border-bottom: 0;
    margin-bottom: 10px;
    width: 40px;
    margin-left: 0;
}
.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias hr{
    margin-left: auto;
    margin-right: auto;
}
a.btn.btn-default.btn-vernota {
    background: transparent;
    border: 1px solid #fff;
    box-shadow: none;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
a.btn.btn-default.btn-vernota:hover {background: var(--color-marca1); color: #fff; border:1px solid var(--color-marca1)}

.proy-nov .btn-vernota {
    position: relative !important;
    background: var(--color-marca1) !important;
    left: 0 !important;
}
div#Talles ul li, div#Colores ul li {
    width: 22%;
    border: 1px solid #DDD;
    margin: 5px 2px;
}
div#Colores ul li img {
    display: block;
    margin: 0 auto;
}
div#Marcas ul, div#Stock ul, div#RangoPrecio ul {
    padding: 0;
    list-style: none;
}
input#filtro_precio_desde, input#filtro_precio_hasta {
    border-color: #DDD;
    width: 65px !important;
    font-size: 13px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
div#RangoPrecio ul i {
    margin-left: 2px;
}
.panel-flat .panel-heading .panel-title {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: var(--color-marca1);
    font-size: 13px;
}
.panel-flat .panel-heading .panel-title a:hover {
    color: #ec008c;
}
h4.panel-title.panel-title-filtros{
    font-weight: 700
}
.hasMinus, .hasPlus {
    margin-top: 0;
}
div#Talles ul li, div#Colores ul li {
    background: none;
}
div#Colores ul li:hover , div#Talles ul li:hover{
    background: #f5f5f5;
}
div#Talles ul li span {
    display: block;
}
.panel-heading.dropdown h5.panel-title {
    color: #4e4e4e;
}
.panel-heading.dropdown h5.panel-title {
    color: #4e4e4e;
}

ul.dropdown-menu li {
    background: #fff;
}

ul.dropdown-menu li a {
    color: #4e4e4e;
}

ul.dropdown-menu {
    border: 1px solid #DDD;
}
ul.dropdown-menu li a:hover {
    background: #f5f5f5
}
/***** CATEGORIAS *****/
.notastest { margin: 5% auto;width: 70%;padding: 0;}
.notastest h1 {padding-left: 5%; padding-top: 20%}
.notastest p {padding-left: 5%}
.notastest .col-md-8, .notastest .col-md-4, .notastest .col-md-6 {padding: 0}
/***** PARALLAX *****/
.parallax {
    background: url("../b/bg-footer.jpg") no-repeat center fixed;
    background-size: cover;
    height: 500px;
    padding: 0;
    position: relative;
        -webkit-animation: bg-animation 25s ease-in-out infinite;
    animation: bg-animation 25s ease-in-out infinite;
}
.parallax::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background:var(--color-negro);
}
.parallax .logo-parallax img {
    margin: 0 auto;
    margin-top: 30px;
}
@-webkit-keyframes bg-animation {
    0% { background-position: top; }
    50% { background-position: bottom; }
    100% { background-position: top; }
}
@keyframes bg-animation {
    0% { background-position: top; }
    50% { background-position: bottom; }
    100% { background-position: top; }
}
.parallax .col-md-6:nth-child(2) {margin-top: 20%; text-align: right;}
.parallax .col-md-6 h1 {font:700 80px 'Roboto', sans-serif; color: #fff; margin: 0}
.parallax .col-md-6 h2 { font:100 60px 'Roboto', sans-serif; color:#fff; margin: 0 }
.parallax .col-md-6 p {font:200 20px 'Roboto', sans-serif; color: #fff;margin: 0}

/***** DETALLE *****/
.swatches.talle li {
    border: 2px solid #f0f0f0;
    background: #f5f5f5;
    padding: 5px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 2;
}
.swatches li img {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 4px auto;
    border: 1px solid #c6c6c6;
}
.swatches li {
    margin: 2px 1px;
    vertical-align: middle;
    list-style: none;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    height: 46px;
    text-align: center;
    transition: all .25s ease 0;
    width: 46px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: none
}
.swatches li:hover {
    border: none;
}
.swatches .selected, .swatches .selected:hover, .swatches.talle li.selected, .swatches.talle li.selected:hover {
    vertical-align: middle;
    border: 1px solid #979797
}
.swatches.talle li.selected:after {
    margin-top: -10px;
}
.swatches .selected:after {
    color: var(--color-marca1);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover>a {
    background: var(--color-marca1);
}
.nav-tabs { border-bottom: 2px solid var(--color-marca1);}
.nav-tabs>li:nth-child(2) {
    display: none;
}
input#cantidad { width: 90px;}
input#boton_compra {
    float: right;
    position: absolute;
    left: 20%;
    top: 25%;
    background: var(--color-marca1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 10px 30px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out
}
/*form#agregado_articulo input#boton_compra {
    left: 0;
}*/
a.btn.btn-default.btn-lg.btn-block {
    width: 100%;
}
.form-group .form-control, input[type=email], input[type=number], input[type=password], input[type=text], select, select#tipo_documento, textarea.form-control, select#tipo_factura, select#cCliPai, select#cCliPrv, select#cli_posicion_fiscal {
    padding: 7px 12px;
    border-color: #a1a1a1;
    box-shadow: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.productFilter {border: 0}
span#precio { font-weight: 100;}
.price-sales {color:var(--color-marca1)}
#detalle .details-description {border: 0}
.detalle-form { border-top: 4px solid var(--color-marca1);}
.btn-primary:hover, .btn-primary:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background: var(--color-negro); border:0;}

.orderStep li {
    background: #ffe8f0
}
.orderStep li.active {
    background: rgb(255 51 119 / 41%);
}
.orderStep li.active:after {
    border-top-color:rgb(255 51 119 / 41%)!important;
}
td.car-cant input[type=number] {
    width: 80px !important;
    text-align: center;
}
.caja_color b, .caja_talle span.selected-color {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .5px;
}
/***** MODAL *****/
.modal-header-primary {background: var(--color-negro)}
.close {color: var(--color-marca1)}
.modal-header { padding: 11px;}
/***** BOTONES *****/
.cart-actions input[type=button] {border:0;}
.btn-info, button#iniciarpago, .btn.btn-compra, .btn-success, .btn-primary, .btn-danger, .btn-default, input#iniciarpago {background: var(--color-marca1); color: var(--color-blanco); border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;}
.btn-info:hover, button#iniciarpago:hover, .btn.btn-compra:hover, .btn-success:hover, .btn-primary:hover, .btn-danger:hover, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, input#iniciarpago:hover {background: #222;}
div.seguir_inferior a, div.seguir_superior a {background: var(--color-negro); color: #fff}
.marca_imagen img {
    max-width: 200px;
    display: none;
}
/*******************/
.newsletter {text-align: center; width: 50%; margin: 5% auto}
.newsletter p {padding: 20px 0; font-size: 18px}
.newsletter .form-group .form-control { border-color: #d9d9d9;}
.datosfooter {
    text-align: left;
    background: var(--color-blanco);
    color: var(--color-negro);
    padding-top: 30px;
    padding-bottom: 30px;
}
p.datos_pie {
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.datosfooter a:hover, footer a:hover {
    color: var(--color-marca1);
}
.datosfooter h1, .navbar-lateral .ley_cate_lateral_xs {
    font: 700 16px 'Montserrat', sans-serif;
    color: #4d4d4d;
}
.servicios a.btn.btn-success {
    background: none;
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
}
.servicios a.btn.btn-success:hover {
    color: var(--color-marca1);
    border-color: var(--color-marca1);
}
.datosfooter hr {
    margin-bottom: 20px;
    width: 30px;
}
ul.list-unstyled.icons-social li {
    display: inline;
}
ul.list-unstyled.icons-social li a {
    padding: 10px 12px;
    background: #e2e2e2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 40px;
    height: 40px;
}
.mediospagos img {margin: 3px}
.hormigafoot {padding:0;}
.hormigafoot h2 {display: none;}
p.iva {  color:#fff}
p.iva {
    color: var(--color-negro);
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
/***** FOOTER *****/
/*body div + p {display: none;}*/
footer {background: var(--color-blanco); color:var(--color-negro); padding: 0}
footer p {margin: 0; padding: 5px 0}
p.leyendapre { display: none;}
p.leyenda { color: var(--color-negro);}
footer a, .datosfooter a {color:var(--color-negro);}
footer .foot_netone {border:0}
.scroll_inf, .scroll_sup {
    width: 98%;
    padding: 0px 30px;
    padding-bottom: 30px;
}
body.ofertas .scroll_sup.container {
    padding-top: 10px;
    padding-bottom: 10px;
}
.brand-carousel li img{
    padding: 0 20px;
}
/***** PLACA INICIO *****/
body.placa-publicacion {
    padding: 0;
}
body.placa-publicacion .logo-parallax {
    background: rgb(255 255 255 / 87%);
    margin: 200px 0;
}
body.placa-publicacion .logo-parallax p a {
    color: var(--color-negro);
}
body.placa-publicacion  .parallax {
    height: auto;
}
body.placa-publicacion h1 {
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    color: var(--color-negro);
    font-weight: 700;
}
body.placa-publicacion hr {
    margin: 30px auto;
    margin-bottom: 30px;
    border-top: 3px solid var(--color-marca1);
    border-bottom: 0;
    width: 60px;
}
body.placa-publicacion h3, body.placa-publicacion .logo-parallax p {
    font-size: 20px;
    line-height: 26px;
    color: var(--color-negro);
}
body.placa-publicacion ul.list-unstyled.icons-social {
    margin: 40px 0;
}
body.placa-publicacion ul.list-unstyled.icons-social li a {
    background: var(--color-negro);
    color: #fff;
}
body.placa-publicacion ul.list-unstyled.icons-social li a:hover {
    background: var(--color-marca1);
}
h3.leyendaConStock:before, .product h3.leyendaConStock:before {
    content: '\f058';
    font-size: inherit;
    color: #4ec67f;
    font-size: 20px;
    vertical-align: middle;
}
h3.incaps, h3.leyendaConStock, h3.leyendaSinStock {
    display: inline-block;
}
.semaf_amarillo, .semaf_rojo, .semaf_verde {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--color-negro) !important;
    border-width: 2px !important;
    margin-right: 5px;
}

.semaf_verde {
    color: #4ec67f;
    background: none;
    border: 1px solid #4ec67f;
    letter-spacing: 0;
}
.product span.size.art_cod_precios {
    display: block;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
    width: 80px!important;
    height: 80px!important;
}
.sp-thumbs a:hover, .sp-thumbs a:active, .sp-current, .sp-thumbs a{
border: 2px solid var(--color-marca1)!important
}
a.grilla-compra-masiva {
    border: 1px solid var(--color-marca1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 10px 20px;
    color: var(--color-marca1);
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    width: fit-content;
    width: -webkit-fit-content;
}
a.grilla-compra-masiva i {
    display: none;
}
h1.product-title {
    font-size: 25px;
}
form#registro_form .form-group.col-md-8.has-feedback {
    clear: both;
}
a.page-scroll.aparece {
    left: 20px !important;
	/* bottom:100px; */
}
input#boton_login {
    margin-bottom: 25px;
}
/***** MEDIA *****/
@media (min-width: 1920px) {
    .newsletter {width: 37%}
    .noticiashome2-row .cajasnove h4 { top: 75%}
}
@media (max-width: 1367px) {
.menu-info {
    padding-left: 0;
}
.navbar.navbar-default.navbar-superior .container {
    padding: 0 15px;
}

}
@media (max-width: 1281px) {
.navbar-default .navbar-nav>li>a {
    padding: 10px 20px;
}
.container.leyenda_slide h1{
    max-width: 100%;
}
.container.leyenda_slide {
    padding-top: 40px;
}
.social-fixed {
    left: 28%;
}
}
@media (max-width: 1024px) {
input.search-form, input.search-form:focus, input.search-form:hover {
    width: 200px;
}
.navbar-nav > li {
    margin-left: 0px;
}
.navbar-default .navbar-nav>li>a {
    padding: 10px 6px;
    font-size: 12px;
}
.container.leyenda_slide h1 {
    font: 700 30px roboto,sans-serif!important;
}
.container.leyenda_slide h2 {
    font-size: 160%;
}
.container.leyenda_slide {
    padding-top: 20px;
}
.social {
    left: 30%;
}
.social-fixed {
    left: 30%;
    top: 30px;
}
ul.slick-dots {
    display: none!important;
}
}
/*********************Nuevo media querie*******************************/
@media (max-width: 1281px) {
    .navbar-default .navbar-nav>li>a {
        padding: 5px 11px;   letter-spacing: 0px; 
    }

}
@media (max-width: 1024px) {
    .navbar-default .navbar-nav>li>a {
        padding: 5px 7px;          font-size: 11px;    
    }
}
@media (max-width: 930px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 10px;  
    }
}
@media (max-width: 850px) {
    .navbar-default .navbar-nav>li>a {
        padding: 5px 6px;         font-size: 10px;
    }
}
@media (max-width: 800px) {
    .navbar-default .navbar-nav>li>a {
        padding: 5px 5px;         font-size: 9px;
    }
}

/****************************************************/
@media (max-width: 990px) {
input#boton_compra {
    left: 35%;
}
.social, .social-fixed {
    left: 20%;
}
.social-fixed {
    left: 25%;
}
.container.general {
    width: 100%;
}
.ban-top-izquierda img {
    margin-bottom: 5px;
    max-width: 200px;
}
}
@media (max-width: 767px) {
    body.ofertas {
    padding-top: 98px;
}

ul.dropdown-menu.dropdown-cart {
    width: 200px;
}
li#carrito_top {
    width: 100%;
}
a.dropdown-toggle.pull-right.hidden-md.hidden-lg ul.dropdown-menu li {
    background: none;
}
.registracion:before {
    margin-right: 5px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: var(--color-negro);
}
div#divofertas, div#divlonuevo {
    width: 100%;
    margin: 40px auto
}
.price {
    margin: 5px 0;
}
div#navbar-menu-superior {
    margin-left: -15px;
    margin-right: -15px;
}

div#navbar-menu-superior {
    background: #f5f5f5
}
.container.menu_pie ul.list-inline.list-unstyled.hidden-lg {
    display: none;
}
ul.nav.navbar-nav {
    /* margin: 30px 0; */
    position: relative;
    top: auto;
}
body.placa-publicacion .logo-parallax {

    padding: 60px 20px;
}

.navbar-default .navbar-nav>li>a:after{
    display: none
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-bottom: 0;
    margin-top: 15px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent;
}
li#sucursal_movil{
    display: none
}
ul.dropdown-menu.dropdown-cart {
    background: var(--color-blanco);
    color: var(--color-negro);
    box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    -moz-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px;
    border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    border: 1px solid #ddd
}
ul.dropdown-menu.dropdown-cart a {
    color: var(--color-negro);
}
ul.dropdown-menu.dropdown-cart #nombre_usuario {
    color: var(--color-negro);
}
div.social.pull-right .dropdown-menu li {
    border-bottom: 1px dotted #ddd;
}
.navbar-default .navbar-toggle .icon-bar {background-color: var(--color-negro)}

input.search-form, input.search-form:focus, input.search-form:hover {
    width: 260px;
}
.ban-top-izquierda img {
    max-width: 180px;
    margin-bottom: 0px
}
.social, .social-fixed {
    left: 30%;
}
.social-fixed {
    top: 20px;
}
a.dropdown-toggle.pull-right.hidden-md.hidden-lg {
    font-size: 21px;
    padding: 5px 10px;
}
ul.social-share li a {
    font-size: 21px;
    padding: 0 8px;
}
ul.social-share {
    display: none;
}
.slick-prev {
    left: 10px;
}
.slick-next {
    right: 10px;
}
.slick-prev:before, .slick-next:before{
    font-size: 30px
}
ul.slick-dots {
    display: none !important;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
body.ofertas .scroll_sup.container{
    padding-bottom: 0px
}
.container.leyenda_slide {
    padding-top: 10px;
    max-width: 400px
}
.container.leyenda_slide h1, .container.leyenda_slide h2, .container.leyenda_slide h3 {
    padding-left: 0;
}
.container.leyenda_slide hr, span.container.leyenda_slide a.btn.btn-primary{
    margin-left: 0px
}
.container.leyenda_slide h1 {
    font: 700 20px roboto,sans-serif!important;
}
.container.leyenda_slide h2 {
    font-size: 120%;
}
.container.leyenda_slide h3 {
    font-size: 100%;
}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    background: var(--color-marca1) !important;
    font-size: 20px;
}
section#destacados-home .media-left {
    display: block;
    padding: 0;
    margin-bottom: 10px
}

section#destacados-home .media-body {
    text-align: center;
    margin-bottom: 10px
}
.caja_func_sup a.cambiar_cuenta_top, .caja_func_sup a.terminar_sesion_top, a.favoritos_top {
    display: none;
}
ul.dropdown-menu.dropdown-cart li#micuenta_top, ul.dropdown-menu.dropdown-cart li#micuenta_top a {
    display: block;
    width: 100%;
    text-align: right;
}
.cart-actions label.col-md-2.col-xs-2.col-form-label {
    width: 30%;
}
}
@media (max-width: 600px) {
    .search { display: none;}
    .noticiashome0-row .cajasnove{
        padding: 5px
    }
.social, .social-fixed {
    left: auto;
    right: 12%;
    top: 32px;
}
.modal-prod-agregado-container h5 {
    font-size: 16px !important;
    margin: 0 !important;
}
.col-lg-6.col-sm-6.col-xs-6.caja_talle, .col-lg-6.col-sm-6.col-xs-6.caja_color {
    width: 100%;
}
section#destacados-home .media-body h4 {
    font-size: 100%;
}
.datosfooter a {
    font-size: 16px;
    line-height: 22px;
}
.noticiashome0-row .cajasnove h4 {
    font-size: 100%;
}
.style2 .title-sol span, .title-sol.style2 span {
    font-size: 21px;
}
.orderStep li {
    background: #ffe8f0;
    width: 100%;
}
.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias {
    padding-top: 20px;
    padding-bottom: 270px;
}
.price-standard {
    display: block;
}
.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias {
    padding-right: 10px;
    padding-left: 10px;
}
.row.noticiashome0 div#cajanovofe {
    width: 90%;
}
.content_marcas {
    margin-bottom: 20px;
    width: 50%;
    float: left;
}
.social-fixed {
    top: 24px;
}
body.detalle .tab-content iframe {
    width: 100%;
}
form#agregado_articulo .col-md-7.col-xs-7 {
    width: 100%;
}
form#agregado_articulo input#boton_compra {
    float: none;
}
body {
    padding-top: 120px;
}
input#boton_compra {
    left: 40%;
}
table#carrito td.car-subt {display: none;}
tr.CartProduct.cartTableHeader td {
    font-size: 14px;
}
.brand-carousel li img {
    padding: 0px;
}

table#carrito td.delete a {font-size: 20px;padding: 10px;}

table#carrito td.car-precio {width: 120px;}
.orderStep li:nth-child(2),.orderStep li:nth-child(3){
    display: none
}
.orderStep li.active {
    width: 100% !important;
}
.caja_func_sup {
    display: block !important;
    margin-top: 18px;
    margin-right: -10px

}
ul.dropdown-menu.dropdown-cart #carrito_top, ul.dropdown-menu.dropdown-cart #micuenta_top, ul.dropdown-menu.dropdown-cart #login_sup, ul.dropdown-menu.dropdown-cart #nombre_usuario, ul.dropdown-menu.dropdown-cart li#login_sup a, ul.dropdown-menu.dropdown-cart li#login_sup:before {
    display: inline-block;
}
.navbar-default .navbar-toggle {
    float: left;
}

.buscador {
    float: right;
}
.buscador ul.dropdown-menu {
    width: 100%;
    top: 65px;
    background: #fff;
}
.navbar-fixed-top .caja_func_sup {
    margin-top: 20px;
}
li#nombre_usuario {
    width: 100%;
}
.buscador ul.dropdown-menu li {
    width: 100%;
    margin: 0 auto;
}
.buscador ul.dropdown-menu i{
    color: var(--color-negro)
}
.buscador ul.dropdown-menu input.search-form {
    padding: 20px;
        width: 100%;
    margin: 10px;
    letter-spacing: .8px;
    border-bottom: 0px !important;
    border: none;
    font-weight: 500;
}
.buscador ul.dropdown-menu input.search-form:active{
    border: 0px
}
.buscador a.btn.btn-lg, a.registracion {
    padding: 0px 10px;
}
.buscador a:hover i, .buscador a i {
    font-weight: 700;
}
.buscador form#form-buscar {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    padding: 5px 10px;
}
.buscador button.btn.btn-default.btn-close {
    background: none;
    border: none;
    box-shadow: none;
    color: #000;
    font-size: 20px
}
.buscador button.btn.btn-buscartop {
    font-size: 18px;
	margin-top: 3px;
}
ul.social-share li.suscripcion {
    display: none;
}
h1.product-title {
    font-size: 18px;
}
body.detalle .price-standard {
    display: inline;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
    width: 58px !important;
    height: 58px !important;
}
.breadcrumb>li a, .breadcrumb>li {
    font-size: 13px;
}
h5.preguntas_clientes, h5.recomendados, h5.tit_form_detalle {
    font-size: 18px;
}
.navbar-default .navbar-toggle {
    margin-top: 10px;
}
    .search input[type=text] {margin-bottom: 0;border: 1px solid #0061a8;}
    a.dropdown-toggle { padding-top: 10px;}
    .container > .navbar-header, .container > .navbar-collapse {margin: 0; border: 0}

    
    ul.nav.navbar-nav {
    /* margin: 30px 0; */
    position: relative;
    top: auto;
}
    div.item-slide.imagen-slide-2 {
    height: 500px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
    div.imagen-slide-2 span.leyenda_slide { text-align: center;}
    .container.leyenda_slide h2 {margin-top: 40%; padding: 0}
    .container.leyenda_slide h1 {font-size: 35px !important; padding: 0; margin: 0 auto}
    .container.leyenda_slide hr {display: none}
    .container.leyenda_slide h3 {padding: 0; margin-top: 25%}
    .slick-prev { left: 10px;}
    .slick-next { right: 10px;}
    .noticiashome2-row .cajasnove h4 {top: 60%}
    .notastest {width: 100%}
    .parallax .col-md-6 h2 {font-size: 40px}
    .newsletter {width: 100%}
    .datosfooter {clip-path: none; -webkit-clip-path: none;}
    div#detalle { padding: 20px;}
    a.btn.btn-default.btn-vernota {
        background: var(--color-marca1);
        position: relative;
        left: 0;
        display: block;
        border: 0;
    }

    span.cart_top a { color: #fff;}
    body.proy-nov { padding-top: 0;}
    .navbar-nav>li>a {border: 0}
    .spot_top { top: 30px;}
    .spot_top a { width: 100%;  margin: 0;}
    #ofertas .container.general {margin-top: auto}
    .navbar-lateral {display: none;}

    div#leyenda_gral_top h3 {display: none;}
    .buscador-mobile { display: block;}
    .modal-buscar form#form-buscar {width: 90%;}
    .modal-buscar input.search-form, .modal-buscar input.search-form:hover, .modal-buscar input.search-form:active { width: 95%;}
}   

@media (max-width: 375px) {
    div.item-slide.imagen-slide-2 {
    height: 450px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
}
@media (max-width: 320px) {
.noticiashome0-row .cajasnove h4 {
    font-size: 90%;
}
.style2 .title-sol span, .title-sol.style2 span {
    font-size: 18px;
}
.ban-top-izquierda img {
    max-width: 150px;
    margin-bottom: 0px;
}
}

/********************** CUSTOM 2026 **********************/

:root{
    --color-marca3:#ffffff;
    --color-marca4:#1a1a1a;
}

body:not(.ofertas) .scroll_sup.container {
    display: none;
}

body{
  padding: 0 !important;
  overflow-x: hidden;
}

/******* HEADER *******/
header#header {
  margin-bottom: 41px;
  z-index: 100;
  position: sticky !important;
}
.ofertas header#header {
  margin: 0;
}

/*******TOP BAR*******/
.top-bar {
  background: var(--color-marca1);
  border: none;
}
ul#menutop {
  margin-bottom: 0;
  margin-left: -15px;
}
ul#menutop li {
  display: none;
}
ul#menutop li.leyenda-posterior-menutop, ul#menutop li.menutopcontacto {
  display: initial;
}
ul#menutop li a, ul.social-share li a {
  padding: 5px 4px;
  color: var(--color-marca3);
  opacity: 0.85;
}
ul#menutop li a:hover, ul.social-share li a:hover {
  color: var(--color-marca10);
  opacity: 1;
}
.social > a.dropdown-toggle {
  display: none;
}
.cotizacion {
  display: none;
}
/******SOCIAL REDES******/
.fa-twitter:before {
  content: "\e61b" !important;
}
i.fa.fa-instagram {
  font-family: "Font Awesome 5 Brands";
}
/******FIN SOCIAL REDES******/
@media (max-width: 767px) {
  .top-bar {
    line-height: 10px;
  }
  .top-bar a {
    color: var(--color-marca4);
  }
  ul#menutop li a, ul.social-share li a {
    padding: 5px;
  }
}
/*******FIN TOP BAR*******/

/*******NAVBAR*******/
.navbar-fixed-top {
  top: auto;
  position: static;
}
.navbar-default {
  background-color: #fff;
  margin: 0;
  border: none;
  padding: 15px 0 0 0;
  z-index: 10 !important;
}
.navbar-header {
  padding-top: 0;
}
.ban-top-izquierda {
  position: static;
}
.ban-top-izquierda img {
  max-height: 55px;
}
.navbar-superior .container {
  display: flex;
  row-gap: 15px;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navbar-superior .container::before, .navbar-superior .container::after {
  display: none;
}
div#navbar-menu-superior {
  order: 99;
  width: 100%;
  padding: 0;
  max-height: 85vh;
  position: relative;
}
div#navbar-menu-superior::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100vw - 11px);
  height: calc(100% + 1px);
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f5f5;
}
header ul.nav.menu-info {
  display: flex !important;
  margin-left: 0;
  position: relative;
  left: -15px;
  padding-left: 0;
  box-shadow: none;
  border: none;
  width: 100%;
  flex-wrap: wrap;
  background: transparent;
}
.navbar-fixed-top .navbar-collapse {
  padding: 0 15px;
}
.navbar-default .navbar-nav > li {
    margin: 0;
}
.navbar-default .navbar-nav > li > a span:not(.caret) {
  background: var(--color-marca1);
  padding: 6px 12px;
  border-radius: 10px;
}
.dropdown-menu {
  background: var(--color-marca3);
  border-radius: 8px;
}
.dropdown-menu > li > a {
  padding: 5px 20px;
  color: var(--color-marca4);
  border-left: 4px solid var(--color-marca3);
  border-radius: 7px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background: var(--color-marca11);
  color: var(--color-marca4);
  border-left: 4px solid var(--color-marca1);
}
.navbar-nav.navbar-left > li > a {
  font-weight: 400;
  color: #444;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu {
  color: var(--color-marca4);
  opacity: 1;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: transparent !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: var(--color-marca11) !important;
}
ul.nav.navbar-nav {
  margin-left: 0;
  margin-top: 0px;
  box-shadow: var(--box-shadow);
}
.navbar-fixed-top ul#nav {
  margin-top: 0px;
}
@media (max-width: 1024px) {
  header .navbar-nav > li > a {
    padding: 10px 8px;
  }
}
@media (max-width: 767px) {
  .primero > div {
    pointer-events: none;
  }
  .navbar-superior .container {
    padding: 10px 15px !important;
    box-shadow: 0 5px 5px #00000010;
  }
  .navbar-header {
    display: flex;
    align-items: center;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent;
  }
  .navbar-default {
    padding: 0;
  }
  .ban-top-izquierda {
    margin-left: 10px;
  }
  .ban-top-izquierda img {
    max-height: 50px;
  }
  .ban-top-izquierda a {
    width: 100% !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    padding: 0;
    padding-right: 5px;
    margin: 0 !important;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--color-marca4);
  }
  div#navbar-menu-superior {
    position: absolute !important;
    left: 0;
    top: 100%;
    background: #f5f5f5;
    order: 10;
    width: 100%;
    max-height: 85vh;
    border-top: none !important;
    margin: 0;
  }
  header ul.nav.menu-info {
    flex-direction: column;
    left: 0 !important;
    margin: 0;
  }
  header .nav .dropdown-menu::before {
    display: none !important;
  }
  header ul.dropdown-menu .dropdown-menu {
    border-left: none !important;
  }
  header ul.nav.menu-info li a {
    text-align: start !important;
    padding: 10px 20px !important;
  }
  header ul.nav.menu-info > li > a {
    color: var(--color-marca4) !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    text-wrap: nowrap;
  }
  header ul.nav.menu-info > li:nth-child(10), header ul.nav.menu-info > li:nth-child(10) a {
    font-weight: bold;
    color: #FFFFFF !important;
    background-color: #ff3377;
  }
  header ul.nav.menu-info li.open {
    background: transparent !important;
    position: relative;
    z-index: 2;
  }
  header ul.nav.menu-info li.open::before {
    position: absolute;
    content: "";
    background: #ffffff73;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    display: block;
  }
  header ul.nav.menu-info .open > a, header ul.nav.menu-info .open > a:hover {
    position: relative;
    background: transparent !important;
    color: var(--color-marca3) !important;
    z-index: 2;
  }
  header ul.nav.menu-info .open > a::before {
    position: absolute;
    content: "";
    background: var(--color-marca1);
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    display: block;
    z-index: -1;
  }
  header ul.nav.menu-info li.open ul {
    position: relative;
    margin-left: 10px !important;
    border: 0 !important;
  }
  header ul.nav.menu-info .open .dropdown-menu > li > a {
    color: var(--color-marca4);
    background-color: transparent !important;
    border-radius: 0;
    border: none;
  }
  .navbar-nav.sm-collapsible a.has-submenu i {
    display: none;
  }
  .navbar-default .navbar-nav li > a .caret {
    background: var(--color-marca4) !important;
    height: auto;
    border: none;
    right: 15px;
  }
  .navbar-default .navbar-nav > li > a span:not(.caret) {
    background-color: transparent;
    padding: 0;
    font-weight: 600;
  }
}
@media (max-width: 480px) {
  .ban-top-izquierda {
    margin-left: 5px;
  }
  .ban-top-izquierda img {
    max-height: 40px;
  }
}
@media (max-width: 330px) {
  .ban-top-izquierda {
    width: 100%;
    margin-left: 0;
  }
  .ban-top-izquierda img {
    max-height: 35px;
  }
  ul.social-share li a {
    padding: 5px 7px;
  }
  .social ul.social-share {
    margin-right: 10px;
  }
}

/******BUSCADOR*****/
.caja_func_sup.pull-right > * {
  padding: 0 8px !important;
  line-height: normal !important;
}
.buscador {
  display: none;
}
.buscador i, .buscador a {
  font-weight: 700;
  color: var(--color-marca4);
}
.top-number .buscador ul.dropdown-menu {
  position: fixed;
  right: 0;
  top: 105px;
  left: 0;
  transform: none;
  padding: 0;
  margin: 0;
  border: 0px;
}
.top-number-fixed .buscador ul.dropdown-menu {
  top: 67px;
}
.navbar-superior.navbar-fixed-top .buscador ul.dropdown-menu {
  width: 100%;
  left: 0 !important;
  top: 100%;
  margin: 0;
}
.buscador ul.dropdown-menu input.search-form {
  padding: 20px;
  width: calc(100% - 20px);
  margin: 10px;
  border-bottom: 0 !important;
  border: 0;
  outline: none;
  font-family: var(--tipografia-principal);
}
.buscador form#form-buscar {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  background: var(--color-marca11);
  box-shadow: none;
}
.buscador form#form-buscar i {
  color: var(--color-marca4);
  min-width: 18px;
  vertical-align: middle;
}
.buscador button.btn.btn-buscartop {
  order: 1;
}
.buscador button.btn.btn-close {
  order: -1;
}
div#palabra-autocomplete-list {
  background: var(--color-marca11);
  border: none;
}
div#palabra-autocomplete-list .autocomplete-item, div#palabra-autocomplete-list .autocomplete-ver-mas {
  width: 90%;
  padding-left: 15px;
  margin: 8px auto 15px;
  border-radius: 8px;
}
@media (min-width: 1920px) {
  .buscador form#form-buscar {
    width: 75%;
  }
  div#palabra-autocomplete-list .autocomplete-item, div#palabra-autocomplete-list .autocomplete-ver-mas {
    width: calc(75% - 25px);
  }
}
@media (max-width: 1024px) {
  .buscador form#form-buscar {
    width: 100%;
  }
  div#palabra-autocomplete-list .autocomplete-item, div#palabra-autocomplete-list .autocomplete-ver-mas {
    width: calc(100% - 25px);
  }
}
@media (max-width: 768px) {
  div#navbar-menu-superior::before {
    width: 100vw !important;
  }
  .autocomplete-items {
    position: absolute !important;
    border-radius: 0 0 20px 20px !important;
  }
  .buscador ul.dropdown-menu.dropdown-cart {
    width: 100%;
    top: 100% !important;
    left: 0 !important;
    position: absolute;
    margin: 0;
    border-radius: 0 !important;
  }
  .buscador {
    float: right;
  }
  .buscador ul.dropdown-menu li {
    width: 100%;
    margin: 0 auto;
  }
  .buscador ul.dropdown-menu i {
    color: white;
  }
  .buscador ul.dropdown-menu input.search-form {
    padding: 20px;
    width: 100%;
    margin: 10px;
    letter-spacing: 0.8px;
    border-bottom: 0px !important;
    border: none;
    font-weight: 500;
  }
  .buscador ul.dropdown-menu input.search-form::placeholder {
    letter-spacing: 0;
    font-weight: 500;
  }
  .buscador ul.dropdown-menu input.search-form:active {
    border: 0px;
  }
  .buscador a.btn.btn-lg, a.registracion {
    padding: 0px 10px;
  }
  .buscador a:hover i, .buscador a i {
    font-weight: 700;
  }
  .buscador form#form-buscar {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
  }
  .buscador button.btn {
    padding: 6px 10px;
  }
  .buscador a.dropdown-toggle {
    padding-top: 7px;
    color: var(--color-marca4);
  }
  .caja_func_sup .buscador {
    display: block;
  }
}
/*****FIN BUSCADOR******/

/****SEARCH*****/
header input.search-form {
  border-color: #a1a1a1 !important;
  border-radius: 100px;
  padding: 6px 12px;
  margin: 0;
  width: 100%;
}
header .search input.search-form {
  border: 1px solid #444;
}
header .search {
  flex: 1;
  max-width: 550px;
  margin: 0 45px !important;
}
form#form-busqueda-avanzada {
  position: relative;
  display: flex;
}
form#busquedaAvanzada button {
  background: transparent;
  padding: 8px 15px;
}
form#busquedaAvanzada input {
  padding-left: 40px;
  border-radius: 8px;
}
form#busquedaAvanzada .input-group-btn {
  z-index: 3;
}
form#busquedaAvanzada .form-control:focus {
  border-color: #f5f5f5;
}
.busquedaAvanzada .input-group {
  width: 100%;
}
.search .btn-buscartop {
  padding: 8px 15px !important;
}
.btn-buscartop {
  background: transparent;
}
.autocomplete {
  width: 100% !important;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-radius: 20px;
  overflow: hidden;
  border-bottom: none;
  border-top: none;
  z-index: 2;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 80vh;
  overflow-y: auto;
}
.autocomplete-items div {
  background: var(--color-marca3) !important;
}
.autocomplete-items div img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 4px;
}
input.search-form:focus, input.search-form:hover {
  width: 100%;
}
@media (max-width: 767px) {
  .top-bar .search {
    background: var(--color-marca11);
    padding-right: 10%;
    width: 100%;
    margin-right: 0px;
    padding-top: 8px;
    display: block;
  }
  .search {
    display: none;
  }
}
/*****FIN SEARCH*****/

/**** MENU PERFIL ****/
.registracion:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f234";
}
#login_sup:before {
  display: none;
}
.terminar_sesion_top:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f08b";
}
.cambiar_cuenta_top:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f013";
}
#nombre_usuario:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f007";
  display: none;
}
#login_sup a, #nombre_usuario {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
#login_sup a::before, #nombre_usuario::before{
  position: static;
}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, 
.registracion:before, .terminar_sesion_top:before{
  top: 1px;
}
#login_sup a:not(.registracion)::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f090";
}
@media (max-width: 767px) {
  .caja_func_sup ::before {
    font-weight: 400 !important;
  }
  .estaLogueado span#login_sup {
    display: none !important;
  }
  span#micuenta_top {
    display: block;
  }
  .estaLogueado span#micuenta_top, span#login_sup {
    position: relative;
    display: flex !important;
    gap: 10px;
    padding: 11px 16px !important;
    margin: 0 -8px;
    cursor: pointer;
    background: transparent;
    flex-direction: column;
  }
  span#micuenta_top:hover::after, span#login_sup:hover::after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    height: 100px;
    width: 140px;
  }
  span#micuenta_top::before {
    padding-top: 4px;
  }
  span#micuenta_top::before, span#login_sup::before {
    content: "\f007";
    font-family: "Font Awesome 6 Pro";
    display: block;
    color: var(--color-marca4);
    margin: 0;
  }
  header .caja_func_sup span:hover::before, header .caja_func_sup a:hover i,
  header .caja_func_sup a:hover::before {
    color: var(--color-marca12) !important;
  }
  #micuenta_top .cambiar_cuenta_top, #micuenta_top .terminar_sesion_top,
  span#login_sup a {
    display: none;
    position: absolute;
    background: white;
    white-space: nowrap;
    z-index: 100;
    right: 0;
    text-decoration: none;
    color: #333;
    width: 120px;
    min-width: min-content;
    top: 100%;
    padding: 10px 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  }
  span#login_sup:hover a, span#login_sup:focus a {
    display: block;
  }
  #micuenta_top:hover .cambiar_cuenta_top, #micuenta_top:hover .terminar_sesion_top,
  #micuenta_top:focus .cambiar_cuenta_top, #micuenta_top:focus .terminar_sesion_top {
    display: block;
  }
  a.cambiar_cuenta_top {
    border-radius: 7px 7px 0 0 !important;
  }
  a.terminar_sesion_top {
    transform: translateY(100%);
    border-radius: 0 0 7px 7px !important;
  }
  span#login_sup a.registracion {
    transform: translateY(100%);
    border-radius: 0 0 7px 7px !important;
  }
  span#login_sup a {
    border-radius: 7px 7px 0 0;
  }
  #login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before,
  .registracion:before, .terminar_sesion_top:before {
    margin-left: 0;
  }
  #login_sup:before {
    margin-top: -3px !important;
  }
  #login_sup a:not(.registracion)::before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f090";
    position: relative;
    top: 3px;
    padding-right: 0;
    margin-left: 10px;
  }
  #login_sup:before {
    margin-top: -3px !important;
    display: none;
  }
  .caja_func_sup.pull-right.hidden-xs {
    display: flex !important;
    margin-top: 0;
    flex: 1;
    justify-content: flex-end;
  }
  .caja_func_sup.pull-right.hidden-xs span.whatsapp-top {
    display: none;
  }
  #login_sup, #micuenta_top, #nombre_usuario, #login_sup a, #login_sup:before,
  a.cambiar_cuenta_top, a.terminar_sesion_top {
    display: none;
  }
}
/**** FIN MENU PERFIL ****/

/**** LOGIN Y CARRITO MENU ****/
header .caja_func_sup {
  display: flex !important;
  align-items: center;
  gap: 1px;
  height: 45px;
  margin: 0;
  order: 5;
  justify-content: flex-end;
}
header div#carrito_top {
  margin: 0 0 3px !important;
  line-height: normal !important;
  order: 9;
}
.caja_func_sup {
  margin-top: 13px;
}
.caja_func_sup, .caja_func_sup a {
  color: var(--color-marca4);
}
.caja_func_sup span#nombre_usuario {
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
span#nombre_usuario strong {
  font-weight: 600;
}
span#login_sup a i {
  vertical-align: middle;
  margin-left: 10px;
}
div#carrito_top {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}
#cantidad_carrito.badge {
  background: var(--color-marca1);
  top: -7px;
}
@media (max-width: 767px) {
  header .caja_func_sup {
    flex: 1;
  }
  .caja_func_sup span#nombre_usuario, span.totalCarritoConMoneda {
    display: none;
  }
  a.ircarrito:before{
    padding-right: 0 !important;
  }
}
/*****FIN LOGIN MENU*****/
/*******FIN NAVBAR*******/
/*******FIN HEADER*******/
.top-bar .col-md-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.top-bar .col-md-12 .top-number {
  display: flex !important;
  flex: 1;
  align-items: center;
}
.aviso-animacion {
  display: flex;
  padding-right: 4%;
  flex: 1;
  gap: 10px;
  align-items: center;
}
.top-bar .slider-wrapper {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.aviso-container {
  display: flex;
  white-space: nowrap;
}
.aviso-item {
  text-align: center;
  color: var(--color-marca3);
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  padding: 0 5px;
}
.aviso-item.duplicado{
  display: none;
}
@media (max-width: 767px) {
    .top-bar .container{
        padding: 0 15px !important;
    }
    .top-bar .container > .row {
        margin: 0;
    }
    .top-bar .col-md-12 {
        padding: 0;
    }
    .aviso-container {
        animation: slideText 18s linear 0.8s infinite;
    }
    .promo-slider:hover .slider-container {
        animation-play-state: paused;
    }
    .aviso-item.duplicado{
        display: block;
    }
}
@keyframes slideText {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

footer{
    overflow-x: hidden;
}