/*---------------------------------------------------------------- 
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}

/*---------------------------------------------------------------- 
GLOBAL  /////////////////////////////////////////////////////////
----------------------------------------------------------------*/
html, body {
	background-color:var(--color-blanco);
	color: var(--color-neutro-uno);
	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: 'Roboto Slab', serif;
	font-weight:300;
	}


/* Fuente secundaria
------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto Slab', serif;
	text-transform:uppercase;
	letter-spacing: 0.04em;
	}


/* Font weight
------------------------------*/
html, body {
	font-weight:300;
	}


/* H
------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	height:auto;
	margin:0px;
	padding:2px 0px;
	line-height:1.2em;
	font-weight: 500;
	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;
	font-size:1.1em;
	height:auto;
	line-height:1.2em;
	margin:0px 0px;
	padding:10px 0px;
	text-align:left;
	width:100%;
	}

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


/* IMG COVER
------------------------------*/

.cover {
	height:200px;
	width:100%;
	}

.cover img {
	height:100%;
	object-fit:cover;
	width:100%;
	}



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



/* Set borders radius
------------------------------*/
.border-radius-general{
	border-radius:6px;
	}


/* Transitions
------------------------------*/
nav ul li a,
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;
	}


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

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



* {
	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;
	*/
	}

/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
COLORS  /////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
:root {
--color-uno:#00589C;
--color-dos:#09A84E;
--color-tres:#1E2223;
--color-cuatro:#104575;
--color-cinco:#0B7F3A;
--color-seis:#5891C4;
--color-neutro-uno:#242829;
--color-neutro-dos:#A5A7A7;
--color-neutro-tres:#E9EAEA;
--color-blanco:#fff;
--color-blanco-90:rgba(255, 255, 255, 0.9);
--color-blanco-80:rgba(255, 255, 255, 0.8);
--color-blanco-70:rgba(255, 255, 255, 0.7);
--color-blanco-60:rgba(255, 255, 255, 0.6);
--color-blanco-50:rgba(255, 255, 255, 0.5);
--color-negro:#000;
--color-ok:#3BBC6F;
--color-warning:#D34529;
--color-whatsapp:#25d366;
--color-facebook:#3b5998;
--color-instagram:#cd486b;
--color-youtube:#ff0000;
--color-twitter:#55acee;
	}



/* UNO / #ff5a4b /
------------------------------------------*/
.color-uno{color:var(--color-uno);}
.color-uno-back{background-color:var(--color-uno);}


/* DOS / #ff2a4b /
------------------------------------------*/
.color-dos{color:var(--color-dos);}
.color-dos-back{background-color:var(--color-dos);}


/* TRES / #ff1a4b /
------------------------------------------*/
.color-tres{color:var(--color-tres);}
.color-tres-back{background-color:var(--color-tres);}


/* CUATRO / #629457 / 
------------------------------------------*/
.color-cuatro{color:var(--color-cuatro);}
.color-cuatro-back{background-color:var(--color-cuatro);}


/* CINCO / #623357 / 
------------------------------------------*/
.color-cinco{color:var(--color-cinco);}
.color-cinco-back{background-color:var(--color-cinco);}


/* SEIS / #623357 / 
------------------------------------------*/
.color-seis{color:var(--color-seis);}
.color-seis-back{background-color:var(--color-seis);}


/* NEUTRO UNO / #423f3d / 
------------------------------------------*/
.color-neutro-uno{color:var(--color-neutro-uno);}
.color-neutro-uno-back{background-color:var(--color-neutro-uno);}


/* NEUTRO DOS / #8a847f / 
------------------------------------------*/
.color-neutro-dos{color:var(--color-neutro-dos);}
.color-neutro-dos-back{background-color:var(--color-neutro-dos);}


/* NEUTRO 3 / #ece8e5 / 
------------------------------------------*/
.color-neutro-tres{color:var(--color-neutro-tres);}
.color-neutro-tres-back{background-color:var(--color-neutro-tres);}


/* NEGRO / #000 / 
------------------------------------------*/
.color-negro {color:var(--color-negro);}
.color-negro-back{background-color:var(--color-negro);}



/* BLANCO / #FFF / 
------------------------------------------*/
.color-blanco {color:var(--color-blanco);}
.color-blanco-back{background-color:var(--color-blanco);}


/* COLOR OK / #55b88b / 
------------------------------------------*/
.color-ok {color:var(--color-ok);}

.btn-ok, 
.btn-ok:visited,
.color-ok-back {background-color:var(--color-ok);}


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



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

.color-warning-back {background-color:var(--color-warning);}


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



