index-banner/*! normalize.css v2.0.1 | MIT License | git.io/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



	——— listas
		—— UL List ICON


///////////////////////////// COLORS & VARS 

	——— Color main
	——— Color second
	——— Color neutro
	——— Color white and blanck
	——— Color ok and warning
	——— Color social 
	——— Rounded 
	——— Transition
	——— Font main and second
	——— Font size (--fs)
	——— Font weigt (--fw)
	——— Gradients


///////////////////////////// SECCIONES

	——— All
		—— Banner general
		—— Zigzag
		—— Modals




/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< GENERAL >>>>>>>>>>*/	
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');


html, body {
	/*background-image:url(../images/fondo-1.png);*/
	background-size:100% auto;
	background-position:center bottom;
	background-repeat:no-repeat;
	display:flex;
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	height: auto;
	min-height:100vh;
	line-height:1.3em;	
	position: relative;
	width:100%;
	}


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


div.contenedor {
	padding:40px 0px;
	}

section {
	height: auto;
	}
	

article {
	height: auto;
	width:100%;
	}
	
aside{
	height: auto;
	}
	

h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif; /* Fuente secundaria */
	}


h1, h2, h3, h4, h5, h6 {
	font-weight:900;
	height:auto;
	margin:0px;
	padding:5px 0px;
	line-height:1.4em;
	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;}


img{
	display:block;
	padding:0px;
	margin: 0px;
	max-width:100%;
	padding: 0px;
	}

a, a:visited{
	color:inherit;
	margin:0px;
	padding: 0px;
	text-decoration:underline;
	}

a:hover {	
	text-decoration:underline;
	}

p {
	color: inherit;
	height:auto;
	line-height:1.2em;
	margin: 0px;
	padding:20px 0px;
	text-align: justify;
	width: 100%;
	}

p strong{
	font-weight:700;
	}


ul, ol {
	float: none;
	height: auto;
	margin:15px 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;
	}

hr {
	border:0px;
	padding:0px;
	margin:20px 0px;
	height:1px;
	width: 100%;
	}


* {
	box-sizing:border-box!important;
	float: none;
	}

nav ul li a,
body#index ul.wall li,
body#index ul.wall li *{
 	transition:all 0.16s;
 	}


footer {z-index:10;}
* {z-index:2; position:relative;}

div.bottom, 
div.top{ z-index:1;}

/*--------------------------------------------
LISTAS  /////////////////////////////////////
-------------------------------------------*/

