/* Alpama - página inicial: neutra, cada app com as próprias cores */
:root{--fundo:#f5f4f0;--card:#ffffff;--borda:#e2e0d8;--texto:#141414;--sec:#55534c;--cinza:#86847b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:860px;margin:0 auto;padding:32px 16px 64px}
a{color:var(--texto)}
header.topo{display:flex;align-items:center;margin-bottom:36px}
header.topo img{display:block;height:30px;width:auto}
.rotulo{font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--cinza);text-transform:uppercase}
h1{font-size:34px;line-height:1.12;margin:6px 0 10px;font-weight:900;letter-spacing:-.5px}
.intro{color:var(--sec);max-width:560px;margin:0 0 28px}
.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.app{border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px;min-height:100%}
.app-topo{display:flex;align-items:center;gap:12px}
.app-topo img{width:52px;height:52px;border-radius:14px;display:block;flex:none}
.app-topo h2{margin:0;font-size:22px;font-weight:900;letter-spacing:-.3px}
.app-topo span{display:block;font-size:13px;font-weight:600;opacity:.75}
.app p{margin:0}
.app ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.app li{display:flex;gap:10px;font-size:15px}
.app li::before{content:"";width:7px;height:7px;border-radius:50%;margin-top:9px;flex:none;background:var(--acento)}
.app .botao{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:999px;background:var(--acento);color:var(--sobre-acento)}
.app .botao:hover{filter:brightness(1.06)}
.app .botao:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
.app.clockfit{background:#0B0B0C;color:#F4F2EC;--acento:#FFD60A;--sobre-acento:#0B0B0C}
.app.clockfit p,.app.clockfit li{color:#B8B6AE}
.app.sortia{background:#0f3d2a;color:#ffffff;--acento:#f2b632;--sobre-acento:#3d2a00}
.app.sortia p,.app.sortia li{color:#cfe5d8}
footer{margin-top:48px;color:var(--cinza);font-size:14px;border-top:1px solid var(--borda);padding-top:16px}
footer a{color:var(--sec)}