/* ============================================================
   CRECE A TU RITMO — Estilos compartidos de páginas legales
   Extraído de los <style> inline de aviso-legal, privacidad,
   terminos y politica-cookies para permitir endurecer la CSP.
============================================================ */

.legal-page  { padding: 8rem 0 5rem; min-height: 80vh; }
.legal-hero  { background: var(--slate-900); padding: 7rem 0 3.5rem; text-align: center; }
.legal-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #fff;
  margin: 0.75rem 0 0.5rem;
}
.legal-hero p { color: var(--slate-400); font-size: 0.9375rem; }

.legal-content { max-width: 820px; margin: 0 auto; padding: 3.5rem 1.25rem 5rem; }
.legal-content h2 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--slate-900);
  margin: 2.5rem 0 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--slate-200);
}
.legal-content h2:first-child { border-top: none; margin-top: 0; }
.legal-content h3      { font-weight: 600; color: var(--slate-800); margin: 1.5rem 0 0.5rem; }
.legal-content p       { color: var(--slate-600); line-height: 1.8; margin-bottom: 1rem; }
.legal-content ul      { padding-left: 1.5rem; margin: 0.75rem 0 1rem; display: flex; flex-direction: column; gap: 0.375rem; }
.legal-content li      { color: var(--slate-600); line-height: 1.7; list-style: disc; }
.legal-content a       { color: var(--green-700); text-decoration: underline; }
.legal-content strong  { color: var(--slate-800); }
.legal-content .info-box {
  background: var(--green-50);
  border-left: 4px solid var(--green-500);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}
.legal-content .info-box p { margin: 0; color: var(--slate-700); }

.last-updated {
  display: inline-block;
  background: var(--slate-100);
  color: var(--slate-500);
  font-size: 0.8125rem;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  margin-bottom: 2rem;
}

/* Tabla de cookies (politica-cookies.html) */
.cookie-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem;
  font-size: 0.9rem;
}
.cookie-table th {
  background: var(--slate-100);
  color: var(--slate-700);
  font-weight: 600;
  text-align: left;
  padding: 0.6rem 0.875rem;
  border: 1px solid var(--slate-200);
}
.cookie-table td {
  padding: 0.6rem 0.875rem;
  border: 1px solid var(--slate-200);
  color: var(--slate-600);
  vertical-align: top;
}
.cookie-table tr:nth-child(even) td { background: var(--slate-50); }