@import url(btn.css);
body, h1, h2, h3, h4, h5, h6 {
	font-family: Calibri, sans-serif
}
footer, footer a:hover {
	color: #fff
}
.search, .social-share, ul.social-share li {
	display: inline-block
}
.form-control:focus, .search_box {
	outline: 0;
	box-shadow: none
}
.title-sol span, .widget h5, h4.tit_categorias {
	text-transform: uppercase
}
body {
	background: #fff;
	color: #4e4e4e;
	font-weight: 300;
	line-height: 19px;
	font-size: 14px;
	padding-top: 135px
}
header#header {
	position: absolute;
	top: 0;
	width: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	color: #0070b7
}
h1 {
	font-size: 250%
}
h2 {
	font-size: 180%
}
h2#pie_seo {
	font-size: 14px
}
.controls .fa, .form-control, .form-group label, h2#pie_seo b {
	font-weight: 300
}
h3 {
	font-size: 120%;
	color: #787878;
	font-weight: 400;
	line-height: 24px
}
h4 {
	font-size: 140%
}
input[type=email], input[type=number], input[type=password], input[type=text] {
	border-color: #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: #111;
	font-size: 14px;
	margin-bottom: 10px;
	height: 36px
}
.bg-warning {
	background-color: #fcf8e3
}
.container.general {
	padding-bottom: 30px
}
footer {
	background: #222;
	padding: 30px 0;
	text-align: center
}
footer a {
	color: #ddd
}
footer .foot_netone {
	border-top: 1px solid #444;
	padding-top: 5px;
	font-size: 85%
}
.hormigafoot {
	text-align: center;
	padding: 7px 0
}
.hormigafoot h2 {
	color: #444
}
p.iva {
	background: #ddd;
	padding: 5px;
	margin-bottom: 0
}
.text-center {
	text-align: center!important
}
.text-right {
	text-align: right!important
}
.widget.login [class*=col-] {
	padding-right: 0
}
.rownuevadireccion {
	margin-left: -5px;
	margin-right: -5px;
	font-size: 13px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 10px
}
.rownuevadireccion .form-group label {
	font-size: 13px
}
.rownuevadireccion [class*=col-] {
	padding: 0 5px
}
.widget.login p {
	margin: 10px 0 0
}
.close {
	font-size: 24px!important
}
.gallery, div.recom {
	margin-bottom: 20px
}
.gallery {
	padding: 0 15px
}
.gallery .img-responsive {
	border: 2px solid #fff
}
.gallery [class*=col-] {
	padding: 0
}
a {
	color: #4e4e4e;
	-webkit-transition: color .1s, background-color .1s;
	-moz-transition: color .1s, background-color .1s;
	-o-transition: color .1s, background-color .1s;
	transition: color .1s, background-color .1s
}
hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff
}
a:focus, a:hover {
	color: #111;
	text-decoration: none;
	outline: 0
}
body>section {
	padding: 70px 0
}
@media (max-width:991px) {
body>section {
	padding: 70px 0
}
}
@media (max-width:767px) {
body>section {
	padding: 50px 0
}
}
@media (max-width:480px) {
body>section {
	padding: 30px 0
}
}
.center {
	text-align: center;
	padding-bottom: 20px
}
.aparece, .social {
	text-align: right
}
.scaleIn {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn
}
@-webkit-keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.col-derecha, .col-izquierda {
	background: #f5f5f5
}
.fixednav {
	position: fixed;
	top: 0;
	-webkit-animation: mymove 1s;
	animation: mymove 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	width: 100%;
	z-index: 1030!important
}
@-webkit-keyframes mymove {
from {
top:-40px
}
to {
	top: 0
}
}
@keyframes mymove {
from {
top:-40px
}
to {
	top: 0
}
}
.navbar>.container .navbar-brand {
	margin-left: 0
}
.top-bar {
	padding: 5px 0;
	background: #222;
	border-bottom: 1px solid #ddd
}
.top-bar a {
	color: #ddd
}
.social-share {
	list-style: none;
	padding: 0;
	margin: 0
}
ul#menutop li a, ul.social-share li a {
	display: inline-block;
	padding: 5px 3px
}
ul#menutop li a:hover, ul.social-share li a:hover {
	color: #fc0
}
.search, .search i {
	color: #222
}
.search {
	margin-right: 45px
}
@media (max-width:767px) {
.search {
	margin-right: 60px
}
.btn.btn-buscartop {
	padding: 8px 10px
}
}
.search .input-group {
	display: block
}
input.search-form {
	background: #fff;
	border: 1px solid #fff;
	width: 250px;
	color: #999;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	height: 35px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429
}
.result-busqueda {
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 35px
}
.widget.search {
	border: 1px solid red
}
input.search-form:focus, input.search-form:hover {
	width: 280px
}
.navbar-brand {
	padding: 0;
	margin: 0
}
.navbar-default {
	background-color: #fff;
	margin: 0;
	border: none;
	-webkit-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
	box-shadow: 0 20px 25px -30px rgba(0,0,0,.8);
	padding-bottom: 10px;
	z-index: 10!important
}
@media (min-width:768px) {
.navbar {
	border-radius: 0
}
ul.nav.navbar-nav {
	margin-top: 15px;
	margin-left: 30px
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}
}
@media (max-width:767px) {
input.search-form {
	width: 80px
}
input.search-form:focus, input.search-form:hover {
	width: 120px
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	padding-left: 15px
}
.navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ddd
}
}
.navbar-header {
	padding-top: 10px
}
.dropdown-menu {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	background-color: #0070b7;
	color: #fff
}
.dropdown-menu #nombre_usuario {
	color:#fff
}
div.social.pull-right .dropdown-menu li {
	padding:8px 10px !important;
	border-bottom:1px dotted #fff
}
div.social.pull-right .dropdown-menu li:last-child {
	padding:8px 10px !important;
	border-bottom:0px dotted #fff
}
.dropdown-menu>li>a {
	padding: 5px 20px;
	color: #fff
}
.dropdown-menu>li>a:hover {
	color: #ddd
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #cccccc;
	border-color: #cccccc
}
h4.tit_categorias {
	font-family: Calibri;
	margin-bottom: 0;
	font-size: 16px;
	color: #4e4e4e
}
.redes .fa {
	font-size: 26px;
	color: #999;
	margin: 0 .2em
}
.page-scroll {
	font-size: 40px;
	display: none;
	right: 20px!important;
	width: 40px!important
}
.aparece {
	display: block;
	width: 40px!important;
	position: fixed;
	bottom: 20px;
	-webkit-animation: myscroll 1s;
	animation: myscroll 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	z-index: 999!important
}
@-webkit-keyframes myscroll {
from {
bottom:-200px
}
to {
	bottom: 20px
}
}
@keyframes myscroll {
from {
bottom:-200px
}
to {
	bottom: 20px
}
}
.in_seguridad {
	width: 100%!important;
	margin-left: 5px!important
}
textarea#message {
	resize: none;
	padding: 10px
}
.search_box {
	background-position: 97%;
	background-repeat: no-repeat;
	border-color: #DEDEDE;
	height: 48px
}
.spot_top .img-responsive, spot_bot .img-responsive {
	margin: 15px auto
}
.spot_ofertas_inf .img-responsive {
	float: left;
	border: 2px solid #fff
}
.list-group {
	margin-bottom: 0
}
.msj_error, .widget {
	margin-bottom: 20px
}
#nav2 .list-group .in {
	border-left: 1px solid #ddd;
	margin-left: 10px
}
a.list-group-item:focus, a.list-group-item:hover {
	text-decoration: none;
	background-color: transparent
}
.list-group .list-group-item {
	border-width: 0;
	padding-right: 5px
}
.list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
.list-group .list-group-item:last-child {
	border-bottom: 0
}
.owl-prev {
	left: 0!important
}
.owl-next {
	right: 0!important
}
.form-group label {
	color: #4E4E4E;
	font-size: 16px
}
.form-group .form-control {
	padding: 7px 12px;
	border-color: #f2f2f2;
	box-shadow: none
}
textarea#consulta {
	resize: none;
	padding: 10px
}
.msj_error {
	padding: 15px;
	border: 1px solid #ebccd1;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede
}
.widget {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	padding-left: 0
}
.widget h5 {
	color: #000
}
@media (max-width:767px) {
.caja-busqueda-izquierda {
	display: none
}
}
.social .img-responsive {
	display: inline
}
.brand {
	text-align: left!important;
	font-size: 22px;
	padding-left: 20px;
	line-height: 50px!important
}
a.dropdown-toggle {
	padding-top: 7px
}
.dropdown-cart {
	background: #999;
	color: #fff;
	padding-bottom: 0;
	top: 30px
}
.dropdown-cart a {
	color: #fff
}
.scroll_der, .scroll_izq {
	width: 180px
}
.scroll_der ul, .scroll_izq ul {
	text-align: center;
	padding: 0;
	list-style: none;
	margin: 0 auto
}
.scroll_der li, .scroll_izq li {
	margin: 0 5px;
	text-align: center;
	padding: 0
}
.scroll_inf, .scroll_sup {
	padding: 30px 0;
	margin: 0 auto
}
.scroll_inf ul, .scroll_sup ul {
	text-align: center;
	padding: 0;
	list-style: none;
	margin: 0 auto
}
.clearfix {
	float: none;
	clear: both
}
@media (max-width:767px) {
.scroll_inf, .scroll_sup {
	padding: 30px 0;
	width: 92%
}
}
.carousel-control {
	background-image: none!important;
	filter: none!important;
	font-size: 36px
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 40%;
	left: 20px;
	z-index: 5;
	display: inline-block
}
.carousel-control .fa-arrow-right, .carousel-control .icon-next {
	left: auto;
	right: 20px!important
}
.carousel-caption {
	position: absolute;
	right: 15%;
	top: 30px;
	left: 50%;
	margin-left: -500px;
	z-index: 10;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	text-align: left;
	text-shadow: none
}
.carousel-caption h3 {
	font-size: 46px;
	font-weight: 300;
	color: #2778bc;
	text-shadow: none;
	text-align: left;
	line-height: 40px
}
.carousel-caption h3 span {
	font-size: 55%;
	color: #222;
	margin-top: 20px;
	line-height: 26px;
	display: block
}
@media (max-width:767px) {
.carousel-control {
	font-size: 20px
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	left: 5px!important
}
.carousel-control .fa-arrow-right, .carousel-control .icon-next {
	right: 5px!important;
	text-align: right
}
.carousel-caption {
	position: absolute;
	right: 15%;
	top: 0;
	left: 5%;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	text-align: left
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block
}
.carousel-caption h3 {
	font-size: 30px;
	line-height: 30px
}
.carousel-caption h3 span {
	font-size: 70%;
	color: #222;
	margin-top: 10px;
	line-height: 25px
}
}
@media (max-width:480px) {
.carousel-indicators {
	display: none!important
}
.carousel-caption h3 {
	font-size: 20px;
	line-height: 18px
}
.carousel-caption h3 span {
	font-size: 70%;
	color: #222;
	margin-top: 10px;
	line-height: 15px
}
}
.controls {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 25px
}
.controls .fa {
	margin-left: 10px;
	color: #999
}
.ircarrito {
	position: relative
}
#cantidad_carrito.badge {
	position: absolute;
	left: 15px;
	top: -3px;
	background: #4ec67f
}
.ico_usuario, a.ircarrito:before {
	font-family: FontAwesome;
	content: "\f291";
	display: inline-block;
	font-size: 15px;
	position: relative;
	top: 4px;
	padding-right: 10px
}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before {
	font-family: FontAwesome;
	content: "\f007";
	display: inline-block;
	font-size: 15px;
	position: relative;
	top: 3px;
	padding-right: 0;
	margin-left: 10px
}
.saldo_ctacte_top:before, .saldo_ctacte_top_mobile .cart_top:before {
	font-family: FontAwesome;
	content: "\f51e";
	display: inline-block;
	font-size: 15px;
	position: relative;
	top: 3px;
	padding-right: 0;
	margin-left: 10px
}
#login_sup:before {
	font-family: FontAwesome;
	content: "\f090"
}
.registracion:before {
	content: "\f234"
}
.cambiar_cuenta_top:before {
	content: "\f013"
}
.terminar_sesion_top:before {
	content: "\f08b"
}
#carrito_top.cart_top a.ircarrito:before, #carrito_top.cart_top span.ico_usuario {
	font-family: FontAwesome;
	content: "\f291";
	display: inline-block;
	font-size: 15px;
	position: relative;
	top: 0; 
	padding-right: 0!important
}
.caja_func_sup {
	margin-top: 5px;
	line-height: 35px
}
#carrito_top, #login_sup, #micuenta_top, #nombre_usuario {
	text-align: right;
	line-height: 1.2em
}
#carrito_top.cart_top, #login_sup.cart_top, #micuenta_top.cart_top, #nombre_usuario.cart_top {
	text-align: center;
	line-height: 20px
}
#nombre_usuario.cart_top span.ico_usuario {
	display: none
}
.dropdown-cart .irapedido a {
	background: #aac961
}
.modal-header-primary {
	color: #fff;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #0070b7;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
.modal-body, .modal-content {
	background: #F7F7F7
}
.modal-header {
	border: none
}
.modal-footer {
	border: none;
	padding: 0
}
.modal-body {
	padding: 15px;
	overflow: hidden;
	margin: 0!important;
	width: 100%!important;
	text-align: center;
	font-size: 13px
}
.modal-body h3 {
	margin-top: 0;
	font-size: 140%;
	color: #222;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px
}
.loginmodal-container, .modal-prod-agregado-container {
	width: 100%!important;
	margin: 0 auto;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
	overflow: hidden;
	position: relative;
	border-radius: 2px
}
.loginmodal-container {
	padding: 25px;
	max-width: 350px;
	background-color: #F7F7F7
}
.modal-prod-agregado-container {
	padding: 0;
	max-width: 450px;
	background-color: none
}
.modal span#nombre_prod_alert {
	font-size: 120%;
	font-weight: 600;
	color: #0070b7
}
.modal .fa.close {
	position: absolute!important;
	right: 10px!important;
	top: 10px!important;
	z-index: 999!important
}
.modal .fa {
	position: relative!important;
	right: 0!important;
	top: 0!important
}
.modal h5 {
	font-weight: lighter;
	padding: 0;
	position: relative;
	border: none;
	margin: 0 0 15px!important;
	font-size: 24px!important;
	line-height: 24px!important;
	letter-spacing: -1px
}
.modal h5 span {
	background: #F7F7F7!important;
	padding: 15px!important
}
.modal-header-primary h5 {
	color: #fff;
	font-weight: 400;
	font-size: 20px!important
}
.modal-prod-agregado-container h5 {
	font-size: 1.2em
}
.loginmodal-container input[type=submit] {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	position: relative
}
.loginmodal-container input[type=text], input[type=password] {
	height: 35px;
	font-size: 16px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box
}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {
	border: 1px solid #0070b7;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.loginmodal {
	text-align: center;
	height: 36px;
	padding: 0 8px
}
.loginmodal-submit {
	border: 0;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.1);
	background-color: #4d90fe;
	padding: 17px 0;
	font-family: roboto;
	font-size: 14px
}
.loginmodal-submit:hover {
	border: 0;
	text-shadow: 0 1px rgba(0,0,0,.3);
	background-color: #357ae8
}
.loginmodal-container a {
	text-decoration: none;
	color: #666;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	opacity: .6;
	transition: opacity ease .5s
}
.login-help {
	font-size: 12px
}
.title-sol {
	font-family: Calibri;
	color: #454545;
	border-bottom: 2px solid #DDD;
	border-top: 2px solid #DDD;
	font-size: 22px;
	line-height: 24px;
	margin: 10px 0;
	padding: 0
}
.title-sol span {
	color: #454545;
	display: inline-block;
	padding: 5px 15px 5px 0;
	width: auto
}
.style2 .title-sol, .title-sol.style2 {
	font-size: 36px;
	font-weight: lighter;
	line-height: 36px;
	margin: 30px 0 20px;
	padding: 0;
	position: relative;
	border: none
}
.title-sol-style2, .title-sol.style2 {
	position: relative
}
.style2 .title-sol:after, .title-sol-style2:after, .title-sol.style2:after {
	background: #DDD;
	content: "";
	display: block;
	height: 1px;
	margin-left: 10%;
	position: absolute;
	top: 28px;
	width: 80%;
	z-index: 1
}
.title-sol-style2 span, .title-sol.style2 span {
	background: #FFF;
	display: inline-block;
	padding: 10px;
	position: relative;
	width: auto;
	z-index: 2
}
.style2 .title-sol span, .title-sol.style2 span {
	color: #454545;
	display: table;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 5px 15px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	margin: 0 auto
}
.cajasnove .fecha_nov {
	font-size: 80%
}
.cajasnove {
	margin-bottom: 15px
}
.cajasnove h4 {
	margin-top: 0
}
.cajasnove .des_nov {
	margin-top: 7px
}
.cajasnove .des_nov p {
	margin-bottom: 0
}
.cajasnove .mas_nov a {
	font-size: 13px;
	color: #3276b1;
	text-align: right
}
.image, .item.list-view .image, .product, div.quickview {
	text-align: center
}
.row.noticiashome0, .noticiashome0-row.row {
	margin: 0px;
}
.novedades-home-row .vertodos-noticias {
	margin: 0 auto;
	background: #fafafa;
	color: #454545;
	text-align: center;
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 12PX;
	font-weight: 600
}
.cajasnuevo, .cajasoferta {
	border: 0 solid #ddd;
	padding: 5px
}
.novedadesrow.row, .ofertasrow.row, .proyector-categoria-row.row {
	margin-left: -5px;
	margin-right: -5px
}
.productslider {
	width: 100%;
	display: block
}
.item {
	display: block;
	height: auto;
	transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0
}
.owl-theme .owl-controls .owl-page span {
	box-shadow: 0 1px 2px rgba(0,0,0,.4) inset
}
.owl-theme .owl-controls .owl-has-nav {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 22px;
	position: relative;
	width: 12px;
	cursor: pointer;
	transition: .3s ease;
	opacity: 1
}
.owl-has-nav:hover {
	opacity: .5
}
.owl-has-nav i {
	position: absolute;
	top: 0
}
.owl-has-nav.owl-next i {
	right: 0
}
.owl-has-nav.owl-prev i {
	left: 0
}
.product {

	transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding-bottom: 10px
}
.product:hover {
	background: #fafafa
}
h3.leyendaConStock, h3.leyendaSinStock {
	clear: both;
	margin: 5px 0;
	font-size: 100%
}
#tabla_listados h3.leyendaConStock, #tabla_listados h3.leyendaSinStock {
	clear: both;
	margin: 0;
	font-size: 14px
}
.product h3.leyendaConStock:before, .product h3.leyendaSinStock:before, h3.leyendaConStock:before, h3.leyendaSinStock:before {
	content: "\f056";
	display: inline-block;
	text-rendering: auto;
	margin-right: 3px
}
h3.leyendaSinStock:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: red
}
.product h3.leyendaSinStock:before, h3.leyendaConStock:before {
	font: normal normal normal 14px/1 FontAwesome
}
h3.leyendaConStock:before {
	content:'\f058';
	font-size: inherit;
	color: green
}
.product h3.leyendaSinStock:before {
	font-size: inherit;
	color: red
}
.product h3.leyendaConStock:before {
	content:'\f058';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: green
}
.discount, .new-product, .product h4 {
	font-family: Calibri, Helvetica Neue, Helvetica, Arial, sans-serif
}
.featuredImgLook2 .inner:hover, .product:hover {
	border: 1px solid #4ec67f
}
.product .marca {
	display: block;
	padding: 5px 0
}
.product .marca_span {
	font-size: 90%;
	font-style: italic
}
.image, .image a {
	display: block;
	overflow: hidden
}
.image {
	position: relative;
	width: 100%;
	max-height: 240px;
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0;
	-o-transition: all .5s ease 0
}
.prod-top {
	margin-bottom: 25px; position:relative
}
.prod-top .image, .prod-top .image a img {
	max-height: 100%
}
.prod-top .product {
	padding-bottom: 0
}
.image a img {
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0;
	-o-transition: all .5s ease 0;
	max-height: 240px;
	margin: 0 auto
}
.product:hover .image a img {
	/*
	transform: scale(1.15) rotate(-1.5deg); 
	-webkit-transform: scale(1.1) rotate(-1.5deg);
	-moz-transform: scale(1.1) rotate(-1.5deg);
	-ms-transform: scale(1.1) rotate(-1.5deg);
	-o-transform: scale(1.1) rotate(-1.5deg)
	*/
	transform: none; 
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform:none
}
.recomendadosrow .image a img {
	max-height: auto!important;
	max-width: 100%
}
.recomendadosrow .product:hover .image a img {
	transform: none!important;
	-webkit-transform: none!important;
	-moz-transform: none!important;
	-ms-transform: none!important;
	-o-transform: none!important
}
.promotion {
	position: absolute;
	z-index: 9;
	bottom: 20px;
	left: 0;
	height: 24px;
	width: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	line-height: 18px
}
.description {
	margin: 5px auto
}
.prod-top .description h4 {
	margin: 10px 0
}
.description a.masinfo20 {
	display: none
}
.discount, .new-product {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: lighter;
	height: 100%
}
.price, .product h4, .product h4 a {
	font-weight: 700
}
.new-product {
	color: #FFF;
	padding: 3px 10px;
	background-color: #4ec67f!important;
	background-color: rgba(78,198,127,.95)!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f)!important;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f)!important
}
.discount {
	background: #eb5e58;
	border-radius: 0 4px 4px 0;
	color: #fff;
	padding: 3px 5px
}
.product h4, .product h4 a {
	color: #3a3a3a;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase
}
.product h4 {
	margin: 0;
	display: block;
	line-height: 18px
}
.prod-top .product h4 {
	margin-top: 20px
}
.prod-top .product h4, .prod-top .product h4 a {
	font-size: 22px;
	line-height: 22px
}
.price {
	font-size: 18px;
	color: #454545
}
@media (max-width:767px) {
.CartProduct .price {
	font-size: 14px
}
}
.action-control {
	border: 0;
	display: block;
	height: auto;
	padding: 5px 0 15px;
	width: 100%
}
.action-control a {
	cursor: pointer
}
.action-control a.active, .action-control a:hover {
	color: #fff;
	background: #27ae60
}
.cart a {
	font-size: 20px;
	color: #454545;
	margin: 0;
	display: inline-block;
	transition: all .3s ease-out 0;
	-webkit-transition: all .3s ease-out 0;
	-moz-transition: all .13s ease-out 0;
	-ms-transition: all .3s ease-out 0;
	-o-transition: all .3s ease-out 0
}
div.quickview {
	display: block;
	margin-top: 40%;
	max-height: 50px;
	position: absolute;
	width: 100%;
	z-index: 2;
	visibility: hidden
}
.sp-large, .sp-wrap, .swatches li {
	position: relative
}
.product:hover div.quickview {
	visibility: visible
}
.btn-quickview {
	border-radius: 2px;
	font-family: Calibri, Helvetica Neue, Arial, sans-serif;
	letter-spacing: 2px;
	color: #454545!important;
	text-transform: uppercase;
	background: #fff;
	background: rgba(255,255,255,.9);
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-moz-o-shadow: 0 0 3px rgba(0,0,0,.3);
	left: auto;
	min-width: 100px;
	max-height: 40px;
	height: 40px!important;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	padding: 10px;
	visibility: hidden;
	width: auto;
	display: inline-block!important;
	z-index: 2;
	transform: scale(.75);
	-webkit-transform: scale(.75);
	-o-transform: scale(.75);
	-ms-transform: scale(.75);
	-moz-transform: scale(.75);
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0
}
.swatches li {
	box-shadow: 1px 1px 2px #C5C5C5
}
.product:hover .btn-quickview {
	visibility: visible;
	opacity: .85;
	-webkit-opacity: .85;
	-ms-opacity: .85;
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
@media (max-width:460px) {
div.quickview {
	margin-top: 25%
}
}
@media (max-width:400px) {
div.quickview {
	margin-top: 35%
}
}
.product>.btn-quickview:hover {
	opacity: .95
}
@media screen and (max-width:440px) {
.productFilter>.pull-left, .productFilter>.pull-right {
	display: block;
	width: 100%;
	text-align: center
}
.productFilter>p {
	margin-bottom: 5px;
	margin-top: 0
}
.productFilter>.pull-right>div {
	display: inline-block;
	float: none!important;
	width: 50%
}
.productFilter>.pull-right>div.change-order .form-control {
	float: left;
	font-size: 12px
}
.productFilter>.pull-right>div.change-view {
	margin-right: 0!important;
	width: auto!important
}
}
.change-view {
	margin-right: 10px
}
.subCategoryTitle {
	font-size: 13px;
	color: #444;
	font-weight: 600
}
.change-view a {
	border: 1px solid #CCC;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	height: 34px;
	line-height: 23px;
	margin-left: 5px;
	overflow: hidden;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px
}
.productFilter input, .productFilter select {
	font-size: 13px
}
.item.list-view {
	display: block;
	height: auto!important;
	width: 100%!important;
	overflow: hidden;
	margin-bottom: 20px
}
.item.list-view .product {
	padding: 10px
}
.item.list-view h3.leyendaConStock, .item.list-view h3.leyendaSinStock {
	margin: 0
}
.item.list-view .image .img-responsive {
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	-o-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0
}
.item.list-view .action-control, .item.list-view .description, .item.list-view .price {
	text-align: right
}
.item.list-view .image a {
	display: block;
	height: 100%;
	max-height: 100%!important
}
.item.list-view .image img {
	max-height: 260px;
	width: auto!important
}
.item.list-view h4 {
	height: auto;
	margin: 0 0 5px;
	font-size: 24px
}
.item.list-view h4 a {
	font-weight: 600
}
.item.list-view .description p {
	text-align: right;
	min-height: 10px
}
.item.list-view .price {
	font-size: 22px
}
.item.list-view .product .btn-compra {
	float: right!important
}
.pagination {
	margin-top: 10px
}


ul.paginado { float:right;list-style:none; margin:0; padding:0; border:1px solid #ccc; border-width:0 1px 1px 0; overflow:hidden; display:inline-block  }
ul.paginado li { padding:0px; float:left;margin:0 0px; border:1px solid #ccc; border-width:1px  0px 0px 1px;}
ul.paginado li a { background:#fff; color:#000; padding:6px 12px; display:block; font-size:14px;}
ul.paginado li a:hover {text-decoration:none;background:#f0f0f0; color:#000;  text-align:center;}
ul.paginado li.pag_activa a { background:#ddd; display:block }



.ley_sol_productos {
	display: none
}
div#hormiga h1, ul.lista-filtros-aplicados {
	font-weight: 600;
	font-size: 16px;
	color: #4e4e4e;
	font-family: Calibri;
	text-transform: uppercase;
	margin-bottom: 0
}
ul.lista-filtros-aplicados {
	margin-top: 10px;
	color: #999
}
.hormigafoot h2 {
	font-size: 14px;
	margin: 0 0 10px
}
.recomendadosrow {
	padding-left: 15px;
	padding-right: 15px
}
h5.preguntas_clientes, h5.recomendados, h5.tit_form_detalle {
	font-size: 24px;
	color: #222;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 0;
	font-weight: 400;
	border-top: 1px solid #ddd;
	padding-top: 15px;
	letter-spacing: -1px;
	margin-top: 20px;
	text-transform: uppercase
}
.breadcrumb {
	border: 1px solid #DDD;
	background: 0 0
}
.sp-large a img {
	width: 100%;
	max-width: 100%;
	height: auto;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}
.sp-large {
	overflow: hidden
}
.sp-large a {
	display: inline-block
}
.style3 .sp-large {
	border: 1px solid #ddd;
	max-width: 100%!important
}
.sp-wrap {
	border: none!important;
	width: 100%;
	background: 0 0!important;
	display: none;
	line-height: 0;
	font-size: 0;
	margin: 0 25px 15px 0;
	float: left
}
.product-title {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: .25px;
	line-height: 1;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-top: 0
}
.product-price {
	font-size: 28px;
	font-weight: 600;
	line-height: normal
}
.price-standard {
	color: #999;
	font-size: 80%;
	text-decoration: line-through
}
.price-sales {
	font-size: 120%;
	color: red
}
.cart-actions .btn-cart, .cart-actions .wishlist, .cart-actions button, .product-code {
	font-family: Calibri, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase
}
.product-code {
	letter-spacing: 1px;
	margin: 0 0 5px;
	padding: 0
}
.cart-actions {
	margin-top: 0;
	margin-bottom: 12px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #DDD;
	padding-bottom: 12px;
	clear: both
}
.cart-actions .btn-cart, .cart-actions .wishlist, .cart-actions button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	line-height: 1em;
	margin: 0;
	padding: 10px 20px;
	float: right;
	transition: all .25s ease 0;
	-moz-transition: all .25s ease 0;
	-webkit-transition: all .25s ease 0;
	-o-transition: all .25s ease 0;
	-ms-transition: all .25s ease 0
}
.col-form-label {
	padding-top: 7px;
	text-transform: uppercase;
	font-size: 14px!important;
	font-weight: 700!important
}
button.first {
	margin-right: 20px;
	margin-bottom: 10px
}
.cart-actions input[type=button] {
	background: #4ec67f;
	border: 2px solid #27ae60
}
.cart-actions button:hover {
	background: #fff;
	color: #2a2a2a;
	border: 2px solid #4ec67f
}
.incaps {
	display: block;
	float: none;
	font-family: Calibri, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0 20px 0 0;
	text-transform: uppercase
}
.semaf_amarillo, .semaf_rojo, .semaf_verde {
	min-width: 10px;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px
}
.semaf_verde {
	background-color: #58d68d;
	border-color: #58d68d;
	color: #fff
}
.semaf_amarillo {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: #faebcc
}
.semaf_rojo {
	color: #a94442;
	background-color: #ebccd1;
	border-color: #ebccd1
}
.estrella, .puntuacion, .titvalor {
	float: left
}
.incaps i {
	font-size: 20px
}
.color-in {
	color: #4CC94A
}
.color-out {
	color: red
}
.socialIcon a, .stButton .stLarge {
	-ms-behavior: none!important;
	color: #FFF;
	display: inline-block;
	text-align: center
}
.product-share {
	clear: both;
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	font-weight: 700
}
.socialIcon a {
	background: #CCC!important;
	font-size: 22px;
	padding-top: 5px;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	transition: all .15s ease-in-out 0;
	-moz-transition: all .15s ease-in-out 0;
	-webkit-transition: all .15s ease-in-out 0;
	-o-transition: all .15s ease-in-out 0;
	-ms-transition: all .15s ease-in-out 0
}
.stButton .stLarge {
	background: 0 0!important;
	font-size: 0;
	padding: 0;
	margin-right: 0;
	width: 0!important;
	height: 0!important;
	transition: all .15s ease-in-out 0;
	-moz-transition: all .15s ease-in-out 0;
	-webkit-transition: all .15s ease-in-out 0;
	-o-transition: all .15s ease-in-out 0;
	-ms-transition: all .15s ease-in-out 0
}
.stButton {
	margin: 0!important;
	background: #ccc;
	width: 35px;
	height: 35px;
	padding-top: 10px;
	text-align: center!important;
	top: 2px!important
}
.st_facebook_large .stButton:after {
	font-family: fontawesome;
	color: #fff;
	font-size: 22px;
	content: "\f09a"
}
.st_twitter_large .stButton:after {
	font-family: fontawesome;
	color: #fff;
	font-size: 22px;
	content: "\e61b"
}
.st_googleplus_large .stButton:after {
	font-family: fontawesome;
	color: #fff;
	font-size: 22px;
	content: "\f1a0"
}
.socialIcon a:hover {
	color: #fff
}
.recommended {
	border-top: solid 2px #ddd;
	margin-top: 20px;
	padding-top: 20px
}
.recommended h1 {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0
}
#valoracion {
	margin-top: 15px
}
#valoracion br[clear=all] {
	clear: none!important
}
.puntuacion {
	cursor: pointer;
	margin-right: 5px;
	display: block;
	overflow: visible
}
#printArea, .caps, .detalle-form, .estrella, .img-block, .img-link, .lista-medios-pago {
	overflow: hidden
}
.puntuacion:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	visibility: hidden
}
.estrella {
	width: 20px;
	height: 18px;
	display: inline-block;
	text-indent: -999em;
	cursor: pointer
}
.estrella_der, .estrella_izq {
	width: 10px
}
.estrella, .estrella a {
	background: url(../imagenes/estrella_sprite3.png) no-repeat
}
.estrella_izq, .estrella_izq a {
	background: url(../imagenes/estrella_sprite_izq3.png) no-repeat
}
.estrella_der, .estrella_der a {
	background: url(../imagenes/estrella_sprite_der3.png) no-repeat
}
.estrella a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0
}
.product-tab, .rating span, .swatches li {
	display: inline-block
}