/* DEGRADADOS
------------------------------------------*/
.degradado-1-h {
	background-image: linear-gradient(to right, #063A60 -10%, #00589C 110%);
	}
.degradado-1-v {
	background-image: linear-gradient(to bottom, #063A60 -10%, #00589C 110%);
	}
.degradado-1-45 {
	background-image: linear-gradient(40deg, #063A60 -10%, #00589C 110%);
	}



/* Basic linear gradient examples 
background-image: linear-gradient(#ff8a00, #e52e71);
background-image: linear-gradient(to right, violet, darkred, purple);
background-image: linear-gradient(40deg, rgb(255 0 0) 60%, orange);

/* Basic radial gradient examples 
background-image: radial-gradient(#ff8a00, #e52e71);
background-image: radial-gradient(circle at top right, #ff8a00, red, #e52e71);

/* Basic conic gradient examples 
background-image: conic-gradient(#ff8a00, #e52e71);
background-image: conic-gradient(red 50deg, yellow 100deg, lime 200deg, aqua, blue, magenta, red);

https://css-tricks.com/a-complete-guide-to-css-gradients/

*/


/*---------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////
ESTRUCTURA  ////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
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;
	max-width:1800px;
	min-width:55%;
	position:relative;
	}

div.in{
	width:75%;
	}
	@media only screen and (max-width:1500px) {
	div.in{
	max-width:94%;
	width:1000px;
	}}
	@media only screen and (max-width:1020px) {
	div.in{
	width:800px;
	}}
	@media only screen and (max-width:820px) {
	div.in{
	width:700px;
	}}
	@media only screen and (max-width:720px) {
	div.in{
	width:600px;
	}}
	@media only screen and (max-width:620px) {
	div.in{
	width:92%;
	}}


div.in.thin{
	width:60%;
	}
	@media only screen and (max-width:1500px) {
	div.in.thin{
	width:800px;
	}}
	@media only screen and (max-width:820px) {
	div.in.thin{
	width:700px;
	}}
	@media only screen and (max-width:720px) {
	div.in.thin{
	width:600px;
	}}
	@media only screen and (max-width:620px) {
	div.in.thin{
	width:92%;
	}}


div.in.full{
	width:94%;
	}
	@media only screen and (max-width:620px) {
	div.in.full{
	width:92%;
	}}


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



/*---------------------------------------------------------------- 
MENU PRINCIPAL ///////////////////////////////////////////////////
----------------------------------------------------------------*/
/*--------------------------------
< ////////// header  ////////// >
---------------------------------*/
header.estandar {
	overflow-x:visible;/* necesary */
	z-index:200;
	}
	@media only screen and (max-width:620px) {
	header.estandar{
	overflow-x:visible;/*necesary*/
	position:relative;
	left:0px;
	top:0px;
	}}


/* in
------------------------------*/
header.estandar div.in {
	align-items:center;
	height:90px;
	justify-content:space-between;
	overflow-x:visible;/*necesary*/
	padding:0px;
	}
	@media only screen and (max-width:820px) {
	header.estandar div.in{
	height:auto;
	justify-content:center;
	}}
	@media only screen and (max-width:620px) {
	header.estandar div.in{
	height:70px;
	justify-content:space-between!important;
	position:initial; /* sirve para que nav no lo tome en cuenta al posicionar*/
	}}



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


/*--- logotipo img ---*/
header.estandar a.logotipo img{
	display:block;
	margin:0px;
	padding:0px;
	height:70px;
	width:auto;	
	}
	@media only screen and (max-width:620px) {
	header.estandar a.logotipo img{
	height:60px;
	width:auto;
	}}




/*--------------------------------
< ////////// nav  ////////// >
---------------------------------*/
header.estandar nav{
	align-items:center;
	display:flex;
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	height:auto;
	text-transform:uppercase;
	letter-spacing: 0.04em;
	width:auto;
	}
	@media only screen and (max-width:820px) {
	header.estandar nav {
	margin-top:15px;
	width:100%;
	}}


/*--- nav ul ---*/
header.estandar nav > ul{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:auto;
	}
	@media only screen and (max-width:820px) {
	header.estandar nav > ul{
	justify-content:space-around;
	width:100%;
	}}


header.estandar nav > ul,
header.estandar nav > ul li {
	padding:0px;
	list-style:none;
	margin:0px;	
	}


/*--- nav ul li ---*/
header.estandar nav > ul > li{
	margin-left:2px;
	text-align: center;
	position:relative;
	width:auto;
	}
	@media only screen and (max-width:1020px) {
	header.estandar nav > ul > li.inicio{
	display:none;
	}}
	@media only screen and (max-width:820px) {
	header.estandar nav > ul > li{
	justify-content:space-around;
	margin-left:0px;
	}}
	@media only screen and (max-width:620px) {
	header.estandar nav > ul > li.inicio{
	display:initial;
	}}


header.estandar nav > ul > li:first-child{margin-left:0px;}



/*--- separador ---*/
header.estandar nav > ul li.separator{
	height:20px;
	width:1px!important;
	}
	@media only screen and (max-width:620px) {
	header.estandar nav > ul li.separator{
	display:none;
	}}



/* Botones
------------------------------*/
header.estandar nav > ul > li > * {
	align-items:center;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-weight:500;
	font-size:0.9;
	height:40px;
	line-height:40px;
	justify-content:flex-start;
	margin:0px 0px;
	padding:0px 10px;
	position:relative;
	text-decoration:none;
	width:auto;
	}
	@media only screen and (max-width:1200px) {
	header.estandar nav > ul > li > *{
	padding:0px 8px;
	}}
	@media only screen and (max-width:920px) {
	header.estandar nav > ul > li > *{
	padding:0px 3px;
	font-size:0.9em;
	}}




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


/* Botones con iconos
------------------------------*/
header.estandar nav > ul li > a > .svg-icon{
	height:32px;
	width:32px;
	margin-left:-8px;
	}



/* DROP DOWN
------------------------------------------*/
header.estandar li.dropdown input[type=checkbox]{
	display:none!important;
	}


/* dropdown icono */
header.estandar li.dropdown label i{
	font-style: normal;
	}

header.estandar li.dropdown label .svg-icon,
header.estandar li.back label .svg-icon{
	height:20px;
	margin-left:2px;
	width:20px;
	}


header.estandar nav > ul ul.submenu {
	align-items:flex-start;
	display:none;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin:0px;
	position:absolute;
	visibility:hidden;
	}
	
.show-submenu{
	display:flex!important;
	visibility:visible!important;
	opacity:1.0!important;
	}

ul.submenu li.back label{
	display:none!important;
	}



/* Añadimos la clase a Li según corresponda*/
header.estandar nav ul li.dropdown ul.submenu {
	bottom:auto;
	left:0px;
	/*altura del boton*/
	top:40px; 
	right:0px;
	/* customize */
	width:100%;
	}

/* Ejemplo de Botones Personalizados  */
header.estandar nav ul li.dropdown.nombre  ul.submenu {
	left:0px!important;
	right:auto;
	min-width:100%;
	/* customize */
	width:300px;
	}


header.estandar ul.submenu li > *{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	text-decoration:none;
	padding:0px 0px;
	position:relative;
	}


header.estandar nav > ul ul.submenu li.back{
	border-bottom:0px solid var(--color-neutro-dos);
	}




div.shadow {
	display:none;
	visibility:hidden;
	background-color:#000;
	display:block;
	height:100vh;
	opacity:0.0;
	transition:all 0.18s;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	max-width:100%;
	width:100vw;
	}




/*--- dropdown submenu  ---*/
header.estandar nav > ul ul.submenu {
	border-radius: 0px 0px 8px 8px;
	height:auto;
	opacity:0.6;
	padding:8px 16px 6px 16px;
	}
	
header.estandar nav > ul ul.submenu li{
	margin:0px;
	padding:0px;
	width:100%;
	}

header.estandar li.dropdown input[type=checkbox]:checked + label .svg-icon,
header.estandar li.back input[type=checkbox] + label .svg-icon,
header.estandar li.back input[type=checkbox]:checked + label .svg-icon{
	transform: rotate(180deg)!important;
	}


/*--- botón  ---*/
header.estandar ul.submenu li > *{
	cursor:pointer;
	height:40px;
	line-height:40px;
	width:100%;
	}


/*--- Box Contact ---*/
header.estandar nav > ul li.box-contact{
	width:auto!important;
	}


header.estandar nav > ul li.box-contact .box{
	cursor:initial;/*or pointer if a*/
	height:auto;
	text-decoration:none;
	width:auto!important;
	}
	@media only screen and (max-width:620px) {
	header.estandar nav > ul li.box-contact .box{	
	width:100%;
	}}

header.estandar nav > ul li.box-contact .box .svg-icon{
	height:40px;
	padding:0px;
	width:40px;
	}
	@media only screen and (max-width:620px) {
	header.estandar nav > ul li.box-contact .box .svg-icon{
	height:60px;
	margin-left:-16px;
	width:60px;
	}}


header.estandar nav > ul li.box-contact .box p{
	height:40px;
	line-height:15px;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	header.estandar nav > ul li.box-contact .box p{
	height:60px;
	}}

header.estandar nav > ul li.box-contact .box p span{
	width:100%;
	}

header.estandar nav > ul li.box-contact .box p span:nth-child(1){
	font-size:0.6em;
	width:100%;
	}

header.estandar nav > ul li.box-contact .box p span:nth-child(2){
	font-weight:600;
	font-size:0.9em;
	width:100%;
	}





/*---------------------------------------------------------------- 
MOVIL  ///////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/*----- OCULTAMOS CHECKBOX  -----*/
input.movil-button[type=checkbox] {
	visibility: hidden;
	display:none;
	}


/*----- LABEL DE CHECKBOX  -----*/
input.movil-button[type=checkbox] + label{
	background-color:var(--color-blanco);
	cursor:pointer;
	display:none; /*ESCONDEMOS BOTON*/
	height:50px;
	min-width:50px;
	position:relative;
	width:50px;
	}

input.movil-button[type=checkbox] + label .svg-icon{
	display:none;
	height:50px;
	padding:8px;
	width:50px;
	transition:all 0.22s;
	}

/*----- MOSTRAMOS ICON DEPENDE DE ESTADO  -----*/
input.movil-button[type=checkbox] + label .svg-icon.btnmovil{
	display:block;
	opacity:1.0;
	}

input.movil-button[type=checkbox]:checked + label .svg-icon.btnmovil{
	display:none;
	opacity:0.0;
	}

input.movil-button[type=checkbox] + label .svg-icon.btnmovil2{
	display:none;
	opacity:0.0;
	}

input.movil-button[type=checkbox]:checked + label .svg-icon.btnmovil2{
	display:block;
	opacity:1.0;
	}



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

body, html {overflow-x:hidden;}

/*----- MOSTRAMOS BOTON MOVIL  -----*/
input.movil-button[type=checkbox] + label{
display:block;
}

/*----- Z INDEX  -----*/
div.shadow {z-index:9;}
header.slide-left nav {z-index:10;}
input.movil-button[type=checkbox] + label {z-index:11;}
.logotipo.movil {z-index:11;}


/*----- LOGO MOVIL  -----*/
header.slide-left a.logotipo.movil{
display:flex;
margin-bottom:40px;
width:50%;
}
header.slide-left a.logotipo.movil img{
height:auto;
width:100%;
}

/*----- NAV  -----*/
header.slide-left nav {
align-items:center;
flex-direction:row;
justify-content:center;
height:100vh!important;
margin-top:0px;
position:absolute;
bottom:0px;
left:auto;
top:0px;
right:0px;
transform:translateX(80vw);
padding:40px;
position:fixed;
width:80vw;
visibility:visible;
opacity:1.0;
transition:all 0.16s;
}
header.slide-left nav > ul{
align-items:center;
justify-content:flex-start;
flex-direction:row;
max-width:100%;
margin:0px 0px;
padding:0px 0px;
width:100%;
}
header.slide-left nav > ul > li{
margin:5px 0px;
width:100%;
}

header.slide-left nav > ul > li > *{
height:26px;
line-height:26px;
margin:0px 0px;
padding:0px 0px;
text-align:left;
width:100%;
}

header.slide-left nav > ul li a > .svg-icon{
	height:28px;
	width:28px;
	margin-left:-4px;
	}


header.slide-left nav > ul li.dropdown{
	position:initial!important;
	}


header.slide-left nav > ul ul.submenu{
	align-items:flex-start;
	border-radius:0px 0px 0px 0px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	height:100%;
	padding:40px;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px!important;
	width:100%;
	z-index:10;
	}

header.slide-left nav > ul > li:last-child {
	border: 0px!important;
	}

ul.submenu li.back label{
	display:flex!important;
	}


header.estandar li.dropdown input[type=checkbox]:checked + label .svg-icon{
	transform: rotate(0deg)!important;
	}
	}



.action-movil{
	transform:translateX(0vw)!important;
	}

.show-shadow{
	display:block!important;
	visibility:visible!important;
	opacity:0.6!important;
	}


/* Colors
------------------------------*/
header.estandar {
	background-color:var(--color-blanco);
	}


/* Nivel 1*/
header.estandar nav > ul > li > *,
header.estandar nav > ul > li.box-contact > *:hover {
	color:var(--color-neutro-uno);
	}


/* Nivel 1 Icono */
header.estandar nav > ul > li > * > .svg-icon {
	fill:var(--color-neutro-uno);
	}
header.estandar li.dropdown input[type=checkbox] + label > .svg-icon{
	fill:var(--color-neutro-uno);
	}


/* Nivel 1 Hover y Checked*/
header.estandar nav > ul > li > *:hover,
header.estandar li.dropdown input[type=checkbox]:checked + * {
	color:var(--color-uno);
	}

header.estandar nav > ul > li > *:hover > .svg-icon,
header.estandar li.dropdown input[type=checkbox]:hover + label  .svg-icon,
header.estandar li.dropdown input[type=checkbox]:checked + label  .svg-icon{
	fill:var(--color-uno);
	}


/* Nivel 1 Separator */
header.estandar nav > ul li.separator{
	background-color:var(--color-neutro-uno);
	}	


/* box contact */
header.estandar nav > ul > li.box-contact .svg-icon,
header.estandar nav > ul > li.box-contact div.box:hover .svg-icon{
	fill:#4dc247;
	}



/* Nivel 2 */
header.estandar ul.submenu {
	background-color:var(--color-blanco);
	}

header.estandar ul.submenu li > *{
	color:var(--color-neutro-uno);
	}

header.estandar nav > ul ul.submenu li{
	border-bottom:1px solid var(--color-neutro-dos);
	}
header.estandar nav > ul ul.submenu li:last-child {
	border-bottom:0px;
	}



/* Nivel 2 Icono */



/* Nivel 2 Hover y Checked*/
header.estandar ul.submenu li > *:hover{
	color:var(--color-uno);
	}





/* MOVIL */
 @media only screen and (max-width:620px) {


 /* Nivel 1*/
 header.slide-left nav {
	background-color:var(--color-uno);
	}

header.slide-left nav > ul > li > *,
header.slide-left nav > ul > li.box-contact > *:hover {
	color:var(--color-blanco-90);
	}

/* Nivel 1 Icono */
header.estandar nav > ul > li > * > .svg-icon {
	fill:var(--color-blanco-90);
	}
header.estandar li.dropdown input[type=checkbox] + label > .svg-icon{
	fill:var(--color-blanco-90);
	}


/* Nivel 1 Hover y Checked*/
header.estandar nav > ul > li > *:hover,
header.estandar li.dropdown input[type=checkbox]:checked + * {
	color:var(--color-blanco-90);
	}

header.estandar nav > ul > li > *:hover > .svg-icon,
header.estandar li.dropdown input[type=checkbox]:hover + label  .svg-icon,
header.estandar li.dropdown input[type=checkbox]:checked + label  .svg-icon{
	fill:var(--color-blanco-90);
	}



/* Nivel 1 Separator */
header.slide-left nav > ul > li {
	border-bottom:1px solid var(--color-neutro-tres);
	}


/* box contact */
header.estandar nav > ul > li.box-contact .svg-icon,
header.estandar nav > ul > li.box-contact div.box:hover .svg-icon{
	fill:#4dc247;
	}


/* Nivel 2 */
header.estandar ul.submenu {
	background-color:var(--color-cuatro);
	}

header.estandar ul.submenu li > *{
	color:var(--color-blanco-90);
	}

header.estandar nav > ul ul.submenu li,
header.estandar ul.submenu li.back{
	border-bottom:1px solid var(--color-neutro-tres)!important;
	}

header.estandar nav > ul ul.submenu li:last-child {
	border-bottom:0px;
	}


/* Nivel 2 Icono */



/* Nivel 2 Hover */
header.estandar ul.submenu li > *:hover{
	color:var(--color-blanco-90);
	}

/* Nivel 2 Checked*/
header.estandar li.dropdown input[type=checkbox]:checked + *{
	color:var(--color-blanco-60);
	}

header.estandar li.back input[type=checkbox] + label .svg-icon,
header.estandar li.back input[type=checkbox]:checked + label .svg-icon{
	fill:var(--color-blanco-60)!important;
	}

/* Botón back */
header.estandar ul.submenu li.back > *,
header.estandar ul.submenu li.back > *:hover,
header.estandar ul.submenu li.back > *:visited{
	color:var(--color-blanco-60)!important;
	}



}


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

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


/*---------------------------------
////////// DESCRIPCION  //////////
----------------------------------*/
.description {
	padding:40px 0px;
	}

.description p{
	text-align:center;
	font-size:1.4em;
	}
	@media only screen and (max-width:620px) {
	.description p{
	font-size:1.4em;
	}}


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


ul.social-bar * {
	color:var(--color-blanco); /*set in colors*/
	list-style:none;
	text-decoration:none;
	}

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

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

ul.social-bar li.separator{
	display:block;
	background-color:var(--color-blanco);
	height:16px;
	width:1px;
	}

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

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

ul.social-bar .svg-icon {
	height:40px;
	fill:var(--color-blanco);/* set in colors*/
	padding:5px;/* set */
	width:40px;
	}




@media only screen and (max-width:720px) {
	ul.social-bar {
	justify-content:center;
	}
}



/* Brands colors /
------------------------------------------
#svg-whatsap {fill:var(--color-whatsapp);}
#svg-facebook {fill:var(--color-facebook);}
#svg-instagram {fill:var(--color-instagram);}
#svg-youtube {fill:var(--color-youtube);}
#svg-twitter {fill:var(--color-twitter);}
*/	




/*----------------------------
/// BAR SOCIAL VERTICAL  ///
-----------------------------*/
ul.social-bar-vertical {
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-wrap:wrap;
	height:auto;
	margin:0px;
	padding:0px;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	ul.social-bar-vertical {
	width:100%;
	}}



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

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

ul.social-bar-vertical li{
	align-items:center;
	background-color:var(--color-neutro-dos);/*delete o set*/
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:flex-start;
	height:auto;
	margin:0px 0px 6px 0px;
	padding:0px;
	width:100%;
	}

ul.social-bar-vertical li,
ul.social-bar-vertical li a{
	align-items:center;
	color:var(--color-blanco);/*delete o set*/
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:40px;
	overflow:hidden!important;
	}

ul.social-bar-vertical li a {
	width:auto;
	}

ul.social-bar-vertical .svg-icon {
	border-radius:50%;
	background-color:#666;
	border-radius:50%;
	height:40px;
	fill:#fff;/* set in colors*/
	margin-right:6px;
	padding:5px;/* set */
	width:40px;
	}


ul.social-bar-vertical a:hover .svg-icon {
	background-color:#000;
	}

/*---------------------------------
/// LISTAS  ///
----------------------------------*/
ul.list{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding:0px;
	}

ul.list,
ul.list li {
	list-style-type: none;
	}


ul.list li {
	line-height:22px;
	min-height:22px;
	margin-bottom:4px;
	height:auto;
	padding-left:32px;
	position:relative;
	}

/* LIST OK */
ul.list.ok{
	flex-direction:column;
	}

ul.list.ok li:after{
	background-image:url(../assets/svg/list-ok.svg);
	background-repeat: no-repeat;
	background-size:22px 22px;
	background-position:center;
	content:"";
	height:22px;
	width:22px;
	position:absolute;
	left:0px;
	top:0px;
	}


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



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


ul.list-rows li{
	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.list-rows li:nth-child(odd){
	background-color:var(--color-neutro-tres);
	}


/* Siempre colocar un elemento interno como un div o anchor */
ul.list-rows li > *{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	color:inherit;
	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.list li > *{
	padding:12px 8px;
	}}



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



/*--------------------------------------------
MENU BAR ////////////////////////////////////
-------------------------------------------*/
ul.menu-bar {
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	font-weight:300;
	font-size:0.7rem;
	gap:4px;
	height: auto;
	margin:4px 0px;
	padding:0px;
	width:100%;
	}

	
ul.menu-bar li {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	list-style:none;
	gap:4px;
	padding:0px;
	margin:0px;
	text-align:center;
	position:relative;
	width:auto;
	}


/* Escondemos  */
ul.menu-bar li input[type="submit"],
ul.menu-bar li input[type="button"]{
	visibility: hidden;
	display:none;
	}


ul.menu-bar li > a,
ul.menu-bar li > span,
ul.menu-bar li > input[type=submit] + label,
ul.menu-bar li > input[type=button] + label,
ul.menu-bar li > button{
	align-items:center;
	background-color:var(--color-neutro-uno);
	border:0px;
	border-radius:14px;
	color:var(--color-blanco-70);
	display:flex;
	flex-direction:row;
	justify-content:center;
	cursor:pointer;
	font-size:1em;
	height:28px;
	line-height:28px;
	margin:0px;	
	outline:0px;
	padding:0px 12px; 
	position: relative;
	text-decoration: none;
	text-transform:uppercase;
	transition:all 0.12s;
	width:auto;
	}


/* Hover  */
ul.menu-bar li > a:hover,
ul.menu-bar li > span:hover,
ul.menu-bar li > input[type=submit] + label:hover,
ul.menu-bar li > input[type=button] + label:hover,
ul.menu-bar li > button:hover {
	background-color:var(--color-neutro-uno);
	color:var(--color-blanco);
	}



/* Botones con iconos
------------------------------*/
ul.menu-bar li > .add-icon{
	padding-left:0px!important;
	}

ul.menu-bar li > .add-icon .svg-icon {
	height:22px;
	fill:var(--color-blanco-70);
	margin:0px 0px 0px 2px;
	transition:all 0.12s;
	padding:4px;
	width:22px;
	}
	
ul.menu-bar li > .add-icon:hover .svg-icon {
	fill:var(--color-blanco);
	}



/* En columna
------------------------------*/
ul.menu-bar.vertical li{
	width:100%;
	}


/* TXT adicional
------------------------------*/
ul.menu-bar li p{
	color:var(--color-neutro-uno);
	font-size:0.8rem;
	padding:0px;
	margin:0px;
	width:auto;
	}

ul.menu-bar.vertical li p{
	width:100%;
	}


/*------------------------------------
////////// BANNER FUSIONADO //////////
-----------------------------------*/
.banner-fusionado{
	background-color:var(--color-uno); /* set */
	min-height:28vh;
	height:340px;
	position:relative;
	}
	@media only screen and (max-width:1500px) {
	.banner-fusionado{
	min-height:18vh;
	height:280px;
	}}
	@media only screen and (max-width:620px) {
	.banner-fusionado{
	height:240px;
	min-height:10vh;
	}}
	

/* --- higher --- */
.banner-fusionado.higher{
	}
	@media only screen and (max-width:1500px) {
	.banner-fusionado.higher{
	height:400px;
	min-height:30vh;
	}}
	


.banner-fusionado picture{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end; /*start or end*/
	height:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	}

.banner-fusionado picture img{
	position:relative;
	display:block;
	height:100%;
	max-width:1000%;
	width:auto;
	}
	/* Posiblente en elgun punto debemos cambiar a propiedad cover */
	@media only screen and (max-width:620px) {
	.banner-fusionado picture img{

	}}
	
.banner-fusionado div.in {
	flex-direction:column;
	justify-content:center;
	height:100%;
	z-index:10;
	}
	@media only screen and (max-width:620px) {
	.banner-fusionado div.in{
	justify-content:flex-end;
	}}
	


/* DISEÑO
------------------------------------------*/
.banner-fusionado .welcome{
	max-width:50%;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	.banner-fusionado .welcome{
	max-width:100%;
	margin-bottom:40px;
	width:100%;
	}}
	

.banner-fusionado .welcome .title{
	color:var(--color-blanco);
	font-size:2em;
	font-weight:600;
	}
	@media only screen and (max-width:620px) {
	.banner-fusionado .welcome .title{
	font-size:1.8em;
	}}


.banner-fusionado .welcome .subtitle{
	color:var(--color-blanco-80);
	font-size:1.4em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	}
	@media only screen and (max-width:620px) {
	.banner-fusionado .welcome .bsutitle{
	font-size:1.2em;
	}}


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


.swiper-container.fusionado {
	background-color: var(--color-neutro-uno);
	min-height:46vh;
	height:400px;
	position:relative;
	}

.swiper-container.fusionado .swiper-slide.uno{
	background-color:#00589C;
	}
.swiper-container.fusionado .swiper-slide.dos{
	background-color:#cab083;
	}
.swiper-container.fusionado .swiper-slide.tres{
	background-color:#090d33;
	}

.swiper-container.fusionado .swiper-slide picture{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end; /*start or end*/
	height:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	}


/* Imagen a la derecha texto a la izquierda */
.swiper-container.fusionado .swiper-slide.uno picture,
.swiper-container.fusionado .swiper-slide.dos picture{
	justify-content:flex-start; /*start or end*/
	}
.swiper-container.fusionado .swiper-slide.uno div.in,
.swiper-container.fusionado .swiper-slide.dos div.in{
	align-items:flex-end; /*start or end*/
	}


.swiper-container.fusionado .swiper-slide.dos{
	}

.swiper-container.fusionado .swiper-slide.tres{
	
	}



.swiper-container.fusionado .swiper-slide picture img{
	position:relative;
	display:block;
	height:100%;
	max-width:1000%;
	width:auto;
	}
	/* Posiblente en elgun punto debemos cambiar a propiedad cover */
	@media only screen and (max-width:620px) {
	.swiper-container.fusionado .swiper-slide picture img{
	height:100%;
	width:100%;
	object-fit:cover;
	}}


.swiper-container.fusionado  div.in {
	flex-direction:column;
	justify-content:center;
	height:100%;
	z-index:10;
	}
	@media only screen and (max-width:620px) {
	.swiper-container.fusionado  div.in{
	justify-content:flex-end;
	}}


/* Break 620
------------------------------*/


/* Diseño
------------------------------*/
.swiper-container.fusionado  div.welcome {
	border-left:5px solid var(--color-dos);
	padding-left:20px;
	width:50%
	}
	@media only screen and (max-width:620px) {
	.swiper-container.fusionado  div.welcome {
	border-left:3px solid var(--color-dos);
	padding-left:10px;
	margin-bottom:50px;
	width:100%;
	}}





.swiper-container.fusionado  div.welcome .title{
	color:var(--color-blanco);
	font-size:2em;
	margin:0px;
	text-align:left;
	}
	@media only screen and (max-width:620px) {
	.swiper-container.fusionado  div.welcome .title{
	font-size:1.8em;
	}}



.swiper-container.fusionado  div.welcome .subtitle{
	color:var(--color-blanco-80);
	font-size:1.6em;
	margin:0px;
	padding:0px;
	text-align:left;
	}
	@media only screen and (max-width:620px) {
	.swiper-container.fusionado  div.welcome .subtitle{
	font-size:1.2em;
	}}



/*---------------------------------------
/// TAB BOX  ///
---------------------------------------*/
div.tab-box {
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap; 
	justify-content:flex-start; /* or center */
	margin-top:30px;/* set */
	padding:0px;/* set */
	width:100%;/* set */
	}

div.tab-box > input[type=radio] {
	display: none;
	}

div.tab-box > label {
	display:flex;
	font-size:0.8em;
	height:50px;
	line-height:50px;
	margin:0px 0px -1px 0px!important;
	min-width:0px!important;
	width:auto;
	z-index:10;
	transition:all 0.2s;
	width:auto;
	}


#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16{
  display:flex!important;
	}


div.tab-box .tab-contenido{
	align-items:flex-start;
	display:none;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	width:100%;
	}

div.tab-box .tab-contenido article{
	order:1;
	width:60%;
	}

div.tab-box .tab-contenido aside{
	order:2;
	padding-top:20px;
	width:35%;
	}

/* Break Movil
------------------------------*/
	@media only screen and (max-width:620px) {
	div.tab-box > label {
	height:36px;
	line-height:36px;
	padding:0px 12px!important;
	width:100%!important;
	}
	div.tab-box .tab-contenido article{
	order:2;
	width:100%;
	}
	div.tab-box .tab-contenido aside{
	order:1;
	padding-top:20px;
	width:100%;
	}}



/* Diseño
------------------------------*/
div.tab-box {
	background-color:#fff;
	}


/* Pestaña  */
div.tab-box > label {
	border-top:1px solid transparent;/* set */
	border-bottom:1px solid transparent;/* set */
	color:var(--color-neutro-uno);/*set*/
	font-family: 'Roboto Slab', serif;
	font-weight:400; /* set */
	font-size:0.9rem;
	padding:0px 12px!important;
	text-align:center;
	text-transform:uppercase;
	}

/* Pestaña hover */
div.tab-box > label:hover {
	opacity:0.6;
	cursor: pointer;
	}


/* Pestaña actva */
div.tab-box > input:checked + label {
	color:var(--color-uno);/*set*/
	border-top:1px solid var(--color-uno)!important;/* set */
	border-bottom: 1px solid var(--color-uno)!important;/* set */
	}

div.tab-box .tab-contenido{
	padding:20px 0px; /* set */
	border-top:1px solid var(--color-neutro-uno); /* set */
	}

div.tab-box.ls {
	background-color:var(--color-neutro-tres);
	}


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

.board-gallery .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:12px 12px 12px 12px;/*set*/
	position:relative;
	text-decoration:none;
	}


/* Definimos ancho item  = No. de columnas
------------------------------------------*/
.board-gallery .item{
	width:32%;
	}
	@media only screen and (max-width:620px) {
	.board-gallery .item{
	width:49%;
	}}
	@media only screen and (max-width:420px) {
	.board-gallery .item{
	width:100%;
	}}



/* Altura la define el COVER
------------------------------------------*/
.board-gallery .item .cover{
	height:240px;
	width:100%;
	}
	@media only screen and (max-width:1500px) {
	.board-gallery .item .cover{
	height:200px;
	}}
	@media only screen and (max-width:1020px) {
	.board-gallery .item .cover{
	height:180px;
	}}
	@media only screen and (max-width:920px) {
	.board-gallery .item .cover{
	height:160px;
	}}
	@media only screen and (max-width:820px) {
	.board-gallery .item .cover{
	height:140px;
	}}
	@media only screen and (max-width:720px) {
	.board-gallery .item .cover{
	height:120px;
	}}
	@media only screen and (max-width:620px) {
	.board-gallery .item .cover{	
	height:140px; 
	}}



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




/* Diseño
------------------------------------------*/
.board-gallery .item{
	background-color:var(--color-blanco); /*set */
	}	

.board-gallery .item .title{
	color:inherit;/*set*/
	font-family:inherit;
	font-size:1em;
	font-weight:500;
	line-height:1.2em;
	margin:0px;
	padding:6px 0px 4px 0px; /*set*/
	text-align:center;
	text-transform:none;
	width:100%;
	}

.board-gallery .item p{
	color:inherit;/*set*/
	font-family:inherit;
	font-size:1em;
	font-weight:400;
	line-height:1.2em;
	margin:0px;
	padding:4px 0px 4px 0px; /*set*/
	text-align:left;
	}


/* Enlace :HOVER
------------------------------------------*/
.board-gallery a.item:hover {
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2);
	}


