/* gestion_canal/estilos/css/legal.css — Privacidad, Términos y Cookies */

.legal {
  max-width: 820px;
  margin: 0 auto;
  padding: 2rem 2.2rem;
  border: 1px solid var(--tarjeta-borde);
  border-radius: 12px;
  background: var(--tarjeta);
  color: var(--texto);
  line-height: 1.7;
}

.legal h1 { margin: 0.6rem 0 0.2rem; font-family: 'Poppins', sans-serif; font-size: 1.7rem; font-weight: 700; }
.legal h2 { margin: 1.6rem 0 0.5rem; font-size: 1.1rem; font-weight: 700; }
.legal p, .legal li { color: var(--texto-suave); font-size: 0.95rem; }
.legal strong { color: var(--texto); }
.legal ul { padding-left: 1.2rem; }
.legal li { margin-bottom: 0.35rem; }
.legal a { color: var(--acento); }
.legal code { color: var(--texto); font-size: 0.85em; }
.legal-fecha { margin: 0 0 1.4rem; font-size: 0.82rem !important; }

.legal-pestanas { display: flex; flex-wrap: wrap; gap: 6px; }

.legal-pestanas a {
  padding: 6px 14px;
  border: 1px solid var(--tarjeta-borde);
  border-radius: 8px;
  color: var(--texto-suave);
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
}

.legal-pestanas a:hover { border-color: rgba(127, 127, 127, 0.45); color: var(--texto); }
.legal-pestanas a.activo { border-color: transparent; background: var(--acento); color: #fff; }

@media (max-width: 575.98px) {
  .legal { padding: 1.4rem 1.1rem; }
  .legal h1 { font-size: 1.35rem; }
}