/* legal.css — privacidad, términos y contacto (mismo esquema que WhatPiece). */
.db-legal { max-width: 820px; margin: 0 auto; padding: 30px 34px; border: 2px solid #233f4b; border-top: 4px solid var(--db-orange); border-radius: 14px; background: var(--db-surface); box-shadow: var(--db-shadow); line-height: 1.65; }
.db-legal h1 { font-size: clamp(2.1rem, 4vw, 3rem); color: var(--db-orange-dark); margin: 0 0 14px; line-height: 1.15; }
.db-legal h2 { font-size: 24px; color: var(--db-text); margin: 28px 0 10px; }
.db-legal h3 { font-size: 16px; font-weight: 800; color: var(--db-text); margin: 18px 0 8px; }
.db-legal p { margin: 0 0 14px; font-size: 14px; }
.db-legal a { color: var(--db-blue); font-weight: 700; overflow-wrap: anywhere; }
.db-legal-date { color: var(--db-muted); font-size: 12px !important; }

.db-contact { max-width: 600px; text-align: center; }
.db-contact-email { display: inline-flex; align-items: center; gap: 10px; margin: 12px 0 6px; padding: 14px 20px; border: 1px dashed #c9b58e; border-radius: 10px; background: var(--db-paper); font-size: 17px; }
.db-contact-email a { text-decoration: none; }
.db-contact-email a:hover { text-decoration: underline; }
.db-contact-note { margin-top: 18px !important; color: var(--db-muted); font-size: 12px !important; }

@media (max-width: 580px) {
    .db-legal { padding: 22px 18px; }
    .db-legal h2 { font-size: 21px; }
    .db-contact-email { font-size: 14px; padding: 12px 14px; }
}