.barra-nav {
	background-color: #28badbff;
}
.titular-barra-nav {
	color: #fff;
	font-weight: 500;
}
.titular-barra-nav:hover {
	color: #fff;
	font-weight: bold;
}
.img-header {
	height: 25px;
}
footer {
	background-color: #fff;
}
.contenido-footer {
	padding-top: 50px;
	padding-bottom: 50px;
}
.inferior-footer {
	background-color: #fff;
	font-size: 16px;
	color: #28bbdb;
	text-align: center;
	padding: 1rem;
}
.btn-flotante-whatsapp {
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante-whatsapp:hover {
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
@media screen and (max-width: 767.98px) {
	.titular-barra-nav {
		margin-top: 2px;
		margin-bottom: 2px;
		border-bottom: 1px white solid;
	}
	.titular-servicios-footer{
		color: #28bbdb;
		font-weight: 500;
		text-align: left;
		padding-left: 10px;
		font-size: calc(3vw + 5px);
	}
	.titular-comunidad-footer{
		color: #28bbdb;
		font-weight: 500;
		text-align: center;
		font-size: calc(3vw + 5px);
	}

	.titular-contacto-footer {
		color: #28bbdb;
		font-weight: 500;
		text-align: left;
		font-size: calc(3vw + 5px);
	}
	.links-servicios-footer{
		padding-left: 0;
		text-align: left;
		font-size: calc(1.5vw + 5px);	}
	.link-texto-footer {
		color: #28bbdb;
		font-weight: 500;
	}
	.link-texto-footer:hover{
		color: #28bbdb;
		font-weight: 600;
	}
	.links-comunidad-footer{
		margin-left: 10%;
	}
	.img-comunidad-footer {
		height: calc(8vw + 5px);
		margin-left: 25%;
	}
	
	.columna-comunidad-footer,
	.columna-servicios-footer{
		border-bottom: 2px #28bbdb solid;
	}
	.columna-contacto-footer,
	.columna-formulario-footer{
		margin-top: 20px;
	}
	.con-texto-comunidad-footer {
		text-align: center;
	}
	.texto-comunidad-footer {
		color: white;
		font-weight: 600;
		font-size: 1.2vw;
	}
	.whats-footer {
		width: 85%;
		margin-left: 12.5%;
		display: grid;
		grid-template-columns: 10% 90%;
	}
	.ubi-footer {
		margin-top: 1vw;
		width: 100%;
	}
	.ubi-footer div {
		text-align: left;
	}
	.texto-ubi-footer{
		color: #28bbdb;
		font-size: calc(1.2vw + 5px);
	}
	.mapa-ubicacion-footer{
		width: 30vw;
		height: 25vw;
	}
	.estrategia-contacto-footer{
		width: 45vw;
	}

	.link-contacto-footer {
		color: #fff;
		font-weight: 600;
		font-size: .8vw;
	}
	.link-contacto-footer:hover {
		color: #fff;
		font-weight: 600;
		font-size: .8vw;
  }
  .icon-flotante-whatsapp {
		width:70px;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 70%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.carta-formulario-footer{
		width: 100%;
		height: 90%;
		background: #e3e3e3;
		border-radius: 2%;
	}
	.form-container-footer{
		width: 90%;
		margin-left: 5%;
		padding-top: 5%;
	}
	.form-texto-footer{
		margin-top: 5px;
		width: 100%;
		height: calc(4vw + 5px);
		border: 1px #e3e3e3 solid;
		border-radius: 5px;
		font-size: calc(2.5vw + 3px);
	}
	.form-texto-footer#txt-comentario{
		margin-top: 5px;
		width: 100%;
		height: calc(12vw + 5px);
		border: 1px #e3e3e3 solid;
		border-radius: 10px;
	}
	.boton-form-footer{
		height: calc(5vw + 5px);
		width: calc(9vw + 5px);
		background: #fff;
		border-radius: 5px;
		border: 1px #e3e3e3 solid;
		margin-left: 65%;
		font-size: calc( 2vw + 3px);
	}
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.titular-barra-nav {
		margin-top: 2px;
		margin-bottom: 2px;
		border-bottom: 1px white solid;
	}
	.titular-servicios-footer{
		color: #28bbdb;
		font-weight: 500;
		text-align: left;
		padding-left: 10px;
		font-size: 2.5vw;
	}
	.titular-comunidad-footer{
		color: #28bbdb;
		font-weight: 500;
		text-align: center;
		font-size: 2.5vw;
	}

	.titular-contacto-footer {
		color: #28bbdb;
		font-weight: 500;
		text-align: left;
		font-size: 2.5vw;
	}
	.links-servicios-footer{
		padding-left: 0;
		text-align: left;
		font-size: calc(0.5vw + 5px);
	}
	.link-texto-footer {
		color: #28bbdb;
		font-weight: 500;
	}
	.link-texto-footer:hover{
		color: #28bbdb;
		font-weight: 600;
	}
	.links-comunidad-footer{
		margin-left: 10%;
	}
	.img-comunidad-footer {
		height: calc(4vw + 5px);
		margin-left: 25%;
	}
	
	.columna-comunidad-footer{
		border-right: 2px #28bbdb solid;
	}
	.con-texto-comunidad-footer {
		text-align: center;
	}
	.texto-comunidad-footer {
		color: white;
		font-weight: 600;
		font-size: 1.2vw;
	}
	.whats-footer {
		width: 85%;
		margin-left: 12.5%;
		display: grid;
		grid-template-columns: 10% 90%;
	}
	.ubi-footer {
		margin-top: 1vw;
		width: 100%;
	}
	.ubi-footer div {
		text-align: left;
	}
	.texto-ubi-footer{
		color: #28bbdb;
		font-size: calc(.5vw + 5px);
	}
	.estrategia-contacto-footer{
		width: 22vw;
	}

	.link-contacto-footer {
		color: #fff;
		font-weight: 600;
		font-size: .8vw;
	}
	.link-contacto-footer:hover {
		color: #fff;
		font-weight: 600;
		font-size: .8vw;
  }
  .icon-flotante-whatsapp {
		width:70px;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 70%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.carta-formulario-footer{
		width: 85%;
		height: 85%;
		background: #e3e3e3;
		border-radius: 2%;
	}
	.form-container-footer{
		width: 90%;
		margin-left: 5%;
		padding-top: 5%;
	}
	.form-texto-footer{
		margin-top: 5px;
		width: 100%;
		height: calc(2.5vw + 5px);
		border: 1px #e3e3e3 solid;
		border-radius: 5px;
		font-size: calc(1vw + 3px);
	}
	.form-texto-footer#txt-comentario{
		margin-top: 5px;
		width: 100%;
		height: calc(4.5vw + 5px);
		border: 1px #e3e3e3 solid;
		border-radius: 10px;
	}
	.boton-form-footer{
		height: calc(2vw + 5px);
		width: calc(4.2vw + 5px);
		background: #fff;
		border-radius: 5px;
		border: 1px #e3e3e3 solid;
		margin-left: 70%;
		font-size: calc( .8vw + 3px);
	}
}
@media screen and (min-width: 992px) {
	.titular-barra-nav {
		margin-right: 2px;
		border-left: 2px white solid;
		padding: 0;
	}
	.titular-servicios-footer{
		color: #28bbdb;
		font-weight: 500;
		text-align: center;
		padding-left: 10px;
		font-size: 2.5vw;
	}
	.titular-comunidad-footer{
		color: #28bbdb;
		font-weight: 500;
		text-align: center;
		font-size: 2.5vw;
	}

	.titular-contacto-footer {
		color: #28bbdb;
		font-weight: 500;
		text-align: left;
		font-size: 2.5vw;
	}
	.links-servicios-footer,
	.links-contacto-footer{
		padding-left: 7vw;
		text-align: left;
		font-size: 1vw;
	}
	.link-texto-footer {
		color: #28bbdb;
		font-weight: 500;
	}
	.link-texto-footer:hover{
		color: #28bbdb;
		font-weight: 600;
	}
	.links-comunidad-footer{
		margin-left: 10%;
	}
	.img-comunidad-footer {
		height: calc(2.3vw + 5px);
	}
	
	.columna-comunidad-footer{
		border-right: 2px #28bbdb solid;
	}
	.con-texto-comunidad-footer {
		text-align: center;
	}
	.texto-comunidad-footer {
		color: white;
		font-weight: 600;
		font-size: 1.2vw;
	}
	.whats-footer {
		width: 85%;
		margin-left: 12.5%;
		display: grid;
		grid-template-columns: 10% 90%;
	}
	.ubi-footer {
		margin-top: 1vw;
		width: 100%;
	}
	.ubi-footer div {
		text-align: left;
	}
	.texto-ubi-footer{
		color: #28bbdb;
		font-size: calc(.5vw + 5px);
	}
	.container-boton-estrategia{
		margin-top: 0;
	}

	.link-contacto-footer {
		color: #fff;
		font-weight: 600;
		font-size: .8vw;
	}
	.link-contacto-footer:hover {
		color: #fff;
		font-weight: 600;
		font-size: .8vw;
  }
  .icon-flotante-whatsapp {
		width:70px;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 70%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.carta-formulario-footer{
		width: 85%;
		height: 95%;
		background: #e3e3e3;
		border-radius: 2%;
	}
	.form-container-footer{
		width: 90%;
		margin-left: 5%;
		padding-top: 5%;
	}
	.form-texto-footer{
		margin-top: 5px;
		width: 100%;
		height: calc(2.5vw + 5px);
		border: 1px #e3e3e3 solid;
		border-radius: 5px;
		font-size: calc(1vw + 3px);
	}
	.form-texto-footer#txt-comentario{
		margin-top: 5px;
		width: 100%;
		height: calc(4.5vw + 5px);
		border: 1px #e3e3e3 solid;
		border-radius: 10px;
	}
	.boton-form-footer{
		height: calc(2vw + 5px);
		width: calc(4.2vw + 5px);
		background: #fff;
		border-radius: 5px;
		border: 1px #e3e3e3 solid;
		margin-left: 70%;
		font-size: calc( .8vw + 3px);
	}
}