@charset "utf-8";
/* CSS Document */

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

html{
  -webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}

body,
html {
	overflow-x: hidden;
}

.section-title {
  position: relative;
  padding-bottom: 22px;
}

.video-portada {
  background-attachment: fixed !important;
  background-size: cover !important;
}

/*---------------------------------------
  PRE LOADER              
-----------------------------------------*/

/* Clase para deshabilitar el scroll */
.no-scroll {
  overflow: hidden;
  height: 100vh; /* Evita desplazamiento vertical */
}


/* Contenedor principal */
.preloaderBg {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Contenedor del logo y círculo animado */
.preloaderContent {
  position: relative;
  z-index: 2;
  text-align: center;
  opacity: 1;
  animation: fadeOut 1s ease 4.5s forwards; /* Desvanecer contenido después de 4.5s */
}

/* Texto del preloader fuera del círculo */
.preloaderText {
    font-size: 30px;
  color: #516D30; /* Color del texto */
  margin-top: -130px;
  position: relative;
  z-index: 2; /* Para asegurarse de que esté sobre los paneles */
  animation: fadeOut 1s ease 4.5s forwards; /* Desvanecer el texto junto con el resto del contenido */	
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	line-height: 30px;
}

.preloaderText strong {
	font-weight: 800;
}

.preloaderText span {
	font-size: 20px;
}

@media (max-width: 992px) {
	.preloaderText {		
	font-size: 25px;	
	}
	
	.preloaderText strong {
	font-weight: 800;
}
	.preloaderText span {
	font-size: 20px;
}
		
}


/* Logo en el centro */
.preloaderLogo {
  background: url("../media/imagenes/vertere_icono_preloader.png")
    no-repeat center;
  background-size: 150px;
  width: 150px;
  height: 150px;
  margin: auto;	
	
}

/* Círculo animado alrededor del logo */
.preloaderCircle {
  border: 5px solid #516D30;
  border-top: 5px solid #fff;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  animation: spin 1s ease-in-out infinite;
  position: relative;
  margin: auto;
  top: -200px;	
}

/* Panel izquierdo */
.preloaderWindow.left {
  background: #fff; /* Color rojo */
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  animation: openWindowLeft 1.5s ease forwards 4.5s; /* Animación al abrir */
}

/* Panel derecho */
.preloaderWindow.right {
  background: #fff; /* Color rojo */
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  animation: openWindowRight 1.5s ease forwards 4.5s; /* Animación al abrir */
}

/* Animaciones */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes openWindowLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes openWindowRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Transición suave para ocultar todo el preloader */
.hidden {
  opacity: 0;
  transition: opacity 1s ease;
}


/*---------------------------------------
  PRE LOADER              
-----------------------------------------*/


/*---------------------------------------
 Menú Principal             
-----------------------------------------*/

.menu-principal {
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%; /* Asegura que ocupe todo el ancho */
    position: relative; /* Para mantener la alineación */
}

.menu-principal nav {
    width: 100%; /* Elimina restricciones de ancho */
    padding: 0 20px; /* Ajusta el espaciado interno opcionalmente */
    box-sizing: border-box; /* Asegura que el padding no afecte el ancho */
}



.menu-principal .main-navbar-nav {
  color: #fff !important;	
	}

.menu-principal .main-navbar-nav .navbar-brand {
  font-size: 38px;
  letter-spacing: 4px;
  position: relative;
  top: 5px;
  font-weight: 500;
}

.menu-principal .main-navbar-nav .navbar-brand .logo-img {
    height: 80px; /* Ajusta el tamaño según sea necesario */
    width: auto;
    display: inline-block;
    vertical-align: middle;
}


.main-navbar-nav li {
  color: #fff;
  font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	
}


.main-navbar-nav .navbar-nav .nav-item a:hover {
 /* color: #92C020 !important;*/
  transition: all .33s ease;	
	transform: scale(1.05)
}

.main-navbar-nav .active {
  color: #fff !important;
  
}
.main-navbar-nav a {
  color: #fff !important;
}
.main-navbar-nav .nav-link {
  opacity: 1 !important;
  margin: 0 35px;
  font-size: 1rem;
  font-weight: 500;
}

.social-icons-header i {
  margin: 5px;
  font-size: 18px;
}

.social-icons-header a:hover i { 
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
	transform: scale(1.2);
}

.navbar-toggler {
    background-color: white; /* Cambia el fondo del botón a blanco */
    border-color: white; /* Cambia el color del borde a blanco */
}

.navbar-toggler-icon {
    background-image: url("../media/imagenes/vertere_menu.svg");
    filter: invert(1); /* Invierte el color de las líneas del icono para que sean blancas */
}

@media (min-width: 992px) {
	.nav-item-movil {
		display: none;
	}
	
}

@media (max-width: 992px) {
.social-icons-header i {
  margin: 30px 15px 0 15px;
  font-size: 30px;
}
}





/*---------------------------------------
 Menú Principal             
-----------------------------------------*/





/*---------------------------------------
PORTADA          
-----------------------------------------*/

#portada {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
   align-items: center;
  height: 100vh;
  position: relative;
  padding-top: 10em;
}


