@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Quattrocento:wght@400;700&display=swap');

/*
	font-family: "Quattrocento", serif;
	font-family: "Jost", sans-serif;
*/


/*VARS*/
:root {
	--bk-color:#FFF;
	
	--main-font-family: "Quattrocento", serif;
	--alt-font-falmily: "Jost", sans-serif;
	
	--main-font-color:#575755;
	--main-font-size:15px;
	
	--font-light:300;
	--font-regular:400;
	--font-medium:500;
	--font-semi-bold:600;
	--font-bold:700;
	--font-black:800;
	
	--header-full-height:62px;
	
	--menu-color:#FFF;	
	
	--contrast-1:#000;	
		
	--color-transparent:rgba(0,0,0,0);
	
	--margin-micro:.25rem;
	--margin-mini:.5rem;
	--margin-small:1rem;
	--margin-med:1.5rem;	
	--margin-big:2.5rem;
	--margin-xxl:5rem;	
	
	--radius-mini:3px;
	--radius-small:5px;
	--radius-med:10px;
	--radius-big:15px;
	
	--canvas-width-max:1440px;
	--canvas-width-med:1100px;
	--canvas-width-small:800px;	
	--canvas-width-mini:400px;
}

/*COLORES VARS*/
:root {		
	
	/*https://colorhunt.co/palette/016a70ffffddd2de32a2c579*/	
	/*https://coolors.co/palette/2b2d42-8d99ae-edf2f4-ef233c-d90429*/
	
	--color-1:#6f6e6e;
	--color-1a:#727277;
	--color-1b:#d9d9d9;
	--color-1c:#f2f2f2;
	--color-2:#000000;
	
	--color-white:#FFFFFF; /*BLANCO*/	
	
	--color-borde:#eeeeee; /*GRIS*/
	--color-black:#000000; /*NEGRO*/
	--color-light:#f8f8f8; /*GRIS CLARO*/
	
	--color-error:#dc3545;
	
	--contrast-light-60: rgba(255,255,255,.6);
	--contrast-light-30: rgba(255,255,255,.3);
	--contrast-dark-30: rgba(0,0,0,.3);
	--contrast-dark-60: rgba(0,0,0,.6);
	
	/*PENDIENTE*/	
	
	--gradient-1:var(--color-2);
	--gradient-2:var(--color-1);
	--gradient-3:var(--color-2);
}


/*noinspection ALL*/
body{
	min-height: 100%;
	padding: 0;
	font-size:var(--main-font-size);	
	font-optical-sizing: auto;
	text-align:justify;
	margin:0;
	position:relative;				
	background: var(--bk-color);
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
	color: var(--main-font-color);
	display:flex;
	flex-direction:column;
	}	
	
main{
	flex:1; 
}

html{
	height: 100%;
	padding: 0;
	}		
	
img{ 
	border:none;
	vertical-align:middle;
	}

	
.grecaptcha-badge { 
    visibility: hidden;
}

.movil-show{
	display: none;
}

.overflow-override{
	overflow: unset !important;
}


