@charset "utf-8"; /* ============================================================================ Pagina di ERRORE generica (transazioni, errori imprevisti) — design system "Fdo". Il (global.css) fornisce sfondo blu, tipografia e colori base + header/footer Fdo (include comuni). Diversa da 404/403 (che usano 404.css): qui "Oops!" + messaggio + eventuale dettaglio tecnico, un solo CTA "Torna alla home". 02/08/2026: restyle dalla vecchia grafica chiara alla nuova grafica blu. ============================================================================ */ /* Footer ancorato in fondo anche con poco contenuto (scoped: questo CSS lo caricano solo le pagine d'errore). */ body.FdoPage { display: flex; flex-direction: column; min-height: 100vh; } .ErrorPage { flex: 1; display: flex; align-items: center; justify-content: center; padding: var(--space-8) var(--space-4); text-align: center; } @media (min-width: 1025px) { .ErrorPage { padding: var(--space-9) var(--space-6); } } .ErrorPage .Container { width: 100%; max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: var(--space-2); } .ErrorPage .ErrorOops { display: block; margin: 0 0 -6px; font-family: var(--font-display); font-weight: 400; font-size: clamp(72px, 16vw, 132px); line-height: .95; color: #d89958; background: var(--gradient-heading); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: .1em; } .ErrorPage h1 { margin: 0 0 var(--space-1); font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 4.4vw, 38px); line-height: 1.2; color: var(--color-h3); } .ErrorPage .ErrorMsg { margin: var(--space-1) 0 0; max-width: 48ch; font-size: 17px; line-height: 1.6; color: var(--color-body); opacity: .92; } /* Dettaglio errore tecnico (solo se presente): piccolo e defilato. */ .ErrorPage .ErrorDetail { margin: var(--space-2) 0 0; max-width: 52ch; font-size: 14px; line-height: 1.5; color: var(--color-h3); opacity: .85; } .ErrorPage .ErrorActions { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; margin-top: var(--space-5); }