/* albada.pe · Grupo ALBADA · minimalista claro · mobile-first */
:root{--ink:#1d1d1f;--mut:#86868b;--bg:#fbfbfd;--marca:#1f4e78;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}

.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px}
.mark{margin:0 0 22px;line-height:0;animation:in .9s cubic-bezier(.2,.7,.2,1) both}
.mark img{width:clamp(200px,58vw,380px)}
.eyebrow{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--mut);animation:in .9s .1s cubic-bezier(.2,.7,.2,1) both}
h1{margin:0;font-size:clamp(52px,15vw,120px);font-weight:700;letter-spacing:-.045em;line-height:1;animation:in .9s .18s cubic-bezier(.2,.7,.2,1) both}
.lead{margin:20px 0 36px;font-size:clamp(18px,4vw,22px);color:var(--mut);letter-spacing:-.01em;animation:in .9s .26s cubic-bezier(.2,.7,.2,1) both}
.link{font-size:15px;color:var(--ink);padding:10px 0;border-bottom:1px solid rgba(0,0,0,.15);transition:border-color .2s;animation:in .9s .34s cubic-bezier(.2,.7,.2,1) both}
.link:hover{border-color:var(--ink)}
.foot{text-align:center;font-size:12px;color:var(--mut);padding:24px 24px calc(28px + env(safe-area-inset-bottom))}

/* 404 */
.notfound{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}
.notfound h1{font-size:clamp(32px,8vw,56px)}
.ctas{display:flex;justify-content:center}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:980px;font-size:16px;font-weight:500}
.primary{background:var(--ink);color:#fff}

@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