.enable-transition{
	transition: all .5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.enable-transition-fast{
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.anchor-link{
	margin-top:calc(var(--header-full-height)*-1);
	display: flex;
	position: absolute;
	top: 0;
}

.espaciador{
	height: var(--header-full-height);
	display: flex;
	width: 100%;
}
   
/*MAIN*/

.main-table{
	width:100%;
	height:100vh;	
	}	
	
.rollOver{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;	
}

.rollOver:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.enable-transition{
	transition: all .5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.enable-transition-fast{
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

a,
button{
outline:0 !important;
}

.ocultar{
	display: none !important;
}

.max-width{   
    max-width: var(--canvas-width-max) !important;
}

.max-width-med{
	max-width: var(--canvas-width-med) !important;
}

.max-width-small{
	max-width: var(--canvas-width-small) !important;
}

.max-width-mini{
	max-width: var(--canvas-width-mini) !important;
}

.inner-box{
    display:flex;
    padding: var(--margin-big) var(--margin-small);    
    width: 100%;
    position: relative;
	justify-content: space-around;
	flex-wrap: wrap;
}

/**/

.main-wrapper{
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
	padding: var(--margin-xxl);
	overflow: hidden;
	position: relative;
}

.content-wrapper{
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.content-inner-wrapper{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
	gap: var(--margin-small);
}

.no-padding{
	padding: 0 !important;
}

.no-padding-bottom{
	padding-bottom: 0 !important;
}

.no-padding-sides{
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.padding-sides{
	padding-right: var(--margin-xxl);
	padding-left: var(--margin-xxl);
}

.align-center{
	text-align: center !important;
}

/**/

.img-full-w{
	width: 100%;
}

/**/

.btn-effect{
	display: inline-flex;
	overflow: hidden;
	position: relative;
}

.btn-effect .btn-content{
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.btn-effect .btn-content i{
	margin-right: var(--margin-mini);
}

.btn-effect .btn-bk{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-2);	
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
	
	transform: scaleX(0);
	transform-origin: top left;
}

.btn-effect:hover .btn-bk{
	transform: scaleX(1);
}

.btn-effect:hover .btn-content{
	color: var(--color-white);
}

.btn-generico{
	display: inline-flex;
	align-items: center;
	color: var(--color-white);
	background: var(--contrast-light-30);
	padding: var(--margin-mini) var(--margin-small);
	
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 2px var(--color-white);

	font-family: var(--alt-font-falmily);
	font-weight: var(--font-medium);
}

.btn-submit{
	display: inline-flex;
	align-items: center;
	margin: 0;
	border: 0;
	
	padding: var(--margin-mini) var(--margin-small);
	text-transform: uppercase;

	color: var(--color-white);
	background: var(--contrast-dark-30);
	text-decoration: none;
}

.btn-submit i{
	margin-right: var(--margin-mini);
}

.btn-submit:hover{
	color: var(--color-white);
}

.btn-small{
	font-size: .9em;
}

.btn-mini{
	font-size: .9em;
	padding: 3px var(--margin-mini);
}

.btn-full-w{
	width: 100%;
	justify-content: space-around;
	font-weight: var(--font-bold);
}

.editor-cart-control{
	display: flex;
	margin-top: var(--margin-small);
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin-left: 30px;
}

.editor-cart-control .progress{
	width: 100%;
	max-width: 200px;
	background-color:var(--color-white);
	height: 25px;
	font-size: .9em;
}

.editor-cart-control .progress-bar-show{
	background-color:var(--color-2);
}

.editor-cart-control .progress-bar-bk{
	background-color:var(--color-2);
}

.editor-cart-control .warning{
	display: flex;
	width: 100%;
	padding-bottom: var(--margin-small);
	text-align: center;
	color: var(--bs-danger);
	font-weight: var(--font-bold);
	justify-content: space-around;
}

.btn-fake{
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}



/**/
.cart-checkout-wrapper, .cart-checkout-item{
	display: flex;
	width: 100%;
	gap: var(--margin-mini);
	flex-wrap: wrap;
}

.cart-checkout-item{
	background: var(--bs-light); 
	padding: var(--margin-small);
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
}

.cart-checkout-item > div{
	display: flex;
	width: 100%;
}

.cart-checkout-item .row-product{
	display: flex;
	gap: var(--margin-mini);
}

.cart-checkout-item .row-product div{
	text-align: left;
	flex-grow: 1;
}

.cart-checkout-item .row-product div:first-child{
	flex-grow: unset;
	width: 20px;
}

.cart-checkout-item .row-product div:last-child{
	text-align: right;
}

.cart-checkout-item .row-address{
	display: flex;
	padding-left: 18px;
	font-size: .9em;
	color: rgba(0,0,0,.5);
	position: relative;
}

.cart-checkout-item .row-address i{
	position: absolute;
	left: 0;
	top: 4px;
	font-size: .9em;
}


.cc-card-wrapper{
	display: none !important;
}

/*HEADER*/ 
header{
	display: flex;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	gap: var(--margin-small);
	padding: var(--margin-small) var(--margin-big);
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 99999;

	opacity: 0;
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;

	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

	background-color: var(--color-white);

}

header .header-logo{
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
}

header .header-logo img{
	height: 30px;
}

header.alt-header{
	opacity: 1;
}

.wa-fixed, .wa-fixed:hover{
	display: inline-block;
	position: fixed;
	z-index: 99999;
	right: var(--margin-small);
	bottom: 1px;
	padding-bottom: var(--margin-small);
	
	font-size: 2.4em;
	color: var(--color-1);
	font-weight: var(--font-black);
	text-decoration: none;
	
	/*display: none;*/
}


/**/
.hero-fullscreen{
	display: flex;
	height: 100vh;
	width: 100%;
	position: relative;
	max-height: 100%;
	overflow: hidden;
}

.hero-fullscreen .hero-wrapper{
	display: flex;
	position: relative;
	width: inherit;
	height: 100%;
	align-items: center;
	justify-content: space-around;
}

.hero-fullscreen .hero-wrapper .bk{
	display: inline-block;
	position: absolute;	
	object-fit: cover;
	object-position: center center;
	width: inherit;
	height: inherit;
	z-index: -1;
}

.hero-fullscreen .hero-wrapper .bk.bk-movil{
	display: none;
}

.hero-fullscreen .hero-content-wrapper{
	display: flex;	
	padding: var(--margin-big);
	padding-top: calc(var(--header-full-height) + var(--margin-big));
	height: inherit;
	gap: var(--margin-xxl);
	justify-content: space-around;
}

.hero-fullscreen .hero-content-wrapper .hero-col{
	display: inline-flex;
	height: inherit;
	align-items: center;
	justify-content: space-around;
}

.hero-fullscreen .hero-content-wrapper .hero-intro-man{
	width: 100%;
	height: 100%;
	max-width: 500px;
	object-fit: contain;
}



.hero-fullscreen .hero-content-wrapper .extra-wrapper{
	text-align: right;
	width: 100%;
}

.hero-fullscreen .hero-description{
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-small);
}

.hero-fullscreen .hero-description h2{
	text-transform: uppercase;
	width: 100%;
	text-align: right;	
	color: var(--color-white);
	font-size: 5em;
	/*noinspection CssNoGenericFontName*/
	font-family: var(--alt-font-falmily);
	font-weight: var(--font-black);
	line-height: 1em;
}

/*noinspection ALL*/
.hero-fullscreen .hero-description p{
	color: var(--color-white);
	font-size: 1.4em;
	font-family: var(--alt-font-falmily);
	font-weight: var(--font-bold);
}

.hero-call-to-action{
	display: flex;
	width: 50%;
	position: absolute;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	left: var(--margin-xxl);
	bottom: 20%;
}

.hero-cta-wapeer{
	display: inline-flex;
	max-width: 500px;
	flex-wrap: wrap;
	gap: var(--margin-big);
}

.hero-cta-wapeer img{
	width: 100%;
}

.hero-cta-wapeer .controles{
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
}

/**/

/**/

.slideshow-intro{
	display: flex;
	width: 100%;
	height: calc(100vh);
	position: relative;
}

.slide-intro{
	display: flex;
	width: 100%;
	height: 100%;
	padding-top: var(--header-full-height);
	align-items: center;
	justify-content: space-around;
}


.slideshow-intro video{
	position: absolute;
	bottom: 0;
	left: 0;
	object-fit: cover;
	object-position: bottom left;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.intro-txt{
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
	max-width: 450px;
	flex-wrap: wrap;
	gap: var(--margin-med);
	font-weight: var(--font-medium);
	font-size: 1.8em;
	color: var(--color-white);
	padding: var(--margin-big);
}

.intro-txt .imagen, .intro-txt img{
	width: 100%;
}

/**/
.box-bk-grey{
	background: var(--color-1b);
}

.box-bk-black{
	background: var(--color-black);
}

.box-bk-texture{
	background-image: url("../img/graficos/fondo_madera.webp");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


/**/

.flexbox-2x{
	display: inline-flex;
	gap: var(--margin-xxl);
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
}

.flexbox-2x > *{
	max-width: 50%;
}

h2.titulo-mini{
	display: block;
	width: 100%;
	font-size: 1.3em;
	font-weight: var(--font-light);
	margin-bottom: var(--margin-med);
	color: var(--color-2);
}


.bold{
	font-weight: 600;
}

.flexbox-2x .titulo-big{
	max-width: 350px;
}

h1.titulo-big{
	display: block;
	width: 100%;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: var(--margin-small);
	text-align: left;
	font-weight: 800;
}

/*noinspection CssNoGenericFontName*/
h1.titulo-xxl{
	width: 100%;
	color: var(--color-1);
	display: flex;
	justify-content: flex-start;
	gap: var(--margin-mini);
	flex-wrap: wrap;
	font-size: 2.6em;
	text-align: left;
	margin-bottom: var(--margin-med);
}

.txt-med{
	font-size: 1.2em;
}

.txt-big{
	font-size: 1.3em;
}

.txt-big li{
	margin-bottom: var(--margin-small);
}

.txt-big li:last-child{
	margin-bottom: unset;
}


/**/



/**/

.box-for-sale{
	height: 480px;
}

.box-for-sale img{
	height: inherit;
}

/**/
.btn-mm-movil{
	position: absolute;
	top: 0;
	right: 0;
	/*display: inline-flex;*/
	display: none;
	height: 100%;
	width: auto;
	justify-content: space-around;
	align-items: center;
	cursor: pointer;
	padding: 0 var(--margin-small);
	font-size: .9em;
}

.btn-mm-movil div{
	display: inline-flex;
	padding: 3px 8px;
	
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: var(--contrast-dark-30);
	color: var(--color-white);
}

.mm-movil{
	display: none;
}


.mm-movil.open-menu{
	display: none;
}

.item-collapse .ctr-collapse{
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.item-collapse .ctr-collapse i{
	display: none;
	font-size: 2em;
}

.item-collapse .box-collapse{
	transition: max-height 1s ease-in-out;
}

/**/

.txt-med:last-child{
	margin-bottom: unset;
}

/**/

.grid-numbers{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-big);
	grid-row-gap: var(--margin-big);
}

.grid-numbers .grid-col{
	text-align: center;
}

.grid-numbers .number{
	font-size: 4em;
	font-weight: var(--font-light);
	color: var(--color-2);
	line-height: 1em;
	margin-bottom: var(--margin-small);
}

.grid-numbers .bullet{
	display: inline-flex;
	position: relative;
	width: 20px;
	height: 20px;
}

.grid-numbers .bullet img{
	width: 100%;
}

.grid-numbers .bullet .linea{
	position: absolute;
	width: calc(100vw + 100px);
	transform: translate(-50%, 0);
	top: 10px;
	height: 1px;
	z-index: -99;
	background: var(--color-2);
}

.grid-numbers h3{
	font-size: 1.3em;
	margin-top: var(--margin-med);
	margin-bottom: var(--margin-med);
}

.grid-numbers .bloque-list{
	display: flex;
	justify-content: space-around;
}

.grid-numbers ul{
	text-align: left;
}



.txt-white{
	color: var(--color-white) !important;
}

ul.no-tab-list{
	padding-left: 15px;
}

/**/

.grid-x3{
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-xxl);
	grid-row-gap: var(--margin-xxl);
}

.grid-x2{
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-xxl);
	grid-row-gap: var(--margin-xxl);
}

.grid-txt-img{
	align-items: center;
}

.grid-txt-img > div{
	text-align: center;
}

.grid-txt-img h1{
	text-align: center;
}

.grid-txt-img img{
	width: 100%;
	max-width: 300px;
}


.grid-servicios > div{
	text-align: center;
}

.grid-servicios .miniatura{
	margin-bottom: var(--margin-small);
}

.grid-servicios .miniatura,
.grid-servicios .miniatura img{
	width: 100%;
}

.grid-servicios h1{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: var(--font-black);
	color: var(--color-1);
}

.grid-servicios .descripcion{
	text-align: justify;
	font-size: 1.1em;
	font-style: italic;
}

.grid-servicios .pie{
	width: 100%;
	text-align: left;
	margin-top: var(--margin-small);
	font-weight: var(--font-bold);

}

.corner-round-med{
	border-radius: var(--radius-med);
	overflow: hidden;
}

/**/

.grid-prices{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-xxl);
	grid-row-gap: var(--margin-xxl);
}

.grid-prices .grid-col{
	position: relative;
	display: flex;
	
	padding: var(--margin-big);
	padding-bottom: calc(2 * var(--margin-big));
	justify-content: flex-start;
	
	align-items: flex-start;
	
	background: var(--color-1);
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
	overflow: hidden;
	text-align: center;
	height: auto;	
}

.grid-prices .grid-col-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-med);	
	color: var(--color-white);
} 

.grid-prices .grid-col-wrapper >*{
	flex-grow: 1;
	width: 100%;
}

.grid-prices .titulo{
	font-size: 1.5em;
	line-height: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: var(--font-light);
}

.grid-prices .precio{
	font-size: 3em;
	line-height: 1em;
	font-weight: var(--font-bold);
}

.grid-prices .qty{
	font-size: 1.5em;	
}

.grid-prices .extras{
	font-size: 1.3em;
	font-weight: var(--font-bold);
	text-transform: uppercase;
}

.grid-prices .descripcion{
	display: flex;
	justify-content: space-around;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}

.grid-prices .descripcion .notas{
	margin-top: var(--margin-small);
	font-size: .8em;
	color: rgba(255,255,255,.5);
}

.grid-prices .descripcion ul{
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-mini);
	justify-content: space-around;
	padding: 0 var(--margin-small);
	margin: 0;
	list-style-type: none;
}

.grid-prices .descripcion ul li{
	width: 100%;
	text-align: center;
}

/*noinspection CssNoGenericFontName*/
.grid-prices .button-gp{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: var(--margin-mini);	
	
	background: var(--color-2);
	border: none;
	font-family: var(--main-font-family);
	color: var(--color-white);
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: var(--font-bold);
	
	text-decoration: none;
}

.grid-prices .button-gp.color-alt{
	background: var(--color-1a);
}

.grid-prices .button-gp:hover{
	background: var(--color-2);
}

.grid-prices .button-gp i{
	margin-right: var(--margin-small)
}


.grid-prices .featured{
	display: inline-flex;
	position: absolute;
	right: var(--margin-mini);
	top: var(--margin-mini);
	color: var(--color-white);
	background: var(--color-1a);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	padding: 3px 10px;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: var(--font-bold);
	align-items: center;
}

.grid-prices .opciones{
	display: inline-block;
	position: relative;
}


/**/

foot{
	background: var(--color-white);
	position: relative;
	color: var(--color-1);
	border-top: solid 1px var(--color-borde);
}

.foot-wrapper{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-xxl);
	grid-row-gap: var(--margin-xxl);
}

