/* Páginas de error (404, 405, 500) y de mantenimiento (503) */
.err-page{position:relative;overflow:hidden;display:grid;place-items:center;min-height:82vh;padding:9rem 1.2rem 4rem;background:linear-gradient(160deg,#eaf5f7 0%,#fdf3dc 55%,#fde9e1 100%)}
.err-blob{position:absolute;border-radius:50%;pointer-events:none;background:#fff;opacity:.55}
.err-blob-1{width:300px;height:300px;left:-100px;top:12%}
.err-blob-2{width:200px;height:200px;right:-60px;bottom:8%}
.err-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:1.5rem 3rem;width:100%;max-width:1040px;padding:2.6rem 3rem;border:4px solid #fff;border-radius:44px;background:rgba(255,255,255,.82);box-shadow:0 10px 0 rgba(41,51,69,.08)}
.err-art{position:relative;display:grid;place-items:center;min-height:300px}
.err-code{position:absolute;inset:0;display:grid;place-items:center;font:600 clamp(7rem,17vw,12rem)/1 var(--serif);color:var(--tone);opacity:.32;letter-spacing:-.04em;user-select:none}
.err-mascot{position:relative;width:min(300px,80%);height:auto;filter:drop-shadow(0 14px 12px rgba(41,51,69,.2));animation:enroll-float 4s ease-in-out infinite}
.err-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;background:var(--tone);color:#fff;font:800 .78rem var(--sans);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 0 rgba(41,51,69,.15)}
.err-body h1{margin:1rem 0 .6rem;font-size:clamp(1.9rem,4vw,2.9rem)}
.err-body>p{margin:0 0 1.5rem;max-width:32em;font-size:1.05rem;color:var(--ink)}
.err-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.err-help{display:flex;align-items:center;gap:.5rem;margin:1.4rem 0 0!important;font-size:.9rem!important;color:var(--muted)!important}
.err-help i{color:var(--tone)}
.err-help a{color:var(--blue);font-weight:800;text-decoration:underline}
@media (max-width:860px){
  .err-page{padding-top:7rem}
  .err-card{grid-template-columns:1fr;padding:1.8rem 1.4rem;text-align:center;border-radius:34px}
  .err-art{min-height:220px}
  .err-mascot{width:190px}
  .err-body>p{margin-left:auto;margin-right:auto}
  .err-actions,.err-help{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.err-mascot{animation:none}}