/* ===== Páginas legales - Caja de la Música ===== */
:root{--cian:#5cc8be;--navy:#1b2440;--ink:#2f3542;--muted:#6b7280;}
*{box-sizing:border-box;}
body.legal-page{margin:0;font-family:'Raleway',Arial,sans-serif;color:var(--ink);background:#f4f5f7;line-height:1.7;}
.legal-header{background:#fff;border-bottom:1px solid #e6e8ec;}
.legal-header .inner{max-width:900px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.legal-header img{height:46px;width:auto;display:block;}
.legal-header a.back{color:var(--navy);text-decoration:none;font-weight:700;font-size:14px;transition:color .2s;}
.legal-header a.back:hover{color:var(--cian);}
.legal-hero{background:linear-gradient(135deg,var(--navy),#2c3a63);color:#fff;padding:48px 24px;text-align:center;}
.legal-hero h1{margin:0 0 8px;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.5px;}
.legal-hero p{margin:0;color:#c9cfdb;font-size:15px;}
.legal-wrap{max-width:860px;margin:-28px auto 60px;padding:0 24px;}
.legal-card{background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(15,20,35,.10);padding:44px 48px;}
.legal-card h2{color:var(--navy);font-size:21px;font-weight:800;margin:34px 0 12px;padding-top:6px;}
.legal-card h2:first-child{margin-top:0;}
.legal-card h3{color:var(--navy);font-size:17px;font-weight:700;margin:22px 0 8px;}
.legal-card p{margin:0 0 16px;font-size:16px;}
.legal-card ul{margin:0 0 16px;padding-left:22px;}
.legal-card li{margin:0 0 8px;font-size:16px;}
.legal-card a{color:#2b9d94;text-decoration:underline;}
.legal-card strong{color:var(--navy);}
.legal-note{background:#f0faf9;border-left:4px solid var(--cian);border-radius:8px;padding:14px 18px;font-size:14px;color:#3c4351;margin:0 0 22px;}
.legal-updated{color:var(--muted);font-size:14px;margin:0 0 26px;}
.legal-footer{background:var(--navy);color:#c9cfdb;padding:30px 24px;text-align:center;}
.legal-footer .links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-bottom:14px;}
.legal-footer .links a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s;}
.legal-footer .links a:hover{color:var(--cian);}
.legal-footer .copy{font-size:13px;opacity:.75;}
.legal-footer .copy a{color:var(--cian);text-decoration:none;}
@media(max-width:600px){.legal-card{padding:28px 22px;}}