#portada .video-opacidad {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
}

#portada video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}

#portada .titulos-portada {
	position: absolute;
	top: 20%;
	left: 10%;
	color: #fff;	
}



#portada .titulos-portada h2 {
	font-size: 4vw;
  	font-family: "Poppins";
  	font-weight: 800;
  	font-style: normal;
}

.text-slider-items {
  	display: none;
}

#portada .titulos-portada p {
	font-size: 2.5vw;
  	font-family: "Poppins";
  	font-weight: 200;
  	font-style: normal;
	margin-top: 10px;
}





@media (max-width: 992px) {
	
	#portada .titulos-portada {	
	top: 10%;	
}
	
	#portada .titulos-portada h2 {
	font-size: 15vw;  	
}
	
	#portada .titulos-portada p {
	font-size: 9.5vw;
  	font-family: "Poppins";
  	font-weight: 200;
  	font-style: normal;
	margin-top: 40px;
}
	
	
}



/*---------------------------------------
PORTADA          
-----------------------------------------*/


/*---------------------------------------
CONTADOR       
-----------------------------------------*/

.contador-index {
	background-color: #fff;	
}

.contador-index .fact {
    position: relative;
    width: 100%;
    padding: 0;	
}

.contador-index .fact .col-6 {
    display: flex;
    align-items: flex-start;
}

.contador-index .fact .fact-icon {
    position: relative;
    margin: 7px 15px 0 15px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;	
}

.contador-index .fact .fact-icon img {
	width: 100%;
	height: auto;
}


.contador-index .fact .fact-left,
.contador-index .fact .fact-right {
    padding-top: 15px;
    padding-bottom: 15px;
}

.contador-index .fact .fact-text p {
	font-size: 35px;
  	font-family: "Montserrat", serif;
  	font-weight: 700;
  	font-style: normal;
	margin-bottom: 0;
	text-align: center;
  
}

.contador-index .fact .fact-text h2 {
	font-size: 16px;
  	font-family: "Montserrat";	
  	font-weight: 600;
  	font-style: normal;	
    margin-top: 0;
	text-align: center;

}

.contador-index .fact .fact-left {
    color: #fff;
    background: #516D30;
}

.contador-index .fact .fact-right {
    color: #030f27;
    background: #92C020;
}

.contador-index .fact .fact-left p {
    color: #fff;
}

@media (max-width: 992px) {
	.contador-index .fact .fact-text p {
	font-size: 20px;  	
	text-align: center;  
}
}


/*---------------------------------------
CONTADOR       
-----------------------------------------*/


/*---------------------------------------
PRESENTACION    
-----------------------------------------*/

.featured {
	border: solid 5px #fff;
  padding: 5vh 0;
  background-color: #fff;
}

.featured h3 {
  
  color: #516D30;
	font-size: 16px;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
}

.featured h2 {
  font-size: 1.8rem;
  color: #000000;	
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
}

.featured p {
	font-size: 1rem;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
  margin: 35px 0 13px;
}

.featured .media-element {
	
	
}

.featured .media {
	margin-top: 0;
	margin-bottom: 0;	
}

.featured .media h4 {  
  color: #000000;
	font-size: 13px;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
	margin-top: 5px;
}


.featured .media figure img {
	width: 80%
}

.featured .featured-img {
  position: relative;
  height: 530px;
  margin-top: 60px;
}

.featured .featured-big {
  position: absolute;
  bottom: 0;
  right: 0;
	
}

.featured .featured-small {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px 25px 0 0;
  background-color: #fff;
	
	
}

@media (max-width: 992px) {
	.featured h2 {
  font-size: 1.5rem;
		}
		
	.featured .media h4 {  
		margin-top: 10px;
	font-size: 10px;	
}
  

}

/*---------------------------------------
PRESENTACION    
-----------------------------------------*/




/*---------------------------------------
DESARROLLOS  
-----------------------------------------*/

#projects {	
	padding-top: 5vh;	
	background-color: #fff;	
}


.filter {
	padding-top: 6.5rem;
	padding-bottom: 4rem;
}



