@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');
*:focus, button.btn.btn-buscartop:focus, button.btn.btn-buscartop:active {outline: none}
*::placeholder { padding-left: 4px}
body {
    --color-marca1:#c9298c;
    --color-marca2:#2ebce3;
    --color-marca3:#8bbf42;
    --color-marca4:#ad2c88;
    --color-negro:#000;
    padding-top: 85px;
}
.form-group .form-control {
    padding: 7px 12px;
    border-color: #9a9a9a;
    box-shadow: none;
}
/*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: 700; color:var(--color-negro); font-family: 'Ubuntu', sans-serif;}
header#header {z-index: 10}
.top-bar {background:var(--color-marca2); color:#222; border-bottom: 1px solid #dee2e6}
.top-bar a, .top-bar i {color:#222;}
.top-bar i:hover {color: #f7a64f;}
.social.pull-right {
    display: none;
}
div#avisostock {
    font-size: 14px;
    padding: 10px 20px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin-bottom: 20px;
    border-radius: 5px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
}
.buscador {
    float: right;
}
.buscador ul.dropdown-menu {
    width: 100%;
    top: 65px;
    background: #fff;
        border-top: 2px solid var(--color-marca4);
    border-bottom: 2px solid var(--color-marca4)
}
.buscador ul.dropdown-menu li {
    width: 1170px;
    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;
    font-size: 16px;
    letter-spacing: .8px;
    border-bottom: 0px !important;
    border: none;
    font-family: 'Ubuntu', sans-serif;
    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 {
    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: 20px;
}
.buscador a.dropdown-toggle {
    padding: 10px;
    padding-top: 7px;
    font-size: 18px;
}
ul#menutop { display: none;}
.search { float: left; margin-right: 60px;}
.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; margin-top: 3px}
button.btn.btn-forms:focus { outline: none; box-shadow: none;}
.social-share {margin-top: 5px}
.navbar-default .navbar-nav>li>a {color: var(--color-negro); font-weight: 700; font-size:14px;    font-family: 'Ubuntu', sans-serif}
.navbar-default .navbar-nav>li>a:hover {color: #f7a64f;}
.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)}
.caja_func_sup {margin-top: 25px}
.navbar-fixed-top .caja_func_sup {margin-top: 20px}
#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: 20px; font-size: 22px; content: "\f07a"; font-family: "Font Awesome 5 Pro"; top: 2px}
#cantidad_carrito.badge { left: 25px; 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 {
    max-width: 200px;
}
ul.nav.navbar-nav {margin-top: 20px; margin-left: 20px;}
.navbar-fixed-top ul.nav.navbar-nav {margin-top: 15px}
.dropdown-menu {background: var(--color-marca1); border: 0}
.dropdown-menu>li>a:hover {
    color: #ffffff;
    background: var(--color-marca2);
}
nav#navbar-sidebar {box-shadow: none; background:#fff;}
nav#navbar-sidebar .navbar-nav>li>a {color: var(--color-negro)}
.cotizacion {
    float: right;
}
/***** SLIDER *****/
.container.leyenda_slide {
    position: absolute;
}
.container.leyenda_slide h1 {
	margin: 0;
	padding-left: 10%;
	font: 100 80px 'Anton', sans-serif !important;
}
.container.leyenda_slide h2 {
	margin: 5% 0 0;
	padding-left: 10%;
	font: 100 30px 'Anton', sans-serif !important;
	color: #fff;
}
.container.leyenda_slide h3 {
	margin:0;
	padding-left: 10%;
	color: #fff;
	font: 100 25px 'Roboto', sans-serif !important;
}
.container.leyenda_slide hr { width: 5%; border-top: 0; border-bottom: 2px solid #fff; margin-left: 10%; margin-top: 0}

.slick-next:before {content: '\f054';}
.slick-prev:before {content: '\f053';}


@media (min-width: 1920px) {
.container.leyenda_slide h1, .container.leyenda_slide h2, .container.leyenda_slide h3 {padding-left: 20%}
.container.leyenda_slide h2 {margin: 20% 0 0;}
.container.leyenda_slide hr {margin-left: 20%}
}

/***** SPOT *****/
.spot_top { z-index: 2; position: relative; top: -91px}
.spot_top .container {padding: 0; margin: 0 auto; text-align: center;}
.spot_top a{ display: inline-block;     width: 23%;
    overflow: hidden;
    margin: 0 1%;}
.spot_top img {
    width: 100%;
    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;
}
.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;}

