/* ============================================================
   Cuckold — conducta.css (página legal / normas)
   ============================================================ */

.legal-page { position: relative; z-index: 1; min-height: 100vh; }
.legal-header { text-align: center; padding: 28px 16px 0; }
.legal-header img { width: 100%; max-width: 280px; }
.legal-wrap { display: flex; justify-content: center; padding: 24px 16px 56px; }
.legal-card {
  width: 100%; max-width: 660px;
  background: var(--bg2); border: 1px solid var(--border); border-radius: 16px;
  padding: 36px 32px;
}
.legal-card h1 { font-size: 28px; font-weight: 700; color: var(--text); margin-bottom: 16px; }
.legal-card h2 { font-size: 19px; font-weight: 700; color: var(--accent2); margin: 28px 0 12px; }
.legal-lead { font-size: 17px; line-height: 1.7; color: var(--text2); }
.legal-card p { font-size: 16px; line-height: 1.7; color: var(--text2); margin-bottom: 12px; }
.legal-card b { color: var(--text); }
.legal-card ul { list-style: none; padding: 0; margin: 0 0 8px; }
.legal-card li { position: relative; padding-left: 20px; font-size: 16px; line-height: 1.65; color: var(--text2); margin-bottom: 12px; }
.legal-card li::before { content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.legal-card a { color: var(--accent2); }
.legal-close { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border); }
.legal-card .btn { margin-top: 20px; }

@media (max-width: 560px) { .legal-card { padding: 26px 20px; } }