.filter h2,
.filter .section-title {
	text-align: center;
}

.filter .section-title {	
	margin-bottom: 0.5rem;
	padding-bottom: 0;
	font-size: 16px;
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
	color: #516D30;
    
	
}

.filter h2 {
	margin-bottom: 1.5rem;
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
	color: #000000;
	font-size: 1.5rem;
}

.filter .button-group {
	text-align: center;
}

.filter .button-group a {
	display: inline-block;
	margin-right: 0.1875rem;
	margin-bottom: 0.5rem;
	margin-left: 0.1875rem;
	padding: 0.3125rem 1.375rem 0.25rem 1.375rem;
	border-radius: 0.25rem;
	background-color: #f1f4f7;
	color: #7b7e85;
	font-size: 0.75rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;	
	cursor: pointer;
	transition: all 0.2s ease;
}

.filter .button-group a:hover {
	background-color: #92C020;
	color: #fff;
}

.filter .button-group a.button.is-checked {
	background-color: #516D30;
	color: #fff;
}

.filter .grid {
	margin-top: 1.25rem;
	border-radius: 0.375rem;
}

.filter .element-item {
	position: relative;
	float: left;
	overflow: hidden;
	width: 50%;
	background-color: #000;
}

.filter .element-item img {
	max-width: 100%;
	margin: 0;
	transition: all 0.3s;
}

.filter .element-item:hover img {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
} 

.filter .element-item .element-item-overlay { 
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	opacity: 1;
	text-align: center;
	transition: all 0.3s;
}

.filter .element-item .element-item-overlay span { 
	position: absolute;
	z-index: 3;
	top: 42%;
	right: 0;
	left: 0;
	color: #fff;
	font-size: 1.125rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;	
	
	
}


/**********************************/
/*     13. Project Lightboxes     */
/**********************************/
.lightbox-basic {
	position: relative;
	max-width: 62.5rem;
	margin: 2.5rem auto;
	padding: 1.5625rem;
	border-radius: 0.25rem;
	background: #fff;
	text-align: left;
}

.lightbox-basic img {
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	border-radius: 0.25rem;
}

.lightbox-basic h3 {
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
}

.lightbox-basic .line-heading {
	width: 3rem;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0.625rem;
	margin-left: 0;
	border: none;
	background-color: #516D30;
}

.lightbox-basic h4 {
	margin-bottom: 2rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;	
	font-size: 16px;
	color: #516D30;
}

.lightbox-basic p {	
	font-size: 0.8rem;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;	
}

.lightbox-basic .projects-container {
	margin-top: 1.75rem;
	margin-bottom: 2.125rem;
	padding: 1.125rem 1.5rem 1.125rem 1.5rem;
	border-radius: 0.25rem;
	background-color: #fbfbfb;
}

.lightbox-basic .projects-text {
	font-size: 1rem;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;	
	margin-bottom: 0.5rem;
}

.lightbox-basic .projects-text strong{
	font-size: .8rem;		
}

.lightbox-basic .projects-counter {
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;	
	margin-bottom: 0;
}

.lightbox-basic .btn-solid-reg,
.lightbox-basic .btn-outline-reg {
	margin-right: 0.375rem;
	margin-bottom: 1rem;
	margin-top: 10px;	
}

.lightbox-basic a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-right: 0.5rem;
	color: #484a46;
	opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
	color: #f2f2f2;
}

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -0.375rem;
	right: -0.375rem;
	width: 2.75rem;
	height: 2.75rem;
	font-size: 2rem;
}


.btn-solid-reg {
	display: inline-block;
	padding: 5px 8px;
	border: 0.125rem solid #516D30;
	border-radius: 5px;
	background-color: #516D30;
	color: #fff;
	font-size: 1rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;		
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: #516D30;
	text-decoration: none;
}

.btn-outline-reg {
	display: inline-block;
	padding: 5px 8px;
	border: 0.125rem solid #787976;
	border-radius: 5px;
	background-color: transparent;
	color: #787976;
	font-size: 1rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;	
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: #787976;
	color: #fff;
	text-decoration: none;
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 0.125rem solid #14bf98;
	border-radius: 0.25rem;
	background-color: #14bf98;
	color: #fff;
	font: 700 0.75rem/1.75rem "Montserrat", sans-serif;
	cursor: pointer;
	transition: all 0.2s;
}

.form-control-submit-button:hover {
	background-color: transparent;
	color: #14bf98;
}




/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	transform: translateY(0) perspective(37.5rem) rotateX(0); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for lightbox - magnific popup */

