/* List icon
------------------------------*/
ul.list-icon{
	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-icon 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-icon li .svg-icon{
	fill:var(--color-black);
	height:20px;
	line-height:20px;
	width:20px;
	}


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


/*--------------------------------------------
SOCIAL BAR  /////////////////////////////////
-------------------------------------------*/
ul.social-bar {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:0.8rem;
	gap:10px;
	justify-content:flex-start; /* or flex-end */
	list-style:none;
	height:auto;
	margin:0px;
	padding:0px;
	width:100%/*set*/
	}
	@media only screen and (max-width:420px) {
	ul.social-bar{
	font-size:0.6rem;
	}}


/* Posibles items*/
ul.social-bar li,
ul.social-bar li a,
ul.social-bar li > *,
ul.social-bar li span,
ul.social-bar a {
	text-decoration:none;
	font-size:1.05em;
	line-height:30px;
	}

ul.social-bar li{
	height: auto;
	list-style:none;
	margin:0px;
	margin.bottom:5px;
	padding:0px;
	width:auto;
	}

ul.social-bar li[data-element='separator']{
	display:block;
	background-color:var(--color-neutro);
	height:16px;
	width:1px;
	}

ul.social-bar li > *{
	align-items: center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:auto;
	line-height:30px;
	overflow:hidden;
	width:auto;
	}

/* all links  */
ul.social-bar a {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	}


/* all icons  */
ul.social-bar .svg-icon {
	height:32px;
	padding:3px;/* set */
	width:32px;
	}

/* link icon + text */
ul.social-bar li > * > span{
	display:block;
	height:30px;
	margin-left:4px;/*or rigth*/
	width:calc(100% - 40px);

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	}




/* Diseño
------------------------------*/
ul.social-bar * {
	color:var(--color-neutro);
	}
ul.social-bar li.separator{
	background-color:var(--color-neutro-soft);
	}
ul.social-bar .svg-icon {
	border-radius:50%;
	background-color:var(--color-neutro);
	fill:var(--color-neutro-softer);
	}

/* Hover */
ul.social-bar a:hover {
	color:var(--color-main);
	}

ul.social-bar a:hover .svg-icon {
	background-color:var(--color-main);
	fill:var(--color-neutro-softer);
	}

ul.social-bar li.whatsapp a .svg-icon,
ul.social-bar li.whatsapp a:hover .svg-icon {
	background-color:var(--color-whatsapp)!important;
	fill:var(--color-white);
	}


ul.social-bar li.twitter a .svg-icon,
ul.social-bar li.twitter a:hover .svg-icon {
	background-color:var(--color-twitter)!important;
	fill:var(--color-white);
	}

ul.social-bar li.linkedin a .svg-icon,
ul.social-bar li.linkedin a:hover .svg-icon {
	background-color:var(--color-linkedin)!important;
	fill:var(--color-white);
	}


ul.social-bar li.instagram a .svg-icon,
ul.social-bar li.instagram a:hover .svg-icon {
	background-color:var(--color-instagram)!important;
	fill:var(--color-white);
	}




/* Vertical
------------------------------*/
ul.social-bar.vertical {
	align-items:flex-start;
	flex-direction:column;
	justify-content:flex-start; /* or flex-end */
	width:100%/*set*/
	}


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


ul.social-bar.vertical li.separator{
	display:block; 
	height:1px;
	width:100%;
	}


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

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


* {
	box-sizing:border-box!important;
	float: none;
	}

/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////// END GLOBAL
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////////////////////////////////
COLORS & VARS //////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/
:root {
--color-main-darker:#302306;
--color-main-dark:#6a4e0f;
--color-main:#cf971b;
--color-main-soft:#f1e8d7;
--color-main-softer:#f1e8d7;

--color-second-darker:#291605;
--color-second-dark:#422309;
--color-second:#cb6d1c;
--color-second-soft:#ecc4a1;
--color-second-softer:#f0e3d8;

--color-neutro-darker:#0f0f0f;
--color-neutro-dark:#1d1d1e;
--color-neutro:#58585b;
--color-neutro-soft:#8a8a90;
--color-neutro-softer:#e8e8ef;

--color-back:#f2f4f6;

--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-50:rgba(255, 255, 255, 0.5);
--color-white-40:rgba(255, 255, 255, 0.4);
--color-white-30:rgba(255, 255, 255, 0.3);
--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-60:rgba(0, 0, 0, 0.6);
--color-black-50:rgba(0, 0, 0, 0.5);
--color-black-40:rgba(0, 0, 0, 0.4);
--color-black-30:rgba(0, 0, 0, 0.3);
--color-black-20:rgba(0, 0, 0, 0.2);
--color-black-10:rgba(0, 0, 0, 0.1);

--color-ok:#55b88b;
--color-ok-softer:#d3eae0;
--color-warning:#d45353;
--color-warning-softer:#f6dfdf;

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

--rounded:6px;
--rounded-top:6px 6px 0px 0px;
--rounded-bottom:0px 0px 6px 6px;
--rounded-left:6px 0px 0px 6px;
--rounded-right: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:'Montserrat', sans-serif;
--font-second:'Montserrat', sans-serif;

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


--gradient-main:linear-gradient(to bottom, var(--color-main-soft) 0%, var(--color-main) 100%);
--gradient-main-soft:linear-gradient(to bottom, var(--color-main-softer) 0%, var(--color-main-soft) 100%);
--gradient-main-dark:linear-gradient(to bottom, var(--color-main) 0%, var(--color-main-dark) 120%);

--gradient-second:linear-gradient(to bottom, var(--color-second-soft) 0%, var(--color-second) 100%);
--gradient-second-soft:linear-gradient(to bottom, var(--color-second-softer) 0%, var(--color-second-soft) 100%);
--gradient-second-dark:linear-gradient(to bottom, var(--color-second) 0%, var(--color-second-dark) 120%);

--gradient-radial-uno:radial-gradient(circle at center center, #A6CEE2,  #0066B2);
--gradient-radial-dos:radial-gradient(circle at center center, #EDC1AE,  #F26721);

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

	}




/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////////////////// END COLOR & VARS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////////////////////////////////
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;
	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%;
	}}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< HEADER >>>>>>>>>>*/
header {
	overflow:visible;
	z-index:10000;
	padding:6px 0px;
	}
	@media only screen and (max-width:620px) {
	header{
	position:fixed;
	z-index:100;
	}}



header div.in {
	align-items:center;
	justify-content:space-between;
	}
	@media only screen and (max-width:720px) {
	header div.in{
	justify-content:center;
	}}
	@media only screen and (max-width:620px) {
	header div.in{
	justify-content:space-between!important;
	}}

header a.logotipo{
	height:auto;
	width:220px;	
	}
	@media only screen and (max-width:1500px) {
	header a.logotipo{
	width:200px;	
	}}
	@media only screen and (max-width:620px) {
	header a.logotipo{
	width:14	0px;	
	}}


header a.logotipo img{
	height:auto;
	width:100%;	
	}


nav{
	display:flex;
	height:auto;
	width:auto;	
	}
	@media only screen and (max-width:720px) {
	nav {
	margin-top:15px;
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	nav {
	height:auto;
	margin-top:0px;
	min-height:100vh;
	position:fixed;
	bottom:auto;
	left:0px;
	top:0px;
	right:0px;
	padding:0px 0px 0px 0px;
	width:auto;
	visibility:hidden;
	opacity:0.0;
	transition:all 0.1s;
	z-index:99;
	}}





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


nav ul{
	display:flex;
	flex-direction:row;
	width: auto;
	}
	@media only screen and (max-width:720px) {
	nav ul{
	justify-content:space-around;
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	nav ul{
	background-color:#444;
	height:auto;
	margin:0px;
	padding:0px;
	flex-direction:column;
	justify-content:center;
	}}


nav ul li{
	text-align: center;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav ul li{
	justify-content:space-around;
	margin-left:1px;
	}}
	@media only screen and (max-width:620px) {
	nav ul li{
	margin-left:0px;
	width:100%;
	}}



nav ul li a,
nav ul li a:visited{
	display:block;
	height:40px;
	line-height:40px;
	font-weight:700;
	font-size:0.8em;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 15px;
	width: auto;
	}
	@media only screen and (max-width:620px) {
	nav ul li a,
	nav ul li a:visited{
	color:#cf971b;
	font-size:1.2em;
	}}




nav ul li a:hover {
	text-decoration:none;
	}
	@media only screen and (max-width:620px) {
	nav ul li a,
	nav ul li a:hover{
	background-color:transparent;
	}}



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

/*------------------------------------------------------------------------ 
ALL  /////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------*/
/*--------------------------------------------
BANNER COVER ///////////////////////////////
-------------------------------------------*/
.banner-cover{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	overflow:hidden;
	padding-bottom:0px; 
	padding-top:0px;
	position:relative;
	max-width:100%;
	width:100%;
	}


/* Inside
------------------------------------------*/
.banner-cover .inside{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	height:100%;
	padding:5vw 5vw;
	position:relative;
	width:100%;
	}




/* Ancho 
------------------------------------------
banner-cover.in, wide, thin, from: www/style.css 

*/



/* Ancho full movil
------------------------------------------
Agregar clase si queremos forzar ancho full en movil 
*/

@media only screen and (max-width:620px) {
	.movil-full {
	padding-left:0px!important;
	padding-right:0px!important;
	}
}





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


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


/* Altura short
------------------------------------------*/
.banner-cover.short {
	height:40vh;
	min-height:260px;
	}
	@media only screen and (max-width:620px) {
	.banner-cover.short{
	height:30vh;
	min-height:260px;
	}}






/* Welcome
------------------------------------------*/
.banner-cover div.welcome{
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	z-index:10;
	}


.banner-cover div.welcome > *{
	width:100%;
	}




/* SET: DISENO
------------------------------------------*/
.banner-cover{
	padding-bottom:0px; /* si queremos margen interno abajo */
	padding-top:0px;  /* si queremos margen interno arriba */
	}


.banner-cover{
	background-image:var(--gradient-linear-uno);
	}

.banner-cover .inside{
	background-color:var(--color-neutro-darker); /* optional  */
	}

.banner-cover .inside picture{
	opacity:0.8; /* optional  */
	}


.banner-cover div.welcome > *{
	padding:0px;
	width:50%;
	}
	@media only screen and (max-width:1020px) {
	.banner-cover div.welcome > *{
	width:60%;
	}}
	@media only screen and (max-width:920px) {
	.banner-cover div.welcome > *{
	width:70%;
	}}



/* Textos */
.banner-cover .welcome .title{
	color:var(--color-white);
	font-size:1.8em;
	font-weight:500;
	text-align:left;
	margin:0px;
	padding:0px;
	}

.banner-cover .welcome .subtitle{
	color:var(--color-main);
	font-size:1.6em;
	font-weight:300;
	text-align:left;
	margin:0px;
	padding:0px;
	}

.banner-cover .welcome p{
	color:var(--color-white);
	font-size:1em;
	text-align:left;
	}






/*--------------------------------------------
BANNER GENERAL //////////////////////////////
-------------------------------------------*/
section.index-banner div.in{
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background-image:url(../images/index-banner.jpg);
	background-size:cover;
	background-position:center bottom;
	height:600px;
	margin-top:20px;
	padding:0px 0px;
	}
	@media only screen and (max-width:1500px) {
	section.index-banner div.in{
	height:480px;
	}}
	@media only screen and (max-width:1020px) {
	section.index-banner div.in{
	height:440px;
	}}
	@media only screen and (max-width:920px) {
	section.index-banner div.in{
	background-image:url(../images/index-banner-medium.jpg);
	padding:0px 60px;
	}}
	@media only screen and (max-width:820px) {
	section.index-banner div.in{
	height:380px;
	padding:0px 50px;
	}}
	@media only screen and (max-width:620px) {
	section.index-banner div.in{
	background-image:url(../images/index-banner-small.jpg);
	height:76vh;
	}}



/* Imagen
------------------------------------------*/
section.index-banner div.in > picture{
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	opacity:0.4;
	width:auto;
	z-index:1;
	}

section.index-banner div.in > picture img{
	height:100%;
	width:100%;
	object-fit:cover; /* set */
	object-position:right bottom; /* set */
	}


body#bienesraices  section.index-banner div.in > picture img{
	object-position:center top; /* set */
	}



section.index-banner div.in h1{
	line-height:1.2em;
	font-weight:300;
	font-size:3.2em;
	text-align:center;
	text-shadow:2px 2px 3px rgba(55, 55, 55, 0.6);
	}
	@media only screen and (max-width:920px) {
	section.index-banner div.in h1{
	font-size:3em;
	}}
	@media only screen and (max-width:620px) {
	section.index-banner div.in h1{
	font-size:2.2em;
	}}





section.index-banner div.in h2{
	font-weight:300;
	font-size:1.4em; 
	text-align:center;
	}
section.index-banner ul.actions{
	justify-content:center;
	}	



/* interior */

section.index-banner.interior div.in{
	background-image:none;
	background-color:var(--color-neutro-dark);
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background-size:cover;
	background-position:center top;
	height:300px;
	padding:0px 0px;
	}

section.index-banner.interior div.in .title{
	line-height:1.2em;
	font-weight:300;
	font-size:3em;
	text-align:center;
	text-shadow:2px 2px 3px rgba(55, 55, 55, 0.6);
	}
	@media only screen and (max-width:620px) {
	section.index-banner.interior div.in .title{
	font-size:2em;
	}}



/*-------------------------------------------
PANEL /// ZIG ZAG //////////////////////////
-------------------------------------------*/
.panel-zigzag {
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	list-style: none;		
	gap:20px;
	margin:20px 0px; /*set*/
	max-width:100%;
	width:100%;
	}

.panel-zigzag div.in{		
	gap:20px;
	}


.panel-zigzag .item {
	background-color:var(--color-white);
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height:auto;
	justify-content:space-between;
	list-style:none;
	overflow:hidden;
	padding:26px 26px!important;
	width:100%!important;
	}


/* order 
------------------------------*/
/* first */
.panel-zigzag .item:nth-child(odd) .info{
	order:2;
	}
.panel-zigzag .item:nth-child(odd) .imagen{
	order:1;
	}
/* second */
.panel-zigzag .item:nth-child(even) .info{
	order:1;
	}
.panel-zigzag .item:nth-child(even) .imagen{
	order:2;
	}





/* Ancho
------------------------------*/
.panel-zigzag .info {
	width:60%;
	}
.panel-zigzag .imagen {
	width:40%;
	}


/* Info
------------------------------*/
.panel-zigzag .info {
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
	height:auto;
	gap:12px;
	text-align:justify;
	padding:20px 4vw 20px 4vw; /*set*/
	}

/* Imagen
------------------------------*/
.panel-zigzag .imagen {
	background-color:var(--color-neutro-soft);
	height:auto;
	}



.panel-zigzag .item  {
	align-items:stretch!important;	
	}

.panel-zigzag .imagen{
	height:500px;
	}	
	@media only screen and (max-width:1600px) {
	.panel-zigzag .imagen{
	height:400px;
	}}
	@media only screen and (max-width:620px) {
	.panel-zigzag .imagen{
	height:auto;
	}}

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






/*---------- (opcion imagen contain)
.panel-zigzag .item  {
	align-items:stretch;
	}

.panel-zigzag .imagen{
	height:auto;
	max-height:220px;
	}

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

*/ 




.panel-zigzag .info .title{
	font-size:1rem;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	}

.panel-zigzag .info .subtitle{
	font-size:1rem;
	font-weight:500;
	text-align:left;
	}


.panel-zigzag .info p{
	font-size:1rem;
	font-weight:normal;
	}


/* Rompemos a movil */
@media only screen and (max-width:720px) {
	.panel-zigzag .info,
	.panel-zigzag .imagen {
	width:100%;
	}
	.panel-zigzag .item:nth-child(odd) .info{
	order:2;
	}
	.panel-zigzag .item:nth-child(odd) .imagen{
	order:1;
	}
	.panel-zigzag .item:nth-child(even) .info{
	order:2;
	}
	.panel-zigzag .item:nth-child(even) .imagen{
	order:1;
	}
	}





/*--------------------------------------------
MODALS  ////////////////////////////////////
-------------------------------------------*/
.modal{
	max-width:600px;
	}
  
.modal.wide{
	max-width:780px;
	}
  

.modal .inside{
	height: auto;
	padding:40px 40px;
	width:100%!important;
	}


.modal > .title {
	background-color:var(--color-main);
	color:var(--color-white);
	font-size:var(--fs-regular);
	font-weight:var(--fw-normal);
	padding:16px 0px;
	text-align:center;
	width:100%;
	}


.modal .inside .title {
	color:var(--color-main);
	font-size:var(--fs-regular);
	font-weight:var(--fw-normal);
	padding:16px 0px;
	text-align:center;
	width:100%;
	}


.modal p {
	margin:0px;
	padding:0px;
	text-align:center;
	}



/* Info
------------------------------*/
.modal.info .title {
	background-color:var(--color-neutro-dark);
	color:var(--color-neutro-softer);
	}


/* Ok
------------------------------*/
.modal.ok .title {
	background-color:var(--color-ok);
	color:var(--color-ok-softer);
	}

/* Warning o error
------------------------------*/
.modal.warning .title {
	background-color:var(--color-warning);
	color:var(--color-warning-softer);
	}



/* Actions
------------------------------*/
.modal.actions .inside{
	padding:40px 40px 8px 40px;
	}

.modal.actions .title {
	background-color:var(--color-main);
	color:var(--color-white-80);
	}




/* Google maps
------------------------------*/
.modal.googlemap iframe{
	aspect-ratio: 3 / 2;
	margin:0px;
	outline:0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	.modal.googlemap{
	height:80vh;
	}
	.modal.googlemap iframe{
	aspect-ratio: initial;
	height:80vh!important;
	}}




/* Duopanel
------------------------------*/
.modal.duopanel {
	display:block;
	max-width:800px;
	}

.modal.duopanel > .inside{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	padding:0px 0px;
	}


.modal.duopanel > .inside .col{
	align-content:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding:0px;
	flex-grow:2;
	width:40%;
	}
	@media only screen and (max-width:620px) {
	.modal.duopanel > .inside .col{
	width:100%;
	}}



.modal.duopanel > .inside .col-2 .title{
	background-color:transparent!important;
	color:var(--color-black);
	text-align:left;
	width:100%;
	}


.modal.duopanel > .inside .col-2 > .inside{
	padding:20px 2vw;
	}

.modal.duopanel > .inside .col-2 > .inside > *{
	width:100%;
	}







/* Modal menu
------------------------------*/
.modal ul.menu-actions{
	justify-content:center;
	}






/* Close modal
------------------------------*/
.modal .close-modal {
	top:10px!important;
	right:10px!important;
	}



/*--------------------------------------------
PANEL CONTACTO BACGROUND /////////////////////
-------------------------------------------*/
.panel-contacto-background{
	background-color:var(--color-white);
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	position: relative;
	padding-bottom:40px;
	padding-top:40px;
	width:100%;
	}




/* In
------------------------------------------*/
.panel-contacto-background .in{
	justify-content:center;
	}



/* Formulario
------------------------------------------*/
.panel-contacto-background .in .formulario{
	max-width:800px;
	width:100%;
	}

.panel-contacto-background .in .formulario ul.actions{
	justify-content:center;
	}

.panel-contacto-background .in .formulario .alert{
	text-align: center;
	width:100%;
	}



.panel-contacto-background .in .formulario .title{
	font-size:1.2em;
	font-weight:600;
	margin:20px 0px;
	text-align:center;
	text-transform: uppercase;
	width:100%;

	}



/* BREAK: Movil;
------------------------------------------*/
@media only screen and (max-width:720px) {
	.panel-contacto-background .col-uno {
	height:40vh;
	min-height:300px;
	width:100%;
	}

	.panel-contacto-background .col-dos {
	width:100%;
	}

	.panel-contacto-background .col-dos .formulario{
	margin-top:-100px!important;
	padding:20px;
	}

}







/*--------------------------------------------
FIRST ELEMENT ///////////////////////////////
-------------------------------------------*/
.first {
	/* margen del primer elemento si nuestro header es fijo en movil */
	}

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





/*---------------------------------------------------------------- 
INICIO  /////////////////////////////////////////////////////////
----------------------------------------------------------------*/
body#index h4 {
	text-align:center;
	margin:40px 0px;
	}





/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX CATALOGO (bienes raices sección) >>>>>>>>>>*/
section.index-catalogo{
	margin-top:60px;
	}

section.index-catalogo div.in {
	justify-content:center;
	}

section.index-catalogo h4 {
	font-weight:400;
	font-size:0.8em;
	line-height:46px;
	margin-bottom:20px;
	padding:0px 20px;
	text-transform:uppercase;
	width:auto;
	}


section.index-catalogo ul.actions {
	justify-content:center;
	margin:80px 0px;
	}


section.index-catalogo ul.wall h3 {
	border-bottom:1px solid #c5c5cb;
	font-size:1em;
	font-weight:600;
	line-height:1.2em;
	padding:5px 0px;
	margin:20px 0px 5px 0px;
	text-align:left;
	}


section.index-catalogo ul.wall.masonary  {
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	gap: 20px;
	justify-content:center;
	margin:0px;
	padding:0px;
	width:100%;
	}



section.index-catalogo ul.wall.masonary li{
	background-color:#fff;
	cursor:pointer;
	display:flex;
	list-style:none;
	height:auto;
	margin:0px;
	padding:20px; /*set*/
	text-align: center;
	max-width:400px;
	width:30%;
	}
	@media only screen and (max-width:720px) {
	section.index-catalogo ul.wall.masonary li{
	width:46%;
	}}
	@media only screen and (max-width:620px) {
	section.index-catalogo ul.wall.masonary li{
	width:100%;
	}}




section.index-catalogo ul.wall.masonary  li > a,
section.index-catalogo ul.wall.masonary  li > a:visited{
	text-decoration:none;
	}




section.index-catalogo ul.wall.masonary div.img{
	background-color:var(--color-neutro-softer);
	height:300px;
	width:100%!important;
	}

section.index-catalogo ul.wall.masonary div.img picture{
	position:absolute;
	bottom:0px;
	left:0px;
	top: 0px;
	right:0px;
	width:auto;
	}

section.index-catalogo ul.wall.masonary div.img picture img{
	height:100%;
	object-fit:contain;	
	width:100%;
	}




section.index-catalogo ul.wall.masonary  li > a > * {
	height:auto;
	width:100%;
	}

section.index-catalogo ul.wall.masonary  li > a > p {
	padding:3px 0px;
	margin:0px;
	}

section.index-catalogo ul.wall.masonary  li > a > p.location {
	font-size:0.8em;
	}

section.index-catalogo ul.wall.masonary  li div.cover {
	border-radius:4px;
	height:auto; /*set */
	overflow:hidden;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INTERIOR >>>>>>>>>>*/

div.container {
	
	}
	@media only screen and (max-width:620px) {
	div.container {
	margin-top:0px;
	}}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< CATALOGO >>>>>>>>>>*/
body.catalogo div.container  {
	margin-top:40px;
	}
	@media only screen and (max-width:620px) {
	body.catalogo div.container {
	margin-top:120px;
	}}



body.catalogo div.container  div.in{
	align-items:stretch; 
	justify-content:space-between;
	}

body.catalogo div.container aside {
	width:28%; 
	}
	@media only screen and (max-width:920px) {
	body.catalogo aside{
	width:100%!important;
	}}



body.catalogo div.container section{
	width:70%;
	}
	@media only screen and (max-width:920px) {
	div.container section{
	width:100%!important;
	}}



body.catalogo div.container section .box-search{
	justify-content:space-between;
	position:relative;
	padding:40px;
	width:100%;
	}
	@media only screen and (max-width:920px) {
	body.catalogo div.container section .box-search{
	margin-top:20px;
	}}
	@media only screen and (max-width:720px) {
	body.catalogo div.container section .box-search{
	padding:30px;
	}}
	@media only screen and (max-width:620px) {
	body.catalogo div.container section .box-search{
	padding:15px;
	}}


body.catalogo div.container section .box-search input[type=search]{
	border-radius:26px;
	border:0px;
	width:75%;
	}

body.catalogo div.container section .box-search input[type=submit] + label{
	background-color:#cf971b;
	color:#fff; 
	border-radius:26px;
	border:0px;
	padding:0px;
	position:relative;
	text-align:center;
	width:22%;
	}
	@media only screen and (max-width:720px) {
	body.catalogo div.container section .box-search input[type=submit] + label{
	width:24%;
	}}

body.catalogo div.container section .box-search > *{
	height:36px;
	line-height:36px;
	}


body.catalogo ul.wall  {
	display:block!important;
	margin:0px;
	margin-top:30px;
	padding:0px;
	width:100%;
	}

body.catalogo ul.wall  li{
	background-color:#fff;
	cursor:pointer;
	display:inline-block;
	list-style:none;
	height:auto;
	margin:0px;
	margin-bottom:15px;
	padding:20px; /*set*/
	text-align: center;
	width:100%;/* con ancho determinamos cantos items por renglon */
	}
	@media only screen and (max-width:620px) {
	body.catalogo ul.wall li{
	margin-bottom:20px;
	}}

body.catalogo ul.wall li > a,
body.catalogo ul.wall li > a:visited{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-between;
	text-decoration:none;
	}

body.catalogo ul.wall  li div.cover {
	border-radius:4px;
	height:200px; /*set */
	overflow:hidden;
	width:30%;
	}
	@media only screen and (max-width:920px) {
	body.catalogo ul.wall  li div.cover{
	height:160px;
	}}
	@media only screen and (max-width:620px) {
	body.catalogo ul.wall  li div.cover{
	height:auto; /*set */	
	width:100%;
	}}



body.catalogo ul.wall  li div.cover img{
	object-fit:cover;
	height:100%;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	body.catalogo ul.wall  li div.cover{
	height:auto; /*set */	
	width:100%;
	}}



body.catalogo ul.wall  li div.data {
	border-radius:4px;
	height:auto; /*set */
	overflow:hidden;
	width:68%;
	}
	@media only screen and (max-width:620px) {
	body.catalogo ul.wall  li div.data {
	width:100%;
	}}




body.catalogo ul.wall  li div.data > *{
	height: auto;
	width:100%;
	}

body.catalogo ul.wall li h3 {
	border-bottom:1px solid #c5c5cb;
	font-size:1.4em;
	font-weight:700;
	line-height:1.2em;
	padding:10px 0px;
	margin:0px 0px 5px 0px;
	text-align:left;
	}

body.catalogo ul.wall li:hover h3 {
	border-bottom:1px solid #6a4e0f;
	}


body.catalogo ul.wall li div.data p{
	display:block;
	padding:4px 0px;
	width:100%;
	}

body.catalogo ul.wall li div.data p span{
	border-radius:4px;
	display:inline-block;
	height:46px;
	line-height:46px;
	margin-right:5px;
	width:auto;
	padding:0px 15px;
	}
	@media only screen and (max-width:920px) {
	body.catalogo ul.wall li div.data p span{
	font-size:0.9em;
	height:36px;
	line-height:36px;
	padding:0px 12px;
	}}



body.catalogo ul.wall li div.data p span.price{
	font-weight:700;
	}



body.catalogo div.container aside div{
	height: auto;
	padding:40px;
	width:100%; 
	}



body.catalogo div.container aside h4{
	font-weight:400;
	font-size:1em;
	text-transform:uppercase; 
	padding:0px;
	margin:0px;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< SINGLE >>>>>>>>>>*/
body#single div.container div.in {
	background-color:#fff;
	justify-content: space-between;
	padding:40px;
	min-height:300px; 
	}

body#single div.container div.in > div.images{
	order:1;
	width:45%;
	}
	@media only screen and (max-width:720px) {
	body#single div.container div.in > div.images{
	order:2;
	width:100%;
	}}