div.puntuacion div.on a {
	background-position: 0 -25px
}
div#msjvaloracion {
	text-align: left;
	margin-top: 15px
}
.ratingInfo {
	margin-left: 10px
}
.nav-tabs {
	margin-bottom: 20px;
	border-bottom: 3px solid #bfc9ca
}
.product-tab {
	width: 100%;
	clear: both
}
.nav-tabs li a {
	font-family: Calibri, sans-serif;
	font-size: 13px;
	font-weight: 200;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
	padding: 10px!important
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover>a {
	background: #bfc9ca
}
.nav-tabs>li, .nav-tabs>li.active {
	background: 0 0
}
.nav-tabs>li>a {
	border: 0;
	border-radius: 0
}
.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
}
.color-details {
	margin-top: 14px;
	border-top: 1px solid #DDD;
	padding-top: 10px
}
.swatches {
	margin: .5em 0;
	padding-left: 0;
	list-style: none
}
.swatches .selected, .swatches li:hover {
	border: 2px solid #ddd
}
.swatches li {
	margin: 2px 1px;
	vertical-align: top;
	list-style: none;
	background-position: center center;
	background-repeat: no-repeat;
	border: 2px solid #FFF;
	height: 33px;
	text-align: center;
	transition: all .25s ease 0;
	width: 33px
}
.swatches li img {
	height: 31px;
	width: 31px
}
.swatches .selected:after, .swatches li:after {
	content: "\f00c";
	font-family: fontawesome;
	font-weight: lighter;
	transition: font-size .25s ease .1s;
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
}
.swatches li.li-color {
	width: 33px;
	height: 33px;
	overflow: hidden
}
.swatches.talle li {
	border: 2px solid #F0F0F0;
	background: #f5f5f5;
	padding: 5px
}
.swatches li:after {
	font-size: 0;
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top: -10px;
	color: #fff
}
.swatches .selected:after {
	height: 33px;
	width: 33px;
	font-size: 120%;
	color: #4ec67f
}
.productFilter {
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 7px;
	padding-top: 10px;
	margin-top: 10px
}
.productFilter p {
	display: block;
	font-size: 14px;
	margin-top: 6px
}
.marca_imagen {
	position: relative;
	top: 0;
	border: 0 solid #ddd;
	z-index: 1;
	right: 0
}
.marca_imagen img {
	max-width: 200px
}
.spacer {
	padding: 20px 0
}
#precant {
	border: 0 solid #ddd;
	padding: 5px;
	font-size: 12px
}
#precant h5 {
	display: none
}
#precant .table {
	margin: 0
}
.orderStep {
	clear: both;
	display: inline-block;
	height: auto;
	padding: 0;
	margin-bottom: 30px;
	width: 100%
}
.orderStep li {
	float: left;
	margin: 0;
	min-height: 55px
}
.orderStep li.active {
	color: #fff;
	position: relative
}
.orderStep li.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136,183,213,0);
	border-width: 10px;
	margin-left: -10px;
	border-top-color: #4ec67f!important
}
.orderStep li {
	display: inline-block;
	height: 100%;
	line-height: normal;
	padding: 20px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 33.33333333%;
	text-transform: uppercase;
	font-size: 13px
}
.orderStep li i {
	background: rgba(0,0,0,.05);
	border-radius: 0;
	display: block;
	font-size: 20px;
	height: auto;
	left: 0;
	line-height: 40px;
	margin-top: -20px;
	padding: 0;
	text-align: center;
	width: auto;
	float: none!important
}
.orderStep li.active i {
	background: rgba(0,0,0,.1);
	color: #FFF
}
.orderStep li span {
	display: block;
	padding: 5px 0
}
.orderStep li.active {
	background: #4ec67f
}
.orderStep li {
	background: #66de97
}
.cartFooter, .cartTableHeader {
	background: #EBEDEF
}
.caps {
	border-top: 0 none;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 16px;
	padding: 0 0 16px;
	text-align: right;
	text-transform: uppercase
}
h1.tit-checkout {
	margin: 0;
	padding: 0
}
.rightSidebar #cart-summary {
	margin-top: 0
}
.rightSidebar #cart-summary tr:first-child td {
	border: none
}
.cartMiniTable {
	border: 1px solid #DDD;
	padding: 10px
}
.couponForm {
	line-height: 16px
}
.couponForm input[type=text] {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	height: 35px
}
.ley_cupon {
	font-size: 90%;
	display: block;
	margin-bottom: 5px
}
#tabla_listados p, .CartDescription h4 {
	margin: 0
}
.couponForm .btn {
	border-radius: 0 3px 3px 0
}
p.success div.success, span.success {
	color: #8BB418
}
#total-price {
	font-size: 22px;
	font-weight: 700
}
label.error {
	color: #e74c3c;
	font-size: 90%
}
.quanitySniper {
	height: 30px;
	padding: 0;
	text-align: center;
	width: 40px
}
.content_marcas img, .lista-medios-pago li img {
	height: auto;
	max-width: 100%
}
tr.CartProduct td, tr.CartProduct th {
	text-align: center;
	padding: 10px 0
}
#tabla_listados tr.CartProduct td, #tabla_listados tr.CartProduct th {
	text-align: left;
	padding: 5px 10px
}
@media (max-width:767px) {
tr.CartProduct td, tr.CartProduct th {
	font-size: 11px
}
}
tr.CartProduct td:nth-child(2) {
	text-align: left
}
.CartProduct .delete i {
	font-size: 2.5em;
	position: relative;
	top: -5px
}
@media (max-width:767px) {
.CartProduct .delete i {
	font-size: 1em
}
}
.CartProductThumb img {
	width: 86px;
	max-width: 100%!important
}
tr.CartProduct {
	border-bottom: 1px solid #E7E9EC
}
.cartTable {
	border-top: solid 1px #EBEDEF
}
.cartFooter {
	padding: 20px;
	border-top: solid 1px #eee;
	display: inline-block;
	width: 100%
}
#cart-summary tr td:nth-child(2) {
	text-align: right
}
.boxes-title-1, .lista-medios-pago li, .product-slide-img, .product-slide-left, .ps-nav {
	text-align: center
}
.CartDescription h4 a {
	font-size: 14px!important;
	line-height: normal
}
@media (max-width:767px) {
.CartDescription h4 a {
	font-size: 12px!important
}
}
.couponQuitar {
	background: #f5f5f5;
	padding: 8px;
	margin: 0
}
ul.datos_cupon {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	font-size: 13px
}
.cupones-multi-block .couponForm {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center
}
.cupones-multi-block .couponForm .ley_cupon {
	width: 100%;
	margin-bottom: 0
}
.cupones-multi-block .couponForm input[type=text] {
	flex: 1 1 320px;
	margin-bottom: 0
}
.cupones-multi-block .couponForm .btn {
	flex: 0 0 200px
}
.cupones-multi-block .cupones-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px
}
.cupones-multi-block .cupon-item {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	width: calc(33.333% - 8px)
}
@media (max-width: 991px) {
	.cupones-multi-block .cupon-item {
		width: calc(50% - 6px)
	}
}
.cupones-multi-block .cupon-item .btn {
	margin-top: 10px
}
@media (max-width: 767px) {
	.cupones-multi-block .couponForm .btn {
		flex: 1 1 100%
	}
	.cupones-multi-block .cupon-item {
		width: 100%
	}
}
h6 {
	border-bottom: 1px solid #0070b7;
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 15px;
	padding: 10px 0 0;
	position: relative;
	text-transform: uppercase
}
.item-blog-post h2, .item-blog-post h2 a {
	font-size: 26px;
	font-weight: 700
}
.bg-msj {
	padding: 15px
}
.bg-msj-rosa {
	background-color: #E5097F;
	color: #fff;
	margin: 15px 0
}
.bg-info {
	background-color: #d9edf7
}
.align-middle {
	vertical-align: middle!important
}
.align-bottom {
	vertical-align: bottom!important
}
.panel-default>.panel-heading {
	border-top: 4px solid #4ec67f
}
.lista-medios-pago li {
	border: 2px solid #fff;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.lista-medios-pago li:hover {
	border: 2px solid #0070b7
}
.lista-medios-pago .bordePago2 {
	border: 2px solid #0070b7;
	background: #f5f5f5
}
.item-blog-post {
	margin: 0 auto 30px
}
.item-blog-post h2 {
	border-bottom: 0px solid #ddd;
	letter-spacing: 0;
	margin: 0px 0 10px;
	padding: 15px 0;
	position: relative
}