/*****************************/
/*     21. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {
	

	/* Projects */
	.filter .element-item { 
		width: 25%; 
	}
	
	.filter .element-item .element-item-overlay { 
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.filter .element-item:hover .element-item-overlay {
		opacity: 1;
	}
}
	/* end of projects */


	
/* Min-width width 992px */
@media (min-width: 992px) {
	
	


	/* Project Lightboxes */
	.lightbox-basic img {
		margin-bottom: 0;
	}
	
	.lightbox-basic h3 {
		margin-top: 0.375rem;
	}

	.lightbox-basic .btn-solid-reg,
	.lightbox-basic .btn-outline-reg {
		margin-bottom: 0;
	}
	}
	/* end of project lightboxes */


	


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	
	/* Projects */
	.filter .element-item {
		width: 17.3125rem; /* to eliminate grid overflow problem on hard refresh */
		height: 16.875rem;
	}

	.filter .element-item .element-item-overlay span { 
		top: 45%;
	}
	/* end of projects */

	}


/*---------------------------------------
DESARROLLOS  
-----------------------------------------*/


/*---------------------------------------
PROYECTOS ENTREGADOS
-----------------------------------------*/


.project-previous * {
  box-sizing: border-box;
}

.project-previous {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(...)no-repeat center center;
  background-size: cover;	
	padding-top: 2rem !important;
}

.project-previous .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	padding-top: 2rem !important;
	padding-bottom: 3rem !important;
}

@media (min-width: 576px) {
  .project-previous .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .project-previous .container{
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .project-previous .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .project-previous .container {
    max-width: 1140px;
  }
}

.project-previous .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


.project-previous .col-lg-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
	 padding-top: 2rem !important;
}

@media (min-width: 992px) {  
  .project-previous .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }  
}

.project-previous .text-secondary {
	font-size: 16px;
	color: #fff !important;	
	margin: 0;
	margin-bottom: 1rem !important;	
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
}


.project-previous .section-title {
  position: relative;
  padding-left: 60px;
	color: #fff !important;
	margin-bottom: 1rem !important;
	font-family: Montserrat;
    font-weight: 800;
    font-style: normal;
	font-size: 1.5rem;
}



.project-previous .section-title::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 45px;
  height: 2px;
  background: #516D30;
}


.project-previous .section-title::after {
  position: absolute;
  content: "";
  top: 14px;
  left: 0;
  width: 45px;
  height: 2px;
  background: #92C020;
}

.project-previous p {
	color: #fff;
	margin-bottom: 3rem;
	font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
	padding-right: 1rem;
}


.project-previous .btn-previews-projects {
  display: inline-block;  
  color: #000000;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #92C020;
  border: 1px solid transparent;
	border-color: #92C020;
  padding: 10px 25px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 100px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;	
	text-decoration: none;	 
	font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
}

@media (prefers-reduced-motion: reduce) {
  .project-previous .btn-previews-projects {
    transition: none;
  }
}

.project-previous .btn-previews-projects:hover {
  	background-color: #fff;
  text-decoration: none;
	border-color: #fff;	
}


.project-previous .project-previou {
	flex-direction: column !important;
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
	background-color: #fff !important;
	border-radius: 20px !important;
	cursor: grab;
}


.project-previous .icon-box {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;	
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
	font-size: 1.5rem;
	color: #fff;
	}

.project-previous .project-previou h5 {
	font-size: 1.2rem;
	color: #516D30;
	font-family: Montserrat;
    font-weight: 600;
    font-style: normal;	
}

.project-previous .owl-carousel .owl-dot,
.project-previous .owl-carousel .owl-nav .owl-next,
.project-previous .owl-carousel .owl-nav .owl-prev {
	display: none;
}



/*---------------------------------------
PROYECTOS ENTREGADOS
-----------------------------------------*/



/*---------------------------------------
TESTIMONIALES
-----------------------------------------*/


.testimonials *,
.testimonials *::before,
.testimonials *::after {
  box-sizing: border-box;
}

.testimonials {
	background-color: #fff;
	/*border: solid 2px #fff;*/
}


.testimonials .container,
.testimonials .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	padding-top: 3rem !important;
	margin-bottom: 0 !important;
	padding-bottom: 1rem !important;
	text-align: center !important;
}



.testimonials .text-primary {
  color: #516D30 !important;	
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
	font-size: 16px;
}

.testimonials h2 {
	color: #000000;
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
	margin-bottom: 2rem;
	font-size: 1.5rem;
}


.testimonials .testimonial-carousel {
	text-align: center !important;
	padding-bottom: 1.5rem !important;
}


.testimonials .img-fluid {  
	margin-right: auto !important;
	margin-left: auto !important;	
}