foot .grid-row{
	display: flex;
	gap: var(--margin-med);
	width: 100%;
	align-items: flex-start;
	margin-bottom: var(--margin-big);
}

.foot-wrapper > .grid-col{
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-med);
}

.foot-wrapper > .grid-col:first-child{
	max-width: 600px;
}

.foot-wrapper > .grid-col >div{
	width: 100%;
}

.foot-wrapper .float-right{
	display: block;
	text-align: right;
}

.foot-legales{
	display: block;
	text-align: center;
	margin-top: var(--margin-med);
}



.links-foot ul{
	display: flex;
	margin: 0;
	padding: 0;
	gap: var(--margin-mini);
	list-style: none;
	flex-wrap: wrap;
}

.links-foot ul li{
	width: 100%;
	text-align: left;
}

.links-foot a, foot a, .links-foot a:hover, foot a:hover{
	color: var(--color-1);
	text-decoration: none;
}

foot .grid-col{
	display: flex;
	align-items: center;
}

foot .social-media-bar{
	display: inline-flex;
	gap: var(--margin-mini);
	align-items: center;
	font-size: 2em;
}

foot .social-media-bar a{
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

.foot-contacto{
	font-size: 1.5em;
}

.foot-flex-wrapper{
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--margin-small);
}

/*EDITOR*/

#form_editor{
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.sign-editor, .sign-editor-wrapper{
	display: flex;
	position: relative;
}

.sign-editor{
	padding-left: 30px;
	display: inline-flex;
}

.sign-editor-viewer{
	padding: 0;
}

.sign-editor-wrapper{
	
	
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	border-radius: var(--radius-small);
	-webkit-border-radius: var(--radius-small);
 
	overflow: hidden;
}

.sign-editor .template{
	display: flex;
	position: relative;
	width: 100%;
}