/*---------------------------------------------------------------- 
//////////////////////////////////////////////////////////////////
GENERAL  /////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
----------------------------------------------------------------*/

/*--------------------------------------------
PANEL /// SERVICIO //////////////////////////
-------------------------------------------*/
.panel-servicios{
	padding:40px 0px;
	}


.panel-servicios div.in .title{
	font-weight:400;
	font-size:1.6em;
	margin-bottom:20px;
	text-align:center;
	}


.panel-servicios .gallery-simple {
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between!important; /*set*/
	margin:0px;
	padding:0px;
	}


.panel-servicios .gallery-simple .item{
	background-color:var(--color-uno); /*set */
	border-bottom:5px solid var(--color-dos);
	display:flex;
	height:260px; /*set*/
	margin:0px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	transition:all 0.12s;
	width:32%;/* con ancho determinamos cantos items por renglon */
	}
	@media only screen and (max-width:1500px) {
	.panel-servicios .gallery-simple .item{
	height:240px; /*set*/
	}}
	@media only screen and (max-width:1200px) {
	.panel-servicios .gallery-simple .item{
	height:220px; /*set*/
	}}
	@media only screen and (max-width:920px) {
	.panel-servicios .gallery-simple .item{
	height:200px; /*set*/
	}}
	@media only screen and (max-width:820px) {
	.panel-servicios .gallery-simple .item{
	height:200px; /*set*/
	}}
	@media only screen and (max-width:620px) {
	.panel-servicios .gallery-simple .item{
	height:180px; /*set*/
	width:49%;
	}}