.testimonials .testimonial-carousel .owl-item.center .testimonial-text {
  box-shadow: 0 0 30px #CCCCCC;
	padding: 1.5rem !important;
	margin-top: -3rem !important;
}


.testimonials .testimonial-text p {
	margin-top: 3rem !important;
	font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
}


.testimonials .testimonial-text h3 {
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
}

.testimonials .testimonial-text span {
		font-family: Montserrat;
    font-weight: 400;
    font-style: italic;
}


@media (min-width: 576px) {
  .testimonials .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .testimonials .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .testimonials .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .testimonials .container {
    max-width: 1140px;
  }
}


.testimonials .testimonial-carousel .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .testimonial-carousel .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  background: #DDDDDD;
  transition: .5s;
border: none;
}

.testimonials .testimonial-carousel .owl-dot.active {
  width: 40px;
  background: #516D30;
}


/*---------------------------------------
TESTIMONIALES
-----------------------------------------*/


/*---------------------------------------
HOSPEDAJES
-----------------------------------------*/


#hospedaje {
	margin-top: 0;
	background-color: #fff;
	padding: 40px 0px;	
}

#hospedaje .section-heading h2 {
	margin-top: 0px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.5rem;	
	color: #000000;	
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
}

#hospedaje .section-heading h2 span {
	color: #516D30;
}

#hospedaje .tabs {
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;	
	width:300px;
}


#hospedaje .tabs li {
  display: block;
  text-align: center;
  margin: 15.3px 0px;
	width: 22vw;
	height: 7vh;	
}




#hospedaje .tabs li:first-child {
	margin-top: 0px;
}

#hospedaje .tabs a {
  display:block;
  transition: all 0.5s;
  text-align: left;
  text-decoration:none;  
  letter-spacing: 0.5px;
  color:#fff;
  font-size: 17px;    
  width: 100%;
  height: 45px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #516D30;	
	font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
}

#hospedaje .tabs a span {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
}

#hospedaje .tabs .active {
  background-color: #92C020;
  color: #000000;
}

#hospedaje .owl-hospedajes {
	height: 400px;
}


#hospedaje .recommendedgroup .row img {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: grab;
}

#hospedaje .recommendedgroup .row img:active {
	cursor: grabbing;
}


#hospedaje .suiteroom-item .text-content {
	background-color: rgba(81, 109, 48, 0.9);
	position: absolute;
	bottom: 0;
	right: 0px;
	left: 0px;
	height: 76px;
	overflow: hidden;
	color: #fff;
	padding-left: 20px;
}

#hospedaje .suiteroom-item .text-content h3 {
	font-size: 19px;	
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
}

#hospedaje .simple-button {
    padding: 5px 10px;
    font-size: 13px;
    color: #000000;
    background-color: #92c020;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;	
	font-family: Montserrat;
    font-weight: 600;
    font-style: normal;	
	margin: 0;
}

#hospedaje .simple-button:hover {
    background-color: #fff;	
}


.recommendedgroup .owl-pagination {
  margin-top: -95px;
  opacity: 1;
  display: inline-block;
  position: absolute;
  right: 0px;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.25);
  height: 80px;
  line-height: 80px;
  padding: 0px 15px;
}

.recommendedgroup .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #000000;
}

@media (min-width: 992px) {
	#hospedaje .suiteroom-item .text-content .link-movil {
	display: none;
}}

@media (max-width: 992px) { 
	
	#hospedaje {	
	padding-bottom: 10px;	
}	

	#hospedaje .owl-hospedajes {
	height: 220px;
}
	
	#hospedaje .tabs li {
		width: 100vw;
	height: 60px;	
		margin-left: -3vw;
	}
	
	#hospedaje .suiteroom-item .text-content {	
	height: 40px;
		padding-top: 8px;
}
	
	
		#hospedaje .suiteroom-item .text-content .link-pc {
	display: none;	
}
	#hospedaje .suiteroom-item .text-content .link-movil {
	font-size: 16px;	
		text-decoration: none;
		color: #fff;
 
}
	#hospedaje .simple-button {
		display: none;
	}
	
 .recommendedgroup .owl-pagination {
  margin-top: -57px;  
  height: 41px;
  line-height: 41px;
  
}
	
}


/*---------------------------------------
HOSPEDAJES
-----------------------------------------*/






/*---------------------------------------
ATENCIÓN AL CLIENTE
-----------------------------------------*/


.atention-clients {
	margin-top: 0;
	background-color: #fff;
}

.atention-clients .col-md-4 {
	padding-left: 0px;
	padding-right: 5px;	
}

