.footer-list {
	list-style-type: none; /* Quita el bullet por defecto */
	padding: 0;
	font-size: 0.8rem; /* Tamaño de fuente más pequeño */
}
.footer-list li::before {
	content: "•"; /* El bullet personalizado */
	color: orange; /* Color naranja para el bullet */
	font-size: 1.2em; /* Tamaño del bullet */
	margin-right: 0.5em; /* Espacio entre el bullet y el texto */
}
.footer-list a {
	color: white; /* Color del texto por defecto */
	text-decoration: none;
	transition: color 0.3s ease; /* Transición suave para el color */
}
.footer-list a:hover,
.footer-list a:active {
	color: orange !important; /* Cambia el color del texto a naranja en hover y active */
}
.contact-info p {
	text-align: center; /* Centra los párrafos de información de contacto */
}
.contact-info .text-start {
	text-align: center !important; /* Sobrescribe cualquier alineación izquierda de Bootstrap */
}
.contact-info .d-flex {
	justify-content: center !important; /* Centra los iconos de redes sociales */
}

/* Estilos para los links del footer inferior */
.bottom-footer-links {
	display: flex; /* Usamos flexbox para controlar la alineación */
	flex-wrap: wrap; /* Permite que los elementos se envuelvan a la siguiente línea si no caben */
	justify-content: center; /* Centra los elementos horizontalmente */
	align-items: center; /* Centra los elementos verticalmente en la línea */
}

/* Grupo que siempre se mantiene en una línea */
.bottom-footer-links .always-inline-group {
	white-space: nowrap; /* Evita que el contenido de este span se rompa en varias líneas */
	display: inline-block; /* Permite aplicar márgenes y evita comportamientos de bloque no deseados */
	margin-bottom: 0; /* Asegura que no haya margen inferior extra */
}

/* Estilos generales para los items de enlace individuales y separadores */
.bottom-footer-links .individual-link-item {
	margin: 0 5px; /* Pequeño margen entre los links y separadores */
	display: inline-block; /* Asegura que se comporten como elementos de línea para los márgenes */
}

.individual-link-item .text-white:hover {
	color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.individual-link-item .text-warning:hover {
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/* Media query para pantallas pequeñas (menos de 768px) */
@media (max-width: 767.98px) {
	.bottom-footer-links {
		flex-direction: column; /* Apila todos los elementos horizontalmente */
	}

	/* Apila los enlaces individuales y oculta sus separadores */
	.bottom-footer-links .individual-link-item {
		margin: 5px 0; /* Más espacio vertical entre los links apilados */
		width: 100%; /* Ocupa todo el ancho disponible */
		text-align: center; /* Centra el texto del link */
	}

	.bottom-footer-links .individual-link-item .separator {
		display: none; /* Oculta los separadores para los links apilados */
	}
}
.contact-info {
	font-size: 0.8rem; /* Tamaño de fuente más pequeño para la sección de contacto */
}
.text-sm {
	font-size: 0.8rem; /* Tamaño de fuente más pequeño para el footer inferior */
}