.panel-servicios .gallery-simple .item img {
	display:block;
	height:100%;
	transition:all 0.12s;
	transform: scale(1.0);
	opacity:0.7;
	width:100%;
	object-fit:cover;
	/*
	object-fit:cover;
	object-fit:contain;
	*/
	object-position: 50% 50%;
	z-index:1;
	}


.panel-servicios .gallery-simple .item h2{
	align-items:center;
	background-color:var(--color-dos);
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:center;
	color:var(--color-blanco);
	font-size:1em;
	font-weight:300;
	height:40%;
	opacity:0.8;
	text-transform:uppercase;
	transition:all 0.12s;
	width:60%;
	padding:0px 20px;
	position:absolute;
	bottom:0px;
	left:20px;
	right:auto;
	top:auto;
	z-index:10;
	}
	@media only screen and (max-width:1020px) {
	.panel-servicios .gallery-simple .item h2{
	padding:0px 15px;
	left:5%;
	width:90%;
	}}


.panel-servicios .gallery-simple .item:hover h2{
	opacity:1.0;
	}
.panel-servicios .gallery-simple .item:hover img{
	opacity:0.8;
	transform: scale(1.1);
	}


/*En inicio */
body#inicio .panel-servicios .gallery-simple a.item:last-child {
	display:none;
	}

