/* Páginas legales — usa los tokens de base.css */

main { padding: var(--sp-8) 0 var(--sp-12); }
h1 { font-size: 28px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.2; margin-bottom: var(--sp-1); }
.fecha, .subtitulo { font-size: 15px; color: var(--slate-11); margin-bottom: var(--sp-6); }
h2 { font-size: 19px; letter-spacing: -0.015em; margin: var(--sp-8) 0 var(--sp-2); }
main p { margin-bottom: var(--sp-3); color: var(--slate-11); }
main p strong, main li strong { color: var(--slate-12); font-weight: 600; }
main ul { margin-bottom: var(--sp-3); padding-left: var(--sp-5); list-style: disc; color: var(--slate-11); }
main li { margin: var(--sp-1) 0; }
main a { color: var(--berry-11); }

.aviso { background: var(--berry-3); border-radius: var(--r-xl); padding: var(--sp-4); margin-bottom: var(--sp-6); }
.aviso p { margin: 0; color: var(--slate-12); font-size: 16px; }

.canales { display: grid; gap: var(--sp-2); margin-bottom: var(--sp-4); }
.canal-alt {
  display: flex; align-items: center; justify-content: center; gap: var(--sp-2);
  min-height: 52px; padding: var(--sp-3) var(--sp-6);
  border: 1.5px solid var(--berry-11); border-radius: var(--r-lg);
  font-size: 17px; font-weight: 700; color: var(--berry-11); text-decoration: none;
}
.canal-alt:hover { background: var(--berry-3); }
.canal-alt:focus-visible { outline-offset: 4px; }

/* el pie se estila en base.css */