/* ============================================================
   CUSTOM STYLESHEET - COMXAR
   Paleta de marca: verde oscuro (acento principal), negro (base)
   Estimada visualmente a partir de la infografia de categorias
   provista por el cliente (HOME / AVENTURE). Ajustar si el cliente
   entrega codigos hex exactos de su manual de marca.
   ============================================================ */

:root{
	--accent: #00aa83;        /* verde oscuro - acento principal (botones, links, bordes) */
	--accent-dark: #10241C;   /* verde muy oscuro - hover / contraste sobre negro */
	--accent-light: #2E6B4F;  /* verde medio - detalles suaves, si se necesita variacion */
	--negro: #000000;         /* negro - base de header, footer, fondos */
}

/*
  font-family: "Roboto Condensed", sans-serif;
*/

body{
  font-family: "Roboto Condensed", sans-serif;
}

header{
	background-color: #ffffff;
	position: sticky;
}

header .top{
	background-color: var(--accent);
	padding: 0;
}

header .redes, header .optIcons{
	line-height: 30px;
	height: 30px;
}

header .logo{
	background-image: url("logo.webp");
	width: 141px;
	height: 70px;
	margin-bottom: 0;
}

header ul.options{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-bottom: 0;
}

header ul.options.active{
	height: auto;
	border: 1px solid #e5e5e5;
	overflow-y: hidden;
}

header ul.options>li{
	display: inline-block;
	text-align: left;
	flex: 0 0 25%;
	min-width: 0;
	border-right:1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

header .options a, header .options p{
	color: #414141;
	font-size: .879rem;
	text-transform: uppercase;
	opacity: 1;
	line-height: 2rem;
	vertical-align: middle;
    letter-spacing: 0;
    font-weight: 600;	
	padding: 0;
	margin-left: 0;
	display: block;
}

header .options a:hover, header .options p:hover{
	background-color: var(--accent);
	color: #ffffff;
	opacity: 1;
}

header .options a{
	padding: .5rem 1rem;	
}

header .options ul{
	background-color: #000000;
	width: 100%;
}

/* Oculta los elementos de lista que contienen enlaces específicos */
header .options li:has(a[href="categoria-home"]), header .options li:has(a[href="categoria-aventure"]) {
  display: none !important;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #acacac;
}

.is-active .hamburger-inner, .is-active .hamburger-inner:after, .is-active .hamburger-inner:before, .hamburger-inner:hover, .hamburger-inner:hover:after, .hamburger-inner:hover:before{
	background-color: var(--accent);
}

header + .carousel, .carousel{
	height: 50vh;
}

header + .carousel .carousel-caption, .carousel .carousel-caption{
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;

}

header + .carousel h1,  .carousel h1{
	text-align: center;
	font-weight: 600;
	margin-bottom: 0;
	position: relative;
	text-transform: uppercase;
}

header + .carousel h1 + p,  .carousel h1 + p{
	display: inline-block;
	text-align: center;
	font-weight: 400;
	text-transform: none;
	font-size: 1.25rem;
	margin-bottom: 1rem!important;
	padding: .5rem 1rem;
	background-color: var(--accent);
	color: #ffffff;
}

header + .carousel .btn.btn-call{
	color: #ffffff;
}

header + .carousel .btn.btn-call:after{
	display: block;
	text-align: center;	
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	transition: all .3s;

}

header + .carousel .btn.btn-call:hover:after{
	transform: translateY(10px);
}

header + .carousel .carousel-indicators, .carousel-control-prev, .carousel-control-next{
	display: none;
}

header + .carousel p:last-of-type, .carousel p:last-of-type{
	margin-bottom: 0!important;
}

section#categorias{
	margin-bottom: 0;
	padding-bottom: 0;
}

.carousel-caption a.btn-call{
}

.carousel-fade .carousel-item{
	object-fit: contain;
}

.carousel-item:after{
	background: #000000;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}


.ultimaCategoria{
	background-color: #000000;
	background-image: url("logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	cursor: default;
}

.listadoCategorias a{
	aspect-ratio: 3/2;
}

.listadoCategorias a:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0032387955182072714) 50%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0032387955182072714) 50%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0032387955182072714) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    display: block;
	z-index: 2;
	transition: z-index .3s;
}

.listadoCategorias a:hover:before, .listadoCategorias a.ultimaCategoria:before{
	z-index: -2;
}

.listadoCategorias a img{
	width: 101%;
	height: 101%;
	transition: all .5s;
}

.listadoCategorias a:hover img{
	width: 125%;
	height: 125%;
}

body > .ultimaCategoria{
	display: none;
}

.listadoCategorias a p{
	text-align: left;
	font-weight: 600;
	text-transform: none;
	color: #ffffff;
	font-size: 2rem;
	opacity: 1;
	text-shadow: 2px 2px 1px rgba(0,0,0,.5);
}

.listadoCategorias a p:after{
	display: inline-block;
	content: " \f101";
	color: rgba(0, 170, 131, 1);
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	transition: all .3s;
	text-shadow: 2px 2px 1px rgba(0,0,0,0);
}

.listadoCategorias a:hover p:after{
	text-shadow: 2px 2px 1px rgba(0,0,0,.5);
}

.listadoCategorias a:hover p{
	opacity: 1;
}

footer{
	border-top: 5px solid var(--accent);
	background-color: #101010;
}

footer .redes a{
	color: #000;
	background-color: var(--accent);
	border-radius: 110px;
	width: 35px;
	height: 35px;
}

