/*---------------------------------------------------------------- 
NORMALIZE ////////////////////////////////////////////////////////
----------------------------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px
solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,
html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}




/* INDICE

# Global
# Colors y variables
# Structure
# Header y menu principal
# Banners
# Panelel Promociones
# Panelel Menu
# Panelel Sucursales


# Elmentos
# Patrones
# Secciones
	## General 
	## Inicio
	## Interiores
	## ...
	## ...
	## ...s
	## Contactos
# Footer

*/



/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
GLOBAL //////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
html, body {
	background-color:var(--color-white);
	color: var(--color-neutro-darker);
	display:flex;
	flex-direction:row; 
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
	height: auto;
	min-height:100vh;
	line-height:1.3em;	
	position: relative;
	width:100%;
	}



/* Section
------------------------------*/
section {
	height: auto;
	}
	

/* Article
------------------------------*/
article {
	height: auto;
	width:100%;
	}


/* Aside
------------------------------*/
aside{
	height: auto;
	}
	

/* Font size
------------------------------*/
html, body  {
	font-size:18px;
	}
	@media only screen and (max-width:1500px) {
	html, body {
	font-size:16px;
	}}


/* Fuente primaria
------------------------------*/
html, body{
	font-family:var(--font-main);
	}

/* Fuente secundaria
------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-family:var(--font-main);
	}


/* Font weight
------------------------------*/
html, body {
	font-weight:var(--fw-normal);
	}



/* H
------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	height:auto;
	margin:0px;
	padding:2px 0px;
	line-height:1.2em;
	width:100%;
	}


h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}



/* Títulos
------------------------------*/
.title {font-size:1.4em;}

.subtitle {font-size:1.2em;}


/* Párrafos
------------------------------*/
p {
	color: inherit;
	height:auto;
	line-height:1.2em;
	margin:0px 0px;
	padding:10px 0px;
	text-align:left;
	width:100%;
	}


p.center {
	text-align:center;
	}
	
.uppercase{
	text-transform:uppercase;
	}


p strong,
p b{
	font-weight:bold;
	}

p a{
	color:inherit;
	}
	

p.add-columns {
	columns:2;
	column-gap:60px;
	text-align: justify;
	}
	@media only screen and (max-width:620px) {
	p.add-columns{
	columns:1;
	column-gap:0px;
	text-align:left;
	}}


/* TXT small
------------------------------*/
.txt-small {font-size:0.8em; line-height:1.2em;}
.txt-small > *{font-size:inherit;}


/* Enlaces
------------------------------*/
a, a:visited{
	margin:0px;
	padding:0px;
	text-decoration:underline;
	}


a:hover {	
	text-decoration:underline;
	}


/* IMG
------------------------------*/
img{
	display:block;
	height:auto;
	padding:0px;
	margin:0px;
	max-width:100%;
	}



img:not([alt]) {
	outline:1px dashed pink;
	}


/* Lazy
------------------------------*/
.lazyloading {
	opacity: 0;
	}

.loading,
.lazyload,
.lazyloaded{
	opacity: 1;
	transition: opacity 0.8s;
	}



/* Listas
------------------------------*/
ul, ol {
	float:none;
	height: auto;
	margin:10px 0px;
	padding-left:18px;
	width:100%;
	}

ul li, 
ol li{
	float: none;
	height: auto;
	line-height:1.4em;
	margin: 0px;
	padding: 0px;
	width:100%;
	}

ul li {
	list-style:disc;
	}

ol li {
	list-style:decimal;
	}



/* Transitions
------------------------------*/
nav ul li a,
nav ul li a .svg-icon,
nav ul li span,
input.movil-button[type=checkbox] + label .svg-icon{
 	transition:all 0.12s;
 	}


/* add Flex
------------------------------*/
.add-flex-row {
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	}

.add-flex-column {
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	}

.add-space-between {
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	}



/* Otros
------------------------------*/
div.contenedor {
	padding:40px 0px;
	}



* {
	box-sizing:border-box!important;
	float: none;
	/*
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	*/
	}

/*---------------------------------------------------------------- 
//////////////////////////////////////////////////// END GLOBAL
----------------------------------------------------------------*/


/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
COLORS //////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
:root {
--color-main:#e43940;
--color-main-soft:#99cc99;
--color-main-softer:#d4efcb;

--color-second:#cc3333;
--color-second-soft:#d66767;
--color-second-softer:#f4d7ce;

--color-neutro-darker:#27292b;
--color-neutro-dark:#57595d;
--color-neutro:#797c81;
--color-neutro-soft:#a8acb3;
--color-neutro-softer:#ecf0f5;

--color-white:#fff;
--color-white-90:rgba(255, 255, 255, 0.9);
--color-white-80:rgba(255, 255, 255, 0.8);
--color-white-70:rgba(255, 255, 255, 0.7);
--color-white-60:rgba(255, 255, 255, 0.6);
--color-white-40:rgba(255, 255, 255, 0.4);
--color-white-20:rgba(255, 255, 255, 0.2);
--color-white-10:rgba(255, 255, 255, 0.1);

--color-black:#000;
--color-black-90:rgba(0, 0, 0, 0.9);
--color-black-80:rgba(0, 0, 0, 0.8);
--color-black-70:rgba(0, 0, 0, 0.7);
--color-black-50:rgba(0, 0, 0, 0.5);
--color-black-60:rgba(0, 0, 0, 0.6);
--color-black-40:rgba(0, 0, 0, 0.4);
--color-black-20:rgba(0, 0, 0, 0.2);
--color-black-10:rgba(0, 0, 0, 0.1);

--color-ok:#55b88b;
--color-warning:#d45353;

--color-whatsapp:#25d366;
--color-facebook:#3b5998;
--color-instagram:#cd486b;
--color-youtube:#ff0000;
--color-twitter:#55acee;

--rounded:6px;
--rounded-top:6px 6px 0px 0px;
--rounded-bottom:0px 0px 6px 6px;
--rounded-left:6px 0px 0px 6px;
--rounded-rigth:0px 6px 6px 0px;

--transition-5x:all 0.06s;
--transition-4x:all 0.1s;
--transition-3x:all 0.2s;
--transition-2x:all 0.35s;
--transition-1x:all 0.5s;

--font-main:'Open Sans', sans-serif;
--font-second:'Kaushan Script', cursive;

--fs-small:0.6rem;
--fs-medium:0.8rem;
--fs-regular:1rem;
--fs-large:1.2rem;
--fs-xlarge:1.4rem;
--fs-xxlarge:1.6rem;

--fw-thin:300;
--fw-normal:400;
--fw-bold:500;
--fw-bolder:500;


	}



/*---------------------------------------------------------------- 
COLORS //////////////////////////////////////////////////////////
----------------------------------------------------------------*/