.sign-editor .template-preloader{
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-around;
	align-items: center;
	font-size: 1.5em;
	color: var(--color-1a);
}

.sign-editor .template-3{	
	/*
	width: calc(1728pt / 5);
	height: calc(2170pt / 5);	
	*/
}

.sign-editor .template .template-box{	
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: top left;	
}


.sign-editor .t-placeholder{
	width: 100%;
}

.sign-editor img[src=""] {
   display: none;
}

/*BLOQUES EDITOR*/

/**/

.sign-editor .controles{
	position: absolute;
	left: 0;
	top: 10px;
	display: flex;
	flex-wrap: wrap;
	z-index: 999;
	gap: var(--margin-mini);
	justify-content: flex-start;
	width: 30px;	
	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
}

@keyframes animation-editor{
  from {
    /*box-shadow: 0 0 5px 1px var(--color-1a);*/
	/*background: var(--color-2);*/
	border: solid 2px var(--color-1a);
	border-right:none;
  }
  to {
    /*box-shadow: 0 0 5px 1px var(--color-1a);*/
	/*background: var(--color-1a);*/
	border: solid 2px var(--color-1a);
	border-right:none;
  }
}

.sign-editor .ctr-button{
	display: flex;
	width: 30px;
	align-items: center;
	justify-content: space-around;
	font-size: .8em;	
	background-color: var(--color-1a);	
	padding: 8px 0;
	color: var(--color-white);	
	-webkit-border-radius: var(--radius-small) 0 0 var(--radius-small);
	border-radius: var(--radius-small) 0 0 var(--radius-small);	
	cursor: pointer;
	box-shadow: 0 0 5px 0 var(--color-1a);	
	border: solid 2px var(--color-1a);	
}

.sign-editor .ctr-button.default{
	animation: animation-editor .8s infinite alternate;		
}

.sign-editor .ctr-button.activo{
	background: var(--color-1);
	border: solid 2px var(--color-1);	
}

.font-select, .font-select .fs-results li, .font-select .fs-search input{
	font-size: 14px;
}

.font-select .fs-results{
	max-height: 120px;
}


.sign-editor .se-asset-header,
.sign-editor .se-asset-img,
.sign-editor .se-asset-phone,
.sign-editor .se-asset-info,
.sign-editor .se-asset-foot,
.sign-editor .se-asset-qr
{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.sign-editor .se-asset-info-wrapper{
	display: flex;
	flex-wrap: wrap;
}

.sign-editor .se-asset-info-wrapper > div{
	flex-grow: 1;
}

.sign-editor .control-box{	
	display: none;
	flex-wrap: wrap;
	gap: var(--margin-micro);
	padding: var(--margin-mini);
	background: var(--color-white);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);	
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
	
	min-width: 280px;
	max-width: 280px;
	
	position: absolute;
	left: 40px;
	top: 0;
	
	z-index: 99999;
}

.sign-editor .control-box.ctr-top{
	top:90px;
}

.sign-editor.template-2 .control-box.ctr-top{
	top:0;
	left:100px;
}

@keyframes ctr-box-activo {
	0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.sign-editor .control-box.activo{
	display: flex;
	animation-name: ctr-box-activo;
	animation-duration: 0.5s;
}

.sign-editor .control-box .ctr-row{
	display: flex;	
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	gap: var(--margin-mini);
}

.sign-editor .control-box .ctr-row.encabezado{
	justify-content: space-between;
	flex-wrap: nowrap;
}

.sign-editor .control-box .encabezado h3{
	font-size: .9em;
	font-weight: 600;
}

.sign-editor .control-box .encabezado button{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: var(--color-1a);
}

.sign-editor .control-box .descripcion{
	font-size: .8em;
	text-align: left;
	display: inline-block;
	padding: var(--margin-mini) var(--margin-small);
	background: #f6f6f6;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);	
	width: 100%;
}

.sign-editor .control-box .descripcion p{
	margin-bottom: 5px;
}

.sign-editor .control-box .descripcion ul{
	margin: 0;
	padding-left: var(--margin-mini);
}

.input-hidden{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.btn-ctr-box, .btn-ctr-box:hover{
	padding: 2px 6px;
	background: var(--color-white);
	text-decoration: none;
	color: var(--color-2);	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);	
}

.sign-editor .control-box .btn-submit{
	font-size: .9em;
	margin-top: var(--margin-mini);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
}

/*noinspection ALL*/
.btn-simple{
	font-family: var(--main-font-family);
	color: var(--color-2);
	padding: 2px 8px;
	border: solid 1px var(--color-2);
	background: none;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
	text-decoration: none;
}

.btn-simple:hover{
	background: var(--color-2);
	color: var(--color-white);
}

.btn-simple i{
	margin-right: var(--margin-mini);
}

/**/

.sign-editor .select-galeria-wrapper{
	overflow-y: scroll;
	max-height: 150px;	
}

.sign-editor .select-galeria{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-micro);
	grid-row-gap: var(--margin-micro);
	margin-top: var(--margin-mini);
	
}

.sign-editor .select-galeria .miniatura{
	/*border: solid 2px var(--color-white);*/
	cursor: pointer;
}

.sign-editor .select-galeria .miniatura.activo{
	/*border: solid 2px var(--color-1a);*/
}

.sign-editor .select-galeria .miniatura img{
	width: 100%;	
}

/**/

.se-asset-qr .qr-placeholder{
	width: 100%;
	height: 100%;
}

.sign-editor .se-txt{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.sign-editor .se-asset{
	display: flex;
	flex-wrap: wrap;
}

.sign-editor .se-asset .se-marco{
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	width: inherit;
	height: inherit;
}

.sign-editor .se-asset .se-marco.activo{
	display: flex;
	border: solid 2px var(--color-1a);
	z-index: 99;
}

.sign-editor .se-asset .se-txt{
	font-family: inherit;
	color: inherit;
	width: 100%;
}


/**/

.coloris-box{
	display: flex;
	gap: var(--margin-mini);
	align-items: center;
	font-size: .9em;
 }

.coloris-box input{
	display: flex;
	border: none;
	background: var(--color-white);
	position: relative;
	width: 30px;
	height: 30px;
	justify-content: space-around;
	align-content: center;
	
	padding: 0;
	border-radius: 5px;
	color: #FFF;	
	
	cursor: pointer;
	opacity: 0;
}

.coloris-box .clr-field button{
    width: 18px;
    height: 18px;
    border-radius: 50%;
	z-index: 1;
	left: 6px;
	overflow: hidden;	
}

/**/
.products-grid{	
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-big);
	grid-row-gap: var(--margin-xxl);
}

.products-grid .product-item{
	display: inline-flex;
	width: 100%;
	flex-wrap: wrap;
	gap: var(--margin-small);
	text-decoration: none;
	color: var(--color-1);
}

.products-grid .product-item .miniatura{	
	display: flex;
	position: relative;
	width: 100%;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	overflow: hidden;
}