.atention-clients .col-md-8 {
	padding-right: 0px;
	padding-left: 5px;	
}

.atention-clients-left-content {
	min-height: 600px;
	height: 600px;
	padding-top: 175px;
	padding-bottom: 175px;
	text-align: center;
	background-image: url("../media/imagenes/presentacion/inmobiliaria_desarrollos_terrenos_yucatan_presentacion_atencion_clientes.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	filter: contrast(1.3);
}

.atention-clients-right-content {
	background-color: #eee;
	padding: 40px 40px;
	min-height: 600px;
	height: 600px;	
}

.atention-clients-right-content h3 {
	font-size: 16px;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
	color: #516D30;	
}

.atention-clients-right-content h2 {
	margin-top: 0px;
	font-size: 1.5rem;	
	color: #000000;
	line-height: 36px;	
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
}

.atention-clients-right-content em {	
	color: #516D30;
	font-style: normal;
}

.atention-clients-right-content p {
	margin: 18px 0px;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
	font-size: .8rem;
}

.atention-clients-right-content p strong {
	font-size: 16px;
	font-weight: 600;
}

.atention-clients-right-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.atention-clients-right-content ul li {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;	
	font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
}


.atention-clients .whatsapp-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 13px;
    color: #fff;
    background-color: #516D30;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
	margin-top: 3vh;	
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	
}

.atention-clients .whatsapp-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.atention-clients .whatsapp-button:hover {
    background-color: #92C020;
	color: #000000;
	text-decoration: none;
}


.atention-clients-right-content .cuponera {
	box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
	margin-top: 15vh;
	filter: contrast(50%);
	transition: .3s;
}

.atention-clients-right-content .cuponera:hover {
	transform: scale(1);
		filter: contrast(1);
}


@media (max-width: 991px) {

	.atention-clients .col-md-8 {
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.atention-clients .col-md-4 {
		margin-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.atention-clients .col-md-4 {
		display: none;
	}
	

	.atention-clients-right-content {
		text-align: center;
	}

	.atention-clients-right-content {
		background-color: #eee;
		padding: 30px 30px;
		min-height: 550px;
		height: auto;
	}

	.atention-clients-right-content .whatsapp-button {
		margin-bottom: 30px;
	}	
	
	.atention-clients-right-content .cuponera {
		margin-top: 2vh;
		filter: contrast(1);
	}
		
}


/*---------------------------------------
ATENCIÓN AL CLIENTE
-----------------------------------------*/


/*---------------------------------------
RELACIONES PÚBLICAS
-----------------------------------------*/


.relaciones-publicas {
	
}

.relaciones-publicas .fh5co-insta-feed {
  padding: 50px 0 0 0;
  background: #fff;
	
}

.recent {
  margin-top: 10px;
	height: 500px;
	
}

@media (max-width: 992px) {
	.recent {		
	height: 1000px;	
	}
}


.twit-box {
  margin: 0 auto;
  border-radius: 15px;
  background-color: #eee;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 350px;
  padding: 60px 20px 30px 20px;
}


.twit-box .media-body h4 {
    font-size: 17px;    
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    color: #516D30;
}

  .twit-box .media-body p {
    color: #a1a0a1;	
	 font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
}

.twit-box p {
    color: #000000;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
	 font-size: .8rem;
}

.relaciones-publicas .whatsapp-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 13px;
    color: #fff;
    background-color: #516D30;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
	margin-top: 5vh;	
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	
}

.relaciones-publicas .whatsapp-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.relaciones-publicas .whatsapp-button:hover {
    background-color: #92C020;
	color: #000000;
	text-decoration: none;
}

.feed-caro {
  padding-top: 40px;   
}


.relaciones-publicas .feed-caro h3 {
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
	color: #516D30;
	font-size: 16px;
	margin-top: 0;
}

.relaciones-publicas .feed-caro h2 {
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
	color: #000000;
	font-size: 1.5rem;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.relaciones-publicas .feed-caro h2,
	.relaciones-publicas .feed-caro h3{
	text-align: center;
	}
}


.carousel-rp {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    margin: 0;
    background-color: #fff;
	
}


@media (max-width: 991px) {
	.carousel-rp {
		height: 370px;
	
	}
}


.carousel-container {
    position: relative;
    width: 600px; /* Ajusta según tu preferencia */
    overflow: hidden;
	padding-top: 90px;
}


@media (max-width: 991px) {
	.carousel-container {
	padding-top: 10px;
		
	}
}

.carousel {
    display: flex;
    transition: transform 0.4s ease-in-out;
}

.carousel-image {
    min-width: 50%;
    height: auto;
	margin: 0 5px;
	transition: .3s;
}



.carousel-control {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    background-color: rgba(81, 109, 48, 0.7);
    color: white;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    z-index: 1;
    padding: 10px;
}

@media (max-width: 991px) {
	.carousel-control {
	top: 50%;
	}
}

.carousel-control.left {
    left: 10px;
}

.carousel-control.right {
    right: 10px;
}

.carousel-control:hover {
    background-color: rgba(81, 109, 48, 0.9);
}




/*---------------------------------------
RELACIONES PÚBLICAS
-----------------------------------------*/




/*---------------------------------------
BLOG Yucatán
-----------------------------------------*/

.blog-yucatan *,
.blog-yucatan *::before,
.blog-yucatan *::after {
  box-sizing: border-box;
}


.blog-yucatan {
	background-color: #fff;	
}

.blog-yucatan .container,
.blog-yucatan .container-fluid
 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.blog-yucatan .container-fluid {
	padding-top: 50px;
	
}


.blog-yucatan-titulos {
display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
	align-items: flex-end !important;
	margin-bottom: 1.5rem !important;
	
}

.blog-yucatan .col-lg-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.blog-yucatan .section-subtitle {
	margin-bottom: .5rem !important;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    color: #516D30 !important;
	font-size: 16px;	
}


.blog-yucatan .section-title {
  position: relative;
  padding-left: 60px;
margin-bottom: 1rem !important;
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
	font-size: 2.5rem;
}

.blog-yucatan .section-title strong {
	color: #516D30;
}


.blog-yucatan .text-muted {
  color: #000000 !important;
	margin-bottom: 1rem !important;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
	font-size: 1rem;	
}


.blog-yucatan .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


.blog-yucatan .col-lg-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
	margin-bottom: 3rem !important;
}