.item-blog-post .post-header .post-info {
	line-height: inherit;
	margin-bottom: 5px
}
.item-blog-post .post-main-view {
	background: #fff
}
.item-blog-post .post-main-view .post-description {
	padding: 30px 0;
	font-size: 16px;
	line-height: 1.625;
	font-weight: 300
}
.item-blog-post .post-description .vermas:after {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f178";
	padding-left: 5px
}
.loadMoreBlog .btn:hover {
	background: #ededed
}
@media only screen and (min-width:0) and (max-width:767px) {
.post-header {
	margin-bottom: 15px
}
}
.datos_usuario ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.datos_usuario ul li:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f0da";
	padding-right: 5px
}
.content_marcas .cajamarca {
	border: 1px solid #ddd
}
div.cajamarca div.imgmarca {
    display: flex;
    align-items: center;
    max-width: 90%;
	margin-left:auto !important;
	margin-right:auto !important;
}
div.cajamarca div.imgmarca a { width:100% }
div.cajamarca div.imgmarca img {
	margin-left:auto; margin-top:auto
}
.content_marcas .verprod {
	background: #ccc;
	display: block
}
.brand-carousel li {
	float: left;
	display: inline-block
}
#imageShowCase, .img-block, .img-link, .product-slide-img, .product-slide-img img, .product-slide-inner, .ps-nav {
	display: block
}
.brand-carousel li img {
	max-width: 100%;
	width: 100%
}
.carousel-nav {
	font-size: 26px;
	margin-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px
}
.detalle-form {
	background: #f5f5f5;
	border-radius: 5px;
	margin-top: 20px;
	border-top: 4px solid #4ec67f
}
h5.tit_form_detalle {
	border: none
}
.show-case-wrapper {
	margin: 0 auto 30px;
	float: none
}
#productShowCase .owl-controls {
	margin-top: 0
}
.product-slide-inner {
	margin-top: 12%;
	max-width: 98%
}
@media (max-width:767px) {
.product-slide-inner {
	display: block;
	max-width: 98%;
	margin: 5% auto 0;
	text-align: center
}
#productShowCase .owl-controls {
	margin-top: 10px
}
#ps-next {
	right: 15px
}
#ps-prev {
	left: 15px
}
}
#productShowCase .btn-stroke-dark i {
	font-size: 0;
	transition: font .3s ease
}
#productShowCase .btn-stroke-dark:hover i {
	font-size: inherit
}
#productShowCase .details-description {
	margin-bottom: 15px
}
.product-slide-img img {
	text-align: center;
	margin: 0 auto
}
#detalle div.impuestoprecio, #detalle div.ivaprecio, #print-articulo-detalle {
	text-align: left
}
#productShowCase .product-title {
	font-family: Calibri;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .25px;
	line-height: 36px;
	margin-bottom: 0
}
.ps-nav {
	font-size: 68px;
	height: auto;
	position: absolute;
	top: 38%;
	width: auto;
	text-shadow: 0 1px 0 rgba(0,0,0,.25)
}
#detalle_print #img_prod, .relative {
	position: relative
}
#ps-next {
	right: 15px
}
#ps-prev {
	left: 15px
}
@media screen and (max-width:767px) {
.ps-nav {
	top: 30%
}
.ps-nav img {
	width: 60px
}
}
.boxes-title-1 {
	background: #ebebeb;
	font-family: Calibri;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 30px;
	padding: 7px 0
}
.featuredImgLook2 .inner {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 15px
}
.featuredImgLook2 .inner:hover {
	border: 1px solid #4EC67F
}
.img-link img {
	width: 100%
}
.featuredImgLook2 h3 {
	color: #454545;
	font-weight: 600;
	padding: 20px 0;
	text-transform: uppercase
}
.featuredImgLook2 h3 span {
	color: #eb5e58;
	display: block;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 1px;
	text-transform: uppercase
}
.featuredImgLook2 .btn-link {
	border-radius: 0;
	color: #7f8c8d;
	cursor: pointer;
	font-weight: 400;
	text-transform: uppercase
}
.featuredImgLook2 p {
	color: #7f8c8d;
	margin-bottom: 20px
}
@media (max-width:991px) {
.featuredImgLook2 .col-md-3 {
	margin-bottom: 30px
}
}
@media (max-width:460px) {
.featuredImgLook2 .col-md-3 {
	width: 100%
}
}
#imageShowCase {
	clear: both;
	background: red
}
.image-show-case-wrapper .ps-nav {
	opacity: 0;
	transform: scale(1.15);
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0;
	-o-transition: all .3s ease 0
}
.image-show-case-wrapper:hover .ps-nav {
	transform: scale(1);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}
