/* StreamHUB V18 — legal documents: compact variant of /nota/ with open editorial layout. */
/* Legal pages now opt into the same shared navbar/footer/body rules as FAQ.
   The individual legal sheet owns only the document layout and typography. */
html[data-sh-page="legal"] body { color: var(--text-main); }
html[data-sh-page="legal"] .sh-legal-page { width: 100%; min-height: calc(100svh - 140px); }
.sh-legal-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(62px,9vw,120px) 0 clamp(50px,7vw,90px); border-bottom: 1px solid var(--border-subtle); }
.sh-legal-map { position:absolute;z-index:-1; inset:-34% -5% -20%; opacity:.10; background:var(--topo-map-stroke); -webkit-mask: url('../../assets/venezuela-silhouette.svg') center / auto 128% no-repeat; mask: url('../../assets/venezuela-silhouette.svg') center / auto 128% no-repeat; pointer-events:none; }
.sh-legal-hero-content { position:relative; text-align:center; }
.sh-legal-kicker { font-weight:750; font-size:.69rem; letter-spacing:.16em; color:var(--accent-main); }
.sh-legal-hero h1 { font-family:MontserratLocal,system-ui,sans-serif; font-size:clamp(2.2rem,6.3vw,4.9rem); line-height:1.12; font-weight:790; letter-spacing:-.055em; margin:18px 0; text-wrap:balance; }
.sh-legal-hero h1 span { color:var(--accent-main); }
.sh-legal-hero-content > p:last-child { color:var(--text-subtle); max-width:680px; margin:0 auto; line-height:1.7; }
.sh-legal-reading { padding:clamp(30px,5vw,70px) 16px clamp(32px,5vw,56px); }
.sh-legal-article { max-width:880px; margin:0 auto; color:var(--text-main); font-size:.95rem; line-height:1.75; }
.sh-legal-draft { display:flex; flex-wrap:wrap; justify-content:space-between; gap:9px 20px; padding:14px 0 20px; border-bottom:1px solid var(--border-subtle); color:var(--text-subtle); font-size:.7rem; letter-spacing:.035em; }
.sh-legal-draft strong { color:var(--status-warning); font-weight:790; }
.sh-legal-intro { font-size:1.04rem; padding:14px 0 28px; max-width:70ch; }
.sh-legal-article > .sh-legal-section:first-of-type { border-top:0; padding-top:0; }
.sh-legal-section { display:grid; grid-template-columns: 46px minmax(0,1fr); gap:clamp(18px,4vw,38px); border-top:1px solid var(--border-subtle); padding:32px 0 36px; }
.sh-legal-section-num { padding-top:4px; color:var(--accent-main); font-weight:750; font-size:.73rem; letter-spacing:.06em; }
.sh-legal-section h2 { font-family:MontserratLocal,system-ui,sans-serif; font-size:clamp(1.15rem,2.3vw,1.55rem); letter-spacing:-.025em; line-height:1.35; margin:0 0 16px; }
.sh-legal-section p { margin:0 0 16px; color:var(--text-subtle); max-width:76ch; overflow-wrap:break-word; }
.sh-legal-section strong { color:var(--text-main); }
.sh-legal-article h2, .sh-legal-article .sh-legal-intro { color:var(--text-main); }
.sh-legal-article a { color:var(--accent-main); text-underline-offset:3px; overflow-wrap:anywhere; }
.sh-legal-final { padding:20px 0; border-top:1px solid var(--border-subtle); font-size:.9rem; }
html[data-sh-page="legal"] .sh-site-nav .back-btn {display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:.83rem;}
html[data-sh-page="legal"] .sh-site-nav .back-btn svg { width:18px;height:18px; }
@media(max-width:560px) { .sh-legal-section {grid-template-columns:30px minmax(0,1fr);gap:12px;padding:22px 0;} .sh-legal-reading{padding-left:8px;padding-right:8px;} .sh-legal-hero{padding:60px 0;} }