.panel-servicios > p{
	color:var(--color-uno);
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	}



/*--------------------------------------------
PANEL /// NOSOTROS //////////////////////////
-------------------------------------------*/
.panel-nosotros {
	background-color:var(--color-uno); /* set or delete */
	height:auto;
	position:relative;
	padding:80px 0px; /* set */
	}

.panel-nosotros .in{
	z-index:10;
	}


.panel-nosotros div.in > article{
	background-color:var(--color-blanco); /* not necesary */
	height:auto;
	padding:40px;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	.panel-nosotros div.in > article{
	padding:30px;
	}}
	@media only screen and (max-width:620px) {
	.panel-nosotros div.in > article{
	padding:40px;
	}}



/* Columnas
------------------------------*/
.panel-nosotros  article.add-columns{
	align-items:stretch;
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:space-between;
	}


.panel-nosotros  article.add-columns div{
	height:auto;
	width:46%;
	}
	@media only screen and (max-width:620px) {
	.panel-nosotros  article.add-columns div{
	width:100%;
	}}


.panel-nosotros  article.add-columns .separator{
	height:auto;
	}
	@media only screen and (max-width:620px) {
	.panel-nosotros  article.add-columns .separator{
	height:1px!important;
	margin:20px 0px!important;
	width:100%!important;
	}}