/* UNO / #e43940 /
------------------------------------------*/
.modal.menu div.data b[data-sucursal],
.color-uno{color:#e43940;}


ul.pedidos-box .telefono > *,
section.sucursal .title:after,

nav ul li.circle,
.color-uno-back{background-color:#e43940;}





/* NEUTRO 2 / #898583 / 
------------------------------------------*/
.alert p.msj,
.color-neutro2{color:#898583;}



/* NEUTRO 3 / #efeeed / 
------------------------------------------*/
.color-neutro3{color:#efeeed;}

.box-info,
hr,
input[type=submit] + label,
input[type=text],
input[type=password],
input[type=email],
input[type=tel], 
textarea,
input[type="text"]:focus,
textarea:focus,
select:focus,
body#inicio section.panels div.in .item,
body#inicio ul.wall-elements li.item .cover,
section.sucursal,

.modal.menu div.data ul.list li:nth-child(odd),
.color-neutro3-back{background-color:#efeeed;}


/* NEGRO / #000 / 
------------------------------------------*/
nav ul li > *,
section div.in > .title,
body#inicio .menu .wall-elements .title,
body#inicio .menu-small .wall-elements .title,
.color-negro {color:#000;}

.swiper-pagination-bullet,
.sucursal  .open-map,
.color-negro-back{background-color:#000;}



/* BLANCO / #FFF / 
------------------------------------------*/
footer > *,
ul.pedidos-box li > *,
.color-blanco {color:#fff!important;}


body.sucursal ul.pedidos-box,
.color-blanco-back{background-color:#fff;}






/* COLOR OK / #55b88b / 
------------------------------------------*/
.alert .ok,
.color-ok {color:#55b88b;}

.btn-ok, 
.btn-ok:visited,
.color-ok-back {background-color:#55b88b;}


/* COLOR OK / 20% */
.alert .ok,
.box-info.ok {background-color:rgba(85, 184, 139, 0.2);}



/* COLOR WARNING / #fc6161 / 
------------------------------------------*/
.alert .error,
.color-warning {color:#fc6161;}

.color-warning-back {background-color:#fc6161;}


/* COLOR WARNING / 20% */
.alert .error,
.box-info.warning {background-color:rgba(252, 97, 97, 0.2);}


/* COLOR DIDI / #ff7d41 */
ul.pedidos-box .ubereats > *{background-color:#ff7d41;}


/*---------------------------------------------------------------- 
//////////////////////////////////////////////////// END COLORS
----------------------------------------------------------------*/

/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
STRUCTURE  //////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
div.contenedor,
div.container,
header,
section,
footer{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	height:auto;
	max-width:100%;
	overflow-x:hidden;
	width:100%;
	}


div.in{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	height:auto;
	min-height:auto;
	max-height:auto;
	position:relative;
	}

div.in{
	width:85%;
	}
	@media only screen and (max-width:1500px) {
	div.in{
	width:80%;
	}}
	/* tablet */
	@media only screen and (max-width:720px) {
	div.in{
	width:84%;
	}}
	/* movil */
	@media only screen and (max-width:620px) {
	div.in{
	width:86%;
	}}
	@media only screen and (max-width:520px) {
	div.in{
	width:88%;
	}}
	@media only screen and (max-width:420px) {
	div.in{
	width:90%;
	}}


div.in.thin{
	width:60%;
	}
	@media only screen and (max-width:1500px) {
	div.in.thin{
	width:60%;
	}}
	@media only screen and (max-width:1200px) {
	div.in.thin{
	width:70%;
	}}
	@media only screen and (max-width:720px) {
	div.in.thin{
	width:84%;
	}}
	@media only screen and (max-width:620px) {
	div.in.thin{
	width:86%;
	}}
	@media only screen and (max-width:520px) {
	div.in.thin{
	width:88%;
	}}
	@media only screen and (max-width:420px) {
	div.in.thin{
	width:90%;
	}}

div.in.wide{
	width:94%;
	}
	@media only screen and (max-width:720px) {
	div.in.wide{
	width:84%;
	}}
	@media only screen and (max-width:620px) {
	div.in.wide{
	width:86%;
	}}
	@media only screen and (max-width:520px) {
	div.in.wide{
	width:88%;
	}}
	@media only screen and (max-width:420px) {
	div.in.wide{
	width:90%;
	}}




div.in.full{
	max-width:100%;
	width:calc(100% - 1px);
	}

/*---------------------------------------------------------------- 
//////////////////////////////////////////////////// END STRUCTURE
----------------------------------------------------------------*/

/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
HEADER   ////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/*--------------------------------
< ////////// header  ////////// >
---------------------------------*/
header {
	overflow:visible;/*necesary*/
	z-index:100;
	}


/* In
------------------------------*/
header div.in {
	align-items:center;
	height:90px;
	justify-content:space-between;
	padding:0px;
	}
	@media only screen and (max-width:720px) {
	header div.in{
	height:auto;
	}}


/* Logotipo
------------------------------*/
header a.logotipo{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:auto;
	width:auto;/* set */
	}

header a.logotipo.movil{
	display:none;
	}

header a.logotipo img{
	height:50px;
	margin:0px;
	padding:0px;
	width:auto;	
	}
	@media only screen and (max-width:720px) {
	header a.logotipo img{
	height:46px;
	margin:6px 0px;
	width:auto;
	}}
/*---------------------------------------------------------------- 
NAV  ////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
nav{
	display:flex;
	height:auto;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav {
	border-top:1px solid #efeeed;
	padding:8px 0px 14px 0px;
	width:100%;
	}}

/*----------*/
nav ul,
nav ul li {
	padding:0px;
	list-style:none;
	margin:0px;	
	}


nav ul{
	align-items:center;
	display:flex;
	flex-direction:row;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav ul{
	width:100%;
	}}


/*----------*/
nav ul li{
	margin-left:4px;
	text-align: center;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav ul li{
	margin-left:0px;
	}}


nav ul li:first-child{margin-left:0px;}


nav ul li.circle{
	display:block;
	border-radius:50%;
	height:4px;
	padding:2px;
	width:4px;
	}



/*----------*/

nav ul li > *{
	align-items:center;
	border-radius:0px;
	display:flex;
	font-size:0.8em;
	flex-direction:row;
	flex-wrap:wrap;
	font-weight:500;
	justify-content:flex-start;
	cursor:pointer;
	line-height:28px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 8px;
	position:relative;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav ul li > *{
	font-size:1em;
	height:30px;
	line-height:28px;
	padding:0px 12px;
	}}



nav ul li > *,
nav ul li .add-icon .svg-icon{
	height:28px;
	}

nav ul li .add-icon .svg-icon{
	height:28px;
	margin-right:6px;
	width:28px;
	}

nav ul li > *:hover{
	text-decoration:none;
	}

nav ul li .add-icon span{
	margin-left:4px;
	}

/* boton con icono*/
nav ul .add-icon{
	padding-left:6px;/*set*/
	}

nav ul .add-icon .svg-icon{
	display:none;
	border-radius:50%;
	padding:2px;
	}



/*---- Scroll Snap -----*/
nav ul {
	overflow-x: auto;
	scroll-snap-type: x;
	-moz-scroll-snap-type: x;
	-webkit-scroll-snap-type: x;
	white-space: nowrap;
	}


nav ul li{
	scroll-snap-align: start;
	-moz-scroll-snap-align: start;
	-webkit-scroll-snap-align: start;
	}


/*---------------------------------------------------------------- 
//////////////////////////////////////////////////// END HEADER
----------------------------------------------------------------*/

/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
BANNERS  ////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/*---------------------------------
////////// BANNER COVER //////////
----------------------------------*/
.banner-cover{
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	overflow:hidden;
	position:relative;
	max-width:100%;
	width:100%;
	}

.banner-cover div.in {
	align-items:center;
	flex-direction:column;
	justify-content:center;
	/*si quremos margen top*/
	margin-top:0px!important; 
	position:relative;
	z-index:10;
	}
	@media only screen and (max-width:620px) {
	.banner-cover div.in{
	width:100%; /* opcional si queremos forzar todo lo ancho en móviles*/
	}}



/* Ancho full
------------------------------------------*/
.banner-cover.full div.in{
	max-width:100%!important;
	width:calc(100% - 1px)!important;
	}



/* Altura
------------------------------------------*/
.banner-cover div.in {
	height:55vh;
	min-height:360px;
	}
	@media only screen and (max-width:620px) {
	.banner-cover div.in{
	height:60vh;
	min-height:380px;
	}}


/* Altura Tall
------------------------------------------*/
.banner-cover.tall div.in {
	height:65vh;
	min-height:420px;
	}
	@media only screen and (max-width:620px) {
	.banner-cover.tall div.in{
	height:60vh;
	min-height:380px;
	}}


/* Imagen
------------------------------------------*/
.banner-cover picture{
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	z-index:1;
	}

.banner-cover picture img{
	height:100%;
	width:100%;
	object-fit:cover; /* set */
	object-position:center center; /* set */
	z-index:1;
	}


.banner-cover picture:after{
	background-color:var(--color-black);
	content:"";
	opacity:0.2;
	position:absolute;
	bottom:0px;
	left:0px;
	top: 0px;
	right:0px;
	z-index:10;
	}



/* Contenedor dentro de banner
(procurar mismo ancho que div.in exterior)
------------------------------------------*/
.banner-cover .inside{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	height:auto;
	position:relative;
	width:75%;
	z-index:10;
	}
	@media only screen and (max-width:1500px) {
	.banner-cover .inside{
	width:80%;
	}}
	/* tablet */
	@media only screen and (max-width:720px) {
	.banner-cover .inside{
	width:84%;
	}}
	/* movil */
	@media only screen and (max-width:620px) {
	.banner-cover .inside{
	width:86%;
	}}
	@media only screen and (max-width:520px) {
	.banner-cover .inside{
	width:88%;
	}}
	@media only screen and (max-width:420px) {
	.banner-cover .inside{
	width:90%;
	}}




/* Welcome
------------------------------------------*/
.banner-cover div.welcome{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	width:100%;
	}
	@media only screen and (max-width:1020px) {
	.banner-cover div.welcome{
	width:100%;
	}}
	@media only screen and (max-width:920px) {
	.banner-cover div.welcome{
	width:100%;
	}}





/* DISEÑO
------------------------------------------*/
.banner-cover{
	background-color:var(--color-blanco);
	}

.banner-cover div.in{
	background-color:var(--color-neutro-softer); /* optional  */
	}

.banner-cover div.in picture{
	opacity:1.0; /* optional  */
	}

.banner-cover div.in img.logo{
	display:block;
	height:auto;
	width:340px;	
	}
	@media only screen and (max-width:620px) {
	.banner-cover div.in img.logo{
	margin:0px 10%;
	width:60%;
	}}


/* Textos */
.banner-cover .welcome .title{
	color:var(--color-white);
	background-color:var(--color-second);
	font-size:3.2em!important;
	font-weight:600!important;
	margin:0px!important;
	padding:10px 20px;
	text-align:center;
	text-transform:uppercase;
	width:auto;
	}


.banner-cover .welcome .subtitle{
	background-color:var(--color-black-60);
	border-radius: 10px;
	color:var(--color-white);
	font-size:2em!important;
	text-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);
	font-weight:400!important;
	line-height:1.4em;
	margin:0px;
	padding:10px 20px;
	text-align:center;
	text-transform:uppercase;
	width:auto;
	}

.banner-cover .welcome p{
	color:var(--color-white);
	font-size:1.6em!important;
	line-height:1.4em;
	font-weight:300;
	margin-top:10px;
	padding:0px;
	text-align:center;
	width:auto;
	}


/* Tamaño de texto */
@media only screen and (max-width:1500px) {
	.banner-cover .welcome .title{
	font-size:3em!important;
	}
	.banner-cover .welcome .subtitle{
	font-size:1.6em!important;
	}
	.banner-cover .welcome p{
	font-size:1.2em!important;
	}
}


@media only screen and (max-width:720px) {
	.banner-cover .welcome .title{
	font-size:2.8em!important;
	}
	.banner-cover .welcome .subtitle{
	font-size:1.4em!important;
	}
	.banner-cover .welcome p{
	font-size:1em!important;;
	}
}


@media only screen and (max-width:620px) {
	.banner-cover .welcome .title{
	font-size:2.2em;
	}
	.banner-cover .welcome .subtitle{
	font-size:1.0em;
	}
	.banner-cover .welcome p{
	font-size:0.9em;
	}
}


@media only screen and (max-width:520px) {
	.banner-cover .welcome .title{
	font-size:1.6em;
	}
	.banner-cover .welcome .subtitle{
	font-size:1.0em;
	}
	.banner-cover .welcome p{
	font-size:0.8em;
	}
}


/* MOVIL OPACY
------------------------------------------*/
@media only screen and (max-width:620px) {
	.banner-cover.movil-opacy div.in{
	justify-content:flex-end;
	}
	.banner-cover.movil-opacy .inside{
	height:auto;
	width:100%;
	}
	.banner-cover.movil-opacy div.welcome{
	background-color:var(--color-black-50);
	padding:30px 7% 20px 7%; /* % = div.in  */ 
	width:100%;
	}
	.banner-cover.movil-opacy div.welcome .title{
	color: var(--color-white-80);
	font-size:1.4em;
	}
	.banner-cover.movil-opacy div.welcome .subtitle{
	color: var(--color-second-soft);
	font-size:1.2em;
	}
	.banner-cover.movil-opacy div.welcome p{
	color: var(--color-white-60);
	font-size:1em;
	}
}


/* MOVIL SHADOW
------------------------------------------*/
@media only screen and (max-width:620px) {
	.banner-cover.movil-shadow div.in{
	justify-content:flex-start;
	}	
	.banner-cover.movil-shadow .inside{
	background-image:linear-gradient(to bottom, var(--color-black-20) 40%, var(--color-black) 102%);
	display:flex;
	justify-content:flex-end;
	height:100%;
	width:100%;
	}
	.banner-cover.movil-shadow div.welcome{
	height:auto;
	padding:30px 7% 20px 7%; /* % = div.in  */ 
	width:100%;
	}
	.banner-cover.movil-shadow div.welcome .title{
	color: var(--color-white-80);
	font-size:1.4em;
	}
	.banner-cover.movil-shadow div.welcome .subtitle{
	color: var(--color-second-soft);
	font-size:1.2em;
	}
	.banner-cover.movil-shadow div.welcome p{
	color: var(--color-white-60);
	font-size:1em;
	}
}

/*---------------------------------------------------------------- 
//////////////////////////////////////////////////// END BANNERS
----------------------------------------------------------------*/

/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
PROMOCIONES  ////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
.panel-promociones,
.info-adicional {
	padding:20px 0px;
	}


.panel-promociones div.in,
.info-adicional div.in{
	}


.panel-promociones div.in h3{
	padding: 20px 0px;
	}


/*----------------------------------
////////// BOARD PROMOS //////////
----------------------------------*/
.board-promos{
	align-items:stretch;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between; /*set*/
	margin:0px;
	padding:0px;
	width:100%;
	}


.board-promos .item{
	color:inherit;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	height:auto;
	justify-content:flex-start;
	margin:0px 0px 20px 0px;
	overflow:hidden;
	padding:0px 0px 0px 0px;/*set*/
	position:relative;
	text-decoration:none;
	}


/* Definimos ancho item  = No. de columnas
------------------------------------------*/
.board-promos .item{
	width:49.4%;
	}
	@media only screen and (max-width:1500px) {
	.board-promos .item{
	width:49.4%;
	}}
	@media only screen and (max-width:720px) {
	.board-promos .item{
	font-size:0.9em;
	}}
	@media only screen and (max-width:620px) {
	.board-promos .item{
	font-size:0.8em;
	}}


/* Cover e Info
------------------------------------------*/
.board-promos .item .cover{
	order:2;
	width:50%;
	}


/* Altura la define el DIV.INFO
------------------------------------------*/
.board-promos .item .info{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content:center;
	height:auto;
	min-height:280px;
	order:1;
	padding:0px 5%;
	width:50%;
	}
	@media only screen and (max-width:1500px) {
	.board-promos .item .info{
	min-height:240px;
	}}
	@media only screen and (max-width:1020px) {
	.board-promos .item .info{
	min-height:220px;
	}}
	@media only screen and (max-width:920px) {
	.board-promos .item .info{
	min-height:200px;
	}}
	@media only screen and (max-width:820px) {
	.board-promos .item .info{
	min-height:180px;
	}}
	@media only screen and (max-width:720px) {
	.board-promos .item .info{
	min-height:auto;
	}}





/* IMG
------------------------------------------*/
.board-promos .item .cover img {
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
	/*
	object-fit:cover;
	object-fit:contain;
	*/
	object-position: 50% 50%;
	}








.board-promos .item .info > *{
	width:100%;
	}



/* Diseño
------------------------------------------*/
.board-promos .item{
	background-image: linear-gradient(to top, #009933 -10%, #99cc99 120%);
	border-radius:var(--rounded);
	}	


.board-promos .item .info{
	/* background-color:var(--color-main); set */
	}	


.board-promos .item .title{
	color:var(--color-white);
	font-family:inherit;
	font-size:1.6em;
	font-weight:500;
	line-height:1.2em;
	margin:0px;
	padding:2px 0px 2px 0px; /*set*/
	text-align:left;
	text-transform:none;
	width:100%;
	}

.board-promos .item .subtitle{
	color:var(--color-white-90);
	font-family:inherit;
	font-size:0.9em;
	font-weight:500;
	line-height:1.2em;
	margin:0px;
	padding:0px 0px 0px 0px; /*set*/
	text-align:left;
	text-transform:uppercase;
	}


.board-promos .item p{
	color:var(--color-white-80);
	font-family:inherit;
	font-size:0.9em;
	font-weight:300;
	line-height:1.2em;
	margin:0px;
	padding:2px 0px 2px 0px; /*set*/
	text-align:left;
	}





/* Break movil
------------------------------------------*/
@media only screen and (max-width:720px) {
	.board-promos .item .cover{
	height:140px;
	order:1;
	width:100%;
	}

	.board-promos .item .info{
	order:2;
	padding:10px 10px;
	width:100%;
	}


}

@media only screen and (max-width:620px) {
	.board-promos .item .cover{
	height:120px;
	}
}





/*---------------------------------------------------------------- 
////////////////////////////////////////////////// END PROMOCIONES
----------------------------------------------------------------*/


/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
MENU  ////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
.panel-menu {
	background-color:var(--color-blanco);
	padding:60px 0px;
	}


/*----------------------------------
////////// BOARD MENU //////////
----------------------------------*/
.board-menu{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:32px;
	justify-content:center;
	margin:0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	.board-menu{
	align-items:flex-start;
	justify-content:flex-start;
	}}



.board-menu .item{
	align-items:stretch;
	color:inherit;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	flex-grow:0;
	height:180px;
	justify-content:space-between;
	overflow:hidden;
	padding:0px 0px 0px 0px;/*set*/
	position:relative;
	text-decoration:none;
	}
	@media only screen and (max-width:1500px) {
	.board-menu .item{
	height:160px;
	}}
	@media only screen and (max-width:620px) {
	.board-menu .item{
	height:140px;
	}}



/* Ancho item  = No. de columnas
------------------------------------------*/
.board-menu .item{
	width:30%;
	}

	@media only screen and (max-width:1200px) {
	.board-menu .item{
	width:47%;
	}}
	@media only screen and (max-width:820px) {
	.board-menu .item{
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	.board-menu .item{
	font-size:0.89m;
	}}


/* Cover
------------------------------------------*/
.board-menu .item .cover{
	min-height:auto;
	height:100%;
	overflow:hidden;
	width:50%;
	}
	@media only screen and (max-width:820px) {
	.board-menu .item .cover{
	width:32%;
	}}



/* Info = Altura de card
------------------------------------------*/
.board-menu .item .info{
	align-items:flex-start!important;;
	display:flex!important;
	flex-direction:column!important;
	flex-wrap:wrap!important;
	justify-content:center!important;
	height:auto;
	padding:10px 20px;
	width:50%;
	}
	@media only screen and (max-width:820px) {
	.board-menu .item .info{
	width:68%;
	}}



/* IMG
------------------------------------------*/
.board-menu .item .cover img {
	display:block;
	height:100%;
	filter: grayscale(0.2);
	width:100%;
	object-fit:cover;
	/*
	object-fit:cover;
	object-fit:contain;
	*/
	transition:all 0.12s;
	object-position: 50% 50%;
	transform: scale(1.0);
	}



.board-menu .item:hover .cover img{
	filter: grayscale(0.0);
	transform: scale(1.06);
	}


.board-menu .item .info > *{
	width:100%;
	}



/* Diseño
------------------------------------------*/
.board-menu .item{
	background-color:var(--color-neutro-softer);
	border: 1px solid var(--color-neutro-softer);
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
	border-radius:var(--rounded);
	transition:all 0.12s;
	}	


.board-menu .item:hover{
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2);
	}



.board-menu .item .info{
	background-color:var(--color-white);
	}	


.board-menu .item .title{
	color:var(--color-main);
	font-family:inherit;
	font-size:1.2em;
	font-weight:500;
	line-height:1.2em;
	margin:0px;
	padding:2px 0px 2px 0px; /*set*/
	text-align:left;
	text-transform:none;
	width:100%;
	}

.board-menu .item .subtitle{
	color:var(--color-neutro-dark);
	font-family:inherit;
	font-size:0.9em;
	font-weight:500;
	line-height:1.2em;
	margin:0px;
	padding:0px 0px 0px 0px; /*set*/
	text-align:left;
	text-transform:uppercase;
	}


.board-menu .item p{
	color:var(--color-neutro-dark);
	font-family:inherit;
	font-size:0.9em;
	font-weight:300;
	line-height:1.2em;
	margin:0px;
	padding:2px 0px 2px 0px; /*set*/
	text-align:left;
	}



/*---------------------------------------------------------------- 
///////////////////////////////////////////////////////// END MENU
----------------------------------------------------------------*/

/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
PAGO  ///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
.panel-pago{
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
	padding-bottom:20px;
	padding-top:20px;
	width:100%;
	}


/* IN:OK 
------------------------------------------*/


/* Inside
------------------------------------------*/
.panel-pago .inside{
	align-items:stretch;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	gap:20px;
	justify-content:space-between;
	padding:0px;
	margin:0px 0px 60px 0px;
	width:100%;
	}



/* Orden
------------------------------------------*/
.panel-pago .inside article.uno {
	order:1;
	}

.panel-pago .inside article.dos {
	order:2;
	}



/* Article 
------------------------------------------*/
.panel-pago .inside article{
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	flex-grow:9;
	height:auto;
	justify-content:flex-start;
	}



/* Article uno
------------------------------------------*/
.panel-pago .inside article.uno {
	width:48%;
	}

/* Article dos
------------------------------------------*/
.panel-pago .inside article.dos {
	width:48%;
	}


/* BREAK: 
------------------------------------------*/
.panel-pago .inside article.uno,
.panel-pago .inside article.dos{
	min-width:310px; /* x2 = 620 px  */
	}


/* SET: DISENO
------------------------------------------*/
.panel-pago {
	background-color:var(--color-white);
	}


.panel-pago .inside {
	background-color:var(--color-neutro-softer	);
	}


.panel-pago .inside article {
	align-items: center;
	justify-content: center;
	padding:0px 5vw;
	margin: 40px 0px;
	}


.panel-pago .inside article p{
	color:var(--color-black);
	font-size:var(--fs-xlarge);
	text-align: center;
	}

.panel-pago .inside article img{
	align-items:center;
	text-align: center;
	height: auto;
	}


.panel-pago .inside article.uno {
	border-right:2px solid #dedede; /* TEMP */
	}

.panel-pago .inside article.uno img{
	width: 140px;
	}

.panel-pago .inside article.dos img{
	width: 100px;
	}


/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
SUCURSALES  /////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/


section.sucursales {
	padding:40px 0px 40px 0px;
	position:relative;
	}
	@media only screen and (max-width:720px) {
	section.sucursales {
	padding:40px 0px 20px 0px;
	}}
	@media only screen and (max-width:620px) {
	section.sucursales {
	padding:40px 0px 0px 0px;
	}}


section.sucursales:nth-child(even) {
	background-color:var(--color-neutro-softer);
	}

section.sucursales:nth-child(odd) {
	background-color: var(--color-blanco);
	}




section.sucursales div.in{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
	}


section.sucursales .col-uno{
	width:50%;
	}
section.sucursales .col-dos{
	width:24%;
	}
section.sucursales .col-tres{
	width:24%;
	}
	@media only screen and (max-width:1020px) {
	section.sucursales .col-uno{
	width:40%;
	}
	section.sucursales .col-dos{
	width:29%;
	}
	section.sucursales .col-tres{
	width:29%;
	}}
	@media only screen and (max-width:620px) {
	section.sucursales .col-uno{
	width:50%;
	}
	section.sucursales .col-dos{
	width:45%;
	}
	section.sucursales .col-tres{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	width:100%;
	}}




section.sucursales .title{
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:8px;
	text-align:left!important;
	position:relative;
	}

section.sucursales .title:after{
	background-color:var(--color-second);
	display:block;
	content:"";
	height:4px;
	position:absolute;
	top:auto;
	left:0px;
	right:auto;
	bottom:-6px;
	width:90px;
	}



.sucursales a.open-map{
	background-color: var(--color-black);
	display:block;
	border:5px solid #fff;
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);
	height:auto;
	padding:0px;
	margin:0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	.sucursales a.open-map{
	width:100%;
	}}



.sucursales a.open-map img.map{
	transition:all 0.18s;
	opacity:1.0;
	}
.sucursales a.open-map:hover img.map{
	opacity:0.7!important;
	}
.sucursales a.open-map .svg-icon {
	fill:#fff;
	}


section.sucursales p{
	font-size:1em;
	}
	@media only screen and (max-width:720px) {
	section.sucursales p{
	font-size:0.9em;
	}}



/*---------------------------------------------------------------- 
////////////////////////////////////////////////// END SUCURSALES
----------------------------------------------------------------*/




/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
PATRONES  ///////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/







/*---------------------------------
////////// LIST  ROWS //////////
----------------------------------*/
ul.table-rows{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: flex-start;
	font-size:0.8rem;
	list-style: none;
	height: auto;
	margin:0px 0px 15px 0px;
	padding:15px 0px;
	width:100%;
	}



/* Subtitles
------------------------------*/
ul.table-rows li.row.subtitle,
ul.table-rows li.row.subtitle:nth-child(odd){
	background-color:var(--color-neutro);
	border-radius:var(--rounded-top);
	}

ul.table-rows li.subtitle .inside > *{
	color:var(--color-white);
	font-weight:var(--fw-normal);
	font-size:var(--fs-small);
	text-transform:uppercase;
	}



/* Row
------------------------------*/
ul.table-rows li.row{
	background-color:var(--color-blanco);
	list-style:none;
	height:auto;
	line-height:1.1em;
	padding:0px 0px; /* solo aumentar si no hay un etiqueta adentro */
	text-indent:8px;
	width:100%;
	}

ul.table-rows li.row:nth-child(odd){
	background-color:var(--color-neutro-softer);
	}




/* Siempre colocar un elemento interno como un div o anchor */
ul.table-rows li.row .inside{
	align-items:stretch;
	color:inherit;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	font-size:1em;
	font-weight:initial;
	height:auto;
	margin:0px;
	padding:8px 8px;
	text-decoration:none;
	text-align:left;
	text-indent:0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	ul.table-rows li.row .inside{
	padding:12px 8px;
	}}





/* Añadimos divs generalmente cuando queremos añadir columnas */
ul.table-rows li.row .inside div{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-grow:99;
	justify-content:flex-start;
	height:auto;
	text-indent:0px;
	position:relative;
	padding-left:0px;
	/*width:100%;  Por default medira el 100% */
	}
	
	@media only screen and (max-width:620px) {
	ul.table-rows li.row .inside div{
	line-height:1.4em;
	}}




ul.table-rows li.row .inside div:first-child{
	padding-left:0px;
	}


/* cuando haya un link */
ul.table-rows li.row > a:hover {
	background-color:var(--color-second-softer);
	}






/* Ancho: Predeterminadas
------------------------------*/
ul.table-rows .row .nombre {
	min-width:500px;
	width:60%;
	}


ul.table-rows .row .descripcion {
	min-width:160px;
	width:40%;
	}

ul.table-rows .row .precio {
	min-width:60px;
	width:20%;
	}




/*---------------------------------
/// HR  ///
----------------------------------*/
hr {
	background-color:var(--color-neutro-softer);
	border:0px;
	padding:0px;
	margin:20px 0px;
	height:1px;
	width: 100%;
	}


/*---------------------------------
/// SEPARADOR  ///
----------------------------------*/
.separator {
	background-color:var(--color-neutro-softer);
	border:0px;
	padding:0px;
	margin:0px 5px;
	height:100px;
	width:1px!important;
	}


/*---------------------------------
/// FIRST  ///
----------------------------------*/
.first {
	}
	@media only screen and (max-width:620px) {
	.first{
	margin-top:62px; /* = Tamaño de header movil */
	}}


/*---------------------------------
/// w 100%  ///
----------------------------------*/
.w100 {width:100%;}


/*---------------------------------
/// IFRAME  ///
----------------------------------*/
iframe {
	border:0px;
	width:100%!important;
	}

/*---------------------------------
/// ICONS ///
----------------------------------*/
.svg-icon {
	height:32px;
	width:32px;
	}


/*---------------------------------
////////// LIST OK  //////////
----------------------------------*/
ul.list-ok{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	list-style:none;
	padding:0px;
	flex-direction:column;
	width:100%;
	}


ul.list-ok li{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	height:auto;
	justify-content:space-between;
	line-height:20px;
	list-style:none;
	margin:0px 0px 8px 0px;
	width:100%;
	}



ul.list-ok li .svg-icon{
	fill:var(--color-black);
	height:20px;
	line-height:20px;
	width:20px;
	}


ul.list-ok li span{
	display: block;
	width:calc(100% - 26px);
	}




/* LIST TAG */
ul.list.tag{
	flex-direction:row;
	padding:0px;
	}


ul.list.tag li{
	background-color:#dedede;
	display:block;
	font-size:0.8em;
	height:18px;
	line-height:18px;
	margin:4px 4px 0px 0px;
	padding:0px 10px;
	width:auto;
	}



/*---------------------------------
/// BOX INFO  ///
----------------------------------*/
.box-info {
	font-size:0.9em;
	height:auto;
	padding:20px;
	margin:5px 0px; /* set */
	width:100%;
	}

/*----------------------------
/// BAR SOCIAL V1 ///
-----------------------------*/
ul.bar-social {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:auto;
	margin:0px;
	padding:0px;
	width:100%;
	}

ul.bar-social * {
	list-style:none;
	text-decoration:none;
	}

ul.bar-social li,
ul.bar-social li a,
ul.bar-social li span { 
	line-height:40px;
	}

ul.bar-social li{
	font-size:0.8em;
	height: auto;
	margin:0px 4px 0px 0px;
	padding:0px;
	width:auto;
	}

ul.bar-social li.separator{
	display:block;
	background-color:#fff;
	height:16px;
	width:1px;
	}

ul.bar-social li a{
	border-radius:50%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:auto;
	line-height:40px;
	overflow:hidden!important;
	width:auto;
	}

ul.bar-social li.facebook a {
	background-color:#3b5998;
	}
ul.bar-social li.instagram a {
	background-color:#cd486b;
	}





ul.bar-social li span{
	display:block;
	height:40px;
	line-height:40px;
	width:auto;
	}

ul.bar-social .svg-icon {
	height:40px;
	fill:#fff;/* set in colors*/
	padding:5px;/* set */
	width:40px;
	}


@media only screen and (max-width:1500px) {
	ul.bar-social li,
	ul.bar-social li a,
	ul.bar-social li span { 
	line-height:30px;
	}
	ul.bar-social li.separator{
	height:10px;
	width:1px;
	}
	ul.bar-social li span{
	height:30px;
	}
	ul.bar-social .svg-icon {
	height:30px;
	width:30px;
	}
}


/*---------------------------------
/// SWIPER  ///
----------------------------------*/
.swiper-slide {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
    }


.swiper-pagination-bullet {
	background-color:#000!important;
	}

.swiper-pagination-bullet-active {
	background-color:#e43940!important;
	}

 /*---------------------------------
/// BANNER COVER SWIPER ///
----------------------------------*/
.swiper-container.cover {
	display:flex;
	text-align:center;
	flex-direction:row;
	justify-content: center;
	align-items:center;
	position:relative;
	height:60vh; /* Determinadmos altura */
	width:100%;
	}
	@media only screen and (max-width:620px) {
	.swiper-container.cover{
	height:50vh; /* Determinadmos altura */
	}}
	@media only screen and (max-width:520px) {
	.swiper-container.cover{
	height:45vh; /* Determinadmos altura */
	}}


.swiper-container.cover{
	position:relative;
	text-align: center;
	}

.swiper-container.cover .swiper-wrapper picture{
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	}

.swiper-container.cover .swiper-wrapper picture img{
	height:100%;
	width:100%;
	object-fit:cover;
	}


/* DIV IN */
.swiper-container.cover  div.in {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	position:absolute;
	bottom:0px;
	left:50%;
	top:0px;
	transform: translateX(-50%);
	z-index:10;
	}



/*----------------------------
/// MENU WALL ELEMENTS ///
-----------------------------*/
.panel-menu ul.wall-elements {
	align-items:stretch;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:center; /*set*/
	margin:0px;
	padding:0px;
	width:100%;
	}

.panel-menu ul.wall-elements li.item{
	display:flex;
	flex-wrap: wrap;
	flex-direction:column;
	flex-grow:2;
	list-style:none;
	height:auto; /*set*/
	margin:0px;
	margin-bottom:20px!important;
	max-width:400px;
	overflow:hidden;
	padding:0px 0px 20px 0px; /*set*/
	width:30%;/* con ancho determinamos cantos items por renglon */
	}
	@media only screen and (max-width:720px) {
	.panel-menu ul.wall-elements li.item{
	width:40%;
	}}
	@media only screen and (max-width:420px) {
	.panel-menu ul.wall-elements li.item{
	width:90%;
	}}




.panel-menu ul.wall-elements li.item .cover{
	height:260px;
	width:100%;
	}
	@media only screen and (max-width:1500px) {
	.panel-menu ul.wall-elements li.item .cover{
	height:180px;
	}}
	@media only screen and (max-width:1200px) {
	.panel-menu ul.wall-elements li.item .cover{
	height:160px;
	}}
	@media only screen and (max-width:1020px) {
	.panel-menu ul.wall-elements li.item .cover{
	height:140px;
	}}
	@media only screen and (max-width:720px) {
	.panel-menu ul.wall-elements li.item .cover{
	height:160px;
	}}
	@media only screen and (max-width:620px) {
	.panel-menu ul.wall-elements li.item .cover{
	height:120px;
	}}
	@media only screen and (max-width:520px) {
	.panel-menu ul.wall-elements li.item .cover{
	height:110px;
	}}


.panel-menu ul.wall-elements li.item .cover img {
	display:block;
	filter: grayscale(0.2);
	height:100%;
	width:100%;
	object-fit:cover;

	/*
	object-fit:cover;
	object-fit:contain;
	*/
	object-position: 50% 50%;
	transition:all 0.12s;
	transform: scale(1.0);
	}

.panel-menu ul.wall-elements li.item a.cover:hover img {
	filter: grayscale(0.0);
	transform: scale(1.06);
	}


.panel-menu ul.wall-elements li.item .title{
	height: auto;
	font-size:1em;
	line-height:1.2em;
	margin:10px 0px;
	padding:0px;
	text-align:left;
	width:100%;
	}

.panel-menu ul.wall-elements li.item p{
	margin:0px;
	padding:0px;
	}

/*----------------------------
/// MENU WALLSMALL  ELEMENTS ///
-----------------------------*/

body#menu .panel-menu ul.wall-elements li.item{
	width:24%;
	}
	@media only screen and (max-width:1020px) {
	body#menu .panel-menu ul.wall-elements li.item{
	width:32%;
	}}
	@media only screen and (max-width:720px) {
	body#menu .panel-menu ul.wall-elements li.item{
	width:49%;
	}}


/*----------------------------
/// MENU SMALL  ///
-----------------------------*/
.menu-small{
	padding:0px 0px 40px 0px;
	}


.menu-small div.in{
	align-items:stretch;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between; /*set*/
	}


.menu-small div.in > .title{
	margin:40px 0px;
	width:100%;
	}


.menu-small .item{
	align-items:center;
	border:1px solid #dedede;
	border-radius:8px;
	color:inherit;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	height:auto;
	margin:0px;
	margin-bottom:20px!important;
	overflow:hidden;
	padding:0px 5px 0px 0px; /*set*/
	transition:all 0.12s;
	text-decoration:none;
	width:24%;/* con ancho determinamos cantos items por renglon */
	}
	@media only screen and (max-width:920px) {
	.menu-small .item{
	width:32%;
	}}
	@media only screen and (max-width:720px) {
	.menu-small .item{
	width:48%;
	}}


.menu-small .item .cover{
	height:100%;
	width:40%;
	}


.menu-small .item .cover img {
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
	}

.menu-small .item:hover {
	transform: scale(1.06);
	}


.menu-small  .title{
	height: auto;
	font-size:1em;
	font-weight:600;
	line-height:1.2em;
	margin:10px 0px;
	padding:0px;
	text-align:left;
	width:55%;
	}

.menu-small  .title b{
	font-weight:400;
	font-size:0.9em;
	}








/*---------------------------------
/// MODALES  MENU ///
----------------------------------*/
.modal {
	overflow:visible!important;
	}
	
.modal.menu {
	padding:20px;
	max-width:1200px!important;
	width:1200px!important;	
	}
	@media only screen and (max-width:1500px) {
	.modal.menu{
	max-width:900px!important;
	width:900px!important;	
	}}
	@media only screen and (max-width:1200px) {
	.modal.menu{
	max-width:800px!important;
	width:800px!important;	
	}}
	@media only screen and (max-width:1020px) {
	.modal.menu{
	max-width:760px!important;
	width:760px!important;	
	}}
	@media only screen and (max-width:820px) {
	.modal.menu{
	max-width:80%!important;
	width:80%!important;	
	}}
	@media only screen and (max-width:720px) {
	.modal.menu{
	max-width:85%!important;
	width:85%!important;	
	}}
	@media only screen and (max-width:620px) {
	.modal.menu{
	max-width:94%!important;
	width:94%!important;	
	}}


.modal.menu div.interior{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
	width:100%;	
	}


.modal.menu div.cover,
.modal.menu div.data{
	height:auto;
	width:49%;
	}
	@media only screen and (max-width:720px) {
	.modal.menu div.cover,
	.modal.menu div.data{
	width:100%;
	}}

	@media only screen and (max-width:720px) {
	.modal.menu div.cover{
	height:180px;
	}}
	@media only screen and (max-width:620px) {
	.modal.menu div.cover{
	height:170px;
	}}
	@media only screen and (max-width:520px) {
	.modal.menu div.cover{
	height:160px;
	}}
	@media only screen and (max-width:420px) {
	.modal.menu div.cover{
	height:150px;
	}}


.modal.menu  div.cover{
	max-height:400px;
	}


.modal.menu  div.cover img{
	height:100%;
	object-fit:cover;
	object-position:center;
	width:100%;
	}


.modal.menu div.data h3{
	font-weight:700;
	font-size:1.2em;
	margin-top:20px;
	text-transform:uppercase;
	}
	@media only screen and (max-width:720px) {
	.modal.menu div.data h3{
	margin-top:20px;
	}}


.modal.menu div.data hr{
	margin:4px 0px;
	}

.modal.menu div.data ul.list{
	margin:10px 0px;
	padding:0px;
	}


.modal.menu div.data ul.list li{
	margin:0px;
	padding:4px;
	}


.modal.menu div.data p.sucursales{
	font-size:0.8em;
	line-height:1.6em;
	}

.modal.menu div.data p.sucursales span{
	text-transform:uppercase;
	}

.modal.menu div.data p.sucursales b{
	font-weight:600;
	text-transform:uppercase;
	}

.modal.menu div.data p.sucursales a{
	color:inherit;
	text-decoration:none;
	}


/*---------------------------------------------------------------- 
ALL  /////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/* Banner principal
------------------------------*/
.swiper-container div.in img.logo{
	display:block;
	height:auto;
	width:340px;	
	}

@media only screen and (max-width:620px) {
	.swiper-container div.in img.logo{
	margin:0px 10%;
	width:60%;
	}}




.swiper-container .title {
	font-size:3.2em!important;
	font-weight:600!important;
	margin:0px!important;
	padding:10px 20px;
	text-align:center;
	text-transform:uppercase;
	width:auto;
	}


.swiper-container .subtitle {
	background-color:var(--color-black-60);
	border-radius: 10px;
	color: var(--color-white);
	text-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);
	font-family:var(--font-second);

	font-size:var(--fs-xlarge);
	font-weight:var(--fw-normal);
	line-height:1.4em;
	margin:20px 0px;
	padding:10px 20px;
	text-align:center;
	text-transform:none;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	.swiper-container .subtitle {
	padding:4px 10px;
	margin:10px 0px;
	font-size:var(--fs-normal);
	width:100%;
	}}



.swiper-container .ciudad {
	color: var(--color-white);
	font-size:1.6em!important;
	line-height:1.4em;
	font-weight:300;
	margin-top:10px;
	padding:0px;
	text-align:center;
	width:auto;
	}

.swiper-slide img {
	filter:brightness(70%);
	}





section div.in > .title {
	font-size:1.4em;
	font-weight:700;
	margin-bottom:12px;	
	text-align:center;
	text-transform:uppercase;
	}


/* Pedidos Box
------------------------------*/
body#inicio ul.pedidos-box {
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:flex-start;
	height:auto;
	list-style:none;
	margin:0px 0px;
	padding:0px 20px 0px 20px;
	width:100%;
	}

body#inicio ul.pedidos-box li{
	height:auto;
	list-style:none;
	padding:0px;
	margin:0px 0px 5px 0px;
	width:100%;
	}

body#inicio ul.pedidos-box h4{
	font-size:0.8em;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
	width:100%;
	}


body#inicio ul.pedidos-box li > *{
	border-radius:21px;
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:32px;
	font-weight:600;
	font-size:0.8em;
	line-height:32px;
	padding:0px 20px;
	margin:0px;
	text-decoration:none;
	width:100%;
	}

body#inicio ul.pedidos-box .svg-icon{
	display:block;
	fill:#fff;
	float:left;
	height:32px;
	margin:0px 0px 0px -10px;
	padding:4px;
	width:32px;
	}

body#inicio ul.pedidos-box .telefono a{
	}

body#inicio ul.pedidos-box .whatsapp a{
	background-color:#4dc247;
	}

body#inicio ul.pedidos-box .ubereats a{
	font-weight:400;
	font-size:0.9em;
	}

body#inicio ul.pedidos-box .ubereats > *{
	justify-content:center;
	text-align:center;
	}




