:root{--brand:#3f4448;--acao:#3f4448;--sobre-acao:#fff;--superficie:#fff;--coluna:560px;--coluna-fundo:#fff;--texto:#1c1f22;--destaque:#6b7075;--warn:#b85c36;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body,html{background:var(--superficie)}body{color:var(--texto);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.viewport{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{font:inherit}.cabecalho{position:relative;background:var(--brand);color:var(--sobre-marca);padding-top:env(safe-area-inset-top)}.cabecalho.com-fundo .cabecalho-ponta{flex:0 0 auto}.cabecalho.com-fundo .cabecalho-interno{padding-bottom:58px}.cabecalho.com-fundo{background-position:100%;background-size:cover;background-repeat:no-repeat}.cabecalho:not(.sem-veu):before{content:"";position:absolute;inset:0;background:linear-gradient(to right,color-mix(in srgb,var(--brand) 45%,#000) 0,color-mix(in srgb,var(--brand) 50%,transparent) 100%)}.cabecalho-interno{position:relative;z-index:1;max-width:var(--coluna);margin:0 auto;padding:14px 18px}.cabecalho-linha{display:flex;align-items:center;gap:12px}.cabecalho-ponta{flex:1 1;display:flex;align-items:center;justify-content:flex-start;min-width:0}.cabecalho-interno.com-abaixo{padding-bottom:26px}.cabecalho-titulo{font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-ancora{position:relative;display:inline-flex}.cabecalho-acoes{flex:1 1;justify-content:flex-end;display:flex;align-items:center;gap:12px;margin-left:auto}.cabecalho-acoes>button:not(.fora-do-menu),.menu-ancora>button:not(.fora-do-menu){display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:none;color:inherit;cursor:pointer}.menu-ancora>button:not(.fora-do-menu){width:44px;height:44px}.menu-ancora>button:not(.fora-do-menu):hover{background:color-mix(in srgb,var(--sobre-marca) 14%,transparent)}.voltar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-8px;padding:0;border:none;border-radius:50%;background:none;color:inherit;cursor:pointer}.voltar:hover{background:color-mix(in srgb,var(--sobre-marca) 14%,transparent)}.coluna{width:100%;max-width:var(--coluna);margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:16px}.bloco{padding:22px 20px;border-radius:14px;background:var(--coluna-fundo)}.rotulo-secao{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--destaque)}.marca-caminho{display:flex;align-items:center;flex:0 0 auto;padding:0;border:none;background:none;cursor:pointer}.cabecalho-acoes>button:not(.fora-do-menu){background:color-mix(in srgb,var(--destaque) 20%,transparent);border:none;color:var(--destaque)}.menu-ancora>button:not(.fora-do-menu){background:color-mix(in srgb,var(--acao) 38%,transparent)}.cabecalho .avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;font-size:12px;font-weight:700}.cabecalho .avatar img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center}.etiqueta{flex:none;padding:2px 8px;border-radius:999px;background:var(--destaque);color:var(--texto);font-size:11px;font-weight:700;white-space:nowrap}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),select,textarea{width:100%;margin-bottom:18px;padding:12px 14px;border:1.5px solid var(--linha);border-radius:10px;background:var(--campo-fundo);color:var(--sobre-campo);font:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acao)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--campo-fundo) inset;-webkit-text-fill-color:var(--sobre-campo);-webkit-transition:background-color 100000s ease-in-out 0s;transition:background-color 100000s ease-in-out 0s}.busca{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--coluna-fundo)}.busca svg{flex-shrink:0;width:18px;height:18px;color:var(--texto-fraco)}.busca input{flex:1 1;outline:none;font:inherit;font-size:15px;color:var(--texto)}.busca button,.busca input{border:none;background:none}.busca button{flex-shrink:0;padding:0;color:var(--texto-fraco);cursor:pointer;line-height:0}.cabecalho-acoes>button:not(.fora-do-menu),.menu-ancora>button:not(.fora-do-menu){position:relative}.marca-nao-lidas{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--destaque);box-shadow:0 0 0 2px var(--brand)}.fora-do-menu{position:fixed;inset:0;z-index:20;padding:0;border:none;background:none;cursor:default}.menu-conta{display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);right:0;z-index:21;min-width:210px;max-width:calc(100vw - 32px);padding:6px;border-radius:12px;background:var(--menu-fundo);color:var(--sobre-menu);box-shadow:0 10px 30px rgba(0,0,0,.16)}.icone-secao{flex-shrink:0;color:var(--destaque)}.menu-quem{display:flex;flex-direction:column;gap:2px;padding:12px 12px 14px;margin-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--texto) 12%,transparent);color:var(--sobre-menu)}.menu-nome{font-size:14px;font-weight:600;line-height:1.3}.menu-conta-numero{font-size:12.5px;color:color-mix(in srgb,var(--sobre-menu) 65%,transparent)}.menu-conta .menu-item{display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;padding:11px 12px;border:none;border-radius:8px;background:none;color:var(--texto);font:inherit;font-size:14.5px;text-align:left;gap:10px;cursor:pointer;white-space:nowrap}.menu-conta .menu-item:hover{background:color-mix(in srgb,var(--texto) 6%,transparent)}.menu-conta .menu-item svg{flex-shrink:0;width:17px;height:17px;color:var(--texto-tenue)}.menu-conta .menu-item.danger,.menu-conta .menu-item.danger svg{color:var(--warn)}body,html{overflow-x:hidden}.cabecalho-marca{flex:0 0 auto;max-height:46px;max-width:min(200px,42vw);object-fit:contain}.cabecalho-marca[data-tamanho=SMALL]{max-height:38px;max-width:min(164px,42vw)}.cabecalho-marca[data-tamanho=LARGE]{max-height:56px;max-width:min(240px,42vw)}@media (max-width:600px){.menu-conta{max-width:calc(100vw - 36px)}}