body#single div.container div.in > div.images div.cover{
	width:100%;
	}


body#single div.container div.in > div.images div.cover img{
	width:100%;
	}

body#single div.container div.in > article{
	order:2;
	width:53%;
	}
	@media only screen and (max-width:720px) {
	body#single div.container div.in > article{
	order:1;
	width:100%;
	}}


body#single div.container ul.wall{
	align-items: start;
	display:block!important;
	columns:3!important;
	-moz-columns:3!important;
	-webkit-columns:3!important;
	justify-content:space-between; /* start | end | center | stretch */
	grid-gap:10px;
	margin:15px 0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	body#single div.container ul.wall{
	columns:2!important;
	-moz-columns:2!important;
	-webkit-columns:2!important;
	}}
	@media only screen and (max-width:620px) {
	body#single div.container ul.wall{
	columns:1!important;
	-moz-columns:1!important;
	-webkit-columns:1!important;
	}}

body#single div.container ul.wall li{
	background-color:#999;
	display:inline-block;
	list-style:none;
	height:auto;
	margin:0px;
	margin-bottom:10px;
	padding:0px; /*set*/
	text-align: center;
	width:100%;/* con ancho determinamos cantos items por renglon */
	}


body#single div.container  ul.wall li > * {
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	height:auto;
	width:100%;
	}