/* Imagen de fondo
------------------------------*/
.panel-nosotros > picture{
	height:auto;
	opacity:0.6;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	z-index:1;
	}

.panel-nosotros > picture img{
	height:100%;
	width:100%;
	object-fit:cover;
	}


/* Txt
------------------------------*/
.panel-nosotros article p{
	text-align:center;
	}
	@media only screen and (max-width:620px) {
	.panel-nosotros article p{
	text-align:left;
	}}



.panel-nosotros article .title{
	font-size:1.2em;
	font-weight:400;
	line-height:30px;
	text-align:center;
	}
	@media only screen and (max-width:620px) {
	.panel-nosotros article .title{
	text-align:left;
	}}



.panel-nosotros article .title .svg-icon{
	display:inline-block;
	margin:0px 4px -10px 0px;
	fill:var(--color-dos)!important;
	height:36px;
	padding:0px;
	width:36px;
	}


.panel-nosotros article p a{
	display:inline-block;
	color:var(--color-dos);
	font-weight:bold;
	font-size:0.8em;
	margin-top:20px;
	text-transform:uppercase;
	text-decoration:none;
	}



/* Añadimos divs generalmente cuando queremos añadir columnas */
ul.list-rows li > * div{
	align-items:center;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	height:auto;
	text-indent:0px;
	position:relative;
	padding-left:8px;
	width:100%; /* Por default medira el 100% */
	}

ul.list-rows li > * div:first-child{
	padding-left:0px;
	}

/* cuando haya un link */
ul.list-rows li > a:hover {
	background-color:var(--color-uno);
	}




/*--------------------------------------------
PANEL /// BLOG LAST //////////////////////////
-------------------------------------------*/
.panel-blog-last{
	background-color:var(--color-neutro-tres);
	padding:80px 0px;
	}


.panel-blog-last div.in{
	align-items:stretch;
	justify-content:center;
	gap:20px;
	}

.panel-blog-last div.in > .title{
	text-align:center;
	font-weight:400;
	font-size:1.2em;
	margin-bottom:20px;
	}


.panel-blog-last .item{
	width:40%;
	}
	@media only screen and (max-width:820px) {
	.panel-blog-last .item{
	width:100%;
	}}


/* Design card
------------------------------------------*/
.panel-blog-last .item{
	background-color:#fff;
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:10px;
	justify-content:space-between;
	height:auto;
	padding:20px;
	}


/* If card is anchor */
.panel-blog-last a.item{
	text-decoration:none;
	}
.panel-blog-last a.item:hover{
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	text-decoration:none;
	}

/* Anchos */
.panel-blog-last .cover{
	overflow:hidden;
	height:auto;
	width:100px;
	}

.panel-blog-last .info{
	flex-grow:999;
	width:50%;
	}


/* img o icon */
.panel-blog-last .cover img,
.panel-blog-last .cover svg{
	height:auto;
	width:100%;
	}

.panel-blog-last .cover svg{
	padding:2px;
	}


/* info */
.panel-blog-last .info{

	} 

.panel-blog-last .info .title{ 
	color:var(--color-uno);/*set*/
	font-size:0.8em;
	font-weight:normal;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	width:100%;
	}

.panel-blog-last .info p{ 
	color:inherit;
	font-size:1em;
	font-weight:300;
	height:auto;
	line-height:1.2em;
	margin:0px;
	padding:0px;
	width:100%;
	}

/* Link */
.panel-blog-last .info .link,
.panel-blog-last .info a{ 
	color:var(--color-neutro-dos);/*set*/
	font-size:0.7em;
	text-transform:uppercase;
	text-decoration:none;
	}



/* Hover
------------------------------------------*/
.panel-blog-last a.item:hover .link,
.panel-blog-last .item a:hover { 
	text-decoration:underline;
	}


/*--------------------------------------------
PANEL /// OBRAS //////////////////////////
-------------------------------------------*/

section.panel-obras {
	padding:40px 0px 80px 0px;
	width:100%;
	}

section.panel-obras .item{
	align-items:center;
	border-bottom:1px solid var(--color-neutro-tres);
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:space-between;
	gap:20px;
	padding:5px 0px;
	width:100%;
	}

