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

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*
	font-family: "Exo 2", sans-serif;
	font-family: "Montserrat", sans-serif;
*/


/*VARS*/
:root {
	--bk-color:#FFF;
	
	--main-font-family: "Exo 2", sans-serif;
	--alt-font-falmily: "Montserrat", sans-serif;
	
	--main-font-color:#15152d;
	--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:132px;
	
	--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;
}

/*COLORES VARS*/
:root {		
	
	/*https://colorhunt.co/palette/016a70ffffddd2de32a2c579*/	
	/*https://coolors.co/palette/2b2d42-8d99ae-edf2f4-ef233c-d90429*/
	
	--color-1:#15152d; /*AZUL OBSCURO*/	
	--color-1a:#273b7f; /*AZUL BRILLANTE*/	
	--color-1b:#7d89b2; /*AZUL CLARO*/
	--color-1c:#00eaff; /*AZUL RESALTE*/
	
	--color-1b-50:rgba(39,59,127,.3);
	
	--color-2:#007fbe;
	--color-2a:#85bbd6;
	
	--color-3:#494c51; /*GRIS OBSCURO*/
	--color-3a:#c1c1c1; /*GRIS CLARO*/
	--color-3b:#ececec; /*GRSI MUY CLARO*/	
	--color-3c:#f9f9f9; /*GRSI MUY MUY CLARO*/
	
	--color-4:#959eac; /*GRIS AZULADO*/
		
	--color-5:#ffe0e0; /*GRIS AZULADO*/	
	
	--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);
	
	--color-white: #FFF;
	
	/*PENDIENTE*/	
	
	--gradient-1:var(--color-2);
	--gradient-2:var(--color-1);
	--gradient-3:var(--color-3);
}	


body{ 	
	min-height: 100%;
	padding: 0;
	font-size:var(--main-font-size);	
	font-optical-sizing: auto;
	text-align:justify;
	margin:0px;
	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: 0px;
}
   
/*MAIN*/

.main-table{
	width:100%;
	height:100vh;	
	}	
	
.rollOver{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-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;
	-khtml-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;
}

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



/**/

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

.btn-effect .btn-content{
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
	ransition: 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-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);
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
	
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: var(--font-bold);
	text-decoration: none;
	border: solid 2px var(--color-white);	
}

.btn-submit{
	display: inline-flex;
	align-items: center;
	margin: 0;
	border: 0;
	
	padding: var(--margin-mini) var(--margin-small);
	text-transform: uppercase;
	
	-webkit-border-radius: var(--radius-med);
	border-radius: var(--radius-med);
	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;
	flex-wrap: wrap;
}

.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-2a);
}

.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-med) var(--margin-big);
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 99999;
	
	transition: background-color .3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 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: rgba(255,255,255,0);
}

header > div{
	width: 100%;
}

header .logotipo{
	display: inline-block;
	height: 40px;
}

header .logotipo img{
	height: inherit;
}

header .logotipo .logo-header{
	position: absolute;
}


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

/**/

header .menu-box{
	display: flex;
}

header .menu-box ul, header .menu-box ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: var(--margin-small);
	align-items: center;
}

.header-user-bar{
	display: flex;
	justify-content: flex-end;
}

.header-user-bar .user-bar{
	display: inline-flex;
	gap: var(--margin-small);
	margin-bottom: var(--margin-small);
}

header .menu-box a, header .user-bar button, header .user-bar a{
	display: flex;
	color:inherit;
	text-decoration: none;
	font-size: 1.1em;
	text-decoration: none;
	background: none;
	border: none;
	text-transform: uppercase;
	font-weight: var(--font-bold);
	align-items: center;
	color: var(--color-white);
	font-family: var(--main-font-family);
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	text-decoration: none;
}


header .menu-box a:hover, header .user-bar button:hover, header .user-bar a:hover{
	text-decoration: none;
	color: var(--color-1a);
}


header .btn-cart{
	position: relative;
}

header .btn-cart .count-tooltip, header .btn-cart:hover .count-tooltip{
	position: absolute;
	top: -11px;
	right: -13px;
	
	width: 18px;
	height: 18px;
	
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 4px;
	
	
	background: var(--color-1a);
	font-weight: var(--font-bold);
	font-size: .6em;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	color: var(--color-white);
}

.cart-add-box{
	position: absolute;
	font-size: .8em;
	color: var(--color-white);
	left: 5px;	
	top: -2px;
	opacity: 0;
}

.cart-add-box.animar{
	animation: animation-cart-add-box .8s;
}


/**/