.featuredImageLook3 .inner .box-text-cell-inner h1 {
	font-size: 20px
}
.featuredImageLook3 .inner:hover .box-content-overly-white {
	opacity: 1;
	background: rgba(255,255,255,.8);
	visibility: visible
}
#detalle_print {
	width: auto!important
}
#detalle_print h1 {
	color: #069;
	border-top: 1px solid #ccc;
	margin-top: 10px!important;
	padding-top: 10px!important;
	font-size: 24px!important;
	font-weight: 600!important
}
#detalle_print h5 {
	font-size: 14px!important;
	font-weigth: 400!important;
	color: #222;
	margin-top: 15px!important;
	margin-bottom: 5px!important;
	border-bottom: 1px solid #ccc
}
#detalle_print h3 {
	font-size: 110%;
	color: #222;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
	margin: 3px 0
}
#detalle_print ul {
	margin-left: 10px;
	list-style-type: circle
}
#detalle_print #img_prod .img-responsive {
	max-width: 30%!important;
	margin: 0 auto!important
}
#detalle_print span.marca_print {
	position: absolute;
	bottom: 10px;
	right: 10px
}
#detalle_print .cajasoferta {
	clear: both;
	width: 95%
}
#detalle_print .imagenart {
	float: left;
	margin-right: 10px;
	padding-bottom: 0
}
#printArea .modal-body, .modal-content {
	background: #fff;
	font-size: 13px
}
#printArea .img_empresa .img-responsive {
	float: left!important;
	max-width: 25%!important
}
#printArea .btn-print-modal {
	position: relative;
	top: 0
}
.sp-wrap, .sp-zoom {
	z-index: 0!important
}
@media (min-width:768px) {
#navbar-sidebar .container-fluid, #navbar-sidebar .navbar-collapse {
	padding: 0
}
#navbar-sidebar .navbar-left {
	margin-left: 0
}
#navbar-sidebar .nav>li {
	width: 100%
}
}
.navbar-lateral {
	z-index: 9!important
}
.navbar-lateral .navbar-collapse {
	width: 100%!important
}
.navbar-lateral .navbar-toggle {
	float: left
}
.navbar-lateral span.caret {
	float: right;
	margin-left: 2px;
	vertical-align: middle;
	border: none!important
}
.navbar-lateral span.caret:before {
	font-family: FontAwesome;
	content: "\f0da"
}
.navbar-lateral .dropdown-menu span.caret:before {
	position: relative;
	top: -5px
}
@media (max-width:767px) {
.navbar-lateral .dropdown-menu span.caret:before {
	top: 0
}
.navbar-lateral .ley_cate_lateral_xs {
	float: left;
	position: relative;
	top: 15px;
	font-family: Calibri;
	color: #454545;
	font-size: 18px;
	font-weight: lighter
}
.detalle_producto {
	clear: both
}
}
.navbar-lateral .ley_cate_lateral_xs {
	font-family: Calibri;
	color: #454545;
	font-size: 18px;
	font-weight: lighter
}
.login_sup, .micuenta_top {
	display: none
}
#detalle div.ivaprecio {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dotted #ddd
}
#detalle div.pricefinal {
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0 dotted #ddd
}
#detalle .details-description {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ddd
}
.precio-sugerido {
	display: block
}

