/* Shared styles for the standalone legal pages (aviso-legal / privacidad / cookies).
   Reuses tokens, fonts and colors from styles.css; adds simple prose layout. */

.legal-page{background:var(--midnight);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}

.legal-header{border-bottom:1px solid var(--line);padding:20px var(--gutter)}
.legal-header__row{max-width:820px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.legal-back{font-family:var(--font-mono);font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:8px;transition:color .3s}
.legal-back:hover{color:var(--cyan)}

.legal-main{flex:1;padding:clamp(48px,8vw,90px) var(--gutter) 80px}
.legal-article{max-width:760px;margin-inline:auto}
.legal-article .eyebrow{margin-bottom:14px;display:block}
.legal-article h1{font-size:clamp(32px,5vw,52px);margin-bottom:10px}
.legal-updated{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin-bottom:44px}
.legal-article h2{font-size:clamp(19px,2.4vw,24px);margin:40px 0 14px;color:var(--ink)}
.legal-article p{color:var(--muted);line-height:1.75;margin-bottom:16px}
.legal-article ul,.legal-article ol{color:var(--muted);line-height:1.75;margin:0 0 16px;padding-left:22px}
.legal-article li{margin-bottom:8px}
.legal-article a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.legal-article strong{color:var(--ink);font-weight:600}

.legal-table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:13.5px}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:10px 14px;text-align:left;color:var(--muted);vertical-align:top}
.legal-table th{color:var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;background:var(--midnight-3)}
@media(max-width:700px){.legal-table{display:block;overflow-x:auto}}

.legal-note{border:1px solid var(--line);background:var(--midnight-3);border-radius:14px;padding:18px 22px;font-size:13.5px;color:var(--muted);margin-top:36px}
.legal-note strong{color:var(--ink)}

.legal-footer{border-top:1px solid var(--line);padding:26px var(--gutter);font-family:var(--font-mono);font-size:12px;color:var(--slate)}
.legal-footer__row{max-width:820px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;align-items:center}
.legal-footer__links{display:flex;gap:18px;flex-wrap:wrap}
.legal-footer a{color:var(--slate);transition:color .3s}
.legal-footer a:hover{color:var(--ink)}