footer .clearfix + .links{
	width: 75%;
	text-align: center;
	display: block;
	margin: 0 auto 30px;
}

footer .clearfix + .links p{
	display: inline-block;
	width: auto;
}

footer .links p a{
	font-size: .879rem;
}

footer .links p:first-child{
	color: #ffffff;
}

footer .links .btn:hover{
	color: var(--accent);
}

footer .footReg{
	color: #ffffff;
}

/*Formas de pago*/
.formas-de-pago, .enHome.venta-minorista-y-mayorista{
	background-image: url("fondogeo.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	margin-bottom: 0!important;
	padding: 60px 0;
	text-shadow: 2px 2px 1px rgba(0,0,0,.25);
}

.enHome.venta-minorista-y-mayorista{
	background-image: url("fondogeoBlanco.jpg");
	background-blend-mode: multiply;
}

.formas-de-pago h1, .enHome.venta-minorista-y-mayorista h1, .enHome.venta-minorista-y-mayorista .texto > ul li p:first-child{
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.enHome.venta-minorista-y-mayorista .texto ul{
	list-style: none;
}

.enHome.venta-minorista-y-mayorista .texto > ul > li{
	display: block;
	width: 33.33%;
	float: left;
	margin: 0;
}

.enHome.venta-minorista-y-mayorista .texto > ul li ul{
	width: 100%;
}

.enHome.venta-minorista-y-mayorista .texto > ul li ul li{
	display: block;

}



.formas-de-pago .imagenEpigrafe, .enHome.venta-minorista-y-mayorista .imagenEpigrafe{
	display: none;
}

.formas-de-pago .texto, .enHome.venta-minorista-y-mayorista .texto{
	width: 100%;
}

.formas-de-pago ul{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	width: 100%;
}

.formas-de-pago .texto{
	margin-bottom: 30px;
}

.formas-de-pago ul li{
	display: inline-block;
	text-align: center;
	font-size: 1rem;
	vertical-align: top;
	border-right: 1px solid #ffffff;
}

.formas-de-pago ul li p{
	font-size: .879rem;
	text-transform: uppercase;
	margin-bottom: 0;
}

.formas-de-pago ul li p:first-of-type:before{
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	display: block;
	font-size: 2rem;
}


.formas-de-pago ul li.banco p:first-of-type:before{
	content: "\f19c";
}
.formas-de-pago ul li.pesos p:first-of-type:before{
	content: "\f53a";
}
.formas-de-pago ul li.usdt p:first-of-type:before{
	content: "\24";
}
.formas-de-pago ul li.paypal p:first-of-type:before{
	content: "\f1ed";
	font-family: "Font Awesome 6 Brands";
}

.formas-de-pago{
	background-image: url("fondogeoBlanco.jpg");
	color: #606060;
	text-shadow: 2px 2px 1px rgba(0,0,0,0);
}

.formas-de-pago ul li{
	border-right:1px solid #606060;
}

.enHome .descuentos h2, .descuentos h2{
	text-align: center;
	font-weight: 600;
}


.formas-de-pago .descuentos ul{
padding: 15px;
	background-color: var(--accent);
	color:#ffffff;
}
/*Venta minorista y mayorista*/
.enHome.venta-minorista-y-mayorista .texto{
	margin-bottom: 0;
}

.enHome.venta-minorista-y-mayorista p{
	font-size: 1rem;
	margin-bottom: 0;
}


.enHome.venta-minorista-y-mayorista h1, .enHome.venta-minorista-y-mayorista .texto > ul li p:first-child{
	text-align: inherit;
	font-size: 1.25rem;
	margin-bottom: 1rem;
}



.enHome.venta-minorista-y-mayorista .texto ul{
	margin-left: 0;
	padding-left: 0;
}


.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(1){
	text-align: left;
}

.enHome.venta-minorista-y-mayorista .texto a{
	color: #ffffff;
}

.enHome.venta-minorista-y-mayorista .texto a:before{
	margin-right: 5px;
}

.enHome.venta-minorista-y-mayorista .texto a.instagram:before{
	content: '\f16d';
    font-family: "Font Awesome 6 Brands";
}

.enHome.venta-minorista-y-mayorista .texto a.whatsapp:before{
	content: '\f232';
    font-family: "Font Awesome 6 Brands";
}

.enHome.venta-minorista-y-mayorista .texto a.email:before{
	content: '\f0e0';
    font-weight: 300;
	font-family: "Font Awesome 6 Free";
}

.enHome.venta-minorista-y-mayorista .texto a:hover:before{
	color: #30a6de;
}

.enHome.venta-minorista-y-mayorista .texto ul li li strong {
	font-weight: normal;
	color: #30a6de;
}

.enHome.venta-minorista-y-mayorista .texto > ul > li li{
	line-height: 1.5;
}

.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(2){
	text-align: center;
}

.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(3){
	text-align: right;
}

.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(2)  p:after{
	margin-left: 10px;
	content: "\f48b";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	display: inline-block;
	font-size: 2.5rem;
	vertical-align: middle;
}

/*seccion categoria*/

header.inside + section{
	margin-top: 0;
	padding-top: 2rem;
}

.destacadosTienda .imagenCabecera{
	height: auto;
	aspect-ratio: 5/2;
}

.destacadosTienda .imagenCabecera img{
	object-fit: contain;
}

.destacadosTienda .imagenCabecera h2{
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 2.5rem;
	margin-bottom: 0;
}

.destacadosTienda .container h2{
	text-transform: uppercase;
	position: relative;
	margin-bottom: 3rem;
    padding-bottom: .25rem;
	font-weight: 600;
}

.destacadosTienda .container h2 + div{
	font-size: 1.25rem;
	width: 100%;
}

.destacadosTienda .container h2:before, .destacadosTienda .container h2:after{
	content: "";
	height: 5px;
	width: 15%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background-color: var(--accent);
}

.destacadosTienda .container h2:after{
	width: 12.5%;
	bottom: -18px;
	background-color: #000;
}

#destacados{
	overflow: hidden;
}


.listadoProductos, .productos{
	width: 100%;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.listadoProductos a, .productos a{
	color: #000;
	flex: 0 1 calc(25% - .75rem);
	margin: 0;
	border: 1px solid #e5e5e5;
	padding: 1rem;
}

.listadoProductos .registroPaginacion, .productos .registroPaginacion{
	flex: 1 0 100%;
}

.listadoProductos a .nombreProducto, .listadoCategorias a .nombreProducto, .productos a .nombreProducto{
	font-weight: 400;
	text-transform: none;
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: .125em;
}

.listadoProductos a .btn-call, .productos a .btn-call{
	background-color: var(--accent);
	color: #ffffff;
}

.listadoProductos a .precioOriginal, .productos a .precioOriginal{
	text-decoration: none;
	color: #808080;
}

.listadoProductos a .detalleProducto, .productos a .detalleProducto{
	color: #999999;
	font-size: .879rem;
}

/*
.listadoProductos a .precioOriginal:before, .productos a .precioOriginal:before{
	content: "Precio minorista: "
}
*/
.listadoProductos a .precioProducto, .productos a .precioProducto{
	font-size: 1rem;
	font-weight: 600;
}
/*

.listadoProductos a .precioProducto:before, .productos a .precioProducto:before{
	content: "X100: ";
	font-weight: 300;
}
*/


.listadoProductos a:hover, .productos a:hover{
	border-color: var(--accent);
}

.listadoProductos a:hover .btn-call, .productos a:hover .btn-call{
	background-color: #000;
	color: var(--accent);
}

.listadoProductos a .imagen img, .productos a .imagen img{
	object-fit: contain;
}

.listadoProductos a .imagen img, .productos a .imagen img{
	filter: saturate(.80);
	transition: all .3s;
}

.listadoProductos a, .productos a{
	background-color: #ffffff;
	transform: scale(1);
	transition: all .3s;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0);

}

.listadoProductos a:hover .imagen img, .productos a:hover .imagen img{
	filter: saturate(1.50);
}


.registroPaginacion > p{text-align: center;}

/*Producto*/



section.producto h1{
    font-weight: 600;
	text-transform: none;
    padding: 5px 0px 5px 10px;
    border-left: 5px solid var(--accent);
    margin-bottom: 15px;
}

section.producto, section.carrito{
	padding: 60px 0;
	margin-bottom: 0;
	background-color: transparent;
}

section.producto .codigo{
	font-size: .879rem;
	color: #414141;
}
/*
section.producto .codigo:before{
	content: "COD:";
}
*/
section.producto .precioOriginal{
	font-size: 1.5rem;
}

section.producto .datosProducto .descripcion{
	padding: 15px 0;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

section.producto .datosProducto .descripcion a{
	font-weight: 900;
	color: #000;
}

section.producto .datosProducto .descripcion *:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}

.formasEnvio, .formasPago{
	color: #828282;
	background-color: transparent;
	border: 1px solid #828282;
}

.formasEnvio.active, .formasPago.active, .formasEnvio:hover, .formasPago:hover{
	color: #000000;
	border: 1px solid #000000;
}

.formasTexto.active, .finalizarCompra.active {
	border: 1px solid #000000;
}

.producto .btn-call{
	background-color: var(--accent);
	color: #ffffff;
}

.producto .btn-call:hover{
	color: var(--accent);
	background-color: #000000;
}

.producto .importeFinal input[type="number"]{
	background-color:  #000000;
	padding-left: 10px;
}

.btn-primary{
	background-color: transparent;
}

/*Carrito*/

.carrito h2{
	text-transform: uppercase;
	font-weight: 600;
}

.listaCarrito .cabecera{
	background-color: var(--accent);
	color: #ffffff;
}

.totales{
	background-color: transparent;
	margin-bottom: 30px;
}

.totales form > p:first-of-type{
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 5px solid var(--accent);
	padding-left: 15px;
}

.totales .col-md-6{
	width: 100%;
}

.totales form .btn{
	margin: 15px 0;
	white-space: normal;
	padding: 10px 30px;
	width: 100%;
	text-transform: uppercase;
    background-color: var(--accent);
    color: #ffffff;
    BORDER-RADIUS: 50px;
	font-size: 1rem;
	font-weight: 700;
}

.totales form .btn.seguirComprando{
	background-color: var(--accent);
	margin: 15px 0;
	white-space: normal;
	padding: 10px 15px;
	width: 100%;
	text-transform: none;
	color: #ffffff;
	border-color: #ffffff;
    BORDER-RADIUS: 50px;
	font-size: .9rem;
	font-weight: 400;
}

.totales form .btn.seguirComprando:hover{
	background-color: var(--accent);
	color: #ffffff;
	opacity: 1;
}

.carrito .totales select{
	color: #414141;
}

li a.borrarProducto{
	color: #828282;
}

li a.borrarProducto:hover{
	color: #000000;
}

.finalizarCompra.active .col-md-6{
	width: 100%!important;
	padding: 0!important;
	margin-bottom: 1rem;
}

.finalizarCompra.active input{
	width: 100%!important;
}
.finalizarCompra.active input[type=submit]{
	width: auto!important;
}

.finalizarCompra.active input.btn{
	text-wrap: pretty;
}

/*contacto*/

.contacto{
	padding: 60px 0;
	margin-bottom: 0;
}
.contacto h2{
	text-transform: uppercase;
	font-weight: 600;
}

.contacto .btn{
	background-color: var(--accent);
	color: #ffffff;
	border: none;
}

.contacto .btn:hover{
	color: var(--accent);
	background-color: #000;
}

.contacto ul{
	list-style: none;
	border: 5px solid var(--accent);
	border-left: none;
	border-right: none;
	padding: 60px 30px;
	margin-bottom: 30px;
	background-image: url("fondoContacto.jpg");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-color: #000;
}

.contacto ul li{
	color: #ffffff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.75;
}

.contacto ul li a{
	font-weight: 600;
	color: var(--accent)
}

.contacto ul li:before{
	content: "\00BB";
	margin-right: 5px;
	color: var(--accent)
}


/*Cambio de color*/

header .top, .enHome.venta-minorista-y-mayorista, footer .redes a,.listadoProductos a .btn-call, .productos a .btn-call, .producto .btn-call, .listaCarrito .cabecera, .totales form .btn, .totales form .btn.seguirComprando, .totales form .btn.seguirComprando:hover, .contacto .btn{
	background-color:var(--accent);
}

/*texto*/

header .options a:hover, header .options p:hover, header + .carousel h1 + p:after, .carousel h1 + p:after, footer .links .btn:hover, .listadoProductos a:hover .btn-call, .productos a:hover .btn-call, .producto .btn-call:hover, .contacto .btn:hover, .contacto ul li a, .contacto ul li:before{
	color:var(--accent);
}

header .options a:hover, header .options p:hover{
	color: #ffffff;
}

.listadoCategorias a:hover p:after{

	transform: translateX(10px);
	color: rgba(0, 170, 131, 1);
}

/*Buscador inline del header - color en todos los tamanos*/

#header.conBuscador .top form.busqueda{
	vertical-align: middle;
	margin-top: 3px;
}