.msgerror, .msgexito, .msgalerta, .msginfo {
	padding: 15px;
	margin-bottom: 20px
}
td.FA, td.NC {
	color: #090
}
td.ND, td.RE {
	color: red
}
.msgexito {
	color: #3c763d;
	background-color: #dff0d8;
	border: 1px solid transparent;
	border-radius: 4px
}
.msgalerta {
	color: #31708f;
	background-color: #d9edf7;
	border: 1px solid transparent;
	border-radius: 4px
}
.msgerror {
	color: #3c763d;
	background-color: #ffd2d3;
	border: 1px solid transparent;
	border-radius: 4px
}
.msginfo {
	color: #3c763d;
	background-color: #dbecff;
	border: 1px solid transparent;
	border-radius: 4px
}
.form-control-feedback {
	right: 15px!important;
	padding-top: 7px!important;
	font-size: 18px!important;
	font-weight: 300!important
}
.has-feedback label~.form-control-feedback {
	top: 0
}
#print_this_form table td {
	padding: 5px;
	border: 1px solid #ddd
}
table.tabla_precio_x_cantidad, table.tabla_precio_x_cantidad td, table.tabla_precio_x_cantidad tr.cab td {
	border: 1px solid #ccc;
	border-collapse: collapse
}
.modal-header {
	padding: 0
}
table.tabla_precio_x_cantidad {
	width: 90%;
	text-align: center;
	margin-bottom: 5px
}
table.tabla_precio_x_cantidad tr.cab td {
	background: #e0e0e0;
	font-weight: 700
}

/* slide 2 */
div.item-slide.imagen-slide-2 {
	height:521px;overflow:hidden; position:relative;	
}
div.imagen-slide-2 span.leyenda_slide {
	text-align:center; position:absolute;width:100%;display:block;	margin:0 auto; left:auto
}

.container.leyenda_slide h1 {
	color:#fff; font:700 40px 'roboto', sans-serif !important; margin-top:130px;text-shadow:none !important
}


.container.leyenda_slide h1 span {
	display:block;
}
.container.leyenda_slide h1 b {
	background:rgba(255,255,255,.5);  padding:5px;
}

@media (max-width: 1299px) {
	.container.leyenda_slide h1 {max-width:60%;margin-left:auto; margin-right:auto;
		color:#fff; font:700 30px 'roboto' !important, sans-serif; margin-top:80px;
		text-shadow:none !important
	}
}
@media (max-width: 480px) {
	.container.leyenda_slide h1 {max-width:60%;margin-left:auto; margin-right:auto;
		color:#fff; font:700 30px 'roboto' !important, sans-serif; margin-top:150px;
		text-shadow:none !important
	}
}
@media (max-width: 767px) {
	.container.leyenda_slide h1 {max-width:60%; margin-left:auto; margin-right:auto;
		color:#fff; font:700 30px 'roboto', sans-serif !important; margin-top:190px;
		text-shadow:none !important
	}
}
/* ----------------------------- */

div.paginado {
	border-bottom:1px solid #f0f0f0; margin-bottom:20px; padding-bottom:10px
}
div.paginado-inf {
	border-top:1px solid #f0f0f0; margin-top:20px;padding-top:10px
}
@media ( max-width:480px ) {
	div.paginas {
		display:block !important; float:none !important; margin-bottom:15px; 
	}
}

small.help-block {color:#f00}


table.table-responsive td.left {
	text-align:left;padding:5px !important
}
table.table-responsive td.center {
	text-align:center;padding:5px !important
}
table.table-responsive td.right {
	text-align:right;padding:5px !important
}
tr.bordesup {
	border-top:1px solid #ccc
}
table.totalespresu tr {
	border-bottom:1px solid #999;
	
}
table.totalespresu tr td {
	padding:5px;
}
h2.subti {
	font-size:16px;border-bottom:1px solid #ccc;padding-bottom:5px;
}
div.seguir_inferior a, div.seguir_superior a{
	    display: block;
    width: 250px;
    background: #ebedef;
    text-align: center;
    padding: 10px;
    margin: 10px auto;}
table.tablaped td {
    padding: 2px 10px;
}

span#montos_tarjetas {
	display:block; font-size:16px !important; padding:8px; border:1px solid #ccc; margin-top:8px;
	background:#f5f5f5
}
span#montos_tarjetas > span {
	display:block !important
}
span#monto_cuotas_tarjetas, span#recargo_tarjetas, span#monto_total_tarjetas {
	font-weight:bold; 
}
span#monto_total_tarjetas {
	font-size:20px
}
#ModalTerycon div.modal-header h4.modal-title {
	text-align:center; padding:8px;
}
#ModalTerycon div.modal-body {
	font-size:13px; line-height:12px;
}
@media (min-width:990px) {
	#ModalTerycon .modal-dialog { width:800px; }	
}
a.termLink {
	font-weight:bold; text-decoration:underline
}

/* COMBOS */
#combos .info-prod1 {
	text-align:left;
}
#combos .cantidades {
	max-width:70px;
	display:inline-block;
	margin-top:15px;
}
b.nombre_paso {
	color:#c80e31; font-size:16px
}
b.precio_paso {
	font-size:16px
}
.fa-check-circle {
	position:absolute; top:8px; right:8px; color:#090
}
#combos .item.list-view h4 {
    font-size: 18px;
}
h1.titcombo {
	font:bold 24px 'calibri', sans-serif; color:#666;
	border-bottom:1px solid #ddd;
	margin-bottom:15px; 
    padding-bottom:15px
}
h1.titcombo2 {
	font:bold 24px 'calibri', sans-serif; color:#666;
	border-bottom:1px solid #ddd;
	/* margin-bottom:15px;  */
 /*    padding-bottom:15px */
}
.barra_progreso1 {
	border:1px solid #ccc; 
    padding:2px;
}
.siguienteCombos{
    margin: 3px;
}
div#div_total_pasos {
	font-size:16px; border:1px solid #ccc; padding:15px;
}
div#div_total_pasos {
	bord
}
div#div_total_pasosv2 {
	font-size:16px; padding:15px;
    width: 86.8%;
    width: 86.8%;
}
.change-view-combos {
    /* margin-right: 39px; */
    margin: 5px 35px;
}
.caja_combo_seleccionado img.img-responsive {
    max-width: 100px;
    /* height: 100px; */
}
.caja_combo_seleccionado {
    /* border-bottom: 1px dotted #ccc; */
    padding: 15px 0;
    margin: 5px 0px;
    background: #fafafa;
    /* border-radius: 25px; */
}
.caja_combo_seleccionado {
    /* background:#3498db30; */
    /* color: #000; */
    background: #fafafa;
    border-bottom: 1px dotted #ccc;
    padding: 15px 0;
    /* background: #3498db30; */
    /* color: #000; */
    border-radius: 7px;
}
.cantidad-producto {
    margin-top: 5px;
}

