* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

:root{ /* con esta pseudo clase vamos a hacer que el desplazamiento del menú de navegación sea más suave y no tan bruzco */
	scroll-behavior: smooth;
}


body{
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}

.contenedor-emprendimientos{
	overflow-x: hidden;
	
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}



.circle {
      float: left;
      width: 20px;
      height: 20px;
      margin: 20px;
      shape-outside: circle(50% at 30%);
      clip-path: circle(20% at 50%);
      background: rgba(233,0,3,1.00);
	  transition: 1s ease-in-out;
}


.circle2 {
      float: left;
      width: 200px;
      height: 200px;
      margin: 20px;
      shape-outside: circle(50% at 30%);
      clip-path: circle(50% at 0%);
      background: rgba(233,0,3,1.00);
}

.cabeza{
	
	background-image: linear-gradient(rgba(0,0,0,0.39) 50%, rgba(0,0,0,0.09)), url('https://www.triadapropiedades.com.ar/POSIBLES/2/3-inversiones2.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100vw;
	height: 400px;
}

.cabeza2{
	
	background-image: linear-gradient(rgba(0,0,0,0.39) 50%, rgba(0,0,0,0.09)), url('https://www.triadapropiedades.com.ar/POSIBLES/2/3-inversiones2.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100vw;
	height: 400px;
}


.texto-cabeza{
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	
	width: 50vw;
	
	text-align: center;
	
	margin-bottom: 30px;
	
	
}

.texto-cabeza h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	color: white;
	margin-bottom: 30px;
}

.texto-cabeza p{
	color: white;
}



.contenido-inversiones{
	
	position: relative;
	
	width: 100vw;
	height: 100vh;
	background: rgba(228,228,228,1.00);
	
	display: flex;
	justify-content: center;
}

.contenido-inversiones2{
	
	box-shadow: inset 0 0 10px black;
	
	position: relative;
	
	width: 100vw;
	height: 150vh;
	background: rgba(228,228,228,1.00);
	
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(rgba(255,255,255,0.65) 20%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 35%;
	

}


.contenido-inversiones3{
	
	box-shadow: inset 0 0 10px black;
	
	position: relative;
	
	width: 100vw;
	height: 70vh;
	background: rgba(228,228,228,1.00);
	
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(rgba(255,255,255,0.56) 60%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/5362093/pexels-photo-5362093.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 65%;
	
}





.caja-listado-inversiones img{
	margin-top: 150px;
}

.caja-listado-inversiones0{
	
	position: absolute;
	top: -100px;
		
		
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	/*background: linear-gradient(white 20%, rgba(255,255,255,0.00));*/
	/* OPCION 1 background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/323705/pexels-photo-323705.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: 0% 50%;*/
	
	background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/416320/pexels-photo-416320.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0% -20%;
	
		
	
	
	height: 70vh;
	width: 60vw;
	
	border-radius: 5px;
	
	padding:  45px 100px;
}

.caja-listado-inversiones2{
	
	
		
		
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*background: linear-gradient(white 20%, rgba(255,255,255,0.00));*/
	/* OPCION 1 background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/323705/pexels-photo-323705.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: 0% 50%;*/
	
	
	
	
		
	
	
	height: 70vh;
	width: 80vw;
	
	border-radius: 5px;
	
}




.item-listado-inversiones2{
	margin: 20px 0px;
	padding-top: 20px;
}


.item-listado-inversiones2 h2{
	font-size: 19px;
	margin-top: 20px;
}

.item-listado-inversiones2 p{
	font-family: 'Raleway', sans-serif;
	margin-top: 20px;
	text-align: justify;
	width: 100%;
	height: 100%;
	font-size: 30px;
	letter-spacing: 0.8px;
	color: white;
	text-shadow: 2px 1px 3px black;
}

.caja-listado-inversiones2 h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	margin-top: 30px;
	margin-bottom: 30px;
	color: white;
	text-shadow: 0 2px 5px black;
	font-size: 36px;
}


.caja-listado-inversiones h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	margin-top: 30px;
	margin-bottom: 30px;
	
	font-size: 36px;
}

.item-listado-inversiones{
	margin: 20px 0px;
	padding-top: 20px;
}


.item-listado-inversiones h2{
	font-size: 19px;
	margin-top: 20px;
}

.item-listado-inversiones p{
	margin-top: 20px;
	text-align: left;
}









.contenedor-emprendimientos a{
	
	width: 12vw;
	height: 60vh;
	transition: ease-in-out 1.2s;
	cursor: pointer;
}
.contenedor-emprendimientos img{
	
	width: 12vw;
	height: 60vh;
	transition: ease-in-out 1.2s;
	cursor: pointer;
}

.contenedor-emprendimientos h1{
	position: fixed;
	text-align: center;
	font-size: 60px;
	opacity: 0;
	color: white;
	background: rgba(41,41,41,0.70);
	animation: text-background-anim 2.2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	cursor: pointer;
	text-decoration: none;
	
}

@keyframes text-background-anim{
	0%{
		width: 0%;
	}
	
	100%{
		width: 100%;
	}
}

.contenedor-emprendimientos #img1:hover{
	width: 30vw;
	
	
}



.contenedor-emprendimientos a:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
	
}

.contenedor-emprendimientos #img1:hover ~ #text1{
	opacity: 1;
	z-index: 1000;
	
}




.contenedor-emprendimientos #img2:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
	
}

.contenedor-emprendimientos #img2:hover ~ #text2{
	opacity: 1;
	z-index: 1000;
	
}

.contenedor-emprendimientos #img2:hover{
	width: 30vw;
	
	
}


.contenedor-emprendimientos #img3:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
	
}

.contenedor-emprendimientos #img3:hover ~ #text3{
	opacity: 1;
	z-index: 1000;
	
}

.contenedor-emprendimientos #img3:hover{
	width: 30vw;
	
	
}


.contenedor-emprendimientos #img4:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
	
}

.contenedor-emprendimientos #img4:hover ~ #text4{
	opacity: 1;
	z-index: 1000;
	
}

.contenedor-emprendimientos #img4:hover{
	width: 30vw;
	
	
}


.contenedor-emprendimientos #img5:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
}

.contenedor-emprendimientos #img5:hover ~ #text5{
	opacity: 1;
	z-index: 1000;
	
}

.contenedor-emprendimientos #img5:hover{
	width: 30vw;
	
	
}


