#mainNav .nav-link.active {
	color: var(--secondary) !important;
}

.gtranslate_wrapper a {
    padding-left: 15px !important;
	font-weight: 600 !important;
    text-decoration: none !important;
	color: var(--light);
}

.gt_switcher_wrapper .gt-current-lang{
    color: var(--secondary) !important;
}

.gtranslate_wrapper a:hover{
    color: var(--secondary) !important;
}


.gtranslate_wrapper > div {
  position: static !important;
}

.gt_switcher_wrapper{
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-left: 40px !important;

}

@media (max-width: 991px){
	.gt_switcher_wrapper{
		padding-left: 0px !important;
	}
}


#logo-bg{
    filter: brightness(60%);
}

#logo-bg{
	transition: filter 0.03s ease;
	will-change: filter;
}

.footer-copyright a:hover #logo-bg{
  filter: brightness(100);
}

/*-----------------------------------*/
/*------ 76. bombita de WhatsApp ------*/
/*-----------------------------------*/

.whatsapp-bubble {
	position: fixed;
	bottom: 30px; /* Distancia desde abajo */
	right: 30px; /* Distancia desde la derecha */
	z-index: 9999; /* Asegura que esté sobre otros elementos */
  }
  
.whatsapp-bubble img {
	width: 60px; /* Tamaño de la imagen de WhatsApp */
	border-radius: 50%; /* Forma circular */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Sombra */
	transition: transform 0.3s ease; /* Efecto de transición */
}
  
.whatsapp-bubble:hover img {
	transform: scale(1.1); /* Efecto de escala al pasar el mouse */
}

.whatsapp:active,
.whatsapp:focus,
.whatsapp {
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
}
  
.whatsapp-icon {
	margin-top: 11px;
	font-size: 36px;
}
  
.whatsapp-icon:hover, .whatsapp:hover {
	color: #9af9bd !important;
	transition: color 0.3s ease-in-out;
}

/* Icono de relleno solido (house-plant) que no funciona bien con el plugin de animacion Vivus */
.svg-fill-color-service svg path,
.svg-fill-color-service svg rect,
.svg-fill-color-service svg line,
.svg-fill-color-service svg polyline,
.svg-fill-color-service svg polygon {
	fill: #03272A;
}

/* Tarjetas de servicios con la misma altura */
#servicios .owl-carousel .owl-stage {
	display: flex;
	align-items: stretch;
}

#servicios .owl-carousel .owl-item {
	display: flex;
	height: auto;
}

#servicios .owl-carousel .owl-item > div {
	display: flex;
	width: 100%;
}

#servicios .owl-carousel .card.custom-card {
	width: 100%;
	height: 100%;
}

section.section.section-center{
	background-position: right;
}