/* ════════════════════════════════════════════════════════════════════
   LATAMIA — Páginas legales (Términos, Privacidad, Cookies)
   Estilos shared autosuficientes — no dependen del CSS del app.
   ════════════════════════════════════════════════════════════════════ */

*{ box-sizing:border-box; margin:0; padding:0; }

html{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

body{
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;
	font-size:16px;
	line-height:1.65;
	color:#1f2330;
	background:#EFF2F7;
	min-height:100vh;
	display:flex;
	flex-direction:column;
}

/* ── Header ──────────────────────────────────────────────────────── */
.legal-header{
	background:#FFFFFF;
	border-bottom:1px solid #E1E5EC;
	padding:18px 0;
}
.legal-header-inner{
	max-width:760px;
	margin:0 auto;
	padding:0 24px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}
.legal-header-logo img{
	height:36px;
	width:auto;
	display:block;
}
.legal-header-back{
	font-size:.9rem;
	color:#3b6ef5;
	text-decoration:none;
	font-weight:500;
}
.legal-header-back:hover{
	text-decoration:underline;
}

/* ── Contenido ───────────────────────────────────────────────────── */
.legal-main{
	flex:1;
	padding:48px 0 64px;
}
.legal-content{
	max-width:760px;
	margin:0 auto;
	padding:0 24px;
}

.legal-eyebrow{
	font-size:.75rem;
	letter-spacing:.10em;
	text-transform:uppercase;
	color:#6b7280;
	font-weight:600;
	margin-bottom:8px;
}

.legal-title{
	font-size:2rem;
	font-weight:700;
	letter-spacing:-.015em;
	margin-bottom:8px;
	color:#0f1322;
}

.legal-updated{
	font-size:.875rem;
	color:#6b7280;
	margin-bottom:32px;
	padding-bottom:24px;
	border-bottom:1px solid #E1E5EC;
}

.legal-content h2{
	font-size:1.25rem;
	font-weight:700;
	letter-spacing:-.01em;
	margin:32px 0 12px;
	color:#0f1322;
}

.legal-content h3{
	font-size:1.0625rem;
	font-weight:600;
	margin:24px 0 8px;
	color:#1f2330;
}

.legal-content p{
	margin-bottom:14px;
	color:#1f2330;
}

.legal-content ul,
.legal-content ol{
	margin:0 0 14px 24px;
	color:#1f2330;
}
.legal-content li{
	margin-bottom:6px;
}

.legal-content a{
	color:#3b6ef5;
	text-decoration:underline;
	text-underline-offset:2px;
}
.legal-content a:hover{
	color:#1d4ed8;
}

.legal-content strong{
	font-weight:600;
	color:#0f1322;
}

.legal-content em{
	font-style:italic;
}

.legal-callout{
	margin:24px 0;
	padding:16px 18px;
	background:rgba(59, 110, 245, .06);
	border-left:3px solid #3b6ef5;
	border-radius:8px;
	font-size:.9375rem;
}
.legal-callout p:last-child{
	margin-bottom:0;
}

.legal-toc{
	margin:24px 0 32px;
	padding:18px 22px;
	background:#FFFFFF;
	border:1px solid #E1E5EC;
	border-radius:10px;
}
.legal-toc-title{
	font-size:.8125rem;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:#6b7280;
	font-weight:600;
	margin-bottom:10px;
}
.legal-toc ol{
	margin:0 0 0 20px;
	font-size:.9375rem;
}
.legal-toc li{
	margin-bottom:4px;
}
.legal-toc a{
	color:#1f2330;
	text-decoration:none;
}
.legal-toc a:hover{
	color:#3b6ef5;
	text-decoration:underline;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.legal-footer{
	background:#FFFFFF;
	border-top:1px solid #E1E5EC;
	padding:24px 0;
	margin-top:auto;
}
.legal-footer-inner{
	max-width:760px;
	margin:0 auto;
	padding:0 24px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
}
.legal-footer-links{
	display:flex;
	gap:18px;
	flex-wrap:wrap;
	font-size:.875rem;
}
.legal-footer-links a{
	color:#6b7280;
	text-decoration:none;
}
.legal-footer-links a:hover{
	color:#3b6ef5;
	text-decoration:underline;
}
.legal-footer-links a.is-current{
	color:#1f2330;
	font-weight:500;
}
.legal-footer-copy{
	font-size:.8125rem;
	color:#9ca3af;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width:640px){
	.legal-title{ font-size:1.625rem; }
	.legal-content h2{ font-size:1.125rem; }
	.legal-main{ padding:32px 0 48px; }
	.legal-footer-inner{ flex-direction:column; align-items:flex-start; gap:12px; }
}