.blog-yucatan .position-relative {
  position: relative !important;
	margin-bottom: 1.5rem !important;
}


.blog-yucatan .img-fluid {
  max-width: 100%;
  height: auto;
	border-radius: 5px !important;
	width: 100% !important;
}

.blog-yucatan .blog-date {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 0 5px 0 0;
  background: #516D30;
}


.blog-yucatan .blog-date .blog-day {
 font-size: 1rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 0;
	}


.blog-yucatan .blog-date .blog-month {
	font-size: 1rem;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	color: #fff;
	margin-top: 0;
}

.blog-yucatan .text-secondary {
  color: #92C020 !important;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
	font-size: .9rem;
}


.blog-yucatan .blog-tags {
	margin-bottom: 0.5rem !important;
}

.blog-yucatan .text-primary {
  color: #000000 !important;
padding-right: 0.5rem !important;
}

.blog-yucatan .blog-title {
	margin-bottom: 0.5rem !important;
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
	color: #516D30;
	font-size: 1rem
}


.blog-yucatan .blog-content {
	margin-bottom: 1.5rem !important;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
	color: #000000;	
	font-size: .8rem
}


.blog-yucatan .btn {
  display: inline-block;  
  color: #fff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;	
	padding-right: 0.5rem !important;	
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
}


@media (prefers-reduced-motion: reduce) {
  .blog-yucatan .btn {
    transition: none;
  }
}

.blog-yucatan .btn:hover {
  color: #777777;
  text-decoration: none;
}

.blog-yucatan .btn-primary {
  color: #fff;
  background-color: #516D30;
  border-color: #516D30;
}

.blog-yucatan .btn-primary:hover {
  color: #000000;
  background-color: #92C020;
  border-color: #92C020;
}


@media (min-width: 576px) {
  .blog-yucatan .container{
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .blog-yucatan .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .blog-yucatan .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .blog-yucatan .container {
    max-width: 1140px;
  }
}



@media (min-width: 768px) {
  
  .blog-yucatan .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
	
 
}

@media (min-width: 992px) {
  
  .blog-yucatan .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  
  .blog-yucatan .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
}


/*---------------------------------------
BLOG Yucatán
-----------------------------------------*/



/*---------------------------------------
BLOG Academia
-----------------------------------------*/

.blog-academia .card {
  border: none;
  background: none;
  border-radius: 0; }

  .blog-academia .card img {
    border-radius: 0; }



.blog-academia .fh5co-two-img .card-img-overlay {
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
  background: -linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black); }

.blog-academia .fh5co-recent-work {
  background: #92C020;
  padding: 100px 0; }


.blog-academia .contact-pop {
  margin-top: -300px; }