.products-grid .product-item .miniatura img{
	width: 100%;
}

.products-grid .product-item .miniatura .size{
	position: absolute;
	font-size: 1.7em;
	font-weight: var(--font-black);
	color: var(--color-white);
	top:var(--margin-mini);
	right:var(--margin-mini);
	text-shadow: 0 0 10px #B5B5B5;
}

.products-grid .product-item .descripcion{
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: var(--margin-small)
}

.products-grid .product-item .descripcion .precio{
	font-size: 1.5em;
	font-weight: var(--font-black);
	color: var(--color-1);
}


/**/

.notas-contenido{
	display: flex;	
	width: 100%;
	gap: var(--margin-med);
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--margin-big);
	padding: var(--margin-med);
	border: solid 4px var(--color-borde);
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
	font-size: 1.1em;
}

.notas-contenido .grafico{
	width: 150px;
	min-width: 150px;
}

.notas-contenido .txt{
	flex-grow: 1;	
}

.notas-contenido .txt p{
	margin: 0;
}

.notas-contenido .grafico img{
	width: 100%;
}

.notas-contenido h1{
	text-align: left;
	font-size: 1.3em;
	margin-bottom: var(--margin-small);
}

.notas-contenido h2{
	text-align: left;
	display: block;
	width: 100%;
	font-size: 1.1em;
	font-weight: var(--font-light);
	letter-spacing: .3em;
}

.notas-contenido .controles{
	display: flex;
	width: 100%;
	justify-content: space-around;
	gap: var(--margin-small);
	margin-top: var(--margin-small);
}

.notas-contenido.call-to-action{
	margin-bottom: unset;
} 

.notas-contenido.call-to-action p{
	font-size: .9em;
}

.notas-contenido .txt{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: var(--margin-mini);
}

.btn-call-to-action{
	font-size: 1em;
	background: var(--color-1);
	color:var(--color-white);
	border: none;
	text-transform: uppercase;
	padding: var(--margin-mini) var(--margin-small);
	text-decoration: none;
}

.btn-call-to-action .btn-bk{
	background: var(--color-2);
	color:var(--color-white);
}

/**/

.link-body{
	font-weight: var(--font-bold);
	color: var(--color-2);
	text-decoration: none;
}

/**/
.form-grid-wrapper{
	width: 100%;
	display: flex;
	gap: var(--margin-med);
	justify-content: flex-start;
	align-items: flex-start;
}

.form-grid-wrapper .form-grid-col{
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--margin-med);
	width: calc(50% - (var(--margin-med)/2));
	justify-content: flex-start;
}

.form-grid-wrapper .form-grid-col.col-sign-preview{
	justify-content: space-around;
}


#cart{
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--margin-med);
	justify-content: flex-start;
}


.form-grid-wrapper .form-grid-col .form-grid-header{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.form-grid-header .btn-simple{
	white-space: nowrap;
}

/**/
.cart-grid{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: var(--margin-mini);
}

.cart-grid .cart-row{	
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-mini);
	grid-row-gap: var(--margin-mini);
	
	border-top: solid 1px var(--color-borde);
	align-items: center;
}

.cart-grid .cart-row:first-child{
	border-top: unset;
	font-weight: var(--font-bold);
}

.cart-grid .cart-row > div{
	display: flex;
	justify-content: space-around;
	padding-top: var(--margin-mini);	
}

.cart-grid .cart-row:first-child > div{
	padding-top: unset;	
}

.cart-grid .cart-row .miniatura img{	
	height:60px;	
	max-width: 80px;
	object-fit: contain;
	-webkit-border-radius: var(--radius-mini);
	border-radius: var(--radius-mini);
	
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
} 

.cart-grid .cart-row .miniatura.generic-product img{
	width: 70px;
	height: 70px;
	
	-webkit-border-radius: unset;
	border-radius: unset;
	
	-webkit-box-shadow: unset;
	box-shadow: unset;
}

.cart-grid form .selector{
	display: flex;
	gap: var(--margin-mini);
	align-items: center;
}

.cart-grid form .selector span{
	white-space: nowrap;
}

.cart-grid .controles button, .cart-grid .controles button:hover{
	cursor: pointer;
	background: none;
	color: var(--color-2);
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.cart-grid .form-notas{
	justify-content: flex-end;
}

.cart-form-shipping{
	display: flex;
	width: 100%;
}

.cart-form-shipping .selector{
	display: flex;
	width: 100%;
	gap: var(--margin-mini);
	align-items: center;
	
	background: var(--color-2);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-med);
	padding: var(--margin-small);
}

.cart-form-shipping .selector span{
	white-space: nowrap;
}


/**/

.auto-w{
	width: auto;
}

.msg-log{
	display: flex;
	justify-content: flex-start;
	margin-bottom: var(--margin-small);
	width: 100%;
}

.msg-log div{
	display: inline-block !important;
}

.msg-log .destacado{
	color: var(--color-1a);
	font-size: 1.1em;
}

.form-notas, .form-featured{
	display: flex;
	flex-wrap: wrap;
	width: 100%;	
	background: var(--color-2);	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-med);	
	padding: var(--margin-small);
	text-align: left;
}

.form-notas.notas-error, .notas-error{
	color:var(--bs-danger-text-emphasis) !important;
	background:var(--bs-danger-bg-subtle) !important;
}

.form-notas.notas-warning, .notas-warning{
	color:var(--bs-warning-text-emphasis) !important;
	background:var(--bs-warning-bg-subtle) !important;
}

.form-notas.notas-info{
	display: block;
	background:var(--bs-info-bg-subtle);
}

.form-featured{
	gap: var(--margin-mini);
	background: var(--color-2);
	color: var(--color-white);
}

.form-featured > div{
	width: 100%;
	text-align: center;
}

.msg-log div{
	display: inline-flex;
	flex-wrap: wrap;
	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-med);	
	padding: var(--margin-small);
	text-align: left;
	
	background: var(--color-2);
	color: var(--color-white);
}

.form-notas-controles{
	display: flex;
	gap: var(--margin-mini);
	align-items: center;
	margin-top: var(--margin-small);
	width: 100%;
}

/**/

.form-box-wrapper{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
		
	border: solid 1px var(--color-borde);
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
}


.box-overflow{
	overflow-x: auto;
}

.form-box-wrapper h1{
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	font-weight: var(--font-bold);
	padding-top: var(--margin-med);
}

.form-box-wrapper > h1:first-of-type{
	padding-top: 0 !important;
}

.form-box-wrapper .form-floating, .form-box-wrapper .form-check{
	margin-bottom: var(--margin-mini);
	text-align: left;
}

.form-img{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	
}

.form-img img{
	object-fit: contain;
	width: 100%;
	max-width: 400px;
}

.form-col{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: var(--margin-med);
	padding: 0;
	align-self: flex-start;
}

.flex-controls{	
	display: flex;
	width: 100%;
	flex-wrap:wrap;
	gap: var(--margin-mini);
	margin-top: var(--margin-small);
}