#header.conBuscador .top form input{
	vertical-align: middle;
}

#header.conBuscador .top form input[type="text"]{
	background-color: rgba(0, 0, 0, .18);
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 100px 0 0 100px;
	margin-right: 0;
}

#header.conBuscador .top form input[type="text"]::placeholder{
	color: rgba(255, 255, 255, .8);
}

#header.conBuscador .top form input[type="submit"]{
	background-color: rgba(0, 0, 0, .18);
	border: 1px solid rgba(255, 255, 255, .4);
	border-left: 0;
	border-radius: 0 100px 100px 0;
	transition: background-color .2s;
}

#header.conBuscador .top form input[type="submit"]:hover{
	background-color: var(--accent-dark);
}


/*Bordes
footer{
	border-top: 5px solid var(--accent);
}

section.producto h1, .totales form p:first-of-type{
    border-left: 5px solid var(--accent);
}

.contacto ul{
	border: 5px solid var(--accent);
	border-left: none;
	border-right: none;
}
*/

.contacto ul, section.producto h1, .totales form p:first-of-type, footer{
	border-color:var(--accent);
}

.listaCarrito ul.productos a{
	padding: 0;
	background-color: transparent;
	border: 0;
}

.listaCarrito ul.productos{
	border-bottom: 1px solid #ccc;
}
.listaCarrito ul.productos li:nth-child(even){
	background-color: #e5e5e5;
}