section.panel-obras .item .title{
	align-items:center;
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	flex-grow:2;
	font-size:1em;
	font-weight:normal;
	text-transform: none;
	width:50%;
	}
	@media only screen and (max-width:620px) {
	section.panel-obras .item .title{
	font-size:0.9em;	
	}}


section.panel-obras .item .imagenes{
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	gap:10px;
	max-width:40%;
	width:520px;
	}
	@media only screen and (max-width:620px) {
	section.panel-obras .item .imagenes{
	max-width:42%;	
	}}



section.panel-obras .item .imagenes img{
	display:flex;
	flex-wrap:wrap;
	flex-grow:1;
	height:auto;
	max-width:300px;
	width:40%;
	}




/*--------------------------------------------
PANEL /// CONTACTO //////////////////////////
-------------------------------------------*/
.panel-contacto-data{
	padding:80px 0px;
	}


.panel-contacto-data div.in{
	justify-content:space-between;
	}


.panel-contacto-data article{
	background-color:var(--color-blanco);/*set or delete*/
	padding:0px;/*set*/
	width:51%;
	}
	@media only screen and (max-width:620px) {
	.panel-contacto-data article{
	width:100%!important;
	}}

.panel-contacto-data aside{
	padding-left:20px;
	width:45%;
	}
	@media only screen and (max-width:620px) {
	.panel-contacto-data aside{
	width:100%!important;
	}}


/* DISEÑO
------------------------------------------*/
.panel-contacto-data aside p{
	text-align: left;
	}

.panel-contacto-data aside p span {
	color:var(--color-uno);
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.8em;
	text-transform:uppercase;
	}


.panel-contacto-data article ul.actions li a,
.panel-contacto-data article ul.actions li span,
.panel-contacto-data article ul.actions li input[type=submit] + label{
	margin-top: 10px;
	background-color: var(--color-uno);
	color:var(--color-blanco);
	}



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

/* Banner principal
------------------------------*/

/* ---- Titulo --- */


/*---------------------------------------------------------------- 
SERVICIOS //////////////////////////////////////////////////////
----------------------------------------------------------------*/
body.servicio div.container  {
	padding:40px 0px;
	}


body.servicio div.container div.in {
	justify-content:space-between;
	}

body.servicio article {
	order:2;
	padding:0px 20px;
	width:50%;
	}
	@media only screen and (max-width:620px) {
	body.servicio article {
	order:1;
	width:100%;
	}}


body.servicio aside {
	order:1;
	padding:0px 20px;
	width:50%;
	}
	@media only screen and (max-width:620px) {
	body.servicio aside {
	order:2;
	width:100%;
	}}

body.servicio aside p{
	columns:2;
	column-gap:10px;
	}

/* Contactanos
------------------------------*/
body.servicio ul.actions{
	justify-content:flex-start!important;
	}
	@media only screen and (max-width:620px) {
	body.servicio ul.actions{
	margin-bottom:20px;	
	}}



body.servicio ul.list.ok li > *{
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:1em;
	}

body.servicio article p.ls{
	font-size:1.2em;
	}

/*---------------------------------------------------------------- 
NOSOTROS   //////////////////////////////////////////////////////
----------------------------------------------------------------*/
body#nosotros .container {
	padding:40px 0px!important;
	}

body#nosotros .container.ls {
	background-color:var(--color-neutro-tres);
	padding-bottom:60px;
	}

body#nosotros div.tab-box{
	padding:40px;
	}



/*---------------------------------------------------------------- 
CALIDAD   ///////////////////////////////////////////////////////
----------------------------------------------------------------*/
body#calidad .container {
	padding:20px 0px 60px 0px;
	}

body#calidad .container.ls {
	background-color:var(--color-neutro-tres);
	padding:20px 0px 60px 0px;
	}

body#calidad div.tab-box{
	padding:40px;
	}




/*---------------------------------------------------------------- 
NOSOTROS - CALIDAD  //////////////////////////////////////////////
----------------------------------------------------------------*/
body#nosotros div.container div.in,
body#calidad div.container div.in{
	justify-content:space-between;
	}

body#nosotros div.container article.col-1,
body#calidad div.container article.col-1{
	width:48%;
	}
body#nosotros div.container article.col-2,
body#calidad div.container article.col-2{
	width:48%;
	}

/* Rompemos */
	@media only screen and (max-width:620px) {
	body#nosotros div.container article.col-1,
	body#calidad div.container article.col-1{
	width:100%;
	}
	body#nosotros div.container article.col-2,
	body#calidad div.container article.col-2{
	width:100%;
	}
	}

body#nosotros div.container article p,
body#calidad div.container article p{
	width:100%;
	}

body#nosotros div.container article img,
body#calidad div.container article img{
	width:100%;
	}












/*---------------------------------------------------------------- 
EXPERIENCIA ///////////////////////////////////////////////////////
----------------------------------------------------------------*/	

body#experiencia .container p{
	text-align:justify;
	font-size:1.3em;
	}

	
/*---------------------------------
/// ACCORDION BOX  ///
----------------------------------*/
.accordion-box{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding: 40px 0px 60px 0px;
	position:relative;
	width:100%; /*set*/
	}


.accordion-box .item{
	margin-bottom:5px;
	width:100%;
	}


/* Botón */
.accordion-box label{
	cursor: pointer;
	height:auto;
	margin-bottom:1px;
	position:relative;
	z-index: 20;
	}


/* Botón title */
.accordion-box label .title{
	background-color:var(--color-neutro-tres);/*set*/
	display:block;
	color:var(--color-uno);/*set*/
	font-size:1.1em;
	font-weight:400;
	height:38px;
	line-height:38px;
	margin:0px;
	padding:0px 10px 0px 48px;
	width:100%;
	}


/* Botón Hover */
.accordion-box label:hover .title{
	color: var(--color-blanco);
	background-color:var(--color-uno);
	}


/* Botón al estar activo */
.accordion-box input:checked + label .title,
.accordion-box input:checked + label:hover .title{
	background-color:var(--color-dos);
	color: var(--color-blanco);
	}


/* Icono  */
.accordion-box label:after{
	background-color:var(--color-uno);
	border-radius:50%;
	content: '+';
	color:var(--color-blanco);
	height:28px;
	line-height:28px;
	position: absolute;
	font-weight:bold;
	text-align:center;
	width:28px;
	left:8px;
	top:5px;	
	}


/* Icono Hover*/
.accordion-box label:hover:after{
	background-color:var(--color-blanco);
	border-radius:50%;
	color:var(--color-uno);	
	}

/* Icono activo*/
.accordion-box input:checked + label:after{
	background-color:var(--color-blanco);
	border-radius:50%;
	content: '-';
	color:var(--color-dos);	
	}


.accordion-box input{
	display: none;
	}

.accordion-box article{
	background-color:#fff;
	margin-top:-1px;
	overflow:hidden;
	height:0px;
	position:relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}


.accordion-box input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	}


/* Personalizamos altura y clases
segun cada contenido
------------------------------*/
.accordion-box input:checked ~ .content-1{
	height:1760px;
	}
	
.accordion-box input:checked ~ .content-2{
	height:790px;
	}

.accordion-box input:checked ~ .content-3{
	height:1680px;
	}

.accordion-box input:checked ~ .content-4{
	height: 460px;
	}

.accordion-box input:checked ~ .content-5{
	height: 940px;
	}

.accordion-box input:checked ~ .content-6{
	height: 1110px;
	}

.accordion-box input:checked ~ .content-7{
	height: 810px;
	}


.accordion-box article p{
	padding:40px;
	}


/*---------------------------------
/// TABLA ROWS ///
----------------------------------*/

