/* --- START OF FILE public/css/legal-styles.css --- */

.legal-container {
	background-color: var(--bg-primary);
	color: var(--text-primary);
	padding-top: 40px; /* Adicional al padding-top del body por el navbar */
	padding-bottom: 40px;
}

.legal-header {
	text-align: center;
	margin-bottom: 40px;
	border-bottom: 1px solid var(--accent-primary);
	padding-bottom: 20px;
}

.legal-header h1 {
	font-size: 2.8rem;
	color: var(--text-primary);
	margin-bottom: 10px;
}

.last-updated {
	font-size: 0.9rem;
	color: var(--text-secondary);
}

.legal-content {
	font-size: 1rem;
	line-height: 2;
	color: var(--text-secondary);
}

.legal-content h2 {
	font-size: 1.8rem;
	color: var(--text-primary);
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--gray-iron);
}

.legal-content h3 {
	font-size: 1.4rem;
	color: var(--text-primary);
	margin-top: 25px;
	margin-bottom: 10px;
}

.legal-content p {
	margin-bottom: 15px;
}

.legal-content ul,
.legal-content ol {
	margin-bottom: 15px;
	padding-left: 25px;
}

.legal-content li {
	margin-bottom: 8px;
}

.legal-content a {
	color: var(--accent-primary);
	text-decoration: underline;
}

.legal-content a:hover {
	color: var(--text-primary);
}

.legal-content strong {
	color: var(--text-primary);
	font-weight: 600;
}

/* Asegurar que el footer tenga espacio respecto al contenido */
.footer-section {
	margin-top: 50px; /* Espacio entre el contenido legal y el footer */
}

/* --- END OF FILE public/css/legal-styles.css --- */