@media only screen and (max-width:720px) {
	body#inicio ul.pedidos-box {
	padding:12px 12px 12px 12px;
	width:100%!important;
	}
	body#inicio ul.pedidos-box .svg-icon,
	body#inicio ul.pedidos-box h4{
	display:none;
	}

}


@media only screen and (max-width:620px) {
	body#inicio ul.pedidos-box{
	background-color:transparent;
	border-radius:12px 12px 0px 0px;
	padding:12px 0px 12px 0px;
	margin-top:20px;
	}
	body#inicio ul.pedidos-box h4{
	text-align:left;
	}
	body#inicio ul.pedidos-box .svg-icon,
	body#inicio ul.pedidos-box h4{
	display:block;
	}
	body#inicio ul.pedidos-box li{
	margin:0px 8px 8px 0px;
	width:auto!important;
	}
	body#inicio ul.pedidos-box li > *{
	font-size:0.7em;
	}

}




/* Pedidos Box
------------------------------*/
body.sucursal ul.pedidos-box {
	height:auto;
	list-style:none;
	margin:0px 0px;
	padding:20px 40px 30px 40px;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	body.sucursal ul.pedidos-box{
	border-radius:12px;
	margin-top:20px;
	width:90%;
	}}


body.sucursal ul.pedidos-box li{
	border-radius:21px;
	height:auto;
	list-style:none;
	padding:0px;
	margin:0px 0px 6px 0px;
	width:100%;
	}

