/* Páginas legales de Syntre Agenda (condiciones y privacidad) */
body{padding-inline:16px}
.legal{max-width:720px;margin:0 auto;padding-block:40px 56px}
.legal .marca{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:600;font-size:15px;text-decoration:none;margin-bottom:28px}
.legal .marca svg{width:24px;height:24px}
.legal h1{font-size:clamp(28px,5vw,38px);letter-spacing:-.03em}
.legal .fecha{margin-top:8px;color:var(--muted);font-size:14px}
.legal .resumen{margin-top:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.legal .resumen ul{margin:8px 0 0;padding-left:20px;display:grid;gap:4px}
.legal h2{font-size:19px;margin-top:34px;margin-bottom:10px}
.legal p,.legal li{line-height:1.65}
.legal p+p{margin-top:10px}
.legal ul{padding-left:20px;margin:10px 0 0;display:grid;gap:6px}
.legal .otros{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}