.blog-academia .contact-pop .row {
    max-width: 918px;
    margin: 0 auto; }


  .blog-academia .contact-pop .card-img-overlay {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
    background: -linear-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
    border-radius: 15px 0 0 15px; }

  
  .blog-academia .contact-pop img {
    border-radius: 15px 0 0 15px; }

  .blog-academia .contact-pop .content {
    padding: 45px 20px 20px 40px;
    height: 100%;
    background: #fff;
    border-radius: 0 15px 15px 0; }

    .blog-academia .contact-pop .content .blog-title {
      color: #516D30;           
      margin-bottom: 10px;
		font-size: 1.5rem;
	font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
		
}

    .blog-academia .contact-pop .content .blog-subtitle {
      color: #978b91;
      font-size: 16px;      
		font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
}

.blog-academia .contact-pop .content hr {
      background-color: #92C020;
      width: 50px;
      height: 5px;
      border: none;
      margin-left: 0; }


    .blog-academia .contact-pop .content p {
      color: #000000;
		font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
		font-size: .8rem;
}

    

    .blog-academia .contact-pop .content a {
      background-color: #516D30;
      width: 158px;
      border-radius: 40px;
      color: #fff;
      padding: 10px 0;
      margin-top: 20px; 		
		font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
		transition: .3s;
}

.blog-academia .contact-pop .content a:hover {
	 background-color: #92C020;
	color: #000000;
}

    @media (max-width: 991px) {
      .blog-academia .contact-pop .content {
        padding: 20px 20px 20px 25px; }
        .blog-academia .contact-pop .content h3 {
          font-size: 24px; }
        .blog-academia .contact-pop .content h4 {
          font-size: 16px; }
        .blog-academia .contact-pop .content p {
          font-size: 14px; }
        .blog-academia .contact-pop .content a {
          width: 170px;
          padding: 5px 0; }
        .blog-academia .contact-pop .content hr {
          margin: 10px 0; } }

  @media (max-width: 991px) {
    .blog-academia .contact-pop {
      margin-top: -250px; } }

  @media (max-width: 767px) {
    .blog-academia .contact-pop {
      margin-top: 0; }
      .blog-academia .contact-pop .col-md-6 {
        padding: 0; }
      .blog-academia .contact-pop img {
        border-radius: 15px 15px 0 0; }
      .blog-academia .contact-pop .card-img-overlay {
        border-radius: 15px 15px 0 0; }
      .blog-academia .contact-pop .content {
        border-radius: 0 0 15px 15px; } }





  @media (max-width: 767px) {
    .blog-academia .fh5co-recent-work {
      padding-bottom: 0
	  height: 500px} }



@media (max-width: 992px) {
	.card-movil {
		display: none;
	}
}





/*---------------------------------------
BLOG Academia
-----------------------------------------*/


/*---------------------------------------
Footer
-----------------------------------------*/





/*---------------------------------------
Footer
-----------------------------------------*/

footer {
	background-color: #516D30;
	color: fff;
	padding: 50px 10px 20px 10px;  
}


footer img {
	width: 300px;
	margin-bottom: 20px;
}

footer ul {
	list-style: none;
	padding: 0;
	line-height: 1.8;
	font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
}

footer ul li a {
	color: #fff;
	text-decoration: none;
}


footer ul li a:hover {
	color: #fff;
  text-decoration: underline;
}


footer .contact-dates {
	line-height: 1.8;
	margin-top: 20px;
	color: #fff;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;	
}

footer .googlemaps-frame {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;	
}

footer iframe {
  border-radius: 5px;
}

footer .direction-dates {
	line-height: 1.5;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;	
	color: #fff;
	font-size: .8rem;
}

footer .direction-dates strong {	
    font-weight: 600;
	font-size: 1rem; 
}


footer .copywriter {	
	margin: 0;
	color: #fff;
	font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
}







/*---------------------------------------
Boton de WhatsApp
-----------------------------------------*/

/* Estilo del botón de WhatsApp flotante con pulsación */
.whatsapp-chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #516D30; /* Color de fondo de WhatsApp */
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    animation: pulsar 1.5s infinite ease-in-out; /* Efecto de pulsación constante */
}

.whatsapp-chat a {
    text-decoration: none;
}

/* Estilización del ícono de WhatsApp */
.whatsapp-icon {
    width: 50px; /* Tamaño del ícono */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Definir la animación de pulsación */
@keyframes pulsar {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1); /* Tamaño aumentado al 110% */
    }
    100% {
        transform: scale(1);
    }
}

.whatsapp-chat:active {
    transform: scale(0.9); /* Efecto de pulsación al hacer clic */
}







/*---------------------------------------
Boton de WhatsApp
-----------------------------------------*/