.legal-primer-acceso {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2vw, 28px);
  min-height: 48px;
  padding: 7px 16px;
  background: var(--soft, #f6f5fb);
  border-bottom: 1px solid var(--line, #dfe2ed);
  font: 600 14px/1.3 system-ui, sans-serif;
}
.legal-primer-acceso a {
  color: var(--violet, #7639ef);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.legal-primer-acceso a:focus-visible { outline: 3px solid var(--violet, #7639ef); outline-offset: 3px; border-radius: 3px; }
@media (max-width: 540px) {
  .legal-primer-acceso { flex-direction: column; align-items: stretch; gap: 0; padding: 4px 12px; }
  .legal-primer-acceso a { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 44px; white-space: normal; text-align: center; }
}