/* FontAwesome 6 Custom Styles for Dolomia Theme */

/* Asegurar compatibilidad con iconos de servicios */
.service.big {
	font-size: 4rem !important;
	line-height: 1 !important;
	display: block !important;
	margin-bottom: 20px !important;
}

.service {
	font-size: 2.5rem !important;
	line-height: 1 !important;
	display: block !important;
	margin-bottom: 15px !important;
}

/* Ajustes para iconos en header/menú */
.navbar .fa,
.navbar .fas,
.navbar .fab {
	line-height: inherit;
}

/* Iconos de redes sociales */
.social li a i {
	font-size: 16px !important;
	line-height: 1 !important;
}

/* Iconos en breadcrumbs y navegación */
.breadcrumb .fa,
.breadcrumb .fas,
.breadcrumb .fab {
	margin-right: 5px;
}

/* Ajustes específicos para los nuevos iconos */
.fa-cloud-sun,
.fa-backpack,
.fa-certificate {
	color: #7f8c8d; /* Color gris por defecto para servicios */
}

.fa-route,
.fa-mountain,
.fa-hiking,
.fa-ruler-horizontal {
	color: inherit; /* Mantener color heredado en la sección trek-data */
}

/* Iconos en mapas */
.fa-person-walking,
.fa-map-marker-alt,
.fa-chart-line,
.fa-globe {
	line-height: 1;
}

/* Iconos de compartir */
.share-icons .fab {
	font-size: 18px !important;
}

/* Ajuste para iconos de slider */
.slider-navigation .fa-chevron-left,
.slider-navigation .fa-chevron-right {
	font-size: 20px;
	line-height: 1;
}

/* Asegurar que los iconos FontAwesome 6 tengan el peso correcto */
.fas {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.fab {
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
}

.fa {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

/* Ajustes responsivos */
@media (max-width: 768px) {
	.service.big {
		font-size: 3rem !important;
	}

	.service {
		font-size: 2rem !important;
	}
}

@media (max-width: 480px) {
	.service.big {
		font-size: 2.5rem !important;
	}

	.service {
		font-size: 1.8rem !important;
	}
}