/* Calytur · sistema unico de botoes (ideia de variantes do shadcn/ui, MIT). Tamanhos: sm 48 · md 54 · xl 60. Uma fonte: Inter 600. */
:root{--b-h-sm:48px;--b-h-md:54px;--b-h-xl:60px;--b-r:999px;--b-font:600 15px/1 var(--sans);--b-ls:-.005em;--b-ring:0 0 0 3px #fffdf9,0 0 0 5px #2450c8}
.btn,.chips button,.wabar .btn{font:var(--b-font)!important;letter-spacing:var(--b-ls)!important;border-radius:var(--b-r)!important;min-height:var(--b-h-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn--sm{min-height:var(--b-h-sm)!important;font-size:14px!important}
.btn--xl{min-height:var(--b-h-xl)!important;font-size:16px!important}
.chips button{min-height:var(--b-h-sm);padding:0 20px!important;display:inline-flex;align-items:center;gap:8px;font-size:14px!important}
.btn:focus-visible,.chips button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--b-ring)!important}
.btn .hi,.chips .hi{width:20px;height:20px;flex:0 0 20px;stroke:currentColor;fill:none;stroke-width:1.5}

@media (max-width:760px){.btn{min-height:var(--b-h-sm)}}
.btn.press{transform:translate3d(var(--tx),var(--ty),0)!important}
/* cards: placeholder ThumbHash -> nitido em 300ms so com opacity; zoom CSS de fallback no hover */
#deck .im{background-color:#e9e2d4}
#deck .im img.th{opacity:0;transition:opacity .3s ease}#deck .im img.th.ok{opacity:1}
@media (hover:hover) and (pointer:fine){#deck .im img{transition:opacity .3s ease,transform .8s cubic-bezier(.2,.7,.2,1)}#deck .card:hover .im img{transform:scale(1.045)}#deck .card.liq .im img{filter:url(#cy-liq)}}
/* View Transitions entre paginas (nativo, sem custo) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
@media (max-width:760px){.wabar{gap:8px!important;padding-left:10px!important;padding-right:10px!important}.wabar .btn{font-size:12.5px!important;padding:6px 10px 6px 6px!important;gap:6px!important}.wabar .btn:not(:has(.wa-ico)){padding:6px 12px!important}.wabar .wa-ico{width:34px!important;height:34px!important}}