.contenedor-emprendimientos #img6:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	z-index: 1000;
	
	
}

.contenedor-emprendimientos #img6:hover ~ #text6{
	opacity: 1;
	
	z-index: 1000;
}

.contenedor-emprendimientos #img6:hover{
	width: 30vw;
	
	
}


.contenedor-emprendimientos #img7:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
	
}

.contenedor-emprendimientos #img7:hover ~ #text7{
	opacity: 1;
	z-index: 1000;
	
	
}


.contenedor-emprendimientos #img7:hover{
	width: 30vw;
	
	
}

.contenedor-emprendimientos #img8:hover{
	width: 30%;
	transform: scale(1.4) rotate(20deg);
	
	
}

.contenedor-emprendimientos #img8:hover ~ #text8{
	opacity: 1;
	z-index: 1000;
	
	
}

.contenedor-emprendimientos #img8:hover{
	width: 30vw;
	
	
}


.contenedor{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	width: 90%;
	max-width: 1200px;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 0px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
}

.contenedorespecifico{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	width: 90%;
	max-width: 1200px;
	flex-direction: column;
	justify-content: center;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 0px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
}





























.contenedornosotros{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	overflow: hidden;
	height: 50vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	
	padding-top: 10px;
	padding-bottom: 10px;
	background: white;
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	background-image: url('https://i.ibb.co/g7LfFQM/3.jpg');
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	
	
	/* padding: 0px 0px; Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
}


.contenedornosotros h2{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-size: 40px;
	color: white;
	
	text-decoration: none;
}

.contenedor-contacto{ 
	height: 100vh;
	align-items: center;
	padding-top: 60px;
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');*/
	background-image: linear-gradient(to right, rgba(0,0,0, 0.3) 0%, rgba(250,250,250, 0.3) 30%), url('https://i.ibb.co/t3pNQrv/kate-macate-xmdd-EHy-Cisc-unsplash.jpg');
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	
}

.nuestroobjetivo{
	height: 60vh;
	width: 100vw;
	max-width: 3000px;
	align-items: center;
	padding-top: 12%;
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');*/
	background-image: linear-gradient(to right, rgba(0,0,0, 0.3) 0%, rgba(0,0,0, 0.3) 30%), url('http://triadapropiedades.com.ar/imagenes/1v2.jpg');
	
	/*background: linear-gradient(rgba(250,250,250,03)30%, rgba(0,0,0, 0.3)70%);*/
	
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	background-position: 0% 92%;
	
	
	display: flex;
	flex-direction: column;
	vertical-align: middle;
	align-content: center;
	text-align: center;
}

.nuestroobjetivoTxt{
	width: 70%;
}

.nuestroobjetivo h2{
	text-shadow: 1px 1px 1px black;
	color: white;
	font-size: 50px;
	letter-spacing: 5px;
}

.nuestroobjetivo p{
	margin: 0 122;
	color: white;
	font-size: 20px;
	letter-spacing: 2px;
}