body#single article h2 {
	font-size:2em;
	line-height:1.2em;
	margin:0px;
	padding:20px 0px 0px 0px;
	}


body#single article p.description {
	margin:0px;
	padding:0px;
	}


body#single article div.boxes span{
	border-radius:2px;
	display:inline-block;
	height:46px;
	line-height:46px;
	margin-right:5px;
	width:auto;
	padding:0px 15px;
	}
	@media only screen and (max-width:920px) {
	body#single article div.boxes span{
	font-size:0.9em;
	height:36px;
	line-height:36px;
	margin-bottom:10px;
	}}





body#single article div.boxes span.price{
	font-weight:700;
	}

ul.tags {
	height:auto;
	padding:0px 0px;
	margin:15px 0px;
	text-align:left;
	width:100%
	}

ul.tags li {
	display:inline-block;
	list-style: none;
	width:auto;
	}

ul.tags li a{
	display:block;
	font-size:0.8em;
	height:26px;
	line-height:26px;
	padding:0px 10px;
	text-decoration:none;
	width:auto;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< CONTACTO >>>>>>>>>>*/
body#contacto {
	background-image:url(../images/index-banner.jpg);
	background-size:cover;
	background-position: center;
	}

body#contacto div.container{
	background-color:transparent;
	}

body#contacto div.container div.in {
	align-content: center;
	justify-content:center;
	padding:40px 0px;
	}


