@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700&display=swap');
@import url('style.css');
@import url('forms.css');

/* PALETA */
	/* Acento: #D21A15 rgba(210,26,21,1) */
	/* Soft grey: #f3f4f6 */
	/* Middle grey: #d1d5db */
	/* Base grey: #6b7280 */
	/* Dark grey: #111827 */
	

* { margin:0; padding:0; border:none; outline:none; box-sizing:border-box;
	transition: background 0.3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out; }
/*
  transition-duration: .15s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
*/
}
input::-moz-focus-inner { border:0; }
body { font-family:"Barlow", Helvetica, Arial, Geneva, sans-serif; font-size:14px; line-height:1.4em; color:#111827; -webkit-text-size-adjust:none; background:#f3f4f6; }
a { text-decoration:none; color:rgb(0, 109, 196); }
	a:hover { text-decoration:none; }
button:hover { cursor:pointer; }
p { line-height:1.3em; }
ul { list-style:none; }
a { color:rgb(0, 109, 196); }


/* ICONOS */
.icon, .iconDiv:before, .sideOptions li a:after { display:inline-block; vertical-align:bottom;
	font-size:1.5em; line-height:1em; font-family:'v3' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; font-style:normal; text-rendering:auto; line-height:1em; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.iconAccent { color:#D21A15 !important; }
.iconTop { text-align:center; color:#000; }
	.iconTop .icon { display:block; margin:0 auto; font-size:1.5rem; text-align:center; color:#D21A15; }

.iconBig { font-size:2.75rem; }
.iconBox { display:inline-flex; width:1.75em; height:1.75em; margin:0; background:#D21A15;
	color:#fff; border-radius:7px; font-size:1.7em; justify-content:center; align-items:center; }

.status:before { content:''; display:inline-block; width:.6em; height:0.6em; border-radius:50%; margin-right:.6em;
	background:rgb(195,195,195); outline:4px solid rgba(195,195,195,.3); }
	.statusOK:before { background:rgb(34,197,94); outline:4px solid rgba(34,197,94,.2); }
	.statusKO:before { background:#FF2F00; outline:4px solid rgba(255,47,0,.2); }

.status1:before { content:''; display:inline-block; width:.6em; height:0.6em; border-radius:50%; margin-right:.6em; background:rgb(195,195,195); outline:4px solid rgba(195,195,195,.3); }
	.statusOK1 { background:rgb(34,197,94); outline:4px solid rgba(34,197,94,.2); }
	.statusNO1 { background:#FF2F00; outline:4px solid rgba(255,47,0,.2); }

.iconDiv input { text-align:left; padding-left:2.75em; }
.iconDiv:before { display:block; position:absolute; z-index:1; margin:.32em .4em; }
	.search:before { content:"\f009"; }
	
.iconBar { display:flex; gap:3em; width:40%; justify-content:right; width:50%; line-height:.95em; }
	.iconBar li { text-align:center; }
	.iconBar .icon { margin-bottom:.15em; }

	.iconList { margin:-.7em; color:#999; }
		.iconList li { padding:.6em; border-radius:10px; }
		.iconList .icon { margin-right:.4em; color:#000; font-size:1.7em; }
			.iconList li:hover { color:#000; background:#fff; }
				.iconList li:hover .icon { color:#D21A15; }

/* Pop-up Menu */
.popMenu { position:absolute; right:1.5rem; top:3.5rem;
	padding:0 .5em; border-radius:8px; border:1px solid rgb(229,231,235); box-shadow:rgba(0,0,0,.2) 0 .5em 1.5em; background:#fff; color:#111827; }
	.popMenu ul { padding:0 0 .5em; margin:.5em 0 0; border-bottom:1px solid rgb(229,231,235); }
		.popMenu ul:last-child { border:none; padding:0 0 .3em; }
			.popMenu ul li a { display:flex; align-items:center; position:relative; padding:.6em; border-radius:5px; margin:.2em 0; color:#6b7280; }
				.popMenu ul li a:hover { color:#fff; background:rgb(156,163,175); }
			.popMenu ul li .icon { font-size:1.3em; margin-right:.4em; color:rgb(156,163,175); }
				.popMenu ul li:hover .icon { color:#fff; }

/* Menú principal */

#mainMenu {}
#mainMenu .topBar { display:flex; gap:1em; align-items:center; padding:1em; color:#fff;
	background:#D21A15; background:rgb(210,26,21); background:linear-gradient(0deg, rgba(210,26,21,1) 0%, rgba(210,26,21,1) 6%, #222 6%, #222 50%, #444 100%); }
	#mainMenu .topBar .container { display:flex; /* display:grid; grid-template-columns:1fr 1.2fr 1fr; */ }
	#mainMenu .topBar section { display:flex; justify-content:space-between; width:40%; }
	#mainMenu .topBar h1 { width:4.3em; height:6em; margin:-.8em 0; font-size:1em;
		text-indent:-9999px; background:url(../img/recambios-comarca1.png) center center no-repeat; background-size:contain; }
	#mainMenu .topBar a { color:#fff; font-weight:bold; font-size:.9em; }
	#mainMenu .topBar .mainSearch { display:flex; align-items:center; justify-content:center; }
	#mainMenu .topBar .mainSearch input { width:30em; height:40px; text-align:left; border-radius:2em; border:none; }
		#mainMenu .topBar .mainSearch input::placeholder { font-style:italic; }
		#mainMenu .topBar .mainSearch button { width:34px; height:34px; margin-left:-37px; border-radius:50%; background:#D21A15; color:#fff; outline:2px solid; }
			#mainMenu .topBar .mainSearch button:hover { position:relative; top:-1px;
				background:#D21A15; color:#000; box-shadow:0 3px 3px rgba(0,0,0,.3); }
			#mainMenu .topBar .mainSearch button:active { top:0; }
	#mainMenu #mobileMenu { display:none; }
	#mainMenu #carritoTop { white-space:nowrap; }
		#mainMenu #carritoTop em { font-style:normal; padding:0 .3em; border-radius:.56em; background:#fff; color:#000; }

	#mainMenu nav { background:#fff; box-shadow:0 0 5px rgba(0,0,0,.3) inset; position:relative; z-index:99999;
/* 		background:linear-gradient(0deg, #ddd 0%, #fff 35%, #fff 100%); */ }
		#mainMenu nav .container { display:flex; }
		#mainMenu nav ul { display:flex; gap:1em; align-items:stretch; position:relative; width:100%; }
		#mainMenu nav li { display:flex; flex-grow:1; align-items:stretch; font-size:1em; }
			#mainMenu nav div > ul > li:hover { margin-top:-8px; }
		#mainMenu nav div > ul > li > a { display:flex; flex-grow:1; position:relative; padding:.8em 1em; border-radius:1em 1em 0 0;
			color:#333; justify-content:center; line-height:1.1em; font-weight:bold; font-size:1.12em; }
			#mainMenu nav div > ul > li:hover > a { z-index:11; background:#fff; padding:1em;}
			#mainMenu nav li section { display:none; position:absolute; left:0; right:0; top:2.7em; z-index:10;
				padding:2em 25% 2em 2em; gap:4em; border-radius:1em; box-shadow:0 1em 10em rgba(0,0,0,.4);
				background:url(../img/tablet.png) 98% center no-repeat #fff; background-size:20%; min-height:280px; }
				#mainMenu nav li:hover section { display:flex; opacity:1; }
				#mainMenu nav li:first-child section { border-top-left-radius:0; }
				#mainMenu nav li:last-child section { border-top-right-radius:0; }
					#mainMenu nav li section dt { position:relative; margin-top:-.75em; font-weight:bold; font-size:1.1em; }
						#mainMenu nav li section dt a { padding:.4em .6em .4em 1.4em; }
						#mainMenu nav li section dt .icon { position:absolute; left:-.35em; color:#D21A15; }
					#mainMenu nav li section dd { padding-left:.65em; border-left:1px solid #ddd; margin-left:.2em; }
					#mainMenu nav li section a { display:block; padding:.4em .6em; color:#000; }
						#mainMenu nav li section dt a:hover { color:#D21A15; cursor:pointer; }
						#mainMenu nav li section dd a:hover { border-bottom:1px dotted #D21A15; margin-top:-1px; cursor:pointer; }
					#mainMenu nav li section .btn { display:inline-flex; position:absolute; right:1.1em;
						margin-top:-.75em; padding:.1em 1em .25em;}

@media only screen and (max-width:1000px) { #mainMenu .topBar section { width:auto;}}
@media only screen and (max-width: 600px) {
	#mainMenu .topBar { padding:.6em 0 1.6em; }
		#mainMenu .topBar .container { flex-wrap:wrap; column-gap:0; row-gap:.8rem; }
		#mainMenu .topBar h1 { width:3.5em; height:3.5em; margin:0; }
		#mainMenu .topBar .mainSearch input { width:100%; }
	#mainMenu section { order:1; /* width:10%; */ }
	#mainMenu .mainSearch { order:4; width:85%; }
	#mainMenu .iconBar { order:2; width:80%; gap:1.5em; }
	#mainMenu #mobileMenu { display:flex; width:15%; align-items:center; order:3; font-size:1.2rem; }

	#mainMenu nav { display:none; position:fixed; left:.6rem; right:.6rem; top:.6rem; bottom:.6rem; overflow:scroll; border:1px solid rgba(0,0,0,.15); box-shadow:0 0 1em rgba(0,0,0,.15); }
		#mainMenu nav ul { display:block; }
		#mainMenu nav li { display:block; }
		#mainMenu nav .container { padding:0; }
			#mainMenu nav li { padding:.5em 0; border-bottom:1px solid #aaa; }
				#mainMenu nav li section { position:inherit; display:none; flex-flow:column; gap:1.5em; padding:1em 2em; background-size: 0% !important; box-shadow:none; }
			#mainMenu nav li section .btn { position:inherit; margin:0; }
				}


#footer { background:linear-gradient(0deg, #444 0%, #222 50%, #222 100%); border-top:10px solid #D21A15; padding:3em 0 2em; margin:3em 0 0; }
	#footer .container:first-child { grid-template-columns:1fr 1fr 1fr 1fr; margin-bottom:2rem; }
	#footer a { color:#aaa; }

	#footer dl { margin-left:.75em; }
	#footer dt { padding:.6em; margin-top:-.75em; font-weight:bold; font-size:1.1em; color:#aaa; display:flex; align-items:center; }
		#footer dt .icon { margin:0 .3em 0 -.75em; color:#D21A15; }
	#footer dd { padding-left:.65em; border-left:1px solid #444; margin-left:.2em; }
	#footer a { display:block; padding:.6em; }
		#footer dt a:hover { color:#fff; cursor:pointer; }
		#footer dd a:hover { border-bottom:1px dotted #fff; margin-top:-1px; cursor:pointer; }

	#footer .info { gap:.5rem; color:#aaa; border:1px solid rgba(255,255,255,.1); border-radius:1.5em; padding:1em 1.5em 1.5em; }
		#footer .info h4, #footer .info .btnAction { color:#fff; }
		#footer .toolbar { margin-top:4em; }

@media only screen and (max-width:700px) {
	#footer .container:first-child { grid-template-columns:1fr; gap:2rem; }
	}

/* Contenido principal */
.mainContent { display:grid; gap:3em; margin:1em 0 2em; }
.sideBar { display:flex; flex-direction:column; gap:1.5em; }
	.sideBar .card { position:relative;
/* 		border-bottom:1px solid #999; border-top:1px solid #fff;  */ border-top:1px solid rgba(0,0,0,.1); background:rgba(255,255,255,.7);
/* 		background:none; box-shadow:0 -1em 2em rgba(0,0,0,.06) inset; */ }
	.sideBar .card input[type="text"] { width:100% }

.breadcrumbs { width:1200px; margin:0 auto -3em; color:rgb(76,82,91); }
	.breadcrumbs a { padding:0 .3em; color:rgb(76,82,91); }
		.breadcrumbs a:hover { text-decoration:underline; }
		.breadcrumbs .icon { font-size:1.2em; color:#D21A15; vertical-align:text-bottom; }
	@media only screen and (max-width:750px) { .breadcrumbs { margin-bottom:-2em; }}

.container { display:grid; grid-template-columns:1fr; gap:1.5em; width:1200px; margin:0 auto; }
	.container.col1-1 { grid-template-columns:1fr 1fr; }
		@media only screen and (max-width:750px) { .container.col1-1 { grid-template-columns:1fr; }}
	.container.col1-4 { grid-template-columns:1fr 4fr; }
	.container.col3-1 { grid-template-columns:3fr 1fr; }
	.container.col1-1-1-1-1 { grid-template-columns:1fr 1fr 1fr 1fr 1fr; }
		@media only screen and (max-width:1240px) { .container, .breadcrumbs { width:100%; padding:0 1rem; gap:1rem; }}
		@media only screen and (max-width:1024px) { .container.col1-4 { grid-template-columns:1.2fr 4fr; }}
		@media only screen and (max-width: 767px) { .sideBar { display:none; } .container.col1-4 { grid-template-columns:1fr; }}



.content { display:grid; height:fit-content; grid-template-columns:1fr 1fr; gap:1.5em; overflow-y:auto; }
	.content .content { padding:0; }
	.content.withSidebar {grid-template-columns:2fr 1fr; }
	.content.withSubMenu { margin-top:3.5rem; }

.card { display:flex; flex-direction:column; gap:1rem; align-content:start; overflow:hidden;
	border-radius:.5em; padding:1.5em; background:#fff; }
	.card > header { display:flex; gap:1em; align-items:center; padding:0 1.5em 1.3em; margin:0 -1.5em .4em; border-bottom:1px solid #f3f4f6; }
		.card > header h3 big { font-size:1.5em; }
		.card > header h3 em { color:#6c868e; font-style:normal; }
		.card > header h3 mark { background:#363a41; color:#fff; padding:.2em .3em; border-radius:.2em; }
	.card footer { display:flex; gap:1em; align-items:center;
		padding:1.1rem; margin:1rem -1.2rem -1.3rem;
		border-radius:0 0 .5rem .5rem;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(243,244,246,.5) 100%); }
		.card footer .toolbar { width:100%; justify-content:flex-end; }

		.card .overflow td:first-child { padding-left:1.5rem;  }
		.card .overflow td:last-child { padding-right:1.5rem; }

	.card > .btn:last-child { margin-top:auto; }

	.pager { display:flex; align-items:flex-end; gap:.3em; }
		.pager .pages { display:flex; gap:.3em; }
		.pager a { display:inline-flex; height:2.5em; padding:.1em .6em; border-radius:.4em; align-items:center;
	justify-content:center; border:1px solid #d1d5db; color:#A1A9B9; }
			.pager > a { padding:.1em .2em; }
			.pager a:hover { outline:2px solid #A1A9B9; border-color:transparent; }
			.pager a.selected { background:#A1A9B9; border-color:#A1A9B9; color:#fff; }

.noGap { padding:0; overflow:hidden; }
	.noGap.card > header { padding:1.2rem 2.2rem; }

.block { display:grid; width:100%; gap:1rem; align-content:baseline;
	border-radius:12px; padding:1.5rem; /* box-shadow:0 0 1em #e8eaed inset; */ background:rgba(210,26,21,.07); }
	.block .icon { color:rgba(210,26,21,1); }

h2 { font-size:24px; line-height:1.4em; }
h3 { font-size:18px; line-height:1.3em; }
h4 { font-size:15px; line-height:1.3em; font-weight:600; }
.lightTxt { color:#AEB5C1; color:rgba(107,114,128,.6); }
.bigTxt { font-size:1.8em; line-height:1.3em;font-weight:bold; }
.smallTxt { font-size:.9em; line-height:1.3em; }


.row { display:flex; gap:1rem; }
.col-span-full { grid-column: span 2; }
.overflow { margin-left:-1.5rem; margin-right:-1.5rem; }
.space-between { justify-content:space-between; }
.center { display:flex; align-items:center; gap:.4em; }
.ctr { text-align:center !important; }
.expand-width, .expand { width:100%; }
.flex-column { display:flex; flex-flow:column; gap:1em; }
	.flex-column > * { width:100%; }

.flex-justify li { display:flex; justify-content:space-between; margin:.6em 0; font-size:1.1em; }
	.flex-justify li:last-child { font-size:1.4em; padding-top:.8em; border-top:1px solid #ddd; margin:.8em 0 0; }


.actionBox { display:flex; align-items:center; justify-content:space-between;
	padding:.5em 1em; border:1px solid #e5e7eb; border-radius:12px; background:#f3f4f6; }
.actionBox .btn:last-child { margin-right:-.5em; }

.toolbar { display:flex; gap:.8em; }
		.toolbar > div { display:flex; flex:0 0 auto; align-items:center; gap:.8em; }

table { border-collapse:collapse; border-bottom:1px solid #f3f4f6; }
	table thead { text-transform:uppercase; font-size:.85em; font-weight:bold; letter-spacing:.05em; }
		table thead td { padding:1em .6em; background:rgba(210,26,21,.04); border:0; margin-bottom:-1px;}
	table td { border-top:1px solid #f3f4f6; padding:.7em .6em; text-align:left; }
		table td:first-child { /* text-align:left; */ padding-left:1.5rem; }
		table td:last-child { /* text-align:right; */ padding-right:1.5rem; }
		table td.currency { text-align:right; white-space:nowrap; }
			table td.currency mark { padding:.1em .4em; border-radius:4px; background:rgb(34,197,94);
				color:#fff; font-weight:bold; }
	table a { color:#D21A15; }

.grid { display:grid; gap:1em; }
	.grid3 { grid-template-columns:repeat(3, 1fr); }
	.grid4 { grid-template-columns:repeat(4, 1fr); }
		@media only screen and (max-width:1100px) { .grid4 { grid-template-columns:repeat(3, 1fr); }}
		@media only screen and (max-width: 630px) { .grid4 { grid-template-columns:repeat(2, 1fr); }}
		@media only screen and (max-width: 490px) { .grid4 { grid-template-columns:repeat(1, 1fr); }}
	.grid5 { grid-template-columns:repeat(5, 1fr); gap:1.5em; }
		@media only screen and (max-width:1100px) { .grid5 { grid-template-columns:repeat(4, 1fr); }}
		@media only screen and (max-width: 940px) { .grid5 { grid-template-columns:repeat(3, 1fr); }}
		@media only screen and (max-width: 550px) { .grid5 { grid-template-columns:repeat(2, 1fr); gap:1em; }}
	.grid7 { grid-template-columns:repeat(7, 1fr); }
		@media only screen and (max-width:1150px) { .grid7 { grid-template-columns:repeat(4, 1fr); }}
		@media only screen and (max-width: 700px) { .grid7 { grid-template-columns:repeat(3, 1fr); }}
		@media only screen and (max-width: 550px) { .grid7 { grid-template-columns:repeat(2, 1fr); }}
	.grid8 { grid-template-columns:repeat(8, 1fr); }
	.grid a { color:#111827; }
	.grid .product { display:flex; flex-direction:column; height:100%;
		padding:1.5em; border-bottom:1px solid #eee; text-align:center; }
		@media only screen and (max-width: 550px) { .grid .product { padding:1em;}}
		.grid .product img { width:100px; height:auto; height:100px; } 
		.grid .product header h4 { font-size:.8rem; line-height:1.2em; font-weight:600; }
		.grid .product a { margin-top:auto; }
			.grid .product a:hover { text-decoration:underline; }
		.grid .product .price  { text-align:right; }
			.grid .product .price em { font-style:normal; color:#999; font-size:.95em; }
			.grid .product .price h4 { font-size:1.8em; font-weight:normal; }
		.grid .product .priceBox { display:flex; gap:1em; margin-top:1em; }
		.grid .product .btn, .grid .product input { outline:2px solid #fff; color:#777; }
		.grid .product.detail { padding:0 0 1em; text-align:left; }
			@media only screen and (max-width: 490px) { .grid .product.detail { text-align:center; }}
			.grid .product.detail header { display:flex; flex-flow:column; gap:.3em; margin-top:1em; }
				.grid .product.detail h4 { font-weight:normal; }
				.grid .product.detail p:last-child a { color:#A1A9B9; }

	.grid .family { padding:1em; border:1px solid #ddd; border-radius:.5em; }
		.grid .family:hover { outline:2px solid #ddd; }
		.grid .family h3 { font-size:1.1em; margin-bottom:.5em; }
		.grid .family li { display:block; margin:.7em 0; line-height:1.2em; }
		.grid .family a:hover { text-decoration:underline; }
		.grid .family .link { text-decoration:underline; color:rgb(0,109,196); }
		.grid .esquema figure { background:center center no-repeat; background-size:contain; }
		.grid .esquema mark { display:block; width:10rem; height:10rem; margin:0 auto 1rem; background:none; }

	.grid3 .product { flex-direction:row; padding:0; border:none; text-align:left; align-items:center; }
		.grid3 .product img { float:left; width:70px; height:70px; margin-right:1em; }
		.grid3 .product header h4 { margin:0; font-weight:normal; }
	
	.grid.table { gap:0; }
		.grid.table .product { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
			.grid.table .product:nth-child(even) { background:rgba(243,244,246,.5); }
			.grid.table .product:last-child { border:none; }
		.grid.table .product img { width:70px; height:70px; border-radius:5px; margin-right:2em; }
		.grid.table .product header { flex-grow:1; text-align:left; }
		.grid.table .product a { margin-top:0; }


.card ul li { display:flex; align-items:center; margin:.2em 0; }
.card ul li input { margin-right:.5em; border-width:1px; }
	.card ul li .checkbox { font-size:.8em; }
.card ul li em { color:#A1A9B9; font-style:normal; font-weight:600; }
.card .right { display:block; text-align:right; }


.bannerBlock { display:grid; grid-template-columns:1fr 1fr; align-content:inherit; padding:0; overflow:hidden; }
	.bannerBlock > div { padding:1.5em; }
	.bannerBlock p { height:8em; margin-top:.5em; color:#999; line-height:1.5em; }
	.bannerBlock .pic { background:center center; background-size:cover; }
		@media only screen and (max-width:1000px) { .bannerBlock { grid-template-columns:1.5fr 1fr; }}
		@media only screen and (max-width: 750px) { .bannerBlock { grid-template-columns:1.3fr 1fr; } .bannerBlock > div { padding:1em; }}
		@media only screen and (max-width: 450px) {
			.bannerBlock { grid-template-columns:1fr; gap:.5em; }
				.bannerBlock p { height:auto; margin:1em 0; }
				.bannerBlock .pic { height:10em; order:1; }
				.bannerBlock > div { order:2; }
			}


.productView { display:grid; flex-direction:row; /* grid-template-columns:24% 72%; gap:4%; */ grid-template-columns:23% 52% 19%; gap:3%; }
	.productView h3 { margin-bottom:.5em; }
	.productView .priceBox { display:flex; flex-wrap:wrap; width:fit-content; gap:1em 2em;
  padding:1em 0; border:solid #eee; border-width:1px 0; margin:1.3em 0; align-items:center; }
		.productView .priceBox h4 { font-size:2.4em; font-weight:normal; margin-top:-.1em; line-height:1em; }
		@media only screen and (max-width:900px) {
			.productView { grid-template-columns:27% 70%; }
			.productView .info { grid-column:span 2; }
			.productView .priceBox { justify-content:center; }
			.productView .priceBox > div:first-child, .productView .priceBox h4 { width:100%; }
				.productView .priceBox h4 { text-align:center; }
			.productView .priceBox > div:first-child br { display:none; }
			}
		@media only screen and (max-width:650px) {
			.productView { display:flex; flex-direction:column; gap:1rem 0; }
			.productView .priceBox { width:auto; }
			.productView .priceBox > div:first-child br { display:inherit; }
			}
		@media only screen and (max-width:400px) {
			.productView .priceBox { gap:1em; }
			}
	.units { display:flex !important; gap:.2em; }
		.units .btn { border-radius:6px 0 0 6px; outline:none !important; }
			.units .btn:last-child { border-radius:0 6px 6px 0; }
		.units input { width:4em !important; height:2.5em !important; padding:.1em !important;
			border-color:rgba(0,0,0,.1); border-radius:0; box-shadow:none; text-align:center !important; }
		.units.light { gap:0; }
			.units.light .btn { border:1px solid #eee; border-width:1px 0 1px 1px; background:#fff; }
				.units.light .btn:last-child { border-width:1px 1px 1px 0; }
			.units.light input { border:1px solid #eee; border-width:1px 0; outline:none !important; }
	.discounts { position:relative; padding-left:1.8em; margin:1.7em 0; }
		.discounts ul:before { content:'DESCUENTOS'; display:block; width:8em; height:1.7em; border-radius:5px;
			position:absolute !important; bottom:2.75em; left:-3.2em; transform:rotate(-90deg); background:#ddd;
			font-size:.75em; letter-spacing:.1em; line-height:1.8em; text-align:center; color: #fff; }
		.discounts li { margin:.6em 0; }
		.discounts .grupoA { color:#D21A15; }
		.discounts .grupoB { color:#E2660B; }
		.discounts .grupoC { color:#F2B300; }
			.discounts mark { display:flex; width:1.4em; height:1.4em; border-radius:50%; margin-left:.3em;
				justify-content:center; align-items:center; background:#D21A15;
				color:#fff !important; font-weight:bold; }
			.discounts em { width:3em; display:flex; justify-content:center; }
			.discounts strong { color:#000; font-size:1.3em; font-weight:normal; }
			.discounts .grupoB mark { background:#E2660B; }
			.discounts .grupoC mark { background:#F2B300; }


	.productView h1, .productView h2, .productView h3, .productView h4, .productView h5, .productView h6,
	.productView p, .productView div, .productView span,.productView td,
	.productView strong, .productView b, .productView i, .productView em/* , .productView  */ {
		font-family:"Barlow", Helvetica, Arial, Geneva, sans-serif !important; /* color:#666; */ }
		.productView .icon { font-family:'v3' !important; }
	.productView p, .productView table { margin:1em 0; }
	.productView table { width:auto; border-bottom:1px solid #e5e5e5; }
		.productView table td, .productView table th { text-align:left; padding:.5em .6em; border-top:1px solid #e5e5e5; line-height:1.2em; }
		.productView table th { width:25%; }
	.productView .info { display:flex; flex-flow:column; gap:1rem; }
	.productView .info .card { display:flex; padding:1em; border-radius:3px; background:#eee; text-align:center; }
	.productView .info .product { padding:1em 0; }
		.productView .info .product:nth-child(2n) { background:none; border:1px solid rgba(0,0,0,.07); border-width:1px 0; }
		.productView .info .product figure { margin-right:1em; }
		.productView .info .product figure a { display:block; width:50px; height:50px; }
		.productView .info .product img { width:100%; height:100%; margin-right:0; }

.gallery { display:flex; flex-flow:column; gap:.75rem; }
	.gallery img { width:100%; max-width:30em; height:auto; margin:0 auto; outline-offset:-1px; }
		.gallery img:hover { box-shadow: 0 0 5px #aaa; outline:1px solid #bbb; }
	.gallery ul { /* display:grid; grid-template-columns:1fr 1fr 1fr 1fr; */ display:flex; gap:.75rem; justify-content:center; }
		.gallery li { width:24% }
			.gallery li.active img { outline:1px solid #D21A15; }




/* PANEL DE USUARIO */
.gridMenu .iconTop { font-size:1.4em; line-height:.5em; border:2px solid #fff; position:relative; overflow:hidden;
	background-position:center center; background-repeat:no-repeat; background-size:cover; }
	.gridMenu .iconTop i, .gridMenu .iconTop em { z-index:1; font-style:normal; }
		/* .gridMenu a:before { content:''; background:rgba(255,255,255,.6); backdrop-filter:blur(2px);
			position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; } */
	.gridMenu .iconTop:hover { border-color:#D21A15; box-shadow:0 .5em 1em rgba(0,0,0,.1); }
	.gridMenu .iconTop .icon { font-size:2.2em; }
		.gridMenu .iconTop:hover .icon { text-shadow:-.5px .5px 0 #D21A15, .5px .5px 0 #D21A15; }
		





/* HOME SLIDER */
.bx-wrapper { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; border:none !important; background:none !important; margin:0 !important; }