.img-prod-combos {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #f9f9f9;
}

.info-prod1 .card-title {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.precioCombos .price {
    font-size: 120%;
    /* margin-top: 10px; */
}

.seleccionado .card {
    background-color: #3498db66;
    color: #000;
}

.producto-combos{
    /* cursor: pointer; */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin: 10px 0;
}

.cantidadCombos select{
    /* cursor: pointer; */
}

.producto-combos:hover {
    /* transform: scale(1.02); */
        transform: translateY(-2px); /* Movimiento sutil en lugar de escalar */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}

.producto-combos .card {
    border-radius: 8px;
    overflow: hidden;
    padding: 10px 20px 20px 20px;
}

.barra_progreso2 {
	background:#090; width:0%; min-height:10px
}
.progress-bar {
    background-color: #090;
}
.progress {
    height: 11px;
}
b.precio_total_estimado {
	font-size:20px
}
.change-view-combos.pull-right {
    display: flex;
}
i.fa.fa-th-large.combos{
    margin-right: 15px;
}
.change-view-combos.pull-right i {
    font-size: 20px;
    cursor: pointer;
}
h3.tit_paso_actual {
	font:normal 20px 'calibri', sans-serif; padding:0 0 10px; display:block
}
a.volver_paso { cursor:pointer }
a.volver_paso:hover {
	font-weight:bold
}


@media (max-width:480px) {
	.caja_combo_seleccionado {
		display:none
	}
	a.verdetallecombo {
		display:block; background:#f00; color:#fff; width:40%; padding:10px; 
		text-align:center; text-transform:uppercase; cursor:pointer;
	}
}
@media print {
	.titcombo { display:block !important}
	.noimprimir {display:none;}
	.item {
		width:100% !important; height:auto;
		display:block !important;
	}
	.item .img-responsive {
		max-width:200px !important; float:left;
	}
	.total_estimado {
		font-size:25px;
	}
	#combos-paso-final {
		margin-top:-100 !important
	}
}
#combos-paso-final div.item {
	border:5px solid #fff;
}
#modalAlertas .modal-header {
	font-size:22px; color:#f00; padding:10px;
}
#modalAlertas .modal-body {
	font-size:22px;padding:25px;
}
#modalAlertas .modal-footer {
	text-align:center;padding:10px;
}
.btn_red_soc {
  font-size: 15px !important;
  padding: 3px !important;
  width: 205px !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 2px 2px !important;
  color: white !important;
  opacity: 0.7 !important;
}

.btn_red_soc:hover {
	opacity: 1 !important;
}

.btn_red_soc_fb{
	background: #3B5998 !important;
}

.btn_red_soc_go{
	background: #ea4335 !important;
}

.btn_red_soc_text{
	padding-left:3px;
	font-family: arial, Helvetica, Sans-serif;
}

.favButton{
	cursor: pointer;
	z-index: 2; 
	right:0; 
	font-size:25px;
	color:black;
	text-shadow: 0 0 2px #ffffff;
	
}

.favCaja{
	position:absolute; 
	padding-right:10px; 
	padding-top:5px; 
	-webkit-transition: font-size 0.2s, padding-right 0.2s, padding-top 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
  	transition: font-size 0.2s, padding-right 0.2s, padding-top 0.2s, color 0.2s;
}

.favLista{
	padding-bottom:10px; 
}

.favTop{
	position:absolute; 
	padding-right:22px; 
	padding-top:5px; 
	-webkit-transition: font-size 0.2s, padding-right 0.2s, padding-top 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
  	transition: font-size 0.2s, padding-right 0.2s, padding-top 0.2s, color 0.2s;
}

.favDetalle{
	float: right;
	-webkit-transition: font-size 0.2s, padding-right 0.2s, padding-top 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
  	transition: font-size 0.2s, padding-right 0.2s, padding-top 0.2s, color 0.2s;
}

.favButton.activo{
	color:#4ec67f;
}

.favButton.favLista:hover{
	font-size:27px;
	color: #4ec67f;
}

.favButton.favCaja:hover{
	font-size:27px;
	padding-right:9px;
	padding-top:4px; 
	color: #4ec67f;
}

.favButton.favTop:hover{
	font-size:27px;
	color: #4ec67f;
}

.favButton.favDetalle:hover{
	color: #4ec67f;
}

/* BOTON PARA MARCAR PRODUCTOS PARA AVISO DE RE-INGRESO DE STOCK POR MAIL */

.avisoStockButton{
	cursor: pointer;
	z-index: 2; 
	right:0; 
	font-size:25px;
	color:black;
	text-shadow: 0 0 2px #ffffff;
	margin-top: 30px;
}

span.avisoStockButton.favCaja {
    margin-top: 0;
    margin-right: 30px;
}

.detalle .avisoStockButton.favDetalle {
    margin: 0 auto;
    margin-right: 8px;
}

.avisoStockButton.activo-stk{
	color:#4ec67f;
}

.avisoStockButton.favLista:hover{
	font-size:27px;
	color: #4ec67f;
}

.avisoStockButton.favCaja:hover{
	font-size:27px;
	padding-right:9px;
	padding-top:4px; 
	color: #4ec67f;
}

.avisoStockButton.favTop:hover{
	font-size:27px;
	color: #4ec67f;
}

.tooltip-inner {
    white-space: nowrap !important;
}

.tooltip {
    max-width: none !important;
}

/* COMPARATIVA DE PRODUCTOS */
.product {
	padding-bottom:30px;
}
label.comparativa {
	display:block; position:absolute; bottom:0; text-align:center; width:100%; padding:5px 0
	
}
tr.cab-productos-comparativa td {
	background:#fff;
}
tr.row-productos-comparativa td {
	border:0px solid #ccc !important;
	border-right:1px solid #ddd !important
}
tr.cab-productos-comparativa td {
	border:0px solid #ccc !important;
	border-right:1px solid #ddd !important
}
td.prod-comparativa {
	text-align:center
}
td.item-comparativa, td.prod-comparativa {
	font-weight:bold; 
}
.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #f0f0f0;
}
tr.row-productos-comparativa td.item-comparativa {
	border:none !important
}

div#contenedor-comparativa {
	overflow-x:auto; border:0px solid #f00
}
div.padre ul {
	list-style:none; margin:0; padding:0
}
div.padre {
	display:table;
	border:0px solid #ccc;
	width:100%;
}

div.fila { display:table-row; margin:0; }

div.fila.productos { font-weight:bold; }
div.fila.productos .columna { position:relative; }
div.fila.productos .eliminar-compa {
	position:absolute;
	top:10px; right:10px;font-size:18px; cursor:pointer;
}

div.columna {
	display:table-cell; border:0px solid #222; padding:10px 5px; text-align:center;
	border-left:1px solid #eaeaea
}
span.marca-compa { display:block; }
div.columna.carac { text-align:left; border:none }
div.carac { font-weight:bold; }
span.movil { 	display:none; }
div.fila:nth-child(even) { background:#f0f0f0 }
span.precio-compa { display:block; text-align:center; font-weight:bold; color:#f00; font-size:20px; margin:10px 0 }
@media (max-width:480px) {
	div.padre { width:150% }
	div.carac { display:none; }
	span.movil { display:block; font-weight:bold }
}

div#listaComparacion {
	position:fixed; bottom:0; width:100%; z-index:99999999999; background:#fff;
	padding:15px; border:1px solid #666
}
div#listaComparacion ul  {
	list-style:none; margin:0; padding:0;
}
div#listaComparacion ul li img {
	width:100%
}
div#listaComparacion li {
	max-width:100px; float:left;
}



div#ventanaComparativa {
	background:#fff;overflow:hidden;
	position:fixed; bottom:0px; z-index:99999; width:100%;
	-webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
	-khtml-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
	left:0;
	border-bottom:4px solid #43afdc
}
div.mensaje_comparativa {
	width:100%; max-width:1170px; margin:0 auto; text-align:left;
}
span#mensaje_comparacion {
	color:#f00; margin-left:10px
}

div#ventanaComparativa div.mensaje_comparativa {
	padding:10px;font-weight:normal;
	
}
div.tit-ventana-comparativa {
	border-bottom:1px solid #e0e0e0; margin-bottom:0px; cursor:pointer; font-size:18px; font-weight:normal
}
div.tit-ventana-comparativa:hover {
	background:#f0f0f0
}
div#ventanaComparativa ul {
	list-style:none; margin:0; padding:0
}
div#ventanaComparativa ul li {
	float:left; width:25%;
	border:1px solid #f0f0f0;margin:8px;
	text-align:center;padding:0px 20px; position:relative;
}
div#ventanaComparativa ul li img {
	float:left; max-width:100px;
}
div#ventanaComparativa ul li i {
	position:absolute; right:15px; top:15px;
}
div.productos_comparativa {
	max-width:1170px; margin-left:auto; margin-right:auto;
	border:0px solid #f00; padding:0 15px;
	
}
div.productos_comparativa .col-md-3 {
	border:0px solid #f00; position:relative; padding:10px;
}
div.productos_comparativa .col-md-3 i {
	position:absolute; right:10px; top:10px;
}
div.productos_comparativa .col-md-3 img {
	max-width:70px; float:left;
}
div.productos_comparativa .col-md-3 p {
	padding:5px; padding-right:20px;
}
@media(max-width:480px) {
	div.productos_comparativa .col-md-3 {
		clear:both
	}
	div.productos_comparativa .col-md-3 i {
		position:absolute; right:20px; top:20px;
	}
	span#mensaje_comparacion {
		display:block; margin-left:0
	}
}
div#boton_comparar {
	float:right;
}
div#boton_comparar button {
	width:100%
}
div#boton_comparar a {
	display:block; padding:10px; font-weight:bold;
}
div#boton_comparar a:hover {
	display:block; padding:10px; font-weight:bold; color:#f00
}
div#boton_comparar i {
	position:relative; top:0px
}

div.precio_diferenciado {
	background:#f0f0f0; border:1px solid #e0e0e0
}
div.precio_diferenciado > div {
	padding-top:5px;
	padding-bottom:5px
}
div.diferenciado1, div.diferenciado2, div.diferenciado3 {
	font-weight:bold
}
div.cuadro_cuotas {
	margin-top:15px; margin-bottom:15px;
}