body#contacto div.container div.in > div {
	padding:40px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	body#contacto div.container div.in > div{
	padding:30px 20px;
	}}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< JURIDICO >>>>>>>>>>*/
body#juridico div.container,
body#bienesraices div.container,
body#aviso-privacidad div.container{
	padding:40px 0px 0px 0px;
	}

body#juridico div.container div.in,
body#bienesraices div.container div.in,
body#aviso-privacidad div.container div.in{
	justify-content:space-between;
	padding:40px;
	}

body#juridico article,
body#bienesraices article{
	border-right:1px solid #dedede;
	padding-right:40px;
	width:60%;
	}
	@media only screen and (max-width:720px) {
	body#juridico article,
	body#bienesraices article{
	border-right:0px solid #dedede;
	margin-bottom:40px;
	padding-right:0px;	
	width:100%;
	}}



body#juridico aside,
body#bienesraices aside {
	width:38%;
	}
	@media only screen and (max-width:720px) {
	body#juridico aside,
	body#bienesraices aside{
	width:100%;
	}}

body#juridico p.curri,
body#bienesraices p.curri {
	font-size:1.2em;
	font-style: italic;
	}


body#juridico p.ls a,
body#juridico p.ls a:visited {
	text-decoration:none;
	}

body#juridico p.ls a:hover {
	text-decoration:underline;
	}