ul.tabla-rows{
 	list-style:none;
 	font-size:0.8em;
 	padding-top: 20px;
 	width:100%;
	}

ul.tabla-rows > li{
 	height:auto;
 	list-style:none;
 	padding:0px;
 	margin:0px 0px;
 	width:100%;
	}

ul.tabla-rows li.title{
	background-color:var(--color-uno)!important;
	color:var(--color-blanco);
	font-size:initial;
	}


 ul.tabla-rows > li:nth-child(odd){
 	background-color:var(--color-blanco);
	}

 ul.tabla-rows > li:nth-child(even){
 	background-color:var(--color-neutro-tres);
	}


ul.tabla-rows li > ul{
 	align-items:flex-start;
 	display:flex;
 	flex-wrap: wrap;
 	flex-direction:row;
 	justify-content:flex-start;
 	list-style:none;
 	margin:0px;
 	padding:10px 0px;
 	width:100%;
	}


ul.tabla-rows li > ul li{
	list-style:none;
	height:auto;
	line-height:24px;
	list-style:none;
	margin:0px 0px; 
	padding:0px 4px;
	width:auto;
	}


ul.tabla-rows li > ul li.cliente{
	order:1;
	width:25%;
	}
ul.tabla-rows li > ul li.fecha{
	order:2;
	width:20%;
	}
ul.tabla-rows li > ul li.nombre{
	order:3;
	width:75%;
	}


ul.tabla-rows li > ul li.fecha i{
	font-style:normal;
	display:none;
	}


/* BREAK
------------------------------*/
@media only screen and (max-width:820px) {
ul.tabla-rows li > ul li.cliente{
	order:1;
	width:25%;
	}
ul.tabla-rows li > ul li.fecha{
	order:2;
	width:25%;
	}
ul.tabla-rows li > ul li.nombre{
	order:3;
	width:50%;
	}

}



@media only screen and (max-width:720px) {
ul.tabla-rows li > ul li.cliente{
	font-weight:bold;
	order:1;
	width:auto;
	}
ul.tabla-rows li > ul li.fecha{
	order:2;
	width:auto;
	}

ul.tabla-rows li > ul li.nombre{
	order:3;
	width:100%;
	}

ul.tabla-rows li > ul li.fecha i{
	display:initial;
	}

}



/*---------------------------------------------------------------- 
CLIENTES  ///////////////////////////////////////////////////////
----------------------------------------------------------------*/
body#clientes div.container  {
	background-color:#E9EAEA;
	padding:40px 0px;
	}


body#clientes .container p{
	text-align:justify;
	font-size:1.3em;
	}

body#clientes .panel-brands{
	padding:30px 0px;
	}

body#clientes .panel-brands .title{
	font-weight:400;
	text-align:center;
	}



/*---------------------------------
/// BRANDS  ///
----------------------------------*/
.panel-brands {
	height:auto;
	}

.panel-brands div.in{
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	}
	@media only screen and (max-width:1500px) {
	.panel-brands div.in{
	justify-content:center;
	}}


.panel-brands .item {
	background-color:#fff; /*set or delete*/
	height:150px;
	padding:10px 20px;
	margin:12px; /*set*/
	width:230px;
	}
	@media only screen and (max-width:1500px) {
	.panel-brands .item{
	height:130px;
	margin:10px 10px;
	width:210px;
	}}
	@media only screen and (max-width:1020px) {
	.panel-brands .item{
	height:80px;
	margin:5px 10px;
	padding:8px 16px;
	width:120px;
	}}
	@media only screen and (max-width:920px) {
	.panel-brands .item{
	height:70px;
	margin:5px 10px;
	padding:6px 12px;
	width:100px;
	}}


.panel-brands img{
	height:100%;
	object-fit:contain;
	width:100%;
	}





/*---------------------------------------------------------------- 
CONTACTO  ///////////////////////////////////////////////////////
----------------------------------------------------------------*/
#contacto .hidden{
	visibility: hidden;
	}


/*--------------------------------------------
FOOTER COLUMNS  /////////////////////////////
-------------------------------------------*/
footer.columns {
	background-color:var(--color-neutro-uno);
	color:var(--color-blanco-60);
	font-size:0.8em;
	padding:30px 0px;
	}

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

footer.columns .separator {
	background-color:var(--color-blanco-50)!important;
	opacity:0.4;
	}
	@media only screen and (max-width:720px) {
	footer.columns .separator{
	display:none;
	}}




footer.columns .col{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	height: auto;
	position:relative;
	}


footer.columns .col-uno{
	width:30%;
	}
footer.columns .col-dos{
	width:30%;
	}
footer.columns .col-tres{
	width:30%;
	}


@media only screen and (max-width:720px) {
footer.columns .col-uno{
	width:100%;
	}
footer.columns .col-dos{
	width:100%;
	}
footer.columns .col-tres{
	width:100%;
	}}


footer.columns .col-tres{
	justify-content:flex-end;
	}
	@media only screen and (max-width:720px) {
	footer.columns .col-tres{
	justify-content:center;
	}}




footer.columns .col-tres ul.actions{
	justify-content:flex-end;
	}
	@media only screen and (max-width:720px) {
	footer.columns .col-tres ul.actions{
	justify-content:center;
	}}




footer.columns .col-tres ul.actions li a{
	color:var(--color-blanco-70);
	}
footer.columns .col-tres ul.actions li a{
	border:1px solid var(--color-blanco-70);
	}
footer.columns .col-tres ul.actions li a:hover{
	color:var(--color-blanco);
	}
footer.columns .col-tres ul.actions li a:hover{
	border:1px solid var(--color-blanco);
	}



footer.columns .col p{
	width:100%;
	}

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


footer.columns .col a:hover{
	text-decoration: underline;
	}

	@media only screen and (max-width:720px) {
	footer.columns .col p{
	text-align:center;
	}}


footer.columns .col-uno a .svg-icon{
	display:inline-block!important;
	fill:var(--color-blanco-70);
	height:16px;
	margin:0px;
	margin-bottom:-3px!important;
	padding:0px!important;
	width:16px;
	}


footer.columns .col-dos a .svg-icon{
	display:inline-block!important;
	fill:var(--color-blanco-70);
	height:16px;
	margin:0px;
	margin-bottom:-4px!important;
	padding:0px!important;
	width:16px;
	}
	



/* Firma libélula
------------------------------------------*/
.firma.ls {
	align-items:center;
	color:var(--color-blanco-60);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:0.8em;
	line-height:1.2em;
	justify-content:space-between;
	margin-top:30px;
	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 .svg-icon{
	fill:var(--color-blanco-60);
	height:36px;
	width:36px;
	}



/* HTML FIRMA

<a href="https://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>
*/



/*---------------------------------------------------------------- 
ACTIONS BOTONES /////////////////////////////////////////////////
----------------------------------------------------------------*/
ul.actions {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	font-weight:300;
	font-size:0.8em;
	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{
	border:1px solid var(--color-uno);
	background-color:transparent;
	color:var(--color-uno);
	display: block;
	border-radius:0px;
	cursor: pointer;
	font-family: 'Roboto Slab', serif;
	font-size:1.6em;
	font-weight:400;
	height:46px;
	line-height:46px;
	letter-spacing: 0.05em;
	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:var(--color-uno);
	}



/* 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=submit] + label,
input[type=text],
input[type=password],
input[type=email],
input[type=tel], 
textarea,
input[type="text"]:focus,
textarea:focus,
select:focus {
	background-color:var(--color-neutro-tres);
	}



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



.alert .msj{
	color:var(--color-neutro-dos);
	}



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