.flex-controls .warning{
	display: none;
	width: 100%;
	color: var(--color-error);
}

.flex-controls.fc-center{
	justify-content: space-around;
}

.flex-controls.fc-center .warning{
	text-align: center;
}

.flex-controls.fc-right{
	justify-content: flex-end;
}

.flex-controls.fc-right .warning{
	text-align: right;
}

.cart-costos{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--margin-mini);
}

.cart-costos .gc-row{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-mini);
	grid-row-gap: var(--margin-mini);
}

.cart-costos .gc-row .gc-col:last-child{
	text-align: right;
}

.cart-costos .gc-row.totals{
	font-weight: var(--font-bold);
	font-size: 1.1em;
} 

.error-wrapper .cart-items-wrapper{
	border: solid 1px var(--color-error);
}

.notice-important{
	background: var(--color-2);
	color: var(--color-1a);
	text-align: left;
	font-size: 1.1em;
}

.notice-important a{
	text-decoration: none;
	color: var(--color-1a);
}

.notice-important a:hover{
	text-decoration: none;
	color: var(--color-2);
}


/**/
.block-wrapper{
	display: flex;
	justify-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
	gap: var(--margin-small);
}

.block-wrapper .bc-row{
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

/**/
.list-item-box{
	display: flex;
	justify-content: flex-start;
	gap: var(--margin-small);
	flex-wrap: wrap;
	width: 100%;
}

.list-item-box .item{
	display: flex;	
	flex-wrap: wrap;
	background: var(--bs-light);
	border: solid 1px var(--bs-light);
	padding: var(--margin-small);	
	padding-left: var(--margin-big);
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
	width: 100%;
	position: relative;
}

.list-item-box .item.activo{
	border: solid 1px var(--color-2);
}

.list-item-box .item.error{
	background: var(--color-2);
}

.list-item-box .item p{
	padding: 0;
	margin: 0;
	width: 100%;
}

.list-item-box .item i{
	position: absolute;
	left: var(--margin-small);
	top: 20px;
}

.titulo-small{
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	font-weight: var(--font-bold);
	margin: 0;
}

.card-strip{
	display: flex;
	gap: var(--margin-mini);
	align-items: center;
	justify-content: flex-start;
	font-size: 1.5em;
	margin-bottom: var(--margin-small);
	color: var(--color-2);
}

.no-margin{
	margin:0 !important;
}

.anchor-link{
	margin-top:calc(-1 * var(--header-full-height));
	display: flex;
	position: absolute;
}
/**/

.dropdown-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}

.dropdown-list .dropdown-ctrl{
	width: 100%;
	text-align: left;
	display: block;
	padding-bottom: var(--margin-small);
}

.dropdown-list .dropdown-ctrl button{
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	font-size: 1.8em;
	display: flex;
	justify-content: flex-start;
	gap: var(--margin-small);
	align-items: center;
}

.dropdown-list .dropdown-ctrl button i{
	font-size: .6em;
}

.dropdown-list .dropdown-box{
	box-sizing: border-box;
	width: 100%;
}

.dropdown-list .dropdown-box div{
	display: block;
	box-sizing: border-box;
	padding: 0 0 var(--margin-small) 0;
}
/**/

.form-control.form-textarea{
	min-height: 150px; 
}

.txt-align-justify{
	text-align: left;
}

/**/

.grid-40-60{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--margin-big);
}

.grid-40-60 > div{
	flex-grow: 1;
}

.grid-40-60 > div:first-child{
	width: 40%;
	min-width: 40%;
	align-self: stretch;
}

.grid-40-60 > div:first-child img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.grid-40-60 p:last-child{
	margin-bottom: 0;
}

/**/
.grid-icons{
	display: flex;
	margin-top: var(--margin-big);
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: var(--margin-small);
}

.grid-icons .col{
	display: inline-flex;
	gap: var(--margin-mini);
	flex-wrap: wrap;
	width: 28%;
	max-width: 28%;
	min-width: 28%;
	justify-content: space-around;
}

.grid-icons .col > div{
	width: 100%;
	text-align: center;
}

.grid-icons h2{
	margin: unset;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	font-weight: var(--font-bold);
}

.grid-icons .icono{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.grid-icons .icono i{
	font-size: 4.5em;
	color: var(--color-2);
}

.grid-icons .pie{
	display: block;
	margin-top: var(--margin-small);
}

.grid-icons .pie{
	display: none;
}

.bloque-txt-big{
	font-size: 4em;
	line-height: 1.2em;
	text-align: center;
	color: var(--color-1);
}

.titulo-mix{
	color: var(--color-1);
	display: flex;
	justify-content: flex-start;
	gap: var(--margin-mini);
	flex-wrap: wrap;
	font-size: 2.6em;
	margin-bottom: 0;
}

.titulo-mix .txt-wrapper{
	display: block;
	width: 100%;
	text-align: center;
}

.titulo-mix .txt-a{
	font-size: .5em;
	font-family: var(--alt-font-falmily);
	font-weight: var(--font-light);
	text-transform: uppercase;
	letter-spacing: .9em;
}

.titulo-mix .txt-b{
	font-family: var(--main-font-family);
	font-size: 1.8em;
	padding-bottom: var(--margin-med);
	margin-bottom: var(--margin-med);
	border-bottom: solid 1px var(--color-1);
}

.titulo-mix .txt-b.border-white{
	border-bottom: solid 1px var(--color-white);
}

.titulo-mix .txt-c{
	font-family: var(--alt-font-falmily);
	font-size: .8em;
}

.titulo-mix .txt-d{
	font-size: .9em;
	font-family: var(--alt-font-falmily);
	text-align: center;
}

.titulo-mix .txt-d span{
	font-family: var(--main-font-family);
}

.bk-color-1a{
	background: var(--color-1a);
}


.bk-color-1b{
	background: var(--color-1b);
}

.bk-color-1c{
	background: var(--color-1c);
}

.color-1a{
	color: var(--color-white) !important;
}


/**/

.moodboard h1{
	text-align: center;
	width: 100%;
	margin: 0;
}

.moodboard h2{
	font-size: 1.2em;
	width: 100%;
	text-align: center;
	margin-bottom: var(--margin-big);
	color: rgba(0,0,0,.3);
	font-family: var(--alt-font-falmily);
}

.mobo-grid{
	display: flex;
	justify-content: space-between;
	gap: var(--margin-xxl);
	width: 100%;
}

.mobo-grid{
	flex-wrap: wrap;
}

.mobo-grid .mobo-row{
	display: grid;
	grid-template-columns: 35% 65%;
	width: 100%;
}

.mobo-grid .mobo-respuestas{
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* Crea 3 columnas de igual tamaño */
	gap: var(--margin-med); /* Espacio entre elementos del grid */
	width: 100%;
}

.mobo-grid .mobo-respuestas .icono{
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-mini);
	width: 100%;
}