body.sucursal ul.pedidos-box h4{
	font-size:1em;
	padding:10px 0px;
	text-transform:uppercase;
	width:100%;
	}


body.sucursal ul.pedidos-box li > *{
	align-items:center;
	border-radius:21px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:42px;
	font-weight:600;
	line-height:42px;
	padding:0px 20px;
	margin:0px;
	text-decoration:none;
	width:100%;
	}

body.sucursal ul.pedidos-box .svg-icon{
	display:block;
	fill:#fff;
	float:left;
	height:42px;
	margin:0px 0px 0px 0px;
	padding:4px;
	width:42px;
	}

body.sucursal ul.pedidos-box .telefono{
	}

body.sucursal ul.pedidos-box .whatsapp{
	background-color:#4dc247;
	}

body.sucursal ul.pedidos-box .ubereats{
	font-weight:bold;
	font-size:1.2em;
	}

body.sucursal ul.pedidos-box .ubereats > *{
	justify-content:center;
	text-align:center;
	}


@media only screen and (max-width:720px) {
	body.sucursal ul.pedidos-box {
	padding:20px 40px 30px 40px;
	text-align:center;
	width:100%!important;
	}

}



/*---------------------------------------------------------------- 
INICIO  /////////////////////////////////////////////////////////
----------------------------------------------------------------*/

