/*-----------------Banner----------------*/
	
	.nosotros-banner {
		margin-top: calc(4.25rem + 0.1vw);
		background-color: black;
	}

	.nosotros-banner-container {
		display: flex;
		min-height: calc(8rem + 10vw);
		justify-content: center;
		align-items: center;
		background-image: url('../Imagenes/NOSOTROS/BANNER_NOSOTROS.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.nosotros-banner-title {
		font-weight: 700;
		font-size: calc(2rem + 1.75vw);
		color: white;
	}
	
/*-----------------Nosotros----------------*/

	.nosotros-container {
		padding: 4vw 0 4vw calc(3rem + 1vw);
		margin: 0;
	}

	.nosotros-header {
		display: flex;
		margin-bottom: 1vw;
	}

	.nosotros-header h2 {
		font-size: calc(1rem + 1.5vw);
		color: #0c2c1f;
		border-bottom: 3px solid #0c2c1f;
	}

	.nosotros-text {
		padding-right: 5vw;
	}

	.nosotros-text p {
		font-size: calc(.75rem + .35vw);
		font-weight: 600;
		color: #0c2c1f;
	}

	.nosotros-image img {
		display: block;
		min-height: 100%;
		min-width: 0;
		width: auto;
		height: auto;
	}

	.nosotros-image {
		height: 100%;
		width: 100%;
		min-height: calc(15rem + 15vw);
		background-image: url('../Imagenes/PROYECTOS/MONUMENTHA/1 Fachada (PRINCIPAL).jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.lexington-link {
	    font-weight: 900;
	    color: black;
	    text-decoration: none;
	}
	
	.lexington-link: hover {
	    color: black;
	    text-decoration: underline;
	}

/*-----------------Modelo----------------*/

	.modelo-container-all {
		min-height: 30vw;
	}

	.modelo-container-fluid {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.modelo-container {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		width: 80%;
		min-height: 30vw;
		padding-right: 2vw;
		padding-left: 4vw;
	}

	.modelo-card {
		display: flex;
		flex-direction: row;
	}

	.modelo-header {
		display: flex;
		width: 100%;
		margin-bottom: 1vw;
	}

	.modelo-header h2 {
		font-size: calc(1rem + 1.5vw);
		text-transform: uppercase;
		color: #0c2c1f;
		border-bottom: 3px solid #0c2c1f;
	}

	.modelo-text {
		padding-right: 5vw;
	}

	.modelo-text ul {
		margin-left: 1vw;
		list-style: disc;
		list-style-position: outside;
		color: #0c2c1f;
	}

	.modelo-text li {
		margin-bottom: .75rem;
	}

	.modelo-bullets {
		width: .5vw;
		height: .5vw;
		margin: .5vw;
	}

	.modelo-text p {
		color: #0c2c1f;
		font-size: calc(.75rem + .35vw);
		font-weight: 600;
	}

	.modelo-header p {
		color: #0c2c1f;
		font-size: calc(.85rem + .5vw);
		font-weight: 700;
	}

	.modelo-image img {
		max-height: 100%;
	}

	.modelo-image {
		height: 100%;
		width: 100%;
		min-height: calc(15rem + 15vw);
		background-image: url('../Imagenes/PROYECTOS/HOSPITAL_LERMA/5. Lobby Lerma 2.jpeg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

/*-----------------Valor agregado----------------*/

	.valor-container {
		padding: 4vw 0 4vw calc(3rem + 1vw);
		margin: 0;
	}

	.valor-header {
		display: flex;
		margin-bottom: 1vw;
	}

	.valor-header h2 {
		font-size: calc(1rem + 1.5vw);
		color: #0c2c1f;
		border-bottom: 3px solid #0c2c1f;
	}

	.valor-text {
		padding-right: 5vw;
	}

	.valor-text ul {
		margin-left: 1vw;
		list-style: disc;
		list-style-position: outside;
		color: #0c2c1f;
	}

	.valor-text li {
		margin-bottom: .75rem;
	}

	.valor-bullets {
		width: .5vw;
		height: .5vw;
		margin: .5vw;
	}

	.valor-text p {
		font-size: calc(.75rem + .35vw);
		font-weight: 600;
		color: #0c2c1f;
	}

	.valor-image img {
		display: block;
		min-height: 100%;
		min-width: 0;
		width: auto;
		height: auto;
	}

	.valor-image {
		height: 100%;
		width: 100%;
		min-height: calc(15rem + 15vw);
		background-image: url('../Imagenes/PROYECTOS/HIGHGARDEN/2. Highgarden 02.jpeg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left;
		
	}

/*-----------------Nuestro Equipo----------------*/
	
	.equipo {
		margin-top: 0;
	}

	.equipo-banner {
		background-color: black;
	}

	.equipo-banner-container {
		display: flex;
		min-height: calc(6rem + 8vw);
		justify-content: center;
		align-items: center;
		background-image: url('../Imagenes/NOSOTROS/BANNER_NUESTRO_EQUIPO.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.equipo-banner-title {
		font-weight: 700;
		font-size: calc(2rem + 1.75vw);
		color: white;
	}

	.equipo-description {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: calc(1rem + 1vw) 0 0 0;
	}

	.equipo-description ul {
		width: 65%;
		margin-left: 0;
		list-style: none;
	}

	.equipo-description p {
		color: #0c2c1f;
		font-size: calc(.5rem + 1.25vw);
		font-weight: 700;
		text-align: center;
	}

	.equipo hr {
		width: 50%;
		border: 2px solid #0c2c1f;
	}

	.equipo-card-container {
		color: white;
		width: 100vw;
		padding: 0 10vw;
		margin-bottom: 2vw;
	}

	.equipo-card-container a:hover {
		color: white;
		text-decoration: none;
	}

	.equipo-card {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		background-color: #0c2c1f;
		padding: 0;
		margin: 1rem;
		color: white;
		text-decoration: none;
		overflow: hidden;
	}

	.equipo-card:hover h2, .equipo-card:hover h5 {
		font-weight: 700;
	}

	.equipo-card.col-lg-6 {
		flex: 0 0 calc(50% - 2rem);
		max-width: calc(50% - 2rem);
	}

	.card-image {
		background-color: black;
		background-position: center;
		background-size: cover;
		filter: grayscale(100%);
		padding: 0;
	}

	.card-image img {
		width: 100%;
		max-height: 100%;
		opacity: 0;
	}

	.card-body {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.card-body p {
		position: absolute;
		bottom: 0;
		margin-bottom: 1vw;
	}
	
	.left-card p {
		right: 0;
		margin-right: 1vw;
	}

	.card-body hr {
		border: 1px solid white;
		width: 50%;
	}

/*-----------------Equipo Info----------------*/

	body.noscroll {
		overflow: hidden;
	}
	
	.equipo-info {
		position: absolute;
		width: 100%;
		min-height: 50vw;
		transition: transform 0.4s ease-in-out;
		transform: translateX(-120%);
		z-index: 1015;
		margin-top: calc(3rem + 5vw);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.equipo-info.active {
		transform: translateX(0);
		overflow-y: scroll;
		pointer-events: all;
	}

	.equipo-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, .7);
		transition: opacity .4s ease-in-out;
	}

	.equipo-overlay.active {
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: 1010;
		overflow-y: scroll;
	}

	.equipo-info-container {
		background-color: #0c2c1f;
		color: white;
		width: 70vw;
		min-height: 30vw;
		display: flex;
		align-items: stretch;
		justify-content: center;
	}

	.equipo-info-image-container {
		margin-top: 2vw;
		position: relative;
		top: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
		display: flex;
		align-items: center;
		background-size: cover;
		background-position: center;
		filter: grayscale(100%);
	}

	.equipo-info-image-container img {
		width: 100%;
		filter: grayscale(100%);
	}

	#equipo-info-name {
		font-weight: 700;
		font-size: calc(1.5rem + .85vw);
	}

	#equipo-info-puesto {
		font-weight: 700;
		font-size: calc(1rem + .5vw);
	}

	#equipo-info-content {
		font-size: calc(.65rem + .4vw);
		color: white !important;
		list-style-position: inside;
	}

	.equipo-info-container button {
		font-size: calc(.65rem + .4vw);
	}

/*=====================================
=            Media Queries            =
=====================================*/
	@media (min-width: 1600px) {
		.nosotros-image img {
			min-width: 100%;
			min-height: 0;
		}
	}

	@media (min-width: 1200px) {
		
	}

	@media (max-width: 1200px) {
		.equipo-card.col-12 {
			flex: 0 0 100%;
			max-width: 100%;
		}

		.equipo-info-image-container {
			align-items: flex-start;
		}

		.equipo-info-image-container img {
			max-width: 100%;
			max-height: 100%;
		}
	}

	@media (min-width: 992px) {
		.equipo-info-image-container img {
			opacity: 0;
		}
	}

	@media (max-width: 992px) {
		.modelo-container {
			width: 100%;
			padding: 5vw 10%;
		}

		.modelo-text {
			padding-right: 0;
		}

		
	}

	@media (max-width: 768px) {

		
	}

	@media (max-width: 576px) {
		
	}