/* Badaró Apps: pastel playful no mundo do soft minimal. Tudo azul, um acento só. */
:root{--sh-rgb:30,64,175;--glow-rgb:77,141,255;--accent-deep:#1a45b3;--font:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#eef4ff;--surface:#fff;--text:#0b1a33;--muted:#5a6c8f;--accent:#2f6df0;--on-accent:#fff;--accent-bg:linear-gradient(150deg,#4d8dff,#1f56d8);--chip:#e6eeff;--radius:32px;--pad:22px;--gap:12px;--border:1px solid rgba(var(--sh-rgb),.07);--shadow:0 5px 0 rgba(var(--sh-rgb),.07),0 18px 34px -20px rgba(var(--sh-rgb),.28);--nav-bg:rgba(238,244,255,.82);--h-weight:900;--ta:#dbe8ff;--tb:#f4f8ff;--tc:#cfe0ff;--td:#e9f1ff;--te:#fff;--hover:translateY(-4px) rotate(-.5deg);--icon-radius:24px;--logo-radius:12px}
body{font-weight:600}
h1 em{font-style:normal;color:var(--accent-ink,var(--accent))}
.tile.hero::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow-rgb),.32),transparent 70%);pointer-events:none}
.tile.accent::after{content:"";position:absolute;right:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}
.chip,.drink{background:rgba(255,255,255,.7);border:1px solid rgba(var(--sh-rgb),.08)}
.tone-e .chip,.tile:not([class*=tone]):not(.accent) .chip,.tile:not([class*=tone]):not(.accent) .drink{background:var(--chip)}
.btn{box-shadow:0 5px 0 var(--accent-deep)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--accent-deep)}
.btn.ghost{background:#fff;color:var(--accent-ink,var(--accent));box-shadow:0 5px 0 rgba(var(--sh-rgb),.14)}
.btn.light{background:#fff;color:var(--accent-ink,var(--accent));box-shadow:0 5px 0 rgba(0,0,0,.2)}
.app-icon{box-shadow:0 5px 0 var(--accent-deep)}
.shots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin-inline:-4px;-webkit-overflow-scrolling:touch}
.shots figure{flex:0 0 min(62%,230px);scroll-snap-align:center;text-align:center;font-size:.8rem;font-weight:800;color:var(--muted)}
.shots img{width:100%;border-radius:26px;box-shadow:0 5px 0 rgba(var(--sh-rgb),.1),0 18px 30px -16px rgba(var(--sh-rgb),.4);margin-bottom:8px}
@media(min-width:900px){.shots figure{flex-basis:calc(25% - 10px)}}
.nav-links a{font-weight:800}
/* Intro da home: fora do bento, entra com fade vindo de baixo */
.intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;min-height:52svh;padding:32px 4px}
.intro h1{font-size:clamp(2.6rem,12vw,5.6rem)}
.intro .btns{margin-top:0}
.intro>*{opacity:0;animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) forwards}
.intro .btns{animation-delay:.18s}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(min-width:900px){.intro{min-height:46vh;padding-inline:8px}}
/* Toggle PT/EN */
.lang{display:flex;padding:3px;border-radius:999px;background:#fff;box-shadow:0 3px 0 rgba(var(--sh-rgb),.12)}
.lang button{font:inherit;font-weight:900;font-size:.82rem;letter-spacing:.04em;min-width:44px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.lang button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
/* Cards de app na home: cada app com a sua paleta */
.app-brew{--accent-deep:#8A3A12;--accent:#C2622D;--accent-bg:linear-gradient(150deg,#DB8553,#C2622D);--on-accent:#FFF8EC}
.app-mint{--accent-deep:#23857b;--accent:#3CC6B9;--accent-bg:linear-gradient(150deg,#5ED3C8,#37B9AD);--on-accent:#0f3b37}