/* Menu
------------------------------*/
body#inicio .menu .wall-elements .title{
	font-size:1.1em;
	text-align:center;
	text-transform:uppercase;
	}

body#inicio .menu .wall-elements p{
	text-align:center;
	margin:0px;
	padding:0px 8px;
	}







section.sucursales iframe{
	height:360px!important;
	margin-bottom:40px;
	}
	@media only screen and (max-width:1500px) {
	section.sucursales iframe{
	height:320px!important;
	}}
	@media only screen and (max-width:620px) {
	section.sucursales iframe{
	height:280px!important;
	}}
	@media only screen and (max-width:520px) {
	section.sucursales iframe{
	height:260px!important;
	}}



body#inicio .modal.menu  p.sucursal{
	display:none;
	}





/*---------------------------------------------------------------- 
 SUCURSAL  ////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/* Sucursal
------------------------------*/
section.sucursal {
	padding:40px 0px 40px 0px;
	}

	@media only screen and (max-width:720px) {
	section.sucursal {
	padding:40px 0px 0px 0px;
	}}



section.sucursal div.in{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
	}



section.sucursal .title{
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:8px;
	position:relative;
	}

section.sucursal .title:after{
	display:block;
	content:"";
	height:4px;
	position:absolute;
	top:auto;
	left:0px;
	right:auto;
	bottom:-6px;
	width:90px;
	}