@keyframes animation-cart-add-box{
	0%{
		opacity: 0;
		transform: translate(0px,-20px);
	}
	10%,50%{
		opacity: 1;
	}
	100%{
		transform: translate(0px,0px);
		opacity: 0;
	}
}

header .menu-box a.bnt-mp-round{
	color: var(--color-white);
	background: var(--contrast-light-30);
	padding: var(--margin-mini) var(--margin-small);
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
} 

header .menu-box a.bnt-mp-round:hover{
	color: var(--color-white);
}

header .logo-header-color{
	opacity: 0;
}

header .logo-header-white{
	opacity: 1;
}

/**/

header.alt-header{
	background: rgba(0,0,0,.9);
}

header.sticky-header{
	position: sticky;
}

header.alt-header .menu-box a:hover, header.alt-header .user-bar button:hover, header.alt-header .user-bar a:hover{
	color: var(--color-2);
}



/**/
.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-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;
	font-family: var(--alt-font-falmily);
	font-weight: var(--font-black);
	line-height: 1em;
}

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

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

/**/

.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.1em;
	font-weight: var(--font-light);
	letter-spacing: .5em;
	margin-bottom: var(--margin-big);
}

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

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

h1.titulo-xxl{
	width: 100%;
	text-align: right;
	color: var(--color-white);
	font-size: 5em;
	font-family: var(--alt-font-falmily);
	font-weight: var(--font-black);
	line-height: 1em;
}

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

.flexbox-2x .titulo-big.no-wrap{
	max-width: auto !important;
	white-space: nowrap;
}

/**/



/**/

.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-light-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-3a);
	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-3a);
}

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

/**/
.bk-image-1{
	background: url("../img/home/bk_1.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bk-image-2{
	background: url("../img/editor/bk_1.webp");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: cover;
}

.bk-image-3{
	background: url("../img/editor/bk_3.webp");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: cover;
}

.bk-image-4{
	background: url("../img/editor/bk_2.webp");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: cover;
}


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

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

/**/

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

.grid-prices .button-gp{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: var(--margin-mini);	
	
	background: var(--color-3);
	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-3);
	position: relative;
}

.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-logo{
	width: 150px;
}

foot .notas{
	color: var(--color-3a);
	font-weight: var(--font-light);
}

foot .direccion{
	color: var(--color-white);
}

.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-white);
	text-decoration: none;
}

/*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-1b);
}

.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: 0px;
	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-1b);*/
	/*background: var(--color-3b);*/
	border: solid 2px var(--color-1b);
	border-right:none;
  }
  to {
    /*box-shadow: 0 0 5px 1px var(--color-1c);*/
	/*background: var(--color-1b);*/
	border: solid 2px var(--color-1c);
	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-1b);	
	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-1b);	
	border: solid 2px var(--color-1b);	
}

.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: 0px;	
	
	z-index: 99999;
}

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

.sign-editor.template-2 .control-box.ctr-top{
	top:0px;
	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-1b);
}

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

.btn-simple{
	font-family: var(--main-font-family);
	color: var(--color-2a);
	border: 0;
	padding: 2px 8px;
	border: solid 1px var(--color-2a);
	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-2a);
	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-1c);*/
}

.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-1c);
	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: 0px;
	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{
	color: var(--color-2);
	border: solid 4px var(--color-2);
	font-size: .9em;
	border-radius: 20px;	
	
	background: var(--color-1);
	color:var(--color-white);
}

.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;
	max-width: 700px;
}

.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-2a);
	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%;
	align-items: center;
	gap: var(--margin-mini);
	align-items: center;
	
	background: var(--color-3c);
	-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-3c);	
	-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-2a);
	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-2a);
	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%;
	
	padding: var(--margin-small);
	
	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-2a);
	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-2a);
}

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

.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-4);
}

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

/**/

@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: 4.5em;
	}

	/**/

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

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

@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: 4em;
	}

	/**/

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

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


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

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

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

@media (max-width:650px){
	.notas-contenido{
		font-size: .9em;
	}
	
	.dropdown-list .dropdown-ctrl button{
		font-size: 1.3em;
	}
}

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


@media (max-width:550px){
	h1.titulo-xxl{
		font-size: 3em;
	}
	
	.txt-med{
		text-align: left;
	}
	
	.products-grid{
		font-size: .8em;
		grid-column-gap: var(--margin-small);
		grid-row-gap: var(--margin-small);
	}	
	
	.notas-contenido{
		padding: var(--margin-small);
	}
}

@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:0px;
	}

	.sign-editor.template-2 .control-box.ctr-top{
		top:0px;
		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%;
	}
}