/* Watts UP · camada de interação compartilhada (toque, foco, painéis, acessibilidade) */
:where(button,.btn,a.btn,[role=button],summary,select,input[type=checkbox],input[type=radio]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,.btn,a.btn{transition:transform .1s ease-out,background-color .15s,border-color .15s,color .15s,opacity .15s,box-shadow .2s}
button:not(:disabled):active,.btn:active,a.btn:active{transform:scale(.97)}
:focus-visible{outline:2px solid #CC9933;outline-offset:3px;border-radius:6px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(204,153,51,.35);border-color:#CC9933}

/* barras fixas com material translúcido */
header.top{background:rgba(13,37,64,.82)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
body>header[style*="sticky"]{background:rgba(var(--wu-bg-rgb,13,37,64),.8)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}

/* painel arrastável */
.wu-scrim{position:fixed;inset:0;z-index:9000;background:rgba(5,15,28,.55);opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.wu-sheet{position:fixed;left:0;right:0;bottom:0;margin:0 auto;z-index:9010;width:min(640px,100%);max-height:88vh;max-height:88dvh;background:var(--bg-raised,#fff);color:var(--text,#1A1A18);border-radius:28px 28px 0 0;box-shadow:0 -10px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;will-change:transform;border-top:1px solid rgba(255,255,255,.4);font-family:'Inter',system-ui,sans-serif}
.wu-sheet[hidden],.wu-scrim[hidden]{display:none!important}
.wu-sheet .wu-grab{flex:none;touch-action:none;cursor:grab;padding:10px 20px 6px;display:grid;gap:8px;justify-items:center;border-radius:28px 28px 0 0}
.wu-sheet .wu-grab:active{cursor:grabbing}
.wu-sheet .wu-grab>i{width:42px;height:5px;border-radius:5px;background:var(--border,rgba(13,37,64,.2));filter:brightness(.8)}
.wu-sheet .wu-head{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:6px}
.wu-sheet .wu-head h3{font:400 40px/1 'Bebas Neue','Arial Narrow',Impact,sans-serif;margin:0;color:var(--text,#1A1A18)}
.wu-sheet .wu-head .wu-sub{color:var(--text-muted,rgba(26,26,24,.62));font-size:14px;margin-top:4px}
.wu-sheet .wu-x{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:var(--border,rgba(13,37,64,.12));color:inherit;font-size:20px;line-height:1;cursor:pointer}
.wu-sheet .wu-body{overflow-y:auto;padding:6px 20px calc(22px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;display:grid;gap:18px}
.wu-sheet h4{font:700 12px/1.2 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,rgba(26,26,24,.62));margin:0 0 8px}
.wu-prices{display:grid;border:1px solid var(--border,rgba(13,37,64,.15));border-radius:14px;overflow:hidden}
.wu-prices div{display:flex;justify-content:space-between;padding:12px 14px;font-size:15px;font-variant-numeric:tabular-nums}
.wu-prices div+div{border-top:1px solid var(--border,rgba(13,37,64,.15))}
.wu-prices b{font-weight:800}
.wu-prices .cur{background:rgba(204,153,51,.16)}
.wu-checks{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.wu-checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;line-height:1.45}
.wu-checks li::before{content:"";width:22px;height:22px;border-radius:50%;background:#CC9933 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D2540' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:1px}
.wu-note{font-size:13px;color:var(--text-muted,rgba(26,26,24,.62));margin:0}
.wu-row{display:flex;gap:10px;flex-wrap:wrap}
.wu-row>*{flex:1 1 180px;text-align:center}

/* toast */
.wu-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9100;transform:translate(-50%,20px) scale(.96);opacity:0;background:rgba(13,37,64,.94);color:#fff;border:1px solid rgba(247,245,240,.18);border-radius:999px;padding:12px 18px;font:600 14px/1.3 'Inter',system-ui,sans-serif;max-width:calc(100vw - 32px);text-align:center;pointer-events:none;transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .2s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.wu-toast.show{transform:translate(-50%,0) scale(1);opacity:1}

/* controle segmentado */
.wu-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:rgba(13,37,64,.09);border-radius:14px;padding:4px}
.wu-seg .wu-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n,3));border-radius:11px;background:var(--bg-raised,#fff);box-shadow:0 1px 3px rgba(13,37,64,.2),0 4px 14px rgba(13,37,64,.1);will-change:transform}
.wu-seg button{position:relative;z-index:1;border:0;background:none;min-height:40px;padding:0 8px;border-radius:11px;font:700 13px/1.1 'Inter',sans-serif;color:var(--text-muted,rgba(26,26,24,.62));cursor:pointer}
.wu-seg button[aria-selected="true"]{color:var(--text,#1A1A18)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wu-seg{background:rgba(247,245,240,.12)}}
:root[data-theme="dark"] .wu-seg{background:rgba(247,245,240,.12)}
.wu-seg.on-dark{background:rgba(247,245,240,.1)}
.wu-seg.on-dark .wu-ind{background:#CC9933}
.wu-seg.on-dark button{color:rgba(247,245,240,.75)}
.wu-seg.on-dark button[aria-selected="true"]{color:#0D2540}

/* círculo "i" */
.wu-info{width:28px;height:28px;min-width:28px;border-radius:50%;border:1.5px solid #CC9933;background:none;color:#8A6212;font:italic 800 14px/1 Georgia,'Times New Roman',serif;display:inline-grid;place-items:center;padding:0;cursor:pointer}
.wu-info:hover,.wu-info:focus-visible{background:#CC9933;color:#0D2540}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wu-info{color:#E8B84B}}
:root[data-theme="dark"] .wu-info{color:#E8B84B}

/* acessibilidade */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}button:active,.btn:active{transform:none!important}}
@media (prefers-reduced-transparency:reduce){header.top,body>header[style*="sticky"],nav.site,.wu-scrim,.wu-toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}header.top{background:#0D2540!important}}
@media (prefers-contrast:more){:root{--border:rgba(13,37,64,.5)}.wu-sheet{border:2px solid currentColor}}

/* escolhas e aceites com retorno imediato */
label.choice,label.consent,.choice{transition:transform .1s ease-out,border-color .15s,background-color .15s}
label.choice:active,label.consent:active{transform:scale(.985)}
label.choice:has(input:checked){border-color:#CC9933}