section.sucursal iframe{
	height:360px!important;
	margin-bottom:40px;
	}
	@media only screen and (max-width:1500px) {
	section.sucursal iframe{
	height:320px!important;
	}}
	@media only screen and (max-width:620px) {
	section.sucursal iframe{
	height:280px!important;
	}}
	@media only screen and (max-width:520px) {
	section.sucursal iframe{
	height:260px!important;
	}}


section.sucursal .uno{
	width:30%;
	}

section.sucursal .dos{
	align-items:flex-start;
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:flex-start;
	width:30%;
	}

section.sucursal .dos img{
	border:10px solid #fff;
	display:flex;
	height:auto!important;
	width:40%;
	}
	@media only screen and (max-width:1500px) {
	section.sucursal .dos img{
	width:50%;
	}}

section.sucursal .tres{
	width:30%;
	}


@media only screen and (max-width:1020px) {
	section.sucursal .tres{
	width:40%;
	}
	section.sucursal .dos{
	justify-content:center;
	}
	section.sucursal .dos img{
	width:60%;
	}
}



@media only screen and (max-width:720px) {
	section.sucursal .uno{
	width:60%;
	}
	section.sucursal .dos{
	justify-content:flex-end;
	width:38%;
	}
	section.sucursal .dos img{
	width:80%;
	}
	section.sucursal .tres{
	width:100%;
	}
}




