.evento-notfound { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; background-color: var(--color-bg); min-height: 100dvh; padding-inline: var(--page-gutter); padding-top: 72px; padding-bottom: clamp(var(--space-10), 6vw, var(--space-16)); } @media (min-width: 1024px) { .evento-notfound { padding-top: 90px; } } .evento-notfound__img { width: clamp(120px, 14vw, 180px); height: auto; margin-bottom: var(--space-3); } .evento-notfound__icon { font-size: clamp(3.5rem, 8vw, 5rem); line-height: 1; color: var(--color-text-muted); margin-bottom: var(--space-3); } .evento-notfound__title { margin: 0 0 var(--space-2); font-family: var(--font-body); font-weight: var(--fw-semibold); font-size: clamp(1.25rem, 2vw, 1.75rem); color: var(--color-text); } .evento-notfound__text { margin: 0 0 var(--space-5); font-family: var(--font-body); font-size: var(--fs-sm); color: var(--color-text-muted); max-width: 40ch; } .evento-notfound__link { font-family: var(--font-body); font-weight: var(--fw-medium); color: var(--color-canon-red); text-decoration: underline; text-underline-offset: 3px; } .evento-notfound__link:hover { color: var(--color-canon-red-hover); text-decoration: none; }