body#juridico p.ls a i {
	text-align:center;
	width:30px;
	}

body#juridico p.ls a i {

	}

body#juridico p.ls a[href="https://www.facebook.com/Cabeza-de-Vaca-Herrera-Jur%C3%ADdico-Bienes-Ra%C3%ADces-2210614395889992/"] i{
	color:#3b5998;
	}

body#juridico p.ls a[href="https://twitter.com/LICSALVADOR13"] i{
	color:#55acee;
	}

body#juridico p.ls a[href="https://www.instagram.com/cvh_juridico_bienesraices/"] i{
	color:#cd486b;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< AVISO PRIVACIDAD >>>>>>>>>>*/
body#aviso-privacidad article {
	width:100%!important;
	}




/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< BOTTOM TOP  >>>>>>>>>>*/
div.top {
	background-repeat:no-repeat;
	background-size:100% auto;
	height:auto;
	left:0px;
	right:0px;
	position:absolute;
	width:auto;
	}

div.top {
	background-image:url(https://www.cvhbienesraices.com/assets/svg/top.svg);
	background-position:center top;
	bottom:auto;
	height:90vh;
	top:60px;
	}
	@media only screen and (max-width:620px) {
	div.top{
	background-size:150% auto;
	background-position:left top;
	}}



div.bottom {
	background-size:100% auto;
	background-image:url(https://www.cvhbienesraices.com/assets/svg/footer.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:auto;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	width:auto;
	}
	@media only screen and (max-width:1020px) {
	div.bottom{
	background-size:110% auto;
	background-position:right bottom;
	}}
	@media only screen and (max-width:920px) {
	div.bottom{
	background-size:120% auto;
	background-position:right bottom;
	}}
	@media only screen and (max-width:820px) {
	div.bottom{
	background-size:130% auto;
	background-position:right bottom;
	}}
	@media only screen and (max-width:720px) {
	div.bottom{
	background-size:150% auto;
	background-position:right bottom;
	}}	
	@media only screen and (max-width:620px) {
	div.bottom{
	background-size:300% auto;
	background-position:right bottom;
	}}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FOOTER >>>>>>>>>>*/
footer {
	font-size:0.9em;
	line-height:1.3em;
	height:auto;
	margin-top:200px;
	padding:10px 0px 40px 0px;
	}
	@media only screen and (max-width:920px) {
	footer {
	margin-top:80px;
	}}
	@media only screen and (max-width:820px) {
	footer {
	margin-top:0px;
	}}
	@media only screen and (max-width:720px) {
	footer {
	margin-top:200px;
	}}


footer div.in {	
	justify-content:space-between;
	align-items:flex-end;
	flex-direction:column;
	}
	@media only screen and (max-width:620px) {
	footer div.in {
	align-items:flex-start;
	justify-content:flex-start;
	}}


footer div.data {
	border-right:1px solid #cf971b;
	padding:0px 15px 0px 0px;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	footer div.data{
	border-right:0px solid #cf971b;
	padding:0px 0px 0px 0px;
	width:100%;
	}}


footer div.data p{
	line-height:1.4em;
	text-align:right;
	padding:5px 0px;
	}
	@media only screen and (max-width:720px) {
	footer div.data p{
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	footer div.data p{
	text-align: left;
	}}

footer div.data p a{
	text-decoration: none;
	}

footer div.data p a:hover{
	text-decoration: underline;
	}

footer div.data .social{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px;
	line-height:32px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	footer div.data .social{
	justify-content:flex-start;
	}}


footer div.data .social .svg-icon{
	background-color:var(--color-facebook);
	border-radius:50%;
	fill:var(--color-white);
	height:32px;
	width:32px;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FIRMA >>>>>>>>>>*/
a.firma,
a.firma:visited,
a.firma:hover{
	display:flex;
	flex-direction:row;
	font-size:0.8em;
	font-weight:300;
	justify-content:space-between;
	height:auto;
	width:auto;
	cursor:text;
	float:none;
	text-decoration:none;
	margin-top:40px;
	width:auto;
	}



a.firma:hover strong{
	cursor:pointer;
	}


a.firma i,
a.firma strong{
	display:block;
	height: 20px;
	line-height: 20px;
	font-style:normal;
	font-weight:normal;
	width:auto;
	}


a.firma span{
	background-image: url(../svg/icon-ls.svg);
	background-size:40px 20px;
	background-position:0px 0px;
	display:block;
	/*background-color: #da1f43;*/
	border-radius:50%;
	height:20px;
	margin:0px 3px 0px 3px;
	width:20px;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FLEXBOX >>>>>>>>>> */

.flex-container {
	display: flex;

	/* Dirección de items */
	flex-direction: row; /* → */
	flex-direction: row-reverse; /* ← */
	flex-direction: column; /* ↓ */
	flex-direction: column-reverse; /* ↑ */

	/* Envolvente */
	flex-wrap: wrap; /* Respeta tamaño de flex-items al llegar a limite de espacio*/
	flex-wrap: nowrap; /* Reduce flex-items conforme se reduce wrap al llegar a limite de espacio*/
	flex-wrap: wrap-reverse; /* Reduce flex-items conforme se reduce wrap y los invierte en orden  al llegar a limite de espacio*/

	/* Justificación */
	justify-content:flex-start; /* 1 2 3 4 - - - - - - - */
	justify-content:flex-end; /* - - - - - - -  1 2 3 4 */
	justify-content:center; /* - - - 1 2 3 4 - - - */
	justify-content:space-between; /* 1 - - - 2 - - - 3 - - - 4 */
	justify-content:space-around; /* - 1 - - 2 - - 3 - - 4 - */
	justify-content:space-evenly; /* - 1 - 2 - 3 - 4 - */


	/* Alineación (vertical )*/
	align-items:flex-start; /* top */
	align-items:flex-end; /* bottom */
	align-items:center; /* middle */
	align-items:stretch; /* Modifica altura de .flex-items para adaptarlos a todo lo alto */
	align-items:baseline; /* ???  */
	}	



.flex-items{
	order:1; /* default 0, orden de items  */
	}