/*---------------------------------------------------------------- 
CONTACTO  ///////////////////////////////////////////////////////
----------------------------------------------------------------*/


/*---------------------------------------------------------------- 
FOOTER  //////////////////////////////////////////////////////////
----------------------------------------------------------------*/
footer {
	font-size:0.8em;
	padding:10px 0px;
	}

footer div.in{
	justify-content:space-between;
	}
	@media only screen and (max-width:720px) {
	footer div.in{
	justify-content:center;
	}}

footer .col.uno{
	height: auto;
	position:relative;
	width:60%;
	}
	@media only screen and (max-width:720px) {
	footer .col.uno{
	width:100%;
	}}
	@media only screen and (max-width:720px) {
	footer .col.uno p{
	text-align:center;
	}}

footer .col.dos{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	flex-wrap:wrap;
	width:30%;
	}
	@media only screen and (max-width:720px) {
	footer .col.dos{
	justify-content:center;	
	width:100%;
	}}


footer .col p{
	width:100%;
	}

footer .col a{
	color:inherit;
	text-decoration:none;
	}


/* DELETE */
footer {
	background-color:#333;
	font-size:0.8em;
	}

footer *{
	color:#999;
	}

/* Firma libélula
------------------------------------------*/
.firma.ls {
	align-items:center;
	color:inherit;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:0.8em;
	line-height:1.2em;
	justify-content:space-between;
	opacity:0.8;
	text-decoration:none;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	.firma.ls {
	flex-direction:column;
	}}


.firma.ls span{
	height: auto;
	margin:0px 0px 0px 4px;
	text-align:right;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	.firma.ls span{
	margin:0px 0px 4px 0px;
	text-align: center;
	}}

.firma.ls span img{
	height:40px;
	width:40px;
	}


.firma.ls img{
	height:40px;
	width:40px;
	}

/* HTML FIRMA

<a href="http://www.libelulastudio.com" target="_blank"  rel="nofollow" class="firma ls">
<span>Página web desarrollada por<br><b>Libélula Studio</b></span>
<span><img src="svg/firma-ls.svg" alt="Libelula Studio"></span>
</a>


<a href="http://www.digitalkubox.com" target="_blank"  rel="nofollow" class="firma ls">
<span>Página web por<br><b>KUBOX</b></span>
<span><img src="svg/firma-ku3.svg" alt="Kubox"></span>
</a>



*/

/*---------------------------------------------------------------- 
 MODALES  ////////////////////////////////////////////////////////
----------------------------------------------------------------*/
.modal{
	overflow:show!important;
	}

.modal div.interior{
	overflow:show;
	height:auto;
	padding:20px;
	width:100%;
	}

.modal iframe{
	min-height:320px;
	width:100%;
	}


#modal-map {
	max-width:600px;
	}
	@media only screen and (max-width:620px) {
	#modal-map{
	max-width:98%;
	}}
	@media only screen and (max-width:620px) {
	#modal-map div.interior{
	padding:10px;
	}}