#medios_financiacion {
	list-style:none; margin:0; padding:0
}
#medios_financiacion li {
	float:left; display:inline-block; padding:5px; margin:5px; background:#f0f0f0; cursor:pointer; max-width:18%
}
#medios_financiacion .tarjetaDeseleccionada { background:#f0f0f0 }
#medios_financiacion .tarjetaSeleccionada { background:#e0e0e0 }
div#loading { position:fixed; z-index:1500; top:0; left:0; width:100%; height:100% }
b.nombreBanco { display:block; background:#fff !important; text-transform:uppercase;padding:10px; font-weight:bold; color:#666;font-size:18px; }
tr.cab-cuotas { background:#999 !important; color:#fff; font-weight:bold; }
tr.cab-cuotas td, tr.result-cuotas td { padding:8px; font-size:14px; }

a.popolvido {
	margin-top:15px;
}



div.retiro_sucursales{
	
}

div#loading {
   width: 100%;
   height: 100%;
   background: rgba(255,255,255,.7);
   z-index: 999;
   position: fixed;
   left: 0;
   top: 0;
   display: none;
}

div#loading > div {
   width: 66px;
   height: 66px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -292px;
   margin-left: -423px;
}

span.sucursal {
	display:inline-block; padding:0 15px; cursor:pointer
}
div.boton_arrepentimiento{text-align:center;margin-bottom:25px}

span.envio_gratis, span.envio_gratis_todos {
    color: #fff;
    background: #f90;
    border-radius: 5px;
    padding: 3px;
    left: 5px;
    position: absolute;
    width: 120px;
    display: block;
    top: 5px;
}

#divPostLonuevo {
	clear: both;
}

small.carrito_cod::after { content:')'}
small.carrito_cod::before { content:'('}

div#blueimp-gallery a.next:before {
    content: '\f105';
    font-family: 'font awesome 5 pro';
    position: relative;
    top: 2px;
    left: 1px;
}
div#blueimp-gallery a.prev:before {
    content: '\f104';
    font-family: 'font awesome 5 pro';
    position: relative;
    top: 2px;
    right: 1px;
}

div#blueimp-gallery a.close:before {
    content: '\f00d';
    font-family: 'font awesome 5 pro';
}
div#detalle.cajam div.nov_dcorta img, div#detalle.cajam div.nov_dlarga img { max-width:100% }

#width-full-important {
	width: 100% !important;
}
#medios_financiacion li {
  cursor: pointer;
  transition: background-color 0.2s;
}
#medios_financiacion li:hover {
  background-color: #f0f0f0;
}
.tarjetaDeseleccionada label{
    cursor: pointer;
}
.tarjetaSeleccionada label{
    cursor: pointer;
}
#medios_financiacion li {
  min-height: 60px;
  height: 115px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px; 
}
#medios_financiacion li label {
  display: block;
  width: 100%;
}
#medios_financiacion li img {
  max-width: 100%;
}

a.btn_detalle {
    /* background: #000; */
    /* padding: 10px 15px; */
    /* border-radius: 25px; */
    /* color: #fff; */
    font-weight: bold;
    letter-spacing: 1px;
    padding-right: 0px;
    /* text-transform: uppercase; */
}

.paso_actual {
    background: #3498db66;
    color: #000;
}

.div_total_estimado_fin{
    margin-top: 10px;
}
.caja_total_estimado_fin{
    padding-right: 0px;
}
.paso_sin_productos{
    background: #fafafa;
}
.paso_con_productos{
    background: #54db3430;
}
.finalizar_combos{
    margin-top: 20px;
}
.combos_fin{
    width: 70%;
    margin: 10px auto;
}
.info-prod1 .card-title {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}
.caja_combo_seleccionado img.img-responsive {
    max-width: 70px;
}
.img-prod-combos {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    background-color: #f9f9f9;
}
span.precio_total_estimado.pull-right.price {
    float: none;
    margin-left: 18px;
}

.div_total_estimado_fin {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
i.fa-sharp.fa-regular.fa-circle-info {
    font-family: 'Font Awesome 6 Pro';
}
.combosEstimadoReiniciar{
    margin-bottom: 10px;
    margin-top: 15px;
}
.ul_prod_sel{
    margin: 0px;
    list-style: none;
    padding-left: 0px;
}

#lista_productos.htmx-request{
    position: relative;
    opacity: 0.3; 
    pointer-events: none;
    filter: blur(1px);
    transition: all 0.3s ease-in-out;
}

@keyframes l3 {to{transform: rotate(1turn)}
}
.loader-prod{
    display: none;
}
.loader-prod-on {
    width: 62px;
    padding: 6px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #3498db;
    --_m: conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 2s infinite linear;
    position: relative;
    left: 45.5%;
    top: 228px;
    z-index: 99999999999999;
    filter: none !important;
}
.nombre_paso{
    font-weight: 700;
    cursor: pointer;
}
span.compatible {
    font-weight: bold;
    font-style: italic;
    color: #2eb11e;
    padding-top: 5px;
}
span.no_compatible {
    font-weight: bold;
    font-style: italic;
    color: #b11e1e;
}
.compatibilidad_div {
    display: block;
}

.icocombos.fa-check-circle {
	position:relative; 
    top:0px; 
    right:0px; 
    color:#090
}

.compatible_card {
    border: 1px solid #2eb11e;
}
.no_compatible_card {
    border: 1px solid #b11e1e;
}
.mensaje-combos{
    text-align: center;
}
.div_paso_incompatible{
    border: 1px solid #b11e1e;
}
.mensaje-combos-err{
        background-color: #ffebeb;
        font: 600 12px "Arial", sans-serif;
        padding: 12px 15px;
        margin: 5px 0;
        color: #d32f2f;
        border: 1px solid #d32f2f;
        border-left: 5px solid #d32f2f;
        border-radius: 6px;
        display: flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
        /* font-size: 14px; */
        color: #b71c1c;
}
.mensaje-combos-err::before {
    content: "\f071";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 18px;
    color: #d32f2f;
}

.mensaje-combos-info {
    background-color: #ffff; /* Rojo claro para suavizar */
    font: 600 12px "Arial", sans-serif;
    font-weight: bold;
    padding: 12px 15px;
    margin: 5px 0;
    /* color: #825b00; /* Rojo oscuro para buen contraste */ */
    border: solid 1px #ffff;
    border-left: 4px solid #ffff; /* Borde izquierdo grueso para destacar */
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    /* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); */
}

/* .mensaje-combos-info::before { */
/*     content: "\f071"; */
/*     font-family: "Font Awesome 5 Pro"; */
/*     font-weight: 900; */
/*     font-size: 18px; */
/*     color: #b88100; */
/* } */

.mensaje-combos-success {
    background-color: #e6f7e6; /* Verde claro para indicar éxito */
    font: 600 12px "Arial", sans-serif;
    padding: 12px 15px;
    margin: 5px 0;
    color: #1b5e20; /* Verde oscuro para buen contraste */
    border: solid 1px #2e7d32;
    border-left: 4px solid #2e7d32; /* Borde izquierdo grueso para destacar */
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.mensaje-combos-success::before {
    content: "\f00c"; /* Icono de check */
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 18px;
    color: #2e7d32;
}

/* Oculta el Check de válido en el capcha para evitar confusiones */
i.form-control-feedback.fa.fa-check{
	display: none !important;
}

.categoria-lateral-colapsable.has-submenu > a::before {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-right: 6px;
  font-size: 10px;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
}

.categoria-lateral-colapsable.has-submenu > a[aria-expanded="true"]::before {
  transform: rotate(-90deg);
}

ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 20px;
}

.categoria-lateral-colapsable:not(.has-submenu) > a::before {
  content: '•';
  margin-right: 6px;
  font-size: 18px;
  display: inline-block;
}

.subcategoria-lateral-colapsable {
  max-height: 0;
  overflow: hidden;
  padding-left: 20px;
  transition: max-height 0.3s ease-in-out;
}

.subcategoria-lateral-colapsable.show {
  max-height: 1000px;
  padding-left: 20px;
}

.subcategoria-lateral-colapsable li {
  margin: 5px 0;
}

.subcategoria-lateral-colapsable li a {
  padding-left: 20px;
  display: block;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}

.subcategoria-lateral-colapsable li a:hover {
  background-color: #f4f4f4;
  color: #000;
}

/***** BOTON CANTIDAD LISTADOS *****/
.container-boton-agregar-cantidad {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.quantity-control {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    font-size: 1rem;
}

.qty-btn {
    border-radius: 3px;
    padding: 13px;
    height: max-content;
    margin-left: 2.5px;
    margin-right: 2.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #f0f0f0;
    cursor: pointer;
    transition: all 0.25s linear 0s;
    color: #4e4e4e;
}

.qty-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.qty-input {
    width: 35px;
    text-align: center;
    border: none;
    outline: none;
    margin-bottom: 0px !important;
    -moz-appearance: textfield;
}

.qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.qty-btn:hover {
    background: #e4e1e1;
}
body.detalle .qty-input {
    width: 50px;
}
body.detalle button.qty-btn.boton-ts-restar, body.detalle button.qty-btn.boton-ts-sumar {
    width: 35px;
}
body.detalle .cart-actions .container-boton-agregar-cantidad button:hover {
    background: #e4e1e1;
    color: #2a2a2a;
    border: 0;
}
body.detalle .cart-actions .container-boton-agregar-cantidad button.btn.btn-primary.btn-compra:hover {
    background: #2a2a2a;
    color: #ebebeb;
}
.product .container-boton-agregar-cantidad button.btn.btn-primary.btn-compra {
    margin: 0;
}
.container-boton-agregar-cantidad i {
    color: #4e4e4e;
}
@media (max-width: 480px) {
  .col-md-3.col-xs-6 .container-boton-agregar-cantidad {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }

  .col-md-3.col-xs-6 .quantity-control {
    justify-content: center;
    width: 100%;
  }

  .col-md-3.col-xs-6 .container-boton-agregar-cantidad .btn-compra {
    width: 100%;
    font-size: 1.3rem;
  }

  .col-md-3.col-xs-6 .qty-btn {
    padding: 10px;
    width: 38px;
    margin: 0 5px;
    height: 38px;
  }

  .col-md-3.col-xs-6 .qty-input {
    width: 45px;
  }
  body.detalle .container-boton-agregar-cantidad .quantity-control {
    width: initial;
    justify-content: inherit;
}

body.detalle .container-boton-agregar-cantidad {
    flex-direction: inherit;
    align-items: center;
}

body.detalle .container-boton-agregar-cantidad button.btn.btn-primary.btn-compra {
    width: inherit;
}
}
body.detalle button.qty-btn.boton-ts-restar, body.detalle button.qty-btn.boton-ts-sumar {
    width: 35px;
    margin-left: 2.5px;
    margin-right: 2.5px;
}
.container-boton-agregar-cantidad button.btn.btn-primary.btn-compra {
    min-width: 115px;
}
/***** FIN BOTON CANTIDAD LISTADOS *****/
/****DECIDIR MODAL************/
.fancybox-iframe {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.payment-card {
padding: 30px 40px;
padding-top: 0px;
}
.payment-card h3 {
font-weight: 700;
text-transform: uppercase;
color: #424242;
text-align: center;
margin-bottom: 15px;
font-size: 130%;
}
.payment-card i {
font-weight: 400;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
border-radius: 20px !important;
}
@media (max-width: 480px) {
.payment-card .divEqual {
width: 100%!important;
}
.payment-card .col-xs-6.divEqual {
width: 100%;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
height: 650px !important;
}
}
/***FIN DECIDIR MODAL*************/

.pagination, .pagination>li {
    display: flex;
}

.pagination li.page-item:first-child a {
    border-radius: 4px 0 0 4px;
}
.pagination li.page-item a:not(.page-link) {
    border-radius: 0 4px 4px 0;
}

.paginador-form form {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.paginador-form input, .paginador-form button {
    display: flex;
    height: auto;
    margin: 0 !important;
}

.paginador-form button {
    background-color: #0070b7;
    border-color: #0070b7;
    color: #ffffff;
    padding: 6px 12px;
    border: none;
    height: 100%;
}

.paginador-form form :first-child {
    border-radius: 4px 0 0 4px;
}
.paginador-form form :last-child {
    border-radius: 0 4px 4px 0;

}
/*MODAL CUOTAS MP*/

#modalPagos .modal-header {
    padding: 15px;
    border-bottom: 1px solid #ddd
}

#modalPagos #modalPagoImg {
    width: 70px;
    max-height: 40px;
    object-fit: contain;
    display: inline-block
}

#modalPagos .d-flex {
    display: flex;
}

