/* ==========================================================================
   Artsessions · pages.css
   Páginas de texto: aviso legal y error 404.
   ========================================================================== */

/* ---------- Documento legal ---------------------------------------------- */
.doc{padding-block:clamp(56px,8vw,104px) 80px}
.doc__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,96px);align-items:start}
.doc__side{position:sticky;top:calc(var(--nav-h) + 40px)}
.doc__side .kicker{margin-bottom:18px}
.doc h1{font-stretch:118%;font-weight:720;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.03em;line-height:.98}
.doc__side p{color:var(--muted);margin-top:22px;max-width:36ch;font-size:16.5px;line-height:1.7}
.doc__side .doc__updated{margin-top:28px;color:var(--faint);font-size:11.5px}

.doc__facts{margin:0 0 56px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}
.doc__facts div{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:16px;padding:16px 22px;border-top:1px solid var(--line-soft)}
.doc__facts div:first-child{border-top:0}
.doc__facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding-top:4px}
.doc__facts dd{margin:0}
.doc__facts a,.doc__body a{color:var(--text);text-decoration-color:var(--faint);text-underline-offset:3px}
.doc__facts a:hover,.doc__body a:hover{text-decoration-color:var(--text)}

.doc__body h2{font-stretch:110%;font-weight:640;font-size:21px;letter-spacing:-.01em;line-height:1.25;margin:44px 0 10px}
.doc__body h2:first-of-type{margin-top:0}
.doc__body p{color:var(--muted);margin:0 0 12px;max-width:68ch;font-size:16.5px;line-height:1.7}

@media (max-width:860px){
  .doc__grid{grid-template-columns:minmax(0,1fr)}
  .doc__side{position:static}
}
@media (max-width:520px){
  .doc__facts div{grid-template-columns:1fr;gap:2px}
}

/* ---------- 404 ----------------------------------------------------------- */
.notfound{position:relative;min-height:calc(100vh - var(--nav-h) - 120px);display:grid;align-items:center;padding-block:80px;overflow:hidden;isolation:isolate}
.notfound .notfound__code{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(6rem,22vw,16rem);line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(242,235,230,.35)}
.notfound h1{font-size:clamp(1.8rem,3.6vw,2.8rem);margin-top:28px}
.notfound p{color:var(--muted);margin-top:14px;max-width:52ch}
.notfound__en{color:var(--faint);margin-top:6px}
.notfound::before{content:"";position:absolute;z-index:-1;width:60vw;height:40vw;right:-10vw;bottom:-20vw;border-radius:50%;background:radial-gradient(closest-side,var(--omw-c),rgba(10,108,230,.4) 60%,transparent);filter:blur(100px);opacity:.3}

/* ---------- Tabla de cookies --------------------------------------------- */
.doc__table-wrap{overflow-x:auto;margin:18px 0 12px;border:1px solid var(--line);border-radius:14px}
.doc__table{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.doc__table th,.doc__table td{text-align:left;vertical-align:top;padding:12px 16px;border-top:1px solid var(--line-soft)}
.doc__table thead th{border-top:0;background:var(--surface);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.doc__table td{color:var(--muted)}
.doc__table code{font-family:var(--mono);font-size:12.5px;color:var(--text);white-space:nowrap}
.doc__body .doc__note{font-size:14px;color:var(--faint)}
.doc__body .actions{margin:8px 0 12px}
.doc__links{margin:0 0 12px;padding-left:18px;color:var(--muted)}
.doc__links li{margin:4px 0}
.doc__links a{color:var(--text);text-decoration-color:var(--faint);text-underline-offset:3px}