/***** HOME ******/
.container.general {margin-top: 3%}
#ofertas .container.general {width: 100%; padding: 0; margin-top: -100px}
#ofertas .container.general .row {margin: 0}
#ofertas .col-md-12.col-xs-12.cols-grals {padding: 0}
.title-sol-style2, .title-sol.style2 {
    font-family: 'Ubuntu', sans-serif;font-size: 180%;
    font-weight: 800;
}
.style2 .title-sol span, .title-sol.style2 span {
    background: transparent;
}
.style2 .title-sol:after, .title-sol-style2:after, .title-sol.style2:after {
    background: transparent;
}
/***** OFERTAS *****/
div#divofertas, div#divlonuevo {
    width: 80%;
    margin: 64px auto;
}
.price-standard { color: var(--color-marca2);}
.price {
    font-weight: 700;
    margin: 16px 0;
    color: #666;
    font-size: 21px;
}

.cajasnuevo, .cajasoferta { padding: 5px }
.promotion {top: 5%}
.discount, .new-product {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    padding-top: 38%;
    background: #F44336 !important;
}
.featuredImgLook2 .inner:hover, .product:hover {
    border: 1px solid var(--color-marca1);
}

.product:hover { background: #fff;}

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;
    font-size: 14px;
    text-align: center;
    background: var(--color-negro);
    color: inherit;
    padding: 20px 0;
    border-top: 1px solid #4e4e4e;
    font-family: inherit;}
div#ofertas div + h2 a:hover {
    color: #8b8b8b;
}
/***** PRODUCTOS *****/
body.productos ul.subcate {
    padding-left: 0px;
    margin-top: 16px;
}
body.productos ul.subcate li {
    display: inline-flex;
    border: 2px solid var(--color-marca1);
    padding: 8px 16px;
    margin-bottom: 16px;
    margin-right: 8px;
}
body.productos ul.subcate li a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: var(--color-marca1);
        letter-spacing: .3px;
    text-transform: uppercase;
    font-size: 13px;
}
body.productos ul.subcate li:hover a {
    color: var(--color-marca2);
}
body.productos ul.subcate li:hover{
    border-color:var(--color-marca2);
}
/***** NOVEDADES *****/

.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;
}
.noticiashome2-row .cajasnove h4 a {color: #fff}

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;
}