.enHome.compras-minimas-para-acceder-a-precio-mayorista{
	background-color: #212121;
	color: #ffffff;
	padding: 10px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 0!important;
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista h1{
	font-size: 1rem;
	color: #ffffff;
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista .imagenEpigrafe{
	display: none;
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto{
	width: 100%;
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul{
	font-size: .879rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li{
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	padding: 10px;
	border-right: 2px solid var(--accent);
	border-bottom: 2px solid var(--accent);
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li:nth-child(2n){
	border-right: 0px solid #ffffff;
}

.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li:last-child, .enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li:nth-last-child(2){
	border-bottom: 0px solid #ffffff;
}


#preloader{
	display: block;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9;
	background: #000000;
	top: 0;
	left: 0;
	text-align: center;
}

#preloader #status{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	color: #ffffff;
}

#preloader #status img:first-of-type{
	width: 225px;
	margin-bottom: 30px;
}

#preloader #status img.loading{
	width: 30%;
}

/*Lista de precios PDF*/
.portadaPdf{
    background-image: url(portadaPdf.jpg);
    background-position: center;
    background-color: #000;
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
}

.portadaPdf .logo{
	width: 100%;
	mix-blend-mode: screen;
}

.portadaPdf .logo img{
	width: 70%;
}

.portadaPdf .logo p{
	margin-top: .5cm;
	padding: .25cm;
	color:#000000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2rem;
	background-color: rgba(255,255,255,.9);
}

.portadaPdf .formasDePago ul{
	list-style: none;
	font-size: 0;
	padding: 0;
}

.portadaPdf .formasDePago .comprasMinimasPdf p{
	font-size: .879rem;
	margin-bottom: 0;
	display: block;
	width: 100%;
	border: 1px solid #ffffff;
	border-bottom: 0;
	background-color: var(--accent);
	color: #ffffff;
	text-transform: uppercase;
	padding: .25cm;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul{
	font-size: 0;
	border: 1px solid #ffffff;
	padding: 0;
	display: block;
	margin-bottom: .75cm;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul li{
	display: inline-block;
	width: 50%;
	font-size: .879rem;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul li:nth-child(even){
	border-right: 0px solid #414141;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul li:nth-child(even){
	border-right: 0px solid #414141;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul li:last-child{
	border-bottom: 0;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul li:nth-last-child(2){
	border-bottom: 0px solid #414141;
}

.portadaPdf .formasDePago .comprasMinimasPdf ul li{
	width: 50%;
}

.portadaPdf .formasDePago ul li{
	width: 25%;
	padding: .25cm;
	border-right: 1px solid #ffffff;
}

.portadaPdf .pie .contactos, .piePdf .pie .contactos{
	text-align: center;
	border-top: 1px solid #ffffff;
}

.listadoPdf{
	background-color: #ffffff;
}

.listadoPdf h2{
	font-size: 3rem;
    background-image: url(titulosPdf.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2cm 1cm;
    text-align: left;
	color: #ffffff;
	font-weight: 500;
	text-shadow: 2px 2px 4px rgba(0,0,0,.75);
	margin-bottom: .5cm;
}

.listadoPdf .productos{
	margin: 0 .5cm .5cm;}

.listadoPdf .producto:nth-child(odd){
	background-color:#e5e5e5;
}

.listadoPdf .producto{
	background-color:#e5e5e5;
}

.listadoPdf .productos .producto .imagen.cuadrada, .listadoPdf .productos .producto:first-child .imagenProducto{
	width: 10%;
}

.listadoPdf .productos .producto:first-child p, .listadoPdf .productos .producto p{
	font-size: .8rem;
}

.listadoPdf .productos .producto:first-child p, .listadoPdf .productos .producto p{
	width: 12.5%;
}

.listadoPdf .productos .producto:first-child p.detalleProducto, .listadoPdf .productos .producto p.detalleProducto{
	width: 8%;
}

.listadoPdf .productos .producto:first-child p.nombreProducto, .listadoPdf .productos .producto p.nombreProducto{
	width: 19.5%;
}

.listadoPdf .productos .producto:first-child .imagenProducto, .listadoPdf .productos .producto:first-child p, .listadoPdf .productos .producto p{
	padding: .25cm;
}

.piePdf{
	color: #ffffff;
	background-color: #000000;
}

.piePdf .formas-de-pago{
	background-image: none;
	background-color: transparent;
	color: #ffffff;
}

.piePdf .formas-de-pago h2{
	font-size: 1.25rem;
}

/* Contenedor de los links */
.subCategorias {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; /* Espacio controlado entre botones */
  margin: 20px 0;
}

/* Cada link individual */
.subCategorias a {
	text-transform: capitalize;
  display: inline-block;
  padding: 8px 18px;
  background-color: #f3f4f6; /* Fondo gris claro */
  color: #333;
  text-decoration: none;
  border-radius: 30px; /* Bordes redondeados */
  font-size: 14px;
  transition: all 0.2s ease;
}

/* Hover (pasar el mouse) */
.subCategorias a:hover {
  background-color: #00a896; /* Tu color de marca */
  color: #fff;
}

/* El link de la subcategoría que está actualmente activa */
.subCategorias a.active {
  background-color: #00a896; 
  color: #fff;
  font-weight: bold;
}

@media print {
  .piePdf, .portadaPdf, h2{
	page-break-before: always; /* Hace que el div comience en una nueva página */
  }

	.descuentos h2{
	page-break-before:auto; /* Hace que el div comience en una nueva página */

	}
}

@media only screen and (max-width : 479px) {

/*Menu principal - 2 columnas*/

header ul.options>li{
	flex: 0 0 50%;
}

header ul.options.active{
	margin-top: .5rem;
	margin-bottom: .5rem;
}

/*Barra superior - mismo modelo flex que 480-767px, adaptado a este ancho*/

header .top .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
}

header .top .container > .clearfix{
	display: none;
}

header .top .redes{
	float: none;
	display: flex;
	align-items: center;
	gap: .4rem;
	flex: 0 0 auto;
}

header .top .redes a.icon{
	margin-right: 0;
}

header .top form.busqueda{
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 .4rem 0 0;
}

#header.conBuscador .top form.busqueda{
	display: flex;
	align-items: center;
	float: none;
	width: 100%;
	margin-top: 0;
}

#header.conBuscador .top form input[type="text"]{
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 .65rem;
	margin-right: 0;
	border-radius: 0;
}

#header.conBuscador .top form input[type="submit"]{
	width: 30px;
	height: 30px;
	line-height: 30px;
	flex: 0 0 30px;
	padding: 0 5px;
	background-size: auto 40%;
	border-radius: 0;
}

header .top .optIcons{
	float: none;
	display: flex;
	align-items: center;
	gap: .5rem;
	flex: 0 0 auto;
	width: auto;
	padding: 0;
	height: auto;
}

header .top .optIcons a{
	margin-left: 0;
}

header .top .iniciarSesion{
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	white-space: nowrap;
}

header .logo {
    background-image: url(logo.png);
    width: 165px;
    height: 50px;
	}

	.hamburger{
		padding: 9px 0;
	}
header .options {
	line-height: 40px;
	height: 40.px;
}

header .options ul{
	background-color: #000000;
	width: 100%;
	position: fixed;
	/*top: 115px;*/
	left: 0;
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: auto;
}

header .options ul {
	font-size: 0;
}

header .options ul li a, header .options ul li p{
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

	header .options a, header .options p{
		line-height: normal;
	}

header .options ul li a{
	padding: 15px;
}

header + .carousel, .carousel{
	height: 30vh;
	background-position: right;
}

header + .carousel h1, .carousel h1{
	font-size: 2rem;
	text-align: center;
}

header + .carousel .carousel-caption, .carousel .carousel-caption {
    padding: 20% 10%;
}

section#categorias > .container{
		max-width: 100%;
		padding: 0;
	}

.listadoCategorias a{
	width: 100%;
	margin: 0;
}

.listadoCategorias a:after{
	padding-bottom: 70%;
	}

.listadoCategorias a:nth-child(2n), .listadoCategorias a:last-of-type{
	margin-right: 0;
}

	.formas-de-pago ul{
		width: 100%;
		margin: auto;
	}

	.formas-de-pago ul li:last-child, .formas-de-pago ul li:nth-child(2n){
		border-right: 0;
	}

	.formas-de-pago ul li{
		padding: 30px 15px;
		width: 50%;
		margin-bottom: 2.5%;
		height: auto!important;
	}

	footer .clearfix + .links{
		width: 100%;
	}

	.formas-de-pago, .enHome.venta-minorista-y-mayorista{
		padding: 30px 0;
	}

	.enHome.venta-minorista-y-mayorista h1{
		font-size: 1.125rem;
	}

	.formas-de-pago .texto, .enHome.venta-minorista-y-mayorista .texto{
		font-size: .879rem;
	}


	.listadoProductos a, .productos a{
		flex: 0 0 calc(50% - 1rem);
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 2.5%;
		margin-bottom: 2.5%;
	}

.contacto ul {
	padding: 15px;
    background-position: 0% center;
    background-size: auto;
}
/*
.enHome.venta-minorista-y-mayorista h1{
	font-size: 1.5rem;
}

.enHome.venta-minorista-y-mayorista p{
	font-size: .8789rem;
}
*/
.enHome.venta-minorista-y-mayorista .texto > ul > li{
	width: 100%;
	padding-bottom: 45px;
}

	.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(1), .enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(2),.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(3){
	text-align: center;

	}

.enHome.venta-minorista-y-mayorista p:after{
	font-size: 2rem;
}

	.imagenCabecera{
		height: 30vh;
		margin-bottom: 0;
	}

	header.inside + section{
		padding-top: 0;
	}

	.formas-de-pago .descuentos ul li{
		width: 100%;
		border-right:0;
		border-bottom: 1px solid #ffffff;
	}

	.enHome.compras-minimas-para-acceder-a-precio-mayorista{
		padding: 30px 0;

		background-color: var(--accent);
	}

	.enHome.compras-minimas-para-acceder-a-precio-mayorista h1{
		margin-bottom: 15px;
	}

	.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul{
		border: 2px solid #212121;
		overflow: hidden;
	}

	.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li, 	.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li:nth-last-child(2){
		padding: 15px;
		width: 100%;
		border-bottom: 2px solid #212121;
		border-right: 0;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width:480px) and (max-width : 767px) {

/*Menu principal - 2 columnas*/

header ul.options>li{
	flex: 0 0 50%;
}

/*Barra superior - mismo modelo flex que 992px+, adaptado a este ancho*/

header .top .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

header .top .container > .clearfix{
	display: none;
}

header .top .redes{
	float: none;
	display: flex;
	align-items: center;
	gap: .5rem;
	flex: 0 0 auto;
}

header .top .redes a.icon{
	margin-right: 0;
}

header .top form.busqueda{
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 .5rem 0 0;
}

#header.conBuscador .top form.busqueda{
	display: flex;
	align-items: center;
	float: none;
	width: 100%;
	margin-top: 0;
}

#header.conBuscador .top form input[type="text"]{
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 .75rem;
	border-radius: 0;
}

#header.conBuscador .top form input[type="submit"]{
	width: 34px;
	height: 30px;
	flex: 0 0 34px;
	padding: 0 6px;
	background-size: auto 42%;
	border-radius: 0;
}

header .top .optIcons{
	float: none;
	display: flex;
	align-items: center;
	gap: .65rem;
	flex: 0 0 auto;
	width: auto;
	padding: 0;
}

header .top .optIcons a{
	margin-left: 0;
}

header .top .iniciarSesion{
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	white-space: nowrap;
}

header .options {
	line-height: 70px;
	height: 70px;
}

header .options ul{
	background-color: #000000;
	width: 100%;
	position: fixed;
	top: 115px;
	left: 0;
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: auto;
}

header .options ul {
	font-size: 0;
}

header .options ul li a, header .options ul li p{
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

header .options ul li a{
	padding: 15px;
}

header + .carousel h1, .carousel h1{
	font-size: 4rem;
}

header + .carousel .carousel-caption, .carousel .carousel-caption {
    padding: 25% 10%;
}

section#categorias > .container{
		max-width: 100%;
		padding: 0;
	}

.listadoCategorias a{
	width: 100%;
	margin: 0;
}

.listadoCategorias a:after{
	padding-bottom: 70%;
	}

.listadoCategorias a:nth-child(2n), .listadoCategorias a:last-of-type{
	margin-right: 0;
}



.enHome.venta-minorista-y-mayorista .texto > ul > li{
	width: 100%;
	padding-bottom: 45px;
}

	.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(1), .enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(2),.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(3){
	text-align: center;

	}

	.formas-de-pago ul{
		width: 100%;
		margin: auto;
	}

	.formas-de-pago ul li:last-child, .formas-de-pago ul li:nth-child(2n){
		border-right: 0;
	}

	.formas-de-pago ul li{
		padding: 30px 15px;
		width: 50%;
		margin-bottom: 2.5%;
		height: auto!important;
	}

	footer .clearfix + .links{
		width: 100%;
	}

	.listadoProductos a, .productos a{
		flex: 0 0 calc(50% - 1rem);
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 2.5%;
		margin-bottom: 2.5%;
	}
	

.contacto ul {
	padding: 45px 15px;
     background-position: 0% center;
    background-size: auto;
}

	.formas-de-pago .descuentos ul li{
		width: 100%;
		border-right:0;
		border-bottom: 1px solid #ffffff;
	}


	.enHome.compras-minimas-para-acceder-a-precio-mayorista{
		padding: 30px 0;
	}

	#header.conBuscador .top form input[type="submit"]{
		width: 42px;
		padding: 0 6px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {


header .options {
	line-height: 70px;
	height: 70px;
}

header .options ul{
	background-color: #000000;
	width: 100%;
	position: fixed;
	top: 115px;
	left: 0;
}

header .options ul {
	font-size: 0;
}

header .options ul li a, header .options ul li p{
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

	header .options ul{
		border: 1px solid rgba(17,17,17,0);
		padding: 0;
	}

	header .options .active ul{
		padding: 0;
		border: 1px solid rgba(17,17,17,1);
	}
header .options ul li{
	font-size: .879rem;
	display: inline-block;
	width: 25%;
	margin: 0;
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
	padding: 0;
}

header .options ul li a{
	padding: 15px;
}

header .options ul li:nth-child(4n){
	border-right: 0px solid #111111;
}

header .options ul li:last-child{
	margin-bottom: 0;
}


header + .carousel h1, .carousel h1{
	font-size: 4rem;
}

header + .carousel .carousel-caption, .carousel .carousel-caption {
    padding: 0;
}

header ul.options>li{
	flex: 0 0 33.333%;
}

.enHome.venta-minorista-y-mayorista .texto > ul > li{
	width: 100%;
	padding-bottom: 45px;
}

	.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(1), .enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(2),.enHome.venta-minorista-y-mayorista .texto > ul > li:nth-of-type(3){
	text-align: center;

	}

section#categorias > .container{
		max-width: 100%;
		padding: 0;
	}

.listadoCategorias a{
	width: 50%;
	margin: 0;
}

.listadoCategorias a:after{
	padding-bottom: 80%;
	}

.listadoCategorias a:nth-child(2n), .listadoCategorias a:last-of-type{
	margin-right: 0;
}

	.formas-de-pago ul{
		width: 100%;
		margin: auto;
	}

	.formas-de-pago ul li:last-child, .formas-de-pago ul li:nth-child(2n){
		border-right: 0;
	}

	.formas-de-pago ul li{
		padding: 30px 15px;
		width: 50%;
		margin-bottom: 2.5%;
		height: auto!important;
	}


	.listadoProductos a, .productos a{
		width: 48.75%;
	}
	.enHome.compras-minimas-para-acceder-a-precio-mayorista{
		padding: 20px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {

header .options {
	line-height: 70px;
	height: 70px;
}

header .options ul{
	background-color: #000000;
	width: 100%;
	position: fixed;
	top: 115px;
	left: 0;
}

header .options ul {
	font-size: 0;
}

header .options ul li a, header .options ul li p{
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

	header .options ul{
		border: 1px solid rgba(17,17,17,0);
		padding: 0;
	}

	header .options .active ul{
		padding: 0;
		border: 1px solid rgba(17,17,17,1);
	}
header .options ul li{
	font-size: .879rem;
	display: inline-block;
	width: 25%;
	margin: 0;
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
	padding: 0;
}

header .options ul li a{
	padding: 15px;
}

header .options ul li:nth-child(4n){
	border-right: 0px solid #111111;
}

header .options ul li:last-child{
	margin-bottom: 0;
}


header + .carousel h1, .carousel h1{
	font-size: 4rem;
}

header + .carousel .carousel-caption , .carousel .carousel-caption {
    padding: 0;
}

section#categorias > .container{
		max-width: 100%;
		padding: 0;
	}

.listadoCategorias a{
	width: 50%;
	margin: 0;
}

.listadoCategorias a:after{
	padding-bottom: 60%;
	}

.listadoCategorias a:nth-child(2n), .listadoCategorias a:last-of-type{
	margin-right: 0;
}

	.formas-de-pago ul{
		width: 75%;
		margin: auto;
	}

	.formas-de-pago ul li:last-child{
		border-right: 0;
	}

	.formas-de-pago ul li{
		padding: 30px 15px;
		width: 25%;
	}

	.formas-de-pago .descuentos ul li{
		width: 50%;
		border-right:1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}

	.formas-de-pago .descuentos ul li:nth-child(even){
		border-right:0;
	}

	.formas-de-pago .descuentos ul li:nth-last-child(-n+2){
		border-bottom:0;
	}

	.enHome.compras-minimas-para-acceder-a-precio-mayorista{
		padding: 20px 0 10px;
	}
	.enHome.compras-minimas-para-acceder-a-precio-mayorista .texto ul li{
		font-size: .879rem;
	}

	#header.conBuscador .top form input[type="submit"]{
		width: 42px;
		padding: 0 6px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
header .hamburger{
	display: block;
}	
	
header ul.options{
	height: 0;
	overflow: hidden;
}	
	
header ul.options{
	height: 0;
	overflow: hidden;
}	
	
header .options ul{
	background-color: #ffffff;
	width: 100%;
	position: fixed;
/*	top: 115px;*/
	left: 0;
}

header .options ul {
	font-size: 0;
}

header .options ul li a, header .options ul li p{
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

	header .options ul{
		border: 1px solid rgba(17,17,17,0);
		padding: 0;
	}

	header .options .active ul{
		padding: 0;
		border: 1px solid rgba(17,17,17,1);
	}
header .options ul li{
	font-size: .879rem;
	display: inline-block;
	width: 25%;
	margin: 0;
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
	padding: 0;
}

header .options ul li a{
	padding: 15px;
}

header .options ul li:nth-child(4n){
	border-right: 0px solid #111111;
}

header .options ul li:last-child{
	margin-bottom: 0;
}


header + .carousel h1, .carousel h1{
	font-size: 3rem;
}

section#categorias > .container{
		max-width: 100%;
		padding: 0;
	}

.listadoCategorias a{
	width: 50%;
	margin: 0;
}


.listadoCategorias a:nth-child(2n), .listadoCategorias a:last-of-type{
	margin-right: 0;
}

	.formas-de-pago ul{
		width: 75%;
		margin: auto;
	}

	.formas-de-pago ul li:last-child{
		border-right: 0;
	}

	.formas-de-pago ul li{
		padding: 30px 15px;
		width: 25%;
	}

	.formas-de-pago .descuentos ul li{
		width: 50%;
		border-right:1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}

	.formas-de-pago .descuentos ul li:nth-child(even){
		border-right:0;
	}

	.formas-de-pago .descuentos ul li:nth-last-child(-n+2){
		border-bottom:0;
	}

}

/* ============================================================
   BARRA SUPERIOR (header .top) - Mejoras de escritorio
   Alineacion, espaciado y estilo del buscador inline.
   Por ahora aplicado desde 992px; los breakpoints menores
   se revisan en una pasada aparte.
   ============================================================ */
@media only screen and (min-width: 992px){

	header .top{
		padding: 6px 0;
	}

	header .top .container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
	}

	header .top .container > .clearfix{
		display: none;
	}

	header .top .redes,
	header .top .optIcons{
		font-size: 1.125rem;
	}

	header .top .redes{
		float: none;
		display: flex;
		align-items: center;
		gap: .85rem;
		flex: 0 0 auto;
	}

	header .top .redes a.icon{
		margin-right: 0;
	}

	header .top form.busqueda{
		flex: 1 1 auto;
		max-width: 440px;
		margin: 0 auto;
	}

	#header.conBuscador .top form.busqueda{
		display: flex;
		align-items: center;
		width: 100%;
	}

	#header.conBuscador .top form input[type="text"]{
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 0 1rem;
	}

	#header.conBuscador .top form input[type="submit"]{
		width: 30px;
		height: 30px;
		flex: 0 0 30px;
		background-size: auto 45%;
	}

	header .top .optIcons{
		float: none;
		display: flex;
		align-items: center;
		gap: 1.15rem;
		flex: 0 0 auto;
	}

	header .top .optIcons a{
		margin-left: 0;
	}

	header .top .iniciarSesion{
		display: inline-flex;
		align-items: center;
		gap: .4rem;
		white-space: nowrap;
	}

	/* Menu principal - visible siempre en desktop, sin hamburguesa */

	header .hamburger{
		display: none;
	}

	header .mask{
		display: none;
	}

	header > .container{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
	}

	header > .container > .clearfix{
		display: none;
	}

	header .logo{
		float: none;
		flex: 0 0 auto;
		margin: 0;
	}

	header ul.options{
		float: none;
		height: auto;
		overflow: visible;
		border: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		flex: 1 1 auto;
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	header ul.options > li{
		flex: 0 0 auto;
		border: 0;
	}

	header .options a{
		padding: .25rem 1rem;
	}
}

/* Menu principal - a 992-1199px se revierte a hamburguesa (poco ancho para el nav siempre visible) */
@media only screen and (min-width:992px) and (max-width : 1199px){

	header .hamburger{
		display: block;
	}

	header > .container{
		flex-wrap: wrap;
		gap: 0;
	}

	header .logo{
		margin: 0 0 10px;
	}

	header ul.options{
		flex: 1 0 100%;
		height: 0;
		overflow: hidden;
		margin-top: 0;
		border: 0;
		justify-content: flex-start;
	}

	header ul.options.active{
		height: auto;
		border: 1px solid #e5e5e5;
		overflow-y: hidden;
	}

	header ul.options > li{
		flex: 0 0 25%;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}

	header .options a{
		padding: .5rem 1rem;
	}
}

@media print {
	h2{
		font-size: 1.75rem;
		text-transform: uppercase;
		margin-bottom: .5em;
	}
	.top{
		padding: 5px 0;
	}
	.top:before {
		color: #ffffff;
		content: "WhatsApp: 11-XXXX-XXXX | E-mail: contacto@comxar.com.ar"; /* TODO: reemplazar con datos reales del cliente */
	}


	.formas-de-pago .descuentos ul{
		width: 75%;
		margin: auto;
		padding: 0;
	}

	.formas-de-pago ul li:last-child{
		border-right: 0;
	}

	.formas-de-pago ul li{
		padding: 30px 15px;
		width: 25%;
	}

	.formas-de-pago .descuentos ul li{
		width: 50%;
		border-right:1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		text-align: center;
	}

	.formas-de-pago .descuentos ul li:nth-child(even){
		border-right:0;
	}

	.formas-de-pago .descuentos ul li:nth-last-child(-n+2){
		border-bottom:0;
	}

}/* CSS Document */