.mobo-grid .mobo-respuestas .icono .etiqueta{
	width: 100%;
	text-align: center;
	font-size: .9em;
	font-weight: var(--font-light);
	color: var(--color-1a);

}

.mobo-grid .mobo-respuestas .icono img{
	width: 100%;

	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,.1);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,.1);

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;

	aspect-ratio: 1 / 1;

	cursor: pointer;
}

.mobo-grid .mobo-respuestas .icono.activo img{
	width: 100%;
	-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,1);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,1);
}

.mobo-grid .mobo-respuestas .icono img:hover{
	opacity: .8;
}

.mobo-grid .mobo-campos{
	display: flex;
	gap: var(--margin-mini);
	width: 100%;
}

.mobo-campos .form-control{
	border-radius: 0;
	font-family: var(--main-font-falmily);
}

.mobo-grid .mobo-pregunta{
	font-size: 1.2em;
	text-align: left;
	padding-right: var(--margin-big);

}

.mobo-grid .mobo-pregunta > div{
	padding: var(--margin-small);
	border: solid 1px rgb(0, 0, 0, .2);
	background: var(--color-1c);
	position: relative;
}

.mobo-grid .mobo-pregunta .numero{
	position: absolute;
	top: -15px;
	left: -15px;
	font-size: .8em;
	font-weight: var(--font-bold);
	padding: var(--margin-mini);
	background: var(--color-1b);
	color: var(--color-black);

	width: 30px;
	height: 30px;
	border-radius: 15px;

	display: flex;
	justify-content: space-around;
	align-items: center;

	font-family: var(--alt-font-falmily);
}

.mobo-controles{
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: var(--margin-big);
	gap: var(--margin-med);
	flex-wrap: wrap;
}

.mobo-controles .warning{
	display: block;
	width: 100%;
	text-align: center;
}

/**/

.countdown{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: var(--margin-med);
	font-family: var(--alt-font-falmily);
}


.countdown .countdown-item{
	display: flex;
	justify-content: space-around;
	width: 90px;
	height: 90px;
	align-items: center;
	flex-wrap: wrap;
	background: rgba(0,0,0,.4);
}

.countdown .countdown-item > div{
	display: block;
	width: 100%;
	text-align: center;
}

.countdown .countdown-item .numero{
	color: var(--color-white);
	font-size: 3em;
	font-weight: var(--font-bold);
	line-height: 1em;
}

.countdown .countdown-item .etiqueta{
	color: rgba(255,255,255,.4);
	text-transform: uppercase;
	font-size: .6em;
}


/*MEDIA QUERIES*/

@media(max-width:1200px){
	:root {
		--margin-xxl:2.5rem;
	}

	.hero-fullscreen .hero-content-wrapper h2{
		font-size: 4.5em;
	}

	.hero-fullscreen .hero-content-wrapper .hero-col{
		flex-grow: 1;
	}

	h1.titulo-xxl{
		font-size: 2.5em;
	}

	/**/

	.grid-prices{
	  grid-column-gap: var(--margin-big);
	  grid-row-gap: var(--margin-big);
	}

	.bloque-txt-big{
		font-size: 3em;
	}

	.titulo-mix{
		font-size: 2.2em;
	}

	.grid-40-60 > div:first-child{
		width: 50%;
		min-width: 50%;
	}


}