/***** 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 fixed;
    background-size: cover;
    height: 800px;
    padding: 0;
    /*
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 0 80%, 0 0);*/
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 70% 100%, 0 78%);
    clip-path: polygon(0 0, 100% 0, 100% 95%, 70% 100%, 0 78%);
}
.parallax .row{
    margin: 0
}
.parallax .col-md-6:nth-child(2) {margin-top: 20%; text-align: right;}
.parallax .col-md-6 h1 {color: #fff; margin: 0;    font-size: 70px;}
.parallax .col-md-6 h2 { color:#fff; margin: 0;font-size: 60px }
.parallax .col-md-6 h1 span {
    font-weight: 300;
}
.parallax .col-md-6 p { color: #fff;margin: 0;font-size: 180%;}

/***** DETALLE *****/
div#detalle .gldp-default div.core.border.noday {
    color: var(--color-marca1);
}
div#detalle .gldp-default .outday {
    color: var(--color-marca1) !important;
}
div#detalle div.core.border.mon, div#detalle div.core.border.sun, div#detalle div.core.border.sat, div#detalle div.core.border.tue, div#detalle div.core.border.wed, div#detalle div.core.border.fri, div#detalle div.core.border.thu {
    background: rgb(46 188 227 / 51%);
    color: var(--color-marca1);
}
div#detalle .gldp-default .monyear span {
    margin: 0 5px 0 5px;
    color: var(--color-negro);
}
div#detalle .gldp-default .dow {
    background: var(--color-marca1);
}
div#detalle .gldp-default .selected {
    border: 1px solid var(--color-marca2); background:  var(--color-marca2) !important
}
div#detalle button#buttonDropoff, div#detalle button#buttonPickup {
    background: 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-marca2);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover>a {
    color: #fff!important;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}
.product-tab .list-group{
    padding: 0 20px
}
.product-tab .list-group .list-group-item {
    padding-right: 5px;
    border: 1px solid #bfc9ca
}
input#cantidad { width: 90px;}
input#boton_compra {
    float: right;
    position: absolute;
    left: 20%;
    top: 25%;
    background: var(--color-marca1)
}
.productFilter {border: 0}
span#precio {
    font-weight: 400;
    color: var(--color-marca1);
}
.caja_color div#preview_color {
    display: none;
}
div#preview_color {
    display: none;
}
.product-title {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 0;
}
.price-sales {color:#222;}
#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.active { background: var(--color-marca2)}
.orderStep li.active:after {border-top-color: var(--color-marca2) !important}
.orderStep li {background: var(--color-marca1); color: #fff}

/***** 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, .btn.btn-compra, .btn-success, div#MPReintentar a, .btn-primary, .btn-danger, .btn-default, input#iniciarpago {background: var(--color-marca1); color: #fff}
.btn-info:hover, div#MPReintentar a:hover,div#MPReintentar: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: var(--color-marca2)}
div.seguir_inferior a, div.seguir_superior a {background: var(--color-negro); color: #fff}
div#MPReintentar a:hover {
    background: none;
}
div#MPReintentar a:hover, div#MPReintentar a {
    background: transparent !important;
}
/*******************/
.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 .container {padding: 10% 0 3%}
.datosfooter {
    text-align: left;
    background: var(--color-negro);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 20%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 20%);
}
.newsletter ul.social-share a{
    font-size: 30px;
    padding: 20px 5px
}
.newsletter ul.social-share a:hover{
    color: var(--color-marca2)
}
.datosfooter h1 { font:400 20px 'Roboto', sans-serif !important; color: #fff}
.mediospagos img {width: 20%; margin: 3px}
.hormigafoot {padding:0;}
.hormigafoot h2 {display: none;}
p.iva { background: var(--color-marca2); color:#fff}
/***** FOOTER *****/
/*body div + p {display: none;}*/
footer {background: var(--color-negro); color:#fff; padding: 0}
footer .container {width: 100%; padding: 0}
footer p {margin: 0; padding: 5px 0}
p.leyendapre { display: none;}
p.leyenda { color: var(--color-negro);}
footer a, .datosfooter a {color:#fff;}
footer .foot_netone {border:0}
.boton_arrepentimiento {
    display: none;
}
a.btn.btn-success.btn-arrepentimiento {
    background: no-repeat;
    border: 1px solid;
    font-size: 13px;
    padding: 5px 8px;
    font-weight: 400;
    margin-top: 8px;
}
button#iniciarpago {
    background: var(--color-marca1);
    color: #fff;
}
/***** MEDIA *****/
@media (min-width: 1920px) {
    div#divofertas, div#divlonuevo { width: 60%}
    .newsletter {width: 37%}
    .noticiashome2-row .cajasnove h4 { top: 75%}
}
@media (max-width: 767px) {
.social.pull-right {
    display: block;
}
form#form_login_checkout {
    clear: both;
    padding-bottom: 20px;
}
.social.pull-right {
    display: block;
    position: absolute;
    z-index: 99;
    right: 12%;
    top: 20px;
    font-size: 30px;
}
.social-fixed {
    position: fixed !important;
    top: 15px !important
}
#ofertas .container.general {
    width: 100%;
    padding: 0;
    margin-top: 0px;
}
.social ul.social-share{
    display: none
}
tr.CartProduct td, tr.CartProduct th {
    font-size: 12px;
}
ul.dropdown-menu.dropdown-cart {
    background: #fff;
    font-size: 15px
}
#login_sup:before {
    color: #000;
}
li#login_sup span.cart_top a {
    display: inline-block;
    padding: 5px 10px;
}
.registracion:before {
    content: "\f234";
    margin-right: 10px;
}
span.caret.navbar-toggle.sub-arrow {
    background: var(--color-marca2);
    font-size: 18px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
}
ul.nav.navbar-nav {
    margin-top: 10px;
    margin-left: -15px;
}
}
@media (max-width: 480px) {
    div#divofertas, div#divlonuevo {
    width: 100%;
    margin: 64px auto;
}
.orderStep li{
    display: none
}
.orderStep li.active {
    background: var(--color-marca2);
    width: 100%;
    display: block;
}
td.car-nombre {
    width: 150px !important;
    max-width: 1500px !important;
}


    .top-bar {padding:5px 0}
    .search { margin-right: 35px;}
    .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}
    .ban-top-izquierda, .navbar-fixed-top .ban-top-izquierda { width: 20%}
    .navbar-toggle { background: var(--color-negro)}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: var(--color-negro);}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-default .navbar-nav>li>a {padding-left: 0}
    ul.nav.navbar-nav {margin: 30px 0}
    div.item-slide.imagen-slide-2 {
        height: 500px;
        background-repeat: no-repeat !important;
    }
    .social.pull-right {
    right: 24%;
}
    div.imagen-slide-2 span.leyenda_slide { text-align: center;}
    .container.leyenda_slide h2 {margin-top: 50%; padding: 0}
    .container.leyenda_slide h1 {font-size: 50px !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;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: var(--color-marca2)}
    body.proy-nov { padding-top: 0;}
    .navbar-nav>li>a {border: 0}
    .spot_top { top: 5%;}
    .spot_top a { width: 100%;  margin: 0;}
}   