#modal-map{
	max-width:600px;
	}

/*---------------------------------------------------------------- 
INTERACIONES  ////////////////////////////////////////////////////
----------------------------------------------------------------*/
.call-icon {
	position:relative;
	}


.call-icon .svg-icon{
	height:40px;
	margin-left:-20px;
	margin-top:-20px;
	transition:all 0.12s;
	transform: scale(0.2);
	opacity:0.0;
	position:absolute;
	bottom:auto;
	top:50%;
	left:50%;
	right:auto;
	width:40px;
	}

.call-icon:hover .svg-icon{
	transform: scale(1.6);
	opacity:1.0;
	}


/*---------------------------------------------------------------- 
ACTIONS BOTONES /////////////////////////////////////////////////
----------------------------------------------------------------*/
ul.actions {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	font-weight:300;
	font-size:0.8em;
	letter-spacing:1px;
	height: auto;
	margin:8px 0px 0px 0px;
	padding:0px;
	width:100%;
	}

	
ul.actions li {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	list-style:none;
	padding: 0px;
	margin:0px;
	margin-right:8px;
	margin-bottom:8px;
	text-align:center;
	position:relative;
	width:auto;
	}

ul.actions li:last-child{
	margin-right: 0px;
	}


ul.actions li a,
ul.actions li span,
ul.actions li input[type=submit] + label{
	background-color:var(--color-main);
	color:var(--color-white-70);
	display: block;
	border-radius:23px;
	cursor: pointer;
	font-size:1em;
	height:46px;
	line-height:46px;
	margin:0px;
	min-width:120px;
	padding:0px 16px; 
	position: relative;
	text-decoration: none;
	text-transform:uppercase;
	width:auto;
	}
	@media only screen and (max-width:1500px) {
	ul.actions li a,
	ul.actions li span,
	ul.actions li input[type=submit] + label{
	height:36px;
	line-height:36px;
	}}


/* hover  */
ul.actions li a:hover,
ul.actions li span:hover {
	color:#fff;
	}



/* BREAK  */
@media only screen and (max-width:620px) {
	ul.actions{
	justify-content:center!important;
	padding:0px 10%;
	}
	ul.actions li{
	margin-right:0px;
	margin-bottom:10px;
	min-width:auto;
	text-align:center;
	text-align: center;
	width:100%; 
	}
	ul.actions li a,
	ul.actions li span,
	ul.actions li input[type=submit] + label{
	color:#fff;
	height:50px;
	line-height:50px;
	padding:0px 0px; 
	text-align: center;
	width:100%; 
	}
	ul.actions .alert > *{
	text-align: center; 
	}
}





/* Alineaciones alternativas
------------------------------*/
ul.actions.center {
	justify-content:center;
	}

ul.actions.center li.alert{
	width:100%;
	}

ul.actions.center li.alert > *{
	text-align:center;
	width:100%;
	}

ul.actions.left {
	justify-content:flex-start;
	}

ul.actions.rigth {
	justify-content:flex-end;
	}


/* Botones con iconos
------------------------------*/
ul.actions .add-icon{
	padding-left:4px!important;
	}
	@media only screen and (max-width:620px) {
	ul.actions .add-icon{
	text-indent:-56px; /*compensamos espacio que ocupa el icono*/
	}}

ul.actions li .add-icon .svg-icon {
	border-radius:0px;
	height:46px;
	float:left;
	fill:#fff;
	margin:0px;
	opacity:0.7;
	padding:4px;
	width:46px;
	}
	@media only screen and (max-width:1500px) {
	ul.actions li .add-icon .svg-icon{
	height:36px;
	width:36px;
	}}
	@media only screen and (max-width:620px) {
	ul.actions li .add-icon .svg-icon{
	height:50px;
	width:50px;
	}}

ul.actions li .add-icon:hover .svg-icon {
	opacity:1.0;
	}

/* Actions second
------------------------------*/
ul.actions.second li a,
ul.actions.second li span,
ul.actions.second li input[type=submit] + label{
	border-radius:4px;
	font-size:0.8em;
	height:36px;
	line-height:36px;
	padding:0px 12px; 
	}
	@media only screen and (max-width:1500px) {
	ul.actions.second li a,
	ul.actions.second li span,
	ul.actions.second li input[type=submit] + label{
	height:28px;
	line-height:28px;
	}}
	@media only screen and (max-width:620px) {
	ul.actions.second li a,
	ul.actions.second li span,
	ul.actions.second li input[type=submit] + label{
	height:32px;
	line-height:32px;
	}}

/* Botones con iconos
------------------------------*/
ul.actions.second .add-icon{
	padding-left:4px;
	}
	@media only screen and (max-width:620px) {
	ul.actions.second .add-icon{
	text-indent:-32px; /*compensamos espacio que ocupa el icono*/
	}}

ul.actions.second li .add-icon .svg-icon {
	height:36px;
	float:left;
	fill:#fff;
	padding:4px;
	width:36px;
	}
	@media only screen and (max-width:1500px) {
	ul.actions.second li .add-icon .svg-icon{
	height:28px;
	width:28px;
	}}
	@media only screen and (max-width:620px) {
	ul.actions.second li .add-icon .svg-icon{
	height:32px;
	width:32px;
	}}


/*---------------------------------------------------------------- 
FORMS ////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/* Formulario
------------------------------*/
div.formulario {
	height: auto;
	padding-bottom:10px;
	min-width:50%;
	overflow: hidden;
	width:100%;
	}


/* General
------------------------------*/
input, textarea,
input:focus, textarea:focus  {
	outline:0px;
	}


input[type=text],
input[type=password],
input[type=email],
input[type=tel], 
textarea{
	border-radius:4px;
	border:0px;
	display: block;
	font-family: inherit;
	font-size:1em;
	margin:3px 0px;
	padding:0px;
	text-indent:10px;
	width:100%; 
	}


input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select {
	height:60px;
	line-height:60px;
	}
	@media only screen and (max-width:1500px) {
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=tel],
	select {
	height:40px;
	line-height:40px;
	}}


textarea {
	line-height:36px;
	min-height:200px; 
	}
	@media only screen and (max-width:1500px) {
	textarea{
	line-height:26px;
	min-height:140px; 
	}}




/* Checkbox, radio
------------------------------*/
input[type=checkbox],
input[type=radio] {
	visibility: hidden;
	display: none;
	}


input[type=checkbox] + label,
input[type=radio] + label {
	align-items:center;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:auto;
	min-width:60%;
	padding:0px;
	margin:2px 0px;
	width:auto;
	}

input[type=checkbox] + label span,
input[type=radio] + label span{
	display:block;
	background-color:#fff;
	border:4px solid #666;
	border-radius:50%;
	cursor: pointer;
	height:20px; 
	margin-right:10px;
	position: relative;
	transition:all 0.1s;
	width:20px;
	}

input[type=checkbox] + label span:hover,
input[type=radio] + label span:hover{
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);
	transform:scale(1.1);
	}


input[type=checkbox]:checked + label span,
input[type=radio]:checked + label span{
	background-color:#666;
	border:4px solid #999;
	}


input[type=checkbox] + label i,
input[type=radio] + label i{
	display:block;
	font-style: normal;
	height:20px;
	line-height:20px;
	width:auto;
	}


/* Alerts
------------------------------*/
.alert{
	height:auto;
	margin:0px 0px;
	overflow:hidden;
	padding:0px 0px;
	width:100%;
	}


.alert > *{
	font-size:0.8em;
	height:auto;
	margin:0px 0px;
	overflow:hidden;
	padding:0px 0px;
	width:100%;
	}


/* Buscador
------------------------------*/
div.box-search {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	height: auto;
	width:100%;
	}

div.box-search input[type="submit"]{
	visibility: hidden;
	display:none;
	}


div.box-search input[type=search],
div.box-search input[type=submit] + label{
	font-size:1em;
	font-size:1em;
	height:42px;
	line-height:42px;
	outline:0px;
	}
	@media only screen and (max-width:1500px) {
	div.box-search input[type=search],
	div.box-search input[type=submit] + label{
	height:32px;
	line-height:32px;
	}}


div.box-search input[type=search] {
	background-color:#fff;
	border:1px solid #dedede;
	text-indent:10px;
	margin:0px!important;
	padding:0px 10px;
	width:auto;
	}

div.box-search input[type=submit] + label{
	border:1px solid #dedede;
	cursor:pointer;
	margin:0px!important;
	padding:0px 10px;
	width:auto;
	}