@media(max-width:1050px){
	.grid-sizes {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:1000px){
	.grid-prices{
		font-size: .9em;
		grid-column-gap: var(--margin-med);
		grid-row-gap: var(--margin-med);
	}
	
	.form-grid-wrapper{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	.form-grid-wrapper .form-grid-col{
		width: 100%;
		max-width: 600px;
	}
}

@media (max-width:950px){
	.grid-prices{
		font-size: 1em;
		display: flex;
		flex-wrap: wrap;
		gap: var(--margin-med);
	}
	
	.grid-prices .grid-col{
		width: calc(50% - (var(--margin-med) / 2));
		flex-grow: 1;
	}
	
	.notas-contenido{
		font-size: 1.1em;
	}

	.mobo-grid .mobo-row{
		flex-wrap: wrap;
	}

	.mobo-grid .mobo-row{
		grid-template-columns: repeat(1, 1fr); /* Crea 3 columnas de igual tamaño */
		grid-gap: var(--margin-med);
	}

	.mobo-grid .mobo-pregunta {
		padding-right: unset;
	}
}

@media(max-width:920px){
	/*VARS*/
	:root {	
		--header-full-height:62px;
		--margin-xxl:2.5rem;

	}

	.mm-movil.open-menu{
		display: flex;
	}

	.mm-main{
		display: none;
	}

	.btn-mm-movil{
		display: inline-flex;
	}

	header{
		padding: var(--margin-small);
		align-items: center;
	}

	header .logotipo {
	  height: 30px;
	}

	.mm-movil{
		display: flex;
	}

	header.alt-header.open-menu{
		/*background: var(--color-2);*/

	}

	header.open-menu .logo-header-color{
		opacity: 1;
	}

	header.open-menu .logo-header-white{
		opacity: 0;
	}

	header.open-menu .btn-mm-movil div{
		background: var(--color-1a);
	}

	/**/

	.hero-fullscreen .hero-content-wrapper{
		gap: var(--margin-big);
	}

	.hero-fullscreen .hero-content-wrapper h2{
		font-size: 3.5em;
	}

	.hero-fullscreen .hero-content-wrapper .hero-col{
		flex-grow: 1;
	}

	.hero-fullscreen .hero-content-wrapper .hero-col:last-child{
		width: 50%;
	}

	h1.titulo-xxl{
		font-size: 2em;
	}

	/**/

	.grid-prices{
	  grid-column-gap: var(--margin-big);
	  grid-row-gap: var(--margin-big);
	}

	.grid-prices{
		font-size: .9em;
		grid-column-gap: var(--margin-med);
		grid-row-gap: var(--margin-med);
	}
}

@media (max-width:900px){
	.products-grid {
	  font-size: .8em;
	}

	.grid-40-60{
		flex-wrap: wrap;
	}
	.grid-40-60 > div:first-child{
		width: 100%;
		min-width: 100%;
	}
}

@media (max-width:850px){
	h2.titulo-mini{
		font-size: 1em;
		margin-bottom: var(--margin-med);
	}
	
	h1.titulo-big{
		font-size: 2em;
		margin-bottom: var(--margin-med);
	}
	
	.txt-med{
		font-size: 1.1em;
	}
	
	.flexbox-2x{
		flex-wrap: wrap;
	}
	
	.flexbox-2x > *{
		flex-grow: 1;
		width: 100%;
		max-width: 100%;
	}
	
	.flexbox-2x .titulo-big{
		max-width: 280px;
	}
	
	
	.box-for-sale{
		display: flex;
		height: unset;
		justify-content: space-around;
	}
	
	.box-for-sale img{
		height:unset;
		width: 100%;
		max-width: 300px;
	}
	
	.reverse-movil{
		flex-direction: column-reverse;
	}
	
	.align-left-movil{
		text-align: left !important;
	}
	
	
	.item-collapse .box-collapse{
		max-height: 0;
		overflow: hidden;
	}
	
	.item-collapse .box-collapse.expanded{
		max-height: 800px;
	}
	
	.item-collapse .ctr-collapse .fa-caret-down{
		display: initial;
	}
	
	.item-collapse .ctr-collapse .fa-caret-up{
		display: none;
	}
	
	.item-collapse .ctr-collapse.expanded .fa-caret-up{
		display: initial;
	}
	
	.item-collapse .ctr-collapse.expanded .fa-caret-down{
		display: none;
	}
	
	.editor-cart-control{
		justify-content: space-around;
	}
	
	
	.grid-x2{
		display: flex;
		flex-wrap: wrap;
		gap: var(--margin-big);
	}
	
	.grid-x2 > div{
		width: 100%;
	}
	
	
}


@media (max-width:770px){
	.form-img{
		display: none;
	}
}

@media (max-width:750px){	
	.grid-sizes {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.grid-sizes .item {
		height: 120px;
	}
	
	.grid-sizes .item .size{
		font-size: 1em;
	}
}	


@media (max-width:700px){	
	.hero-fullscreen .hero-content-wrapper{
		flex-wrap: wrap;
		justify-content: space-between;
		height: unset;
		flex-direction: column-reverse;
	}
	
	.hero-fullscreen .hero-content-wrapper .hero-col{
		width: 100% !important;
		max-width: 100%;
		flex-grow: 1;
	}
	
	.hero-fullscreen .hero-content-wrapper .hero-intro-man{
		max-width: 250px;
	}
	
	.hero-fullscreen .hero-content-wrapper h2 {
		text-align: center;
		font-size: 2.3em;
	}
	
	.hero-fullscreen .hero-content-wrapper .extra-wrapper {
		text-align: center;
	}

	.hero-fullscreen .hero-wrapper .bk.bk-movil{
		display: initial;
	}

	.hero-fullscreen .hero-wrapper .bk.bk-default{
		display: none;
	}

	.hero-call-to-action{
		width: 100%;
		padding: var(--margin-xxl);
		left: 0;
		bottom: 0;
	}

	.bloque-txt-big{
		font-size: 2.3em;
	}

	.titulo-mix{
		font-size: 1.6em;
	}

	.titulo-mix .txt-d {
		font-size: .85em;
	}
}

@media (max-width:750px){
	.grid-numbers{
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: var(--margin-med);
		grid-row-gap: var(--margin-med);
		justify-items: center;
	}
	
	.grid-numbers .grid-col{
		max-width: 300px;
	}
	
	.grid-x3{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width:700px){
	.main-wrapper{
		padding: var(--margin-med);
	}
	
	.foot-wrapper{
		display: flex;
		flex-wrap: wrap;
	}
	
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
		font-size: 1em;
	}

	h1.titulo-xxl{
		font-size: 1.6em;
	}
}

@media (max-width:650px){
	.notas-contenido{
		font-size: .9em;
	}
	
	.dropdown-list .dropdown-ctrl button{
		font-size: 1.3em;
	}
	
	.grid-40-60{
		flex-wrap: wrap;
	}
	
	.grid-40-60 > div:first-child,
	.grid-40-60 > div{	
		width: 100%;
		min-width: 100%;
	}

}

@media (max-width:620px){
	.grid-sizes {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: var(--margin-med);
		grid-row-gap: var(--margin-med);
	}	
}

@media (max-width:600px){
	.grid-prices .grid-col{
		width:100%;
		padding:var(--margin-big) var(--margin-small);
		padding-bottom: calc(var(--margin-big)*2);
	}
	
	.grid-icons .hide-movil{
		display: none;
	}
	
	.grid-icons .pie{
		display: block;
	}
	
	.grid-icons{
		gap: var(--margin-med);
	}
	
	.grid-icons .col{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding: var(--margin-med);
		border: solid 1px var(--color-borde);
	}
}


@media (max-width:550px){

	
	.products-grid{
		font-size: .8em;
		grid-column-gap: var(--margin-small);
		grid-row-gap: var(--margin-small);
	}	
	
	.notas-contenido{
		padding: var(--margin-small);
	}
	
	.grid-x3{
		display: flex;
		gap: var(--margin-big);
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.foot-contacto{
		font-size: 1.3em;
	}

	foot .social-media-bar{
		font-size: 1.5em;
	}

	.mobo-grid .mobo-respuestas{
		grid-template-columns: repeat(2, 1fr);
	}

	.mobo-grid .mobo-campos{
		flex-wrap: wrap;
	}

	.countdown{
		gap: var(--margin-small);
	}

	.countdown .countdown-item{
		width: 55px;
		height: 55px;
	}

	.countdown .countdown-item .numero{
		font-size: 1.8em;
	}

	.countdown .countdown-item .etiqueta{
		color: rgba(255,255,255,.4);
		text-transform: uppercase;
		font-size: .5em;
	}

}

@media (max-width:520px){
	
	.cart-grid .cart-row{
		grid-template-columns: repeat(5, 1fr);
	}
	
	.cart-grid .cart-row .miniatura img{
		height: 40px;
	}
	
	.cart-grid .cart-row .miniatura.generic-product img{
		width: 40px;
		height: 40px;
	}
	
	.cart-tabla{
		font-size: .8em;
	}
	
	.movil-show{
		display: flex;
	}
	
	.movil-hide{
		display: none !important;
	}
	
	.form-control.form-control-sm.form-custom{
		font-size: .75rem !important;
	}
	
	.cart-tabla .miniatura{
		display: flex;
		flex-wrap: wrap;
	}
	
	.cart-tabla .miniatura div{
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	
	.cart-form-shipping .selector{
		flex-wrap: wrap;
	}
	
	.qr-preview-wrapper{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	.qr-preview-wrapper div{
		text-align: center;
	}
	
}

@media (max-width:450px){		
	
	h1.titulo-big{
		font-size: 1.5em;
	}
	
	.grid-sizes{
		grid-column-gap: var(--margin-small);
		grid-row-gap: var(--margin-small);
	}
	
	.grid-sizes .item{
		height: 100px;
	}
	
	.grid-sizes .item .size {
		font-size: .8em;
	}
	
	.sign-editor .control-box.ctr-top{
		top:0;
	}

	.sign-editor.template-2 .control-box.ctr-top{
		top:0;
		left:40px;
	}
	
	.products-grid{
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: var(--margin-med);
		grid-row-gap: var(--margin-big);
		font-size: 1em;
	}
	
	.item-collapse .ctr-collapse i{
		font-size: 1.5em;
	}
	
	.notas-contenido{
		padding: var(--margin-small);
		flex-wrap: wrap;
		justify-content: space-around;
	}	
	
	.notas-contenido .grafico{
		min-width: unset;
		max-width: 100%;
	}
}