/***Custom 2025***/

span#color_talle_alert {
    display: block;
    margin-top: 6px;
    font-weight: 600;
}
span#color_talle_alert span {
    display: block;
    font-size: 17px;
    margin-bottom: 6px;
}
.modal-prod-agregado-container strong {
    font-weight: 500;
    font-size: 14px;
}
.modal-prod-agregado-container strong:last-of-type {
    font-weight: 600;
}
.modalver a, .modalcont a {
    padding: 6px 10px !important;
}

.productFilter .row {
    display: flex;
}
.productFilter .row > div {
    display: flex;
    flex-direction: column;
}
.productFilter select {
    font-size: 14px;
    margin-top: auto;
}

.addto > div {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 8px;
    line-height: 1em;
}
.addto span.ley_cant {
    flex-basis: 100%;
}
.addto.row input {
  margin-bottom: 4px;
  position: static !important;
}

input#boton_compra {
    font-weight: 500;
}

@media (max-width:767px) {
    span#imagen_alert img {
        margin: auto;
        margin-bottom: 18px;
    }
    .modal-prod-agregado-container hr{
        margin: 15px 0;
    }
}


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

.productFilter .row::before, .caja_color + .caja_color {
    display: none !important;
}
.productFilter .row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.productFilter .row > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}
.productFilter .row > div b {
    font-size: 17px;
}
.productFilter select {
    margin-top: auto;
    font-size: 14px;
    border-color: rgb(201, 41, 140);
    animation: subtlePulse 2s infinite;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234E4E4E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 7px center;
    padding-right: 40px;
}
.productFilter select {
    font-weight: 600 !important;
}
.productFilter select option {
    font-weight: 400 !important;
    font-style: italic;
    background: #f0f0f0;
    border-radius: 10px;
    display: block !important;
}
@keyframes subtlePulse {
    0% { box-shadow: 0 0 0 0 rgba(201, 41, 140,0.4); }
    100% { box-shadow: 0 0 0 7px rgba(255,153,0,0); }
}