/* ==========================================================================
   Legales y 404
   ========================================================================== */
.legal { position: relative; z-index: 1; padding: clamp(36px, 5vw, 72px) 0 var(--section-y); max-width: 820px; }
.legal__note { padding: 14px 16px; background: var(--ice); border-left: 3px solid var(--cyan); font-size: .9rem; margin-bottom: 32px; }
.legal__s { padding: 24px 0; border-top: var(--rule-light); }
.legal__s h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); margin-bottom: 12px; }
.legal__s p { color: var(--muted); }
.legal__s p + p { margin-top: .8em; }

.e404 { position: relative; z-index: 1; min-height: calc(100svh - var(--header-h)); display: flex; align-items: center; padding: 64px 0; overflow: hidden; }
.e404::before { content: ""; position: absolute; right: -10vw; top: 50%; width: 60vw; aspect-ratio: 1; border: 1px solid var(--line-dark); transform: translateY(-50%) rotate(45deg); }
.e404__in { position: relative; display: grid; gap: 24px; }
.e404__code { font: 900 clamp(6rem, 24vw, 20rem)/.8 var(--display); color: var(--cyan); }
.e404__title { font-size: clamp(2.6rem, 8vw, 6rem); }
.e404__text { max-width: 44ch; color: var(--muted-dark); }