#modalPagos .flex-grow-1 {
    flex-grow: 1 !important;
}

#modalPagos .modal-title {
    display: inline
}

#modalPagos .modal-body {
    background: var(--color-marca3)
}

#modalPagos #detalle_cuotas_mp h3 {
    text-align: start;
    border-bottom: none
}

#modalPagos .header-opciones {
    padding: 15px;
    margin: 0 0 15px;
    font-weight: 700;
    background: var(--color-marca2);
    color: var(--color-marca3);
    border-radius: 7px;
}

#modalPagos .filas-cuotas-mp label {
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 7px;
}

#modalPagos .filas-cuotas-mp .inputCuota {
    position: static;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

#modalPagos .alert-info {
    margin: 10px 0 15px
}

#modalPagos #detalle_cuotas_mp .form-group {
    margin-top: 10px
}

#modalPagos #bt_continuar_mp {
    display: block
}

.opcionesTipo.cuotas-mp {
    margin: 20px 0;
    font-size: 16px;
    color: #333
}

.tabla_cuotas_mp {
    width: 100%
}

.col-precioTotal {
    padding-right: 0;
}
.col-cantCuota {
    padding-left: 0;
}

.filas-cuotas-mp .fila-cuota-mp {
    border-bottom: 1px solid #eee;
    margin: 0;
    font-weight: 400;
}

.filas-cuotas-mp .fila-cuota-mp:last-child {
    border-bottom: none
}

.columna1 label {
    font-weight: 400;
    cursor: pointer
}

#modalPagos .precio {
    font-weight: 600
}

.columna3 .interes {
    color: #444
}

.color-accent {
    color: #007bff
}

.ley-cuotas-mp {
    margin-top: 15px;
    font-size: 14px;
    color: #777
}

.ley-cuotas-mp p {
    margin: 0;
    line-height: 1.4
}

@media (max-width: 767px) {
    #modalPagos .header-opciones {
        padding: 12px;
    }
    
    #modalPagos .filas-cuotas-mp label {
        padding: 12px; 
    }

    .tabla_cuotas_mp .row [class*="col"] {
        font-size: 12px;
        white-space: nowrap;
        padding: 0 5px;
    }

    .tabla_cuotas_mp .row .col-cantCuota {
        padding-left: 0;
    }
    .tabla_cuotas_mp .row .col-precioTotal {
        padding-right: 0;
    }


    .columna2 .precio,.columna3 .interes {
        display: inline-block
    }

	.columna2 .precio,
	.columna3 .interes {
		display: inline-block;
	}
}


/**** CATALOGO COMPLETO ****/
.productos-folleto .categoria-agrupada {
    margin-left: -5px;
    margin-right: -5px;
}
.productos-folleto .categoria-agrupada:first-of-type {
    margin-top: 0px;
}
.productos-folleto .categoria-agrupada {
    margin-top: 50px;
}
.productos-folleto .categoria-agrupada > div {
    padding: 5px;
}
.imagen-cabecera {
    padding: 10px 0;
}
.productos-folleto .imagen-cabecera img {
    border-radius: 15px;
    width: 100%;
}
.productos-folleto h2, .productos-folleto h2 a{
    color: var(--color-marca2);
}
/**** FIN CATALOGO COMPLETO ****/
.proyector-img-mobile {
    display: none;
}
@media (max-width: 480px) {
.proyector-img{
    display: none;
}
.proyector-img-mobile {
    display: block;
}
}
/* Proyector categoria: forzar layout mobile cuando hay banner lateral */
@media (max-width: 767px) {
    .cont_proy_categoria .proyector-img {
        display: none !important;
    }
    .cont_proy_categoria .proyector-img-mobile {
        display: block !important;
        width: 100%;
    }
    .cont_proy_categoria .proyector-categoria-contenido,
    .cont_proy_categoria .proyector-novedades {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .cont_proy_categoria #productslider-proyector-categoria {
        display: block !important;
        width: 100% !important;
    }
}
/* ajuste del proyector productos top */
div#productslider-top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) { 
div#productslider-top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
		}
}

/* nuevo proyector en categoría de productos */
.cont_proy .bck_proy {
    position: relative;
    padding: 10px 30px;
    border-radius: 10px;
    overflow: hidden;
    margin: 45px 0 20px;
}
.cont_proy .bck_proy_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.cont_proy .title-sol{
    margin: 10px 0 !important;
}
.cont_proy .title-sol span{
    color: var(--color-marca3) !important;
}
.cont_proy .item {
    padding: 5px;
}
@media (max-width: 767px) {
    .cont_proy .contenedor-proyector>.row{
        margin: 0;
    }
    .cont_proy .contenedor-proyector{
        margin: 0;
    }
    .cont_proy .proyector-img {
        display: none !important;
    }
    .cont_proy .proyector-img-mobile {
        display: block !important;
        width: 100%;
        padding: 10px 0 15px;
    }
    .cont_proy .proyector-img-mobile img {
        width: 100%;
        border-radius: 10px;
    }
}

.adicionales-articulo-modulo {
    margin: 22px 0 18px;
    padding: 18px;
    border: 1px solid #d9d7d2;
    background: #f1f1f1;
    border-radius: 18px
}

.adicionales-articulo-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px
}

.adicionales-articulo-titulo strong {
    display: block;
    font-size: 18px;
    line-height: 1.1;
    color: #2d241c
}

.adicionales-articulo-titulo small {
    display: block;
    margin-top: 6px;
    color: #6b6b6b;
    font-size: 13px;
    line-height: 1.4
}

.adicionales-resumen {
    min-width: 150px;
    padding: 10px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #ddd4c6;
    text-align: right;
    box-shadow: 0 8px 20px rgba(0,0,0,.04)
}

.adicionales-resumen-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #8a7e70;
    margin-bottom: 3px
}

.adicionales-resumen strong {
    font-size: 22px;
    line-height: 1;
    color: #2d241c
}

.adicionales-nivel {
    margin-bottom: 16px
}

.adicionales-nivel:last-child {
    margin-bottom: 0
}

.adicionales-nivel-titulo {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #2d241c
}

.adicionales-grupo {
    margin-bottom: 12px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e0d8ca;
    box-shadow: 0 8px 24px rgba(68,49,24,.05);
    overflow: hidden
}

.adicionales-grupo:last-child {
    margin-bottom: 0
}

.adicionales-grupo button:hover {
    border: 0px;
}

.adicionales-grupo-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    background: #fff;
    border: 0;
    text-align: left
}

.adicionales-grupo-toggle-texto {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

.adicionales-grupo-titulo {
    font-size: 15px;
    font-weight: 700;
    color: #2d241c
}

.adicionales-grupo-ayuda {
    font-size: 12px;
    color: #8b8176
}

.adicionales-grupo-icono {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3eee5;
    color: #8a8a8a;
    font-size: 22px;
    line-height: 1;
    flex: 0 0 30px
}

.adicionales-grupo.abierto .adicionales-grupo-toggle {
    background: #ffffff;
    border-bottom: 0px solid #eee3d5;
}

.adicionales-grupo.abierto .adicionales-grupo-icono {
    background: #8a8a8a;
    color: #fff
}

.adicionales-grupo-opciones {
    display: none;
    padding: 14px
}

.adicionales-grupo.abierto .adicionales-grupo-opciones {
    display: block
}

.adicional-opcion {
    display: block;
    cursor: pointer;
    margin: 0 0 10px
}

.adicional-opcion:last-child {
    margin-bottom: 0
}

.adicional-articulo-opcion {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.adicional-opcion-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #c7c7c5;
    border-radius: 14px;
    background: #fcfbf8;
    transition: border-color .2s ease,box-shadow .2s ease,background .2s ease
}

.adicional-opcion:hover .adicional-opcion-card {
    border-color: #c7c7c5;
    box-shadow: 0 8px 18px rgba(0,0,0,.06)
}

.adicional-articulo-opcion:checked + .adicional-opcion-card {
    border-color: #8a8a8a;
    background: #f3f3f3;
    box-shadow: 0 2px 10px rgba(135,100,69,.16);
}

.adicional-opcion-check {
    width: 18px;
    height: 18px;
    border: 2px solid #c7c7c5;
    border-radius: 50%;
    flex: 0 0 18px;
    position: relative;
    background: #fff
}

.adicional-articulo-opcion[type="checkbox"] + .adicional-opcion-card .adicional-opcion-check {
    border-radius: 6px
}

.adicional-articulo-opcion:checked + .adicional-opcion-card .adicional-opcion-check {
    border-color: #8a8a8a;
    background: #8a8a8a
}

.adicional-articulo-opcion:checked + .adicional-opcion-card .adicional-opcion-check:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.adicional-opcion-texto {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0
}

.adicional-opcion-nombre {
    font-weight: 600;
    color: #2f2a24;
    line-height: 1.35
}

.adicional-opcion-accion {
    font-size: 12px;
    color: #8b8176
}

.adicional-opcion-valor {
    font-weight: 700;
    color: #2d241c;
    white-space: nowrap
}

@media (max-width: 767px) {
    .adicionales-articulo-head {
        flex-direction:column
    }

    .adicionales-resumen {
        width: 100%;
        text-align: left
    }

    .adicional-opcion-card {
        align-items: flex-start
    }

    .adicionales-grupo-toggle {
        padding: 14px
    }

    .adicionales-grupo-opciones {
        padding: 12px
    }

    .adicional-opcion-valor {
        white-space: normal;
        text-align: right
    }
}