#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;
	}
}


/* Logos del footer teñidos con máscara: grey2 por defecto, blanco en hover */
.logo-tint{
	display: inline-block;
	vertical-align: middle;
	background-color: var(--grey2);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transition: background-color 0.2s ease;
}

.logo-tint-footer{
	width: 250px;
	max-width: 100%;
	aspect-ratio: 400 / 225;
}

.logo-tint-bg{
	width: 20px;
	aspect-ratio: 63 / 72;
}

.logo-tint-link:hover .logo-tint{
	background-color: #fff;
}

/* Iconos SVG del footer: grey2 por defecto, blanco en hover */
.svg-fill-color-grey2,
.svg-fill-color-grey2 path,
.svg-fill-color-grey2 svg path{
	fill: var(--grey2) !important;
	transition: fill 0.2s ease;
}

.icon-tint-link:hover .svg-fill-color-grey2,
.icon-tint-link:hover .svg-fill-color-grey2 path,
.icon-tint-link:hover .svg-fill-color-grey2 svg path{
	fill: #fff !important;
}

/*-----------------------------------*/
/*------ 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;
}

.text-grey-2{
	color: var(--grey2) !important;
}

.social-icons li:hover.social-icons-instagram a{
	background: none !important;
}

.social-icons li:hover.social-icons-facebook a{
	background: none !important;
}
/* Slider home: en móvil los slides tienen la misma altura que el carrusel para que el contenido quede centrado */
@media (max-width: 767.98px){
	#slider .owl-item{
		height: 550px !important;
	}
}

@media (max-width: 575.98px){
	#slider .owl-item{
		height: 500px !important;
	}
}

/* Puntos inactivos del carrusel de servicios en gris */
.owl-carousel.custom-dots button.owl-dot:not(.active):not(:hover) span {
	border-color: #b5b5b5;
}