.contenedor2{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	width: 100%;
	max-width: 3000px;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	 /*position: relative; NUEVO */
	/*padding: 60px 0px;  Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
}

.hover-galeria h3{
	color: white;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	
}

.imagen-port a{
	color: white;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	
}

.imagen-port a:hover{
	color: white;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	
}

.mapa{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.3) 100%, rgba(250,250,250, 0.3) 100%), url('http://triadapropiedades.com.ar/7-nuevomapa.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100vw;
	max-width: 3000px;
	height: 50vh;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	/*position: relative;  NUEVO */
	/*padding: 60px 0px;  Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
}

.fondo{
	
	height: 100%;
	width: 98%;
	align-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.50);
	overflow: hidden;
	
	
}


/*.fondo h19{
	float: right;
	width: 30%;
	height: 15%;
	top: 40;
	margin-top: 20;
	margin-right: 50;
	text-align: center;
	color: white;
	font-size: 29px;
	
}*/

.derechamapa{
	margin-top: 30px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50vw;
	height: 50vh;
	text-align: center;
	
	
}

.derechamapa p{
	color: white;
	font-size: 15px;
}

.derechamapa h19{
	font-family: 'Barlow', sans-serif;
	color: white;
	font-size: 29px;
}

.bloquefrente{
	background: green;
	color: white;
	top: 0;
	position: absolute;
	left: 0;
	justify-content: center;
	align-items: center; /* recorda que es align-ITEMS y no content */
	flex-direction: column;
	width: 40%;
	height: 40%;
}

.video-container{
	overflow: hidden;
	background: black;
	display: flex;
	height: 50vh;
	width: 60vw;
}

.contenedorbusqueda2{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	
	
	width: 100%;
	height: 100vh;
	max-width: 3000px;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	position: relative; /* NUEVO */
	/*padding: 60px 0px;  Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	align-items: center;
	padding-top: 260px;
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');*/
	background-image: linear-gradient(to right, rgba(0,0,0, 0.3) 0%, rgba(250,250,250, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	
}

.contenedorbusqueda2resultado{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	
	
	width: 100%;
	height: 30vh;
	max-width: 3000px;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	position: relative; /* NUEVO */
	/*padding: 60px 0px;  Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	align-items: center;
	padding-top: 120px;
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');*/
	background-image: linear-gradient(to right, rgba(0,0,0, 0.3) 0%, rgba(250,250,250, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	
}

header{
	height: 0vh; /* Acá hacemos magia pues con el VH hacemos referencia al "view port height". Entonces el contenedor del header, que es la imagen fija que colocaremos, tendrá el alto de todo lo que el dispositivo tenga de alto */
	/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 100%), url('https://jncdigitalwork.000webhostapp.com/imagenes/design1.jpg');*/
	
	/* sacado de webgradient.com + el url de la imagen que le pondremos de fondo. Acordate que si trbajas en dreamweaver lo vas a tener que cargar al estilo.css en dreamweaver para que lo reconozca, sino, te lo va a tomar como main.css */
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	
	/* con estas 4 últimas lineas logramos que el HEAD quede fijo como de fondo y que al desplazar su tamaño varíe */
	
}

headerresultado{
	height: 100vh; /* Acá hacemos magia pues con el VH hacemos referencia al "view port height". Entonces el contenedor del header, que es la imagen fija que colocaremos, tendrá el alto de todo lo que el dispositivo tenga de alto */
	/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 100%), url('https://jncdigitalwork.000webhostapp.com/imagenes/design1.jpg');*/
	
	/* sacado de webgradient.com + el url de la imagen que le pondremos de fondo. Acordate que si trbajas en dreamweaver lo vas a tener que cargar al estilo.css en dreamweaver para que lo reconozca, sino, te lo va a tomar como main.css */
	background-repeat: no-repeat; /* para que no se repita si agrandas */
	background-size: cover; /* que cubra */
	background-attachment: fixed;
	background-position: center;
	
	/* con estas 4 últimas lineas logramos que el HEAD quede fijo como de fondo y que al desplazar su tamaño varíe */
	
}

.contenedor2 img{
	/*z-index: 1; nuevo*/
	height: 100vh;
	width: 100vw;
}

/* vamos a tocar los textos que están dentro de lo que es el div HEAD */

.head{
	
	padding: 0px; /* recorda que originalmente en el documento html ya pusimos un padding para esto, porque todas tienen la clase "CONTENEDOR" pero acá vamos a quitarla cuando se asigne la segunda clase que es HEAD. */
	height: 100%;
	display: flex; /* par que se posicionen vertical y horizontalmente al CENTRO */
	flex-direction: column; /* al flex ahora le agregamos la orintación que tendrá: ENCOLUMNADA */
	justify-content: center;
	align-items: center;
	color: white;
	
	
}

.head{
	
	padding: 0px; /* recorda que originalmente en el documento html ya pusimos un padding para esto, porque todas tienen la clase "CONTENEDOR" pero acá vamos a quitarla cuando se asigne la segunda clase que es HEAD. */
	height: 100%;
	display: flex; /* par que se posicionen vertical y horizontalmente al CENTRO */
	/*flex-direction: column;  al flex ahora le agregamos la orintación que tendrá: ENCOLUMNADA */
	justify-content: center;
	align-items: center;
	color: white;
	
	
}

.menu{ /* vamos a modificar la imagen del menú, esta debe quedar fija aunque scrolleemos para abajo */
	/*z-index: 10;*/
	position: fixed; /*la dejamos fija */
	top: 50px; /* le damos un espacio desde arriba de 30px */
	right: 100px; /* lo mismo para la derecha */
	background: #fff; /* fondo blanco */
	width: 40px;
	height: 40px; /* estos dos para la altura */
	cursor: pointer; /* para que lo interprete como un enlace */
	border-radius: 5px; /*redondeamos un poco los bordes */
	box-shadow: 0 0 6px rgba(103, 37, 44, 0.8); /* le damos un sombreado */
	
}

.logo-rojo{ /* vamos a modificar la imagen del menú, esta debe quedar fija aunque scrolleemos para abajo */
		z-index: 2501;
		position: fixed; /*la dejamos fija */
		top: 5px; /* le damos un espacio desde arriba de 30px */
		left: 5px; /* lo mismo para la derecha */
		width: 220px;
		height: 90px; /* estos dos para la altura */

		transition: all 0.8s ease-in-out;
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;

	}

.logo-rojo2{ /* vamos a modificar la imagen del menú, esta debe quedar fija aunque scrolleemos para abajo */
	z-index: 2501;
	position: fixed; /*la dejamos fija */
	top: 5px; /* le damos un espacio desde arriba de 30px */
	left: 5px; /* lo mismo para la derecha */
	width: 220px;
	height: 90px; /* estos dos para la altura */
	
	transition: all 0.8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	
}




.menu-navegacion{ /* repetimos lo de arriba, pero adaptado */
	z-index: 2500;
	position: fixed; /* lo fijamos para que se mueva con nuestro scroll */
	top: 0px;
	width: 100vw;
	/*width: 30vw;  le damos que ocupe el 30% de nuestro view port width, que serìa a lo ancho */
	height: 10%;
	background: rgba(0,0,0,0.69);
	/*background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%); esto le da un background en gradiente */
	display: flex;
	flex-direction: row;
	/* flex-direction: column;* Para que se encolumnen */
	justify-content: flex-end;  /*para que alinee todo equitativamente */
	/* transition: transform .3s ease-in-out; con esto contectamos a header: hover para que active su transform al pasar por encima */
	align-items: center;
	
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	transition: all 0.8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
}


.shrink-rojo
{
	height: 55px;
	width: 145px;
}

.shrink
{
	height: 7%;
}



.menu-navegacion a{ /* nos refeimos a A como los enlaces y procedemos: */
	color: white;
	margin-right: 20px;
	padding-right: 20px;
	text-decoration: none;
}

/* la clase que usamos en el header como titulo */
.titulo{
	font-size: 60px;
	margin-bottom: 15px; /* lo separamos 15px de abajo */
	
}

/* el subtitulo de debajo de titulo */
.copy{
	font-weight: 300;
	font-size: 25px;
}

/* ARRANCAMOS DESDE "NUESTROS SERVICIOS" PARA ABAJO */

/* a esta lase la hemos usado para varias secciones */
.subtitulo{
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	font-weight: 400;
	color: rgba(0,0,0,1.00);
	margin-bottom: 40px;
	font-size: 40px;
	letter-spacing: 5px;
}

.subtitulo-c{
	
	text-align: center;
	box-shadow: 0 0 6px #fff;
	font-weight: 500;
	color: white;
	margin-bottom: 40px;
	font-size: 40px;
}

.telefono{
	text-align: center;
	font-weight: 100;
	color: white;
	margin-bottom: 20px;
	font-size: 40px;
}

.contenedor-servicio{
	display: flex;
	justify-content: space-evenly; /* espacio equitativo */
	align-items: center;
	flex-wrap: wrap; /* si no caben en la misma linea los pasas abajo */
}

.contenido-contacto{
	display: flex;
	justify-content: space-evenly; /* espacio equitativo */
	align-items: center;
	flex-wrap: wrap; /* si no caben en la misma linea los pasas abajo */
}

.contenido-contacto img{
	width: 50%;
	height: 50%;
}


.contenedor-formulariooriginal{
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 40%;
	max-width: 800px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 50px 50px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
}

.contenedor-formulariooriginal input{
	height: 30px;
	margin-bottom: 15px;
	width: 100%;
	background: rgba(255,255,255,0.39);
	border: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.contenedor-formulariooriginal textarea{
	height: 50px;
	margin-bottom: 15px;
	width: 100%;
	
	background: rgba(255,255,255,0.39);
	border: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.contenedor-formulariooriginal button{
	width: 100%;
	padding: 10px;
	background: rgba(66,66,66,0.5);
	color: white;
	border: none;
	cursor:pointer;
}

.contenedor-servicio img{		/* ENTRE ESTE */
	width: 40%;
								/* Partimos el espacio entre 40 y 45 */
}

.listado-de-servicios{			/* Y ENTRE ESTE */
	width: 45%;
}

.servicio{
	margin-bottom: 20px; /* ESTE ES EL CONTENEDOR QUE SE REPITE PARA CADA SERVICIO */
}

.contenedor-de-imagen{
	margin-bottom: 20px;
}

.n-servicio{
	margin-bottom: 7px;
	color: rgba(255,118,0,1.00);
}

.number{
	/* SIGNO MÁS */
	display: inline-block; /* para que podamos darle ancho y alto dsp */
	background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
 	background-blend-mode: screen;
	width: 30px;
	height: 30px;
	color: white;
	text-align: center;
	border-radius: 50%; /* PARA REDONDEAR, PARA HACER CIRCULO */
	font-weight: 700%;
	line-height: 30px;
	margin-right: 5px;
}

.galeria{

	background: rgba(221,221,221,0.59);
	
}

.contenedor-de-galeria{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	
}

.imagen-port{
	height: 500px;
	width: 25%;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	
	
}

.imagen-port img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .2s; /* Animation */
}

.hover-galeria a{
	color: white;
	text-decoration: none;
}

.hover-galeria{
	text-decoration: none;
	color: white;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center; /* recorda que es align-ITEMS y no content */
	flex-direction: column;
	background: rgba(33,33,33,0.54);
	height: 40%;
	width: 100%;
	top: 0; /* es lo único que te permite acomodar esto sobre la otra imagen */
	/*padding: 0px 100px;*/
	transition: transform .5s;
	
}

.titulo-en-grande{
	background-color: aqua;
	width: 100%; /* vital para que centremos */
	height: 100vh; /* vital para que centremos */
	position: absolute;
}

.carousel-item h3 {
  font-size: 30px;
  position: absolute;
  margin: 0;
  color: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pointer-selector{
	cursor: pointer;
}

.contenedor subtitulo h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	color: white;
}

.carousel-item a {
  position: absolute;
  margin: 0;
  color: white;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
}



.hover-galeria p{
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 0px 55px;
	display: flex;
	justify-content: space-evenly; /* espacio equitativo */
	align-items: center;
	flex-wrap: wrap; /* si no caben en la misma linea los pasas abajo */
	font-weight: 100;
	font-size: 14px;
	cursor: pointer;
}



.hover-galeria:hover{
	
	transform: scale(1.5);
}


.imagen-port img:hover {
	z-index: 12;
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.nuevo-g{
	display: block; /* mostramelo en bloques */
}

.imagen-galeria{
	width: 30%;
	display: block; /* mostramelo en bloques */
	margin-bottom: 15px; /* lo separamos en la parte de abajo 15px */
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.imagen-abierta{
	
	position: fixed;
	background: rgba(0,0 ,0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex; /* de acá y los dos de abajo hacen que se centre la imagen */
	justify-content: center;
	align-items: center;
	transform: translate(100%); /* con esto lo ocultamos para llamarlo con javascript */
	transition: transform 2.s ease-in-out;
}

.agregar-imagen{
	width: 60%;
	border-radius: 10px;
	transform: scale(0);
	transition: transform .3s .2s;
}

.showImage{ /* clase que se agregará a través de javascript */
	transform: scale(1);
}

.show{ 
	/* agregamos otra clase para javascript */
	transform: translate(0);
}

.close{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 40px;
	cursor: pointer;
}


.contenido-nosotros{
	display: flex;
	justify-content: space-evenly; /* espacio equitativo */
	align-items: center;
	flex-wrap: wrap; /* si no caben en la misma linea los pasas abajo */
}

.contenido-nosotros img{
	width: 50%;
}

footer{
	background: rgba(27,27,25,1.00);
	padding-bottom: 0.1px; /* no preguntes mucho, es para el colapsado de márgenes que resulta en un error */
}

.footer-contenedor{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 60px;
	padding-bottom: 40px;
}

.footer-contenedor h4{
	font-size: 16px;
	font-weight: 400;
}

.footer-contenedor h3{
	font-size: 16px;
	font-weight: 400;
}

.footer-contenedor h5{
	font-size: 18px;
}


.contactenos{
	width: 40%;
	color: white;
	font-weight: 500;
	font-size: 30px;
	
}

.contactenos+p{
	font-weight: 500;
}


.nombre2{
	padding-top: 2px;
	color: white;
	font-weight: 100;
}

.social-media{
	width: 50%;
	display: flex;
	justify-content: space-evenly;
}

.social-media2{
	width: 15%;
	display: flex;
}

.social-media-icon{
	display: inline-block;
	margin-left: 10px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-align: center;
	color: white;
}

.menu-navegacion i{
	margin-left: 5px;
	font-size: 35px;
	line-height: 50px; /* para centrar verticalmente */
}

.social-media-icon2{
	
	display: inline-block;
	margin-left: 10px;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-align: center;
	color: white;
}


.social-media-icon:hover{
	background: #fff;
	color: rgba(255,95,0,1.00);
}

.social-media-icon2:hover{
	background: white;
}

.social-media-icon2 i:hover{
	color: red;
}

.social-media i{
	font-size: 30px;
	line-height: 60px; /* para centrar verticalmente */
}

.line{
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	height: 2px;
	background: #fff;
	margin-bottom: 60px;
}


/* Para que haga el efecto subrayado */

.cool-link::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	transition: width .3s
}

.cool-link:hover::after{
	width: 120%; /* creamos una línea nueva que nos sirva de subrayador */
	transition: width .5s;
	
}

.menu-navegacion a:hover{ /*Cuando le pases por encima el mouse a un enlace */
	color: white;
	text-decoration: none; /* para quitarle el subrayado propio del enlace */
}

.menu-navegacion i{
	margin-left: 5px;
	font-size: 35px;
	line-height: 50px; /* para centrar verticalmente */
}

.desplazar{
	
}




/* PARA LA BUSQUEDA */





.contenedor-formulario{
	
	display: block;
	/*justify-content: space-evenly;  espacio equitativo */
	align-items: center;
	/*flex-wrap: wrap;  si no caben en la misma linea los pasas abajo */
	
	background-color: white;
	align-content: center;
	width: 90%;
	max-width: 2200px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	border-radius: 15px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.contenedor-formulario input{
	height: 50px;
	margin-bottom: 15px;
	width: 30%;
	
	background: none;
	border: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.contenedor-formulario select{
	height: 50px;
	margin-bottom: 15px;
	width: 30%;
	
	background: none;
	border: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.contenedor-formulario button{
	width: 100px;;
	height: 50px;
	padding: 10px;
	background: rgba(162,0,2,1.00);
	color: white;
	border: none;
	cursor:pointer;
}

.contenedorformula img{
	width: 240px;
	height: 240px;
	margin-right: 70px;
}



/* PARA LA BUSQUEDA EN EL RESULTADO*/





.contenedor-formularioresultado{
	
	display: block;
	/*justify-content: space-evenly;  espacio equitativo */
	align-items: center;
	/*flex-wrap: wrap;  si no caben en la misma linea los pasas abajo */
	
	background-color: white;
	align-content: center;
	width: 90%;
	max-width: 2200px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	border-radius: 15px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.contenedor-formularioresultado input{
	height: 17%;
	width: 30%;
	
	background: none;
	border: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.contenedor-formularioresultado select{
	height: 17%;
	width: 30%;
	
	background: none;
	border: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.contenedor-formularioresultado button{
	width: 100px;
	height: 17%;
	background: rgba(162,0,2,1.00);
	color: white;
	border: none;
	cursor:pointer;
}

.contenedorformularesultado img{
	width: 240px;
	height: 240px;
	margin-right: 70px;
}

.resultado{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	width: 100vw;
	height: 100vh;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	padding-top: 10px;
	/* padding: 0px 0px; Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */

}

.resultado2{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	width: 100vw;
	height: 100vh;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	padding-top: 10px;
	/* padding: 0px 0px; Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */

}

.resultado3{ 
	
	/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
	
	width: 100vw;
	overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
	margin: auto; /* Para que nos lo centre todo */
	padding-top: 10px;
	/* padding: 0px 0px; Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */

}

.galeriaresultado{
	
	display: block;
	/*justify-content: space-evenly;  espacio equitativo */
	align-items: center;
	/*flex-wrap: wrap;  si no caben en la misma linea los pasas abajo */
	
	background-color: white;
	align-content: center;
	width: 100%;
	height: 30%;
	max-width: 2200px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.titulo{
	display: inline-block;
	/*justify-content: space-evenly;   espacio equitativo */
	/*flex-wrap: wrap;  si no caben en la misma linea los pasas abajo */
	
	background-color: white;
	align-content: center;
	width: 100%;
	max-width: 2200px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.izquierda{
	width: 35%;
	float: left;
	height: 250px;
	display: inline-block;
	padding-left: 60px;
}

.derecha{
	float: right;
	width: 40%;
	height: 110px;
	text-align: right;
	display: flex;
	padding-left: 200px;
	
	padding-right: 10px;
}

.titulo p{
	
	font-size: 15px;
	
	
	
}

.titulo h13{
	margin-top: 5px;
	font-size: 30px;
}

.titulo h14{
	font-size: 25px;
	font-weight: 400;
}

.titulo h15{
	padding-top: 10px;
	font-size: 60px;
	font-weight: 600;
	color: rgba(196,0,3,1.00);
}

.titulo derecha h16{
	text-decoration: underline;
	font-size: 25px;
	padding-left: 15px;
	padding-right: 15px;
	color: grey;
	height: 55px;
	width: 200px;
}



/* DENTRO DE RESULTADO LA DESCRIPCIÓN */

.informacion{
	display: inline-block;
	/*justify-content: space-evenly;   espacio equitativo */
	/*flex-wrap: wrap;  si no caben en la misma linea los pasas abajo */
	
	background-color: white;
	align-content: center;
	width: 100%;
	height: 100%;
	max-width: 2200px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.texto-resultado{
	width: 60%;
	float: left;
	height: 250px;
	display: inline-block;
	padding-left: 60px;
}

.mapa-resultado{
	float: right;
	width: 30%;
	height: 525px;
	text-align: right;
	display: flex;
	padding-left: 200px;
	
	padding-right: 10px;
}

.informacion h17{
	font-size: 25px;
	color:black;
	padding-bottom: 60px;
}

/* DENTRO DE RESULTADOS AMENTITIES */

.amenities{
	display: inline-block;
	/*justify-content: space-evenly;   espacio equitativo */
	/*flex-wrap: wrap;  si no caben en la misma linea los pasas abajo */
	
	background-color: white;
	align-content: center;
	width: 100%;
	max-width: 2200px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.amenities h18{
	font-size: 38px;
}

.listadodeservicios{
	
	display: inline-block;
	align-items: center;
	flex-wrap: wrap; /* si no caben en la misma linea los pasas abajo */
	
	background: white;
	align-content: center;
	width: 80%;
	height: 90%;
	max-width: 2200px;
	
	padding-bottom: 10px;
	
	margin: auto; /* Para que nos lo centre todo */
	padding: 60px 60px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* le damos un sombreado */
}

.amenities p{
	font-size: 17px;
	color: black;
	font-weight: 600;
}



/* BANNER NOSOTROS */

.contenedorBanner{
	
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: rgba(255,50,73,1.00);*/
	
	
	
	overflow-x: hidden;
	
	

	
	
	
}



.bloque-opinion{
	width: 30vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bloque-opinion-general{
	display: flex;
	justify-content: center;
}

.bloque-opinion i{
	font-size: 36px;
}

.bloque-opinion p{
	font-size: 16px;
	text-align: center;
}

.texto-opinion{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	width: 90%;
}

.bloque-opinion texto-opinion h12{
	font-size: 27px;
}


.bloque-opinion texto-opinion p{
	color: white;
	
	font-size: 26px;
}

.contenedorBanner h12{
	
	
	text-align: center;
	
	font-weight: 600;
	font-size: 36px;
}


.contenedorBanner img{
	width: 20%;
	height: 220px;
}

.bannerfondo{
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 250px;
	width: 100%;
	
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	
	
}



.carousel-content {
	position: absolute;
	bottom: 10%;
	left: 5%;
	z-index: 20;
	color: white;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}


.contenedor-emprendimientos h2{
		
		width: 0vw;
		opacity: 0;
}

@media screen and (max-width: 1000px){
		.contenido-inversiones{

		position: relative;

		width: 100vw;
		height: 100vh;
		background: rgba(228,228,228,1.00);

		display: flex;
		justify-content: center;
	}
}


@media screen and (max-width: 960px){
	
	.logo-rojo{ /* vamos a modificar la imagen del menú, esta debe quedar fija aunque scrolleemos para abajo */
		z-index: 2501;
		position: fixed; /*la dejamos fija */
		top: 10px; /* le damos un espacio desde arriba de 30px */
		left: 5px; /* lo mismo para la derecha */
		width: 120px;
		height: 50px; /* estos dos para la altura */

		transition: all 0.8s ease-in-out;
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;

	}
	
	.social-media-icon2{

		display: inline-block;
		margin-left: 10px;
		width: 20px;
		height: 20px;
		border: 1px solid #fff;
		border-radius: 50%;
		text-align: center;
		color: white;
	}
	
	.social-media-icon2 i{
	font-size: 12px;
	line-height: 20px; /* para centrar verticalmente */
}
		.contenedor-emprendimientos{
		
			
			width: 100vw;
			display: block;
			flex-wrap: wrap;
			
			justify-content: center;
			align-items: center;
		}
	
	.contenedor-emprendimientos img{
		position: relative;
		
		width: 100vw;
	}
	
	.contenedor-emprendimientos h1{
		width: 0;
		opacity: 0;
	}
	.contenedor-emprendimientos h2{
		
		width: 20vw;
		color: rgba(78,78,78,0.85);
		opacity: 1;
	}
}

@media screen and (max-width: 840px){
	.social-media-icon2{

		opacity: 0;
	}
	
	.social-media-icon2 i{
		opacity: 0;
	}	
	
	
	.texto-opinion{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		width: 90%;
	}

	.bloque-opinion texto-opinion h12{
		font-size: 26px;
	}


	.bloque-opinion texto-opinion p{
		color: white;

		font-size: 16px;
	}

	.contenedorBanner h12{


		text-align: center;

		font-weight: 600;
		font-size: 26px;
	}
}


.texto-cabeza p{
	font-family: 'Raleway', sans-serif;
	margin-top: 20px;
	text-align: justify;
	width: 100%;
	height: 100%;
	font-size: 30px;
	letter-spacing: 0.8px;
	color: white;
	text-shadow: 2px 1px 3px black;
}


@media screen and (max-width: 720px){
	
	/*********************************************/
	
	.texto-cabeza{
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	
	width: 80vw;
	
	text-align: center;
	
	margin-bottom: 30px;
	
	
}

	.texto-cabeza h1{
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		color: white;
		margin-bottom: 20px;
		font-size: 30px;
	}

	.texto-cabeza p{
		color: white;
	}
	
	.contenido-inversiones{
	
	position: relative;
	
	width: 100vw;
	height: 100vh;
	background: rgba(228,228,228,1.00);
	
	display: flex;
	justify-content: center;
}

	.caja-listado-inversiones img{
		margin-top: 150px;
	}

	.caja-listado-inversiones{
		

		position: absolute;
		top: -100px;


		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background-image: linear-gradient(white 20%, rgba(255,255,255,0.00));



		height: 700px;
		width: 90vw;

		border-radius: 5px;

		padding:  45px 10px;
	}

	.caja-listado-inversiones h1{
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin-top: 20px;
		margin-bottom: 20px;
	
		font-size: 16px;
	}

	.item-listado-inversiones{
		margin: 20px 0px;
		padding-top: 20px;
	}


	.item-listado-inversiones h2{
		font-size: 19px;
		margin-top: 20px;
	}

	.item-listado-inversiones p{
		margin-top: 20px;
		text-align: left;
	}
	
	
	
	/************************/
	
	.carousel-item h3 {
		text-align: center;
	  font-size: 27px;
	  position: absolute;
	  padding-bottom: 100px;
	  color: white;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	}
	
	.logo-rojo{ /* vamos a modificar la imagen del menú, esta debe quedar fija aunque scrolleemos para abajo */
		z-index: 2501;
		position: fixed; /*la dejamos fija */
		top: 10px; /* le damos un espacio desde arriba de 30px */
		left: 5px; /* lo mismo para la derecha */
		width: 100px;
		height: 40px; /* estos dos para la altura */

		transition: all 0.8s ease-in-out;
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;

	}
	
	.logo-rojo2{ /* vamos a modificar la imagen del menú, esta debe quedar fija aunque scrolleemos para abajo */
		z-index: 2501;
		position: fixed; /*la dejamos fija */
		top: 10px; /* le damos un espacio desde arriba de 30px */
		left: 5px; /* lo mismo para la derecha */
		width: 100px;
		height: 40px; /* estos dos para la altura */

		transition: all 0.8s ease-in-out;
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;

	}
	
	.social-media-icon{
		display: inline-block;
		margin-left: 20px;
		
		width: 30px;
		height: 30px;
		border: 1px solid #fff;
		border-radius: 50%;
		text-align: center;
		color: white;
	}
	.social-media i{
		font-size: 20px;
		line-height: 30px; /* para centrar verticalmente */
	}
	
	
	
	.social-media-icon2{

		opacity: 0;
	}
	
	.contenedor-de-galeria{
		
		width: 100vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		

	}
	
	.contenedorespecifico{ 

		/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */

		width: 90%;
		max-width: 1200px;
		flex-direction: flex;
		justify-content: center;
		overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
		margin: auto; /* Para que nos lo centre todo */
		padding: 60px 0px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */

	}
	
	.imagen-port{
		height: 250px;
		width: 40vw;
		margin-bottom: 10px;
		overflow: hidden;
		position: relative;


	}

	.imagen-port img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform .2s; /* Animation */
	}
	
	.nuestroobjetivo h2{
		color: white;
		font-size: 30px;
		letter-spacing: 5px;
	}
	
	.nuestroobjetivo p{
		margin: 5 122;
		color: white;
		font-size: 14px;
		letter-spacing: 2px;
	}
	
	.nuestroobjetivoTxt{
		width: 100%;
	}
	
	.contenedornosotros h2{
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 400;
		font-size: 25px;
		color: white;

		text-decoration: underline;
	}
	
	.contenedorBanner{

		display: flex;
		align-items: center;
		justify-content: center;
		/*background: rgba(255,50,73,1.00);*/

		align-content: center;

		overflow: hidden;

		/*background-image: linear-gradient(to right, rgba(0,0,0, 0.0) 0%, rgba(250,250,250, 0.0) 0), url('https://i.ibb.co/Gd8jtph/fondo-banner2.jpg');*/
		background-repeat: no-repeat; /* para que no se repita si agrandas */
		background-size:contain;
		background-position: center;



	}
	
	.contenedorBanner img{
		width: 85vw;
		height: 220px;
	}
	
	.derechamapa p{
		color: white;
		font-size: 9px;
	}

	.derechamapa h19{
		font-family: 'Barlow', sans-serif;
		color: white;
		font-size: 20px;
	}
	
	
	.mapa{ 

		/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
		width: 100vw;
		max-width: 3000px;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: hidden; /* esto para que cualquier cosa que se desborde de los limites sea OCULTADA */
		margin: auto; /* Para que nos lo centre todo */
		/*position: relative;  NUEVO */
		/*padding: 60px 0px;  Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
		
		background-image: url('https://i.ibb.co/jTkC3n5/trabajarmapa.jpg');
		background-size: cover;
		background-position: center;
		background-attachment: fixed;

	}
	
	
	.derechamapa{
		margin-top: 10px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 50vw;
		height: 50vh;
		margin: 0 15 0 15;
		text-align: center;


	}
	
	.menu-navegacion a{ /* nos refeimos a A como los enlaces y procedemos: */
		color: white;
		margin-right: 10px;
		padding-right: 10px;
		font-size: 10px;
		text-decoration: none;
	}
	
	.contenedor-contacto{ 
		height: 100vh;
		width: 100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 10px;
		/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
		/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');*/
		background-image: linear-gradient(to right, rgba(0,0,0, 0.3) 0%, rgba(250,250,250, 0.3) 30%), url('https://i.ibb.co/t3pNQrv/kate-macate-xmdd-EHy-Cisc-unsplash.jpg');
		background-repeat: no-repeat; /* para que no se repita si agrandas */
		background-size: cover; /* que cubra */
		background-attachment: fixed;
		background-position: center;

	}
	
	.contenedor-contacto h2{
		font-size: 25px;
	}
	
	.contenedor-contacto p{
		font-size: 15px;
	}
	
	
	.contenedor-formulariooriginal{
		display: flex;
		align-items: center;
		flex-direction: column;
		width: 100vw;
		max-width: 800px;

		margin: auto; /* Para que nos lo centre todo */
		padding: 10px 10px; /* Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */
	}

	.contenedor-formulariooriginal input{
		height: 30px;
		margin-bottom: 15px;
		width: 100%;
		background: rgba(255,255,255,0.39);
		border: none;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	}

	.contenedor-formulariooriginal textarea{
		height: 50px;
		margin-bottom: 15px;
		width: 100%;

		background: rgba(255,255,255,0.39);
		border: none;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	}

	.contenedor-formulariooriginal button{
		width: 100%;
		padding: 10px;
		background: rgba(66,66,66,0.5);
		color: white;
		border: none;
		cursor: pointer;
	}
}


.agregar-carousel{
	display: flex;
	justify-content: center;
	width: 50vw;	
	background: rgba(41,41,41,0.32);
	padding: 34px 34px;
	
}

.sombra{
	text-shadow: 2px 2px 3px black;
}


@media screen and (max-width: 1200px){
	.contenido-inversiones2{

		box-shadow: inset 0 0 10px black;

		width: 100vw;
		height: 180vh;

		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-image: linear-gradient(rgba(255,255,255,0.65) 20%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}


	.contenido-inversiones3{

		box-shadow: inset 0 0 10px black;

		position: relative;

		width: 100vw;
		height: 70vh;
		background: rgba(228,228,228,1.00);

		display: flex;
		justify-content: center;
		align-items: center;
		background-image: linear-gradient(rgba(255,255,255,0.56) 60%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/5362093/pexels-photo-5362093.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 0% 65%;



	}
	
	.caja-listado-inversiones2{




		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*background: linear-gradient(white 20%, rgba(255,255,255,0.00));*/
		/* OPCION 1 background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/323705/pexels-photo-323705.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: 0% 50%;*/


		font-size: 12px;




		height: 100vh;
		width: 100vw;
	}
	
	.item-listado-inversiones2{
		display: flex;
		justify-content: center;
		
		margin: 10px 0px;
		
		padding: 0px 0px;
		
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 100%;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
	}


	.item-listado-inversiones2 h2{
		font-size: 19px;
		margin-top: 20px;
	}

	.item-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 36px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.caja-listado-inversiones2 h1{
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin-top: 2px;
		margin-bottom: 30px;
		color: white;
		text-shadow: 0 2px 5px black;
		font-size: 46px;
	}
}


@media screen and (max-width: 920px){
	.contenido-inversiones2{

		box-shadow: inset 0 0 10px black;

		width: 100vw;
		height: 200vh;

		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-image: linear-gradient(rgba(255,255,255,0.65) 20%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}


	.contenido-inversiones3{

		box-shadow: inset 0 0 10px black;

		position: relative;

		width: 100vw;
		height: 70vh;
		background: rgba(228,228,228,1.00);

		display: flex;
		justify-content: center;
		align-items: center;
		background-image: linear-gradient(rgba(255,255,255,0.56) 60%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/5362093/pexels-photo-5362093.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 0% 65%;



	}
	
	.caja-listado-inversiones2{




		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*background: linear-gradient(white 20%, rgba(255,255,255,0.00));*/
		/* OPCION 1 background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/323705/pexels-photo-323705.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: 0% 50%;*/


		font-size: 12px;




		height: 100vh;
		width: 100vw;
	}
	
	.item-listado-inversiones2{
		display: flex;
		justify-content: center;
		
		margin: 10px 0px;
		
		padding: 0px 0px;
		
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 100%;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
	}


	.item-listado-inversiones2 h2{
		font-size: 19px;
		margin-top: 20px;
	}
	
	.texto-cabeza{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.caja-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 24px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.item-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 24px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.caja-listado-inversiones2 h1{
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin-top: 2px;
		margin-bottom: 28px;
		color: white;
		text-shadow: 0 2px 5px black;
		font-size: 36px;
	}
}


@media screen and (max-width: 620px){
	.contenido-inversiones2{

		box-shadow: inset 0 0 10px black;

		width: 100vw;
		height: 170vh;

		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-image: linear-gradient(rgba(255,255,255,0.65) 20%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}


	.contenido-inversiones3{

		box-shadow: inset 0 0 10px black;

		position: relative;

		width: 100vw;
		height: 70vh;
		background: rgba(228,228,228,1.00);

		display: flex;
		justify-content: center;
		align-items: center;
		background-image: linear-gradient(rgba(255,255,255,0.56) 60%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/5362093/pexels-photo-5362093.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 0% 65%;



	}
	
	.caja-listado-inversiones2{




		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*background: linear-gradient(white 20%, rgba(255,255,255,0.00));*/
		/* OPCION 1 background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/323705/pexels-photo-323705.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: 0% 50%;*/


		font-size: 12px;




		height: 100vh;
		width: 100vw;
	}
	
	.item-listado-inversiones2{
		display: flex;
		justify-content: center;
		
		margin: 10px 0px;
		
		padding: 0px 0px;
		
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 100%;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
	}


	.item-listado-inversiones2 h2{
		font-size: 19px;
		margin-top: 20px;
	}
	
	.caja-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 24px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.item-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 24px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.caja-listado-inversiones2 h1{
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin-top: 2px;
		margin-bottom: 28px;
		color: white;
		text-shadow: 0 2px 5px black;
		font-size: 36px;
	}
}



@media screen and (max-width: 480px){
	
	.contenedornosotros{ 

		/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
		overflow: hidden;
		height: 90vh;
		width: 100vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;

		padding-top: 10px;
		padding-bottom: 10px;
		background: white;
		/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
		background-image: url('https://i.ibb.co/g7LfFQM/3.jpg');
		background-repeat: no-repeat; /* para que no se repita si agrandas */
		background-size: cover; /* que cubra */
		background-attachment: fixed;
		background-position: center;


		/* padding: 0px 0px; Recuerda, como son bloques que se repiten esto lo usamos para que el contenido se centre hacia dentro de los limites de esta caja y separe de a paso a unos de otros */

	}
	
	.derechamapa h19{
		font-family: 'Barlow', sans-serif;
		color: white;
		font-size: 19px;
		text-shadow: 0 0 10px black;
	}
	
	.bloque-opinion i{
		font-size: 16px;
	}
	
	.texto-opinion h12{
		font-size: 15px;
	}
	
	.texto-opinion p{
		color: white;

		font-size: 12px;
	}
	
	.hover-galeria h3{
		color: white;
		text-align: center;
		font-size: 16px;
		text-decoration: none;

	}
	
	.derechamapa{
		margin-top: 30px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 90vw;
		height: 50vh;
		text-align: center;


	}
	
	.nuestroobjetivo{
		height: 40vh;
		width: 100vw;
		max-width: 3000px;
		align-items: center;
		padding-top: 12%;
		/* es el general que tenemos  en varias clases y que usaremos para restringir el contenido en bloques */
		/*background-image: linear-gradient(to right, rgba(248,54,0, 0.3) 0%, rgba(249,212,35, 0.3) 30%), url('https://jncdigitalwork.000webhostapp.com/imagenes/kate-macate-xmddEHyCisc-unsplash.jpg');*/
		background-image: linear-gradient(to right, rgba(0,0,0, 0.3) 0%, rgba(0,0,0, 0.3) 30%), url('http://triadapropiedades.com.ar/imagenes/1v2.jpg');

		/*background: linear-gradient(rgba(250,250,250,03)30%, rgba(0,0,0, 0.3)70%);*/

		background-repeat: no-repeat; /* para que no se repita si agrandas */
		background-size: cover; /* que cubra */
		background-attachment: fixed;
		background-position: center;
		background-position: 0% 92%;


		display: flex;
		flex-direction: column;
		vertical-align: middle;
		align-content: center;
		text-align: center;
	}
	
	.nuestroobjetivo p{
		margin: 0 10;
		color: white;
		font-size: 12px;
		letter-spacing: 2px;
	}

	
	.menu-navegacion a{ /* nos refeimos a A como los enlaces y procedemos: */
		color: white;
		margin-right: 2px;
		padding-right: 2px;
		text-decoration: none;
	}

	
	
	.shrink-rojo
	{
		height: 25px;
		width: 70px;
		position: fixed; /*la dejamos fija */
		top: 7px; /* le damos un espacio desde arriba de 30px */
		left: 5px; /* lo mismo para la derecha */
	}
	
	.shrink
	{
		height: 7vh;
	}
	
	.contenido-inversiones2{

		box-shadow: inset 0 0 10px black;

		width: 100vw;
		height: 200vh;

		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-image: linear-gradient(rgba(255,255,255,0.65) 20%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}


	.contenido-inversiones3{

		box-shadow: inset 0 0 10px black;

		position: relative;

		width: 100vw;
		height: 70vh;
		background: rgba(228,228,228,1.00);

		display: flex;
		justify-content: center;
		align-items: center;
		background-image: linear-gradient(rgba(255,255,255,0.56) 60%, rgba(228,228,228,0.20)), url('https://images.pexels.com/photos/5362093/pexels-photo-5362093.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 0% 65%;



	}
	
	.caja-listado-inversiones2{




		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*background: linear-gradient(white 20%, rgba(255,255,255,0.00));*/
		/* OPCION 1 background-image: linear-gradient(white 50%, rgba(228,228,228,0.50)), url('https://images.pexels.com/photos/323705/pexels-photo-323705.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: 0% 50%;*/


		font-size: 12px;




		height: 100vh;
		width: 100vw;
	}
	
	.item-listado-inversiones2{
		display: flex;
		justify-content: center;
		
		margin: 10px 0px;
		
		padding: 0px 0px;
		
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 100%;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
	}


	.item-listado-inversiones2 h2{
		font-size: 19px;
		margin-top: 20px;
	}
	
	.caja-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 16px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.item-listado-inversiones2 p{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		text-align: justify;
		width: 80%;
		font-size: 16px;
		letter-spacing: 0.8px;
		
		text-shadow: 2px 1px 3px black;
		padding: 0px 0px;
	}

	.caja-listado-inversiones2 h1{
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin-top: 2px;
		margin-bottom: 18px;
		color: white;
		text-shadow: 0 2px 5px black;
		font-size: 30px;
	}
}