@font-face{font-family:Solid;src:url('fa-solid-900.ttf') format('truetype');font-display:block}

@font-face{font-family:Brands;src:url('fa-brands-400.ttf') format('truetype');font-display:block}

:root{color-scheme:dark;--bg:#101114;--panel:#191b20;--line:#303238;--text:#f5f5f6;--dim:#a8abb4;--red:#fa4147;--red-deep:#ae1f29;--gold:#ffbd65;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--r-1:10px;--r-2:16px;--r-3:22px}

*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--text);font:15px/1.55 system-ui,-apple-system,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{font:inherit;color:inherit;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}
button:active,a:active{filter:brightness(.9)}
[hidden]{display:none}
h1,h2,h3,p{margin:0}
.i,.b{font-family:Solid;font-style:normal;display:inline-block;line-height:1;flex-shrink:0}
.b{font-family:Brands}
.topbar{height:70px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #24262c;background:#101114;position:sticky;top:0;z-index:10}
.icon-button{width:44px;height:44px;display:grid;place-items:center;background:#202228;border-radius:14px;flex-shrink:0;font-size:19px}
.topbar-title{display:flex;flex-direction:column;line-height:1.2}
.topbar-title strong{font-size:17px}
.topbar-title>span{font-size:9px;letter-spacing:1.6px;color:#999da8;margin-top:5px}
.wordmark{font-weight:400;letter-spacing:.2px}
.local-label{margin-left:auto;font-size:9px;letter-spacing:1.2px;font-weight:800;white-space:nowrap;color:#e9a2a5}
.local-label .i{font-size:12px;margin-right:4px}
.page{max-width:700px;margin:auto;padding:0 20px}
.intro{padding:28px 0 24px}
.eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:800;line-height:1.55;display:block}
.eyebrow .i{margin-right:5px}
.muted{color:var(--dim)}
.intro h1{font-size:clamp(27px,7.6vw,40px);line-height:1.1;letter-spacing:-1.2px;margin:0 0 16px;font-weight:850}
.intro h1 span{color:var(--red)}
.city{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--dim)}
.city .i{color:var(--red)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px}
.section-heading h2{font-size:21px;letter-spacing:-.6px;line-height:1.25;margin-top:5px}
.section-symbol{height:40px;width:40px;border:1px solid #473135;color:#ff656b;display:grid;place-items:center;border-radius:50%;font-size:19px}
/* ---- fileiras que deslizam para o lado (favoritos, lista, assuntos, "Para você") ----
   Um cartão compacto só, em todas as fileiras. Curva única: cubic-bezier(.23,1,.32,1); só transform e opacidade. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.rail-section{margin-top:24px;scroll-margin-top:82px}
.favorites-section{margin-top:0}
.rail-section[hidden],.rail[hidden],.rail-head[hidden],.fav-tip[hidden],.fav-missing[hidden],.rail-arrow[hidden],.rail-all[hidden],.interests-section[hidden],.interests-clear[hidden],.icon-button[hidden],.local-label[hidden]{display:none}
.rail-head{display:flex;align-items:center;gap:12px;min-height:44px;margin:0 0 10px}
.rail-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:#2a2228;color:#ff8c94;font-size:15px}
.rail-icon.is-heart{background:var(--red);color:#fff}
.rail-titles{flex:1;min-width:0}
.rail-titles h2{font-size:17px;line-height:1.25;font-weight:800;letter-spacing:-.2px;text-wrap:balance;overflow-wrap:break-word;outline:none}
.rail-count{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--dim)}
.rail-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.rail-actions:empty{display:none}
.rail-arrow{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1c1e24;border:1px solid #3a3d46;color:#e2e3e7;font-size:13px}
.rail-arrow:disabled{opacity:.35;cursor:default}
.rail-all{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:999px;background:#1c1e24;border:1px solid #3a3d46;color:#e2e3e7;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.rail-all .i{font-size:12px;color:#ff6971}
/* cada cartão do tamanho do próprio conteúdo (um cartão com oferta não estica os outros); 6 px em cima para o contorno de foco não ser cortado */
.rail{display:flex;align-items:flex-start;gap:10px;margin:-4px -20px 0;padding:6px 20px 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:20px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail:focus-visible{outline:3px solid #fff;outline-offset:-3px;border-radius:16px}
/* cartão compacto: 148 px em 360 (dois inteiros e a ponta do terceiro convidando a deslizar) */
.biz-card{position:relative;flex:0 0 clamp(140px,41vw,176px);display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border-radius:14px;border:1px solid #34363d;background:var(--panel);transition:transform .12s cubic-bezier(.23,1,.32,1),border-color .18s ease}
.biz-card.is-featured{border-color:#ffbd6566}
.biz-card:has(.mechanic-cover:active){transform:scale(.98)}
/* a capa é o botão; sem position/overflow, o ::after estica o toque para o cartão inteiro */
.mechanic-cover{display:block;flex-shrink:0;width:100%;padding:0;background:none;text-align:left;border-radius:13px 13px 0 0}
.mechanic-cover::after{content:"";position:absolute;inset:0;border-radius:14px;z-index:1}
.mechanic-cover:active{filter:none}
.mechanic-cover:active .cover-media{filter:brightness(.9)}
.mechanic-cover:focus-visible{outline:none}
.mechanic-cover:focus-visible::after{outline:3px solid #fff;outline-offset:2px}
.cover-media{position:relative;display:block;width:100%;aspect-ratio:3/2;border-radius:13px 13px 0 0;overflow:hidden;background:#0a0b0d}
.cover-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
/* coração: área de toque 44 px, disco de 32 px; contorno desligado, cheio e vermelho ligado (mesmo no tema dourado) */
.fav-toggle{position:absolute;top:2px;right:2px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:none;transition:transform .14s cubic-bezier(.23,1,.32,1)}
.fav-toggle::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#0e0f13c7;border:1px solid #ffffff30}
.fav-toggle .i,.fav-top .i{position:relative;font-size:15px;color:#ffffffe6;transition:color .16s ease-out}
.fav-top .i{font-size:18px}
@supports(-webkit-text-stroke:1px #000){.fav-toggle .i,.fav-top .i{color:transparent;-webkit-text-stroke:1.6px #fff;transition:color .16s ease-out,-webkit-text-stroke-color .16s ease-out}
}
.fav-toggle.is-on .i,.fav-top.is-on .i{color:#ff4d57;-webkit-text-stroke-color:#ff4d57}
.fav-toggle:active,.fav-top:active{transform:scale(.9);filter:none}
.fav-toggle.is-pop .i,.fav-top.is-pop .i{animation:coracao .28s cubic-bezier(.23,1,.32,1)}
.fav-toggle:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.fav-top{margin-left:auto;transition:transform .14s cubic-bezier(.23,1,.32,1)}
.mechanic-card-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px;min-width:0;overflow:hidden}
.business-name{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0}
.business-name h3{min-height:2.5em;font-size:15px;line-height:1.25;font-weight:800;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.business-sub{display:flex;align-items:center;gap:5px;min-width:0;margin:0;font-size:12px;line-height:1.4;color:var(--dim)}
.business-sub-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.business-sub .verified-badge{flex:0 0 auto;padding:0;border-radius:0;background:none;color:#ffbd65;font-size:13px}
.business-sub .verified-badge .i{font-size:13px}
/* o motivo do "Para você" pode ir a 2 linhas: cortado ("Você chamou no ...") ele não explica nada */
.card-reason{display:flex;align-items:flex-start;gap:6px;min-width:0;color:#e9d3d6}
.card-reason .i,.card-reason .b{font-size:12px;line-height:16.8px;color:#ff8c94}
.card-reason>span{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card-status{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:12px;line-height:1.4;color:var(--dim)}
.card-status .i{font-size:11px;color:#f07f83}
.card-status>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* horário e bairro: um embaixo do outro (lado a lado cortava no cartão estreito), cada um com o seu ícone */
.card-info{flex-direction:column;align-items:stretch;gap:3px}
.card-info-item{display:flex;align-items:center;gap:6px;min-width:0}
.card-info-item .i{flex:0 0 14px;text-align:center}
.card-info-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* oferta e vagas no cartão: botões próprios acima do toque do cartão */
/* coluna que nunca passa da largura do cartão: com a letra do celular aumentada, o texto ganha reticências em vez de invadir o vizinho */
.biz-card .card-extras{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:0}
.biz-card .offer-strip{position:relative;z-index:2;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:start;gap:6px;min-height:0;padding:6px 8px;border-radius:8px;background:#ffbd6514;border:1px dashed #ffbd6566;text-align:left;min-width:0}
.biz-card .offer-strip>.offer-icon{font-size:12px;line-height:16px;color:#ffbd65;justify-self:center}
.biz-card .offer-strip-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.biz-card .offer-strip-label{display:inline;font-size:12px;font-weight:800;letter-spacing:0;line-height:1.35;text-transform:none;color:#ffbd65}
.biz-card .offer-strip-label::after{content:": "}
.biz-card .offer-strip-title{display:inline;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.35;color:#ffe2b8}
.biz-card .jobs-line{position:relative;z-index:2;display:flex;align-items:center;gap:6px;min-height:28px;padding:0;border:0;border-radius:6px;background:none;font-size:12px;font-weight:700;line-height:1.3;color:#e2e3e7;text-align:left;min-width:0}
.biz-card .jobs-line>.i{font-size:12px;color:#ff6971}
.biz-card .jobs-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.biz-card .offer-strip:focus-visible,.biz-card .jobs-line:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* "Ver todas": a fileira vira grade na hora */
.rail.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:10px;margin:0;padding:2px 0 6px;overflow:visible;scroll-snap-type:none}
.rail.is-grid>.biz-card{flex:none}
/* último quadro de uma fileira com mais de 12 empresas: o resto só é montado quando a pessoa pede */
.rail-more{display:flex;flex:0 0 clamp(140px,41vw,176px);min-width:0;scroll-snap-align:start}
.rail-more-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:calc(clamp(140px,41vw,176px) * 2 / 3 + 100px);padding:16px 12px;border-radius:14px;background:#17181d;border:1px dashed #4a3a40;color:#e2e3e7;text-align:center}
.rail-more-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2a2228;color:#ff8c94;font-size:16px}
.rail-more-text{font-size:14px;font-weight:800;line-height:1.25}
.rail-more-count{font-size:12px;line-height:1.35;color:var(--dim);overflow-wrap:anywhere}
/* favoritos: atalhos quadrados fixos no topo */
.fav-rail{gap:8px;padding-top:6px}
.fav-rail.is-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:14px 12px;padding-top:6px}
/* atalho medido pela tela: em qualquer celular aparecem 4 inteiros e a ponta do 5º (convite para deslizar); 8 px entre eles para o nome caber */
.fav-item{display:flex;flex:0 0 clamp(56px,calc((100vw - 20px) / 4.4 - 8px),80px);min-width:0;scroll-snap-align:start}
.fav-rail.is-grid>.fav-item{flex:none}
.fav-tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;background:none;color:inherit;text-align:center;transition:transform .12s cubic-bezier(.23,1,.32,1)}
.fav-tile:active{transform:scale(.96);filter:none}
.fav-tile:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:14px}
/* a foto deixa 4 px de cada lado: o coraçãozinho e o bilhete (que saem 4 px da foto) nunca passam do atalho */
.fav-tile-pic{position:relative;display:block;width:min(64px,calc(100% - 8px));aspect-ratio:1/1;flex-shrink:0}
.fav-tile-media{display:grid;place-items:center;width:100%;height:100%;border-radius:16px;overflow:hidden;background:#1c1e24;border:1px solid #34363d}
.fav-tile-media>img{display:block;width:100%;height:100%;object-fit:cover}
.fav-tile-media.is-logo{background:#fff}
.fav-tile-media.is-logo>img{object-fit:contain;padding:6px}
.fav-tile-media.is-icon{background:#241a1f;color:#ff6971;font-size:26px}
.fav-tile-heart,.fav-tile-offer{position:absolute;right:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg);font-size:10px}
.fav-tile-heart{bottom:-4px;background:var(--red);color:#fff}
.fav-tile-offer{top:-4px;background:#ffbd65;color:#1c1407}
.fav-tile-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;font-size:12px;line-height:1.25;font-weight:600;color:#e2e3e7;overflow-wrap:anywhere}
.fav-nova{animation:atalho-entra .22s cubic-bezier(.23,1,.32,1) backwards}
.fav-missing{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:-4px 0 0;font-size:12px;line-height:1.4;color:var(--dim)}
.fav-missing-text{display:inline-flex;align-items:center;gap:6px;min-width:0}
.fav-missing .i{font-size:12px;color:#9a9da8}
/* tirar dos favoritos quem não aparece (loja pausada ou que saiu do guia): a pessoa decide, com Desfazer */
.fav-drop{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:999px;background:none;border:1px solid #3a3d46;color:#d6d8df;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.fav-drop .i{font-size:11px;color:#ff6971}
.fav-tip-text .fav-drop{justify-self:start;margin-top:6px}
.fav-tip-text .fav-drop span{font-size:12px;line-height:1;color:inherit}
/* favoritos ainda vazios: o lugar já mostra o que vai acontecer */
.fav-tip{display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;border-radius:14px;background:#18191e;border:1px dashed #4a3a40}
.fav-tip-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;border:1px dashed #4a3a40}
.fav-tip-icon .i{font-size:18px;color:#ff6971}
@supports(-webkit-text-stroke:1px #000){.fav-tip-icon .i{color:transparent;-webkit-text-stroke:1.6px #ff6971}
}
.fav-tip.is-away .fav-tip-icon .i{color:#9a9da8;-webkit-text-stroke-width:0}
.fav-tip-text{display:grid;gap:2px;min-width:0}
.fav-tip-text strong{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.fav-tip-text span{font-size:12px;line-height:1.45;color:var(--dim)}
/* o que a pessoa procura: duas linhas de botões que deslizam juntas */
.interests-section{margin-top:24px;scroll-margin-top:82px}
.interests-section h2{outline:none}
.interests-hint{margin:-2px 0 12px;font-size:12px;line-height:1.45;color:var(--dim);text-wrap:pretty}
.interest-chips{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;justify-items:start;gap:8px;margin:0 -20px;padding:2px 20px 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:20px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}
.interest-chips::-webkit-scrollbar{display:none}
.interest-chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 15px 0 7px;border-radius:999px;background:#1c1e24;border:1px solid #3a3d46;color:#e2e3e7;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;scroll-snap-align:start;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .14s cubic-bezier(.23,1,.32,1)}
.chip-icon{position:relative;width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:#2a2228;color:#ff8c94;font-size:13px;transition:background-color .16s ease-out,color .16s ease-out}
.chip-icon::after{content:"\f00c";font-family:Solid;position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#15803d;color:#fff;font-size:8px;border:2px solid #f5f1ee;opacity:0;transform:scale(.6);transition:opacity .16s ease-out,transform .2s cubic-bezier(.23,1,.32,1)}
.interest-chip.is-empty .chip-icon{background:#24262c;color:#9a9da8}
.interest-chip[aria-pressed="true"]{background:#f5f1ee;border-color:#f5f1ee;color:#16171b}
.interest-chip[aria-pressed="true"] .chip-icon{background:var(--red);color:#fff}
.interest-chip[aria-pressed="true"] .chip-icon::after{opacity:1;transform:none}
.interests-clear{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:999px;background:none;border:1px solid #3a3d46;color:#d6d8df;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.interests-clear .i{font-size:11px;color:#ff6971}
.interest-chip:focus-visible,.interests-clear:focus-visible,.fav-drop:focus-visible,.rail-more-button:focus-visible,.rail-all:focus-visible,.rail-arrow:focus-visible,.subfilter:focus-visible,.topic-empty-remove:focus-visible,.topic-empty-pill:focus-visible,.topic-empty-ad:focus-visible,.forget-history:focus-visible,.notice-action:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* fileiras dos assuntos escolhidos e "Para você" */
.topic-section h2,.favorites-section h2{outline:none}
.subfilters{display:flex;gap:8px;margin:0 -20px 10px;padding:2px 20px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:20px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}
.subfilters::-webkit-scrollbar{display:none}
.subfilter{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:40px;padding:0 13px;border-radius:999px;background:#1c1e24;border:1px solid #3a3d46;color:#e2e3e7;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .14s cubic-bezier(.23,1,.32,1)}
.subfilter .i{font-size:12px;color:#ff6971}
.subfilter[aria-pressed="true"]{background:#f5f1ee;border-color:#f5f1ee;color:#16171b}
.subfilter[aria-pressed="true"] .i{color:var(--red)}
.forget-history{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:none;border:1px solid #3a3d46;color:#d6d8df;font-size:12px;font-weight:700;line-height:1}
.forget-history .i{font-size:12px;color:#ff6971}
/* assunto escolhido sem empresa: um aviso só, honesto, sem empresa inventada */
.topic-rows>.topic-empty,.for-you>.topic-empty{margin-top:12px}
.topic-empty{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:14px;border-radius:14px;background:#17181d;border:1px dashed #3d3f47}
.topic-empty-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#24262c;color:#9a9da8;font-size:18px}
.topic-empty-text{display:grid;gap:8px;min-width:0;padding-top:2px}
.topic-empty-text strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.topic-empty-line{font-size:12px;line-height:1.45;color:var(--dim)}
.topic-empty-pills{display:flex;flex-wrap:wrap;gap:8px}
.topic-empty-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.topic-empty-pill,.topic-empty-remove,.topic-empty-ad{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:0 14px;border-radius:999px;background:none;border:1px solid #3a3d46;color:#d6d8df;font-size:12px;font-weight:700;line-height:1.2;text-align:left}
.topic-empty-pill .i,.topic-empty-remove .i{font-size:11px;color:#9a9da8}
.topic-empty-ad .b{font-size:15px;color:#5be097}
.linha-nova{animation:fileira-entra .22s cubic-bezier(.23,1,.32,1) backwards}
@keyframes coracao{0%{transform:scale(.85)}
55%{transform:scale(1.12)}
100%{transform:scale(1)}
}
@keyframes fileira-entra{from{opacity:0;transform:translateY(8px)}
}
@keyframes atalho-entra{from{opacity:0;transform:scale(.92)}
}
@keyframes so-aparece{from{opacity:0}
}
.button{border:0;border-radius:13px;min-height:50px;width:100%;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;line-height:1.35;text-align:center}
.button-red{background:linear-gradient(110deg,var(--action-start,#f34a48),var(--action-end,#cf2332));color:var(--action-text,#fff);box-shadow:0 7px 20px #c724321c}
.button-contact{background:linear-gradient(110deg,var(--contact-start,#168243),var(--contact-end,#0e6b32));color:var(--action-text,#fff);box-shadow:0 7px 20px #0e6b3230}
.button-red .b,.button-contact .b{font-size:21px;line-height:1;flex:0 0 21px}
.button>.i:last-child{margin-left:auto;font-size:13px}
.button-red:only-child{justify-content:space-between}
.button-light{background:#f5f1ee;color:#19191d}
.button-light .b{font-size:21px}
.button-outline{background:#22252c;border:1px solid #454951}
.join-card{margin-top:30px;border:1px solid #3c3f49;border-radius:22px;padding:24px 20px;background:radial-gradient(ellipse at top right,#47323855,transparent 75%),#191b20;position:relative}
.join-icon{width:48px;height:48px;border-radius:14px;background:#343039;display:grid;place-items:center;color:#f3b9bd;font-size:23px;margin-bottom:18px;position:relative}
.spark{position:absolute;width:7px;height:7px;background:#ff6269;border-radius:50%;top:-3px;right:-3px;box-shadow:0 0 0 5px #292128;animation:breathe 3s infinite}
.join-card>.eyebrow{color:#d7959b;font-size:9px;letter-spacing:1.3px}
.join-card h2{font-size:27px;line-height:1.14;letter-spacing:-.8px;margin:12px 0}
.join-card p{font-size:13px;color:#b6b8c1;max-width:430px}
.join-benefits{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#dedde3;padding:20px 0}
.join-benefits .i{color:#dba0a6;margin-right:4px}
.join-card>small{display:block;text-align:center;color:#9396a1;font-size:10px;margin-top:12px}
.page-footer{margin-top:30px;text-align:center;font-size:8px;letter-spacing:1.6px;color:#6f737f;border-top:1px solid #25272d;padding:20px 0 27px}
.profile{padding-bottom:80px}
.workshop-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 -20px;padding:24px 20px 23px;background:linear-gradient(117deg,#541a23,#16171c 65%);border-bottom:3px solid #d43540}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.4;background:repeating-linear-gradient(130deg,transparent 0,transparent 18px,#9b485225 18px,#9b485225 19px);mask-image:linear-gradient(90deg,transparent,#000)}
.workshop-hero>.eyebrow{color:#ffa8ae;font-size:9px;letter-spacing:2px}
.hero-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 20px}
.hero-brand h1{font-size:clamp(39px,12vw,60px);font-weight:950;font-style:italic;line-height:1;letter-spacing:-2px;white-space:nowrap}
.hero-brand h1 span{color:#ff575e}
.hero-brand p{font-size:11px;margin-top:8px;font-weight:650;color:#d2bfc2;letter-spacing:2px}
.hero-emblem{position:relative;width:78px;height:78px;flex-shrink:0}
.hero-emblem>.gear{position:absolute;inset:0;display:grid;place-items:center;color:#bd3b48;font-size:78px}
.hero-emblem>.car{position:absolute;inset:17px;display:grid;place-items:center;font-size:25px;background:#24191e;border-radius:50%;color:#fff}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #9d555244;padding-top:18px;font-size:14px;color:#d9cdd1;line-height:1.4}
.hero-bottom strong{font-weight:750;color:#fff}
.mechanic-name{text-align:right;font-size:8px;letter-spacing:2px;color:#bd959e}
.mechanic-name strong{font-size:18px;letter-spacing:-.3px}
.workshop-intro{padding-top:24px}
.workshop-intro>.eyebrow{font-size:8px;letter-spacing:1px}
.workshop-intro h2{font-size:24px;letter-spacing:-.8px;line-height:1.2;margin:12px 0}
.workshop-intro h2 span{color:#adafb8}
.workshop-intro>p{font-size:13px;color:var(--dim)}
.hours-card{display:flex;align-items:center;gap:13px;border-radius:15px;background:#1c1e24;border:1px solid #343740;padding:15px;margin:20px 0 16px}
.clock-icon{width:43px;height:43px;border-radius:12px;background:#35242b;display:grid;place-items:center;font-size:22px;color:#ff8c94}
.hours-card .eyebrow{font-size:8px;letter-spacing:1.1px}
.hours-card strong{display:block;font-size:24px;letter-spacing:-.8px;line-height:1.3}
.hours-card small{font-size:10px;color:var(--dim)}
.section-line-icon{font-size:26px;color:#ed6771}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-tile{position:relative;overflow:hidden;background:#1c1e24;border:1px solid #3a3036;border-radius:17px;padding:18px 16px}
.service-tile>.i{color:#ff6b76;font-size:27px;margin:0 0 13px}
.service-tile h3{font-size:17px;margin-bottom:5px;letter-spacing:-.25px}
.service-tile p{font-size:11px;line-height:1.5;color:var(--dim)}
.oil-tile{grid-column:span 2;display:flex;align-items:center;gap:17px}
.oil-tile>.i{margin:0}
.tile-index{margin-left:auto;font-size:38px;font-weight:850;font-style:italic;color:#333038;line-height:1;letter-spacing:-2px}
.service-disclaimer{font-size:10px;color:#92959f;line-height:1.55;margin:11px 0 0}
.small-label{font-size:10px;color:#c4c6ce;border:1px solid #363943;border-radius:7px;padding:5px 9px;white-space:nowrap}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery-item{padding:0;background:#1d1e24;border:1px solid #3a3338;border-radius:15px;overflow:hidden;text-align:left;align-self:start}
.gallery-item img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#0b0c0d}
.gallery-item>span{display:block;font-size:10px;padding:10px;color:#d9dbe1}
.gallery-item>span .i{color:#f5858e;margin-right:6px}
.address-card{border:1px solid #3b3540;background:#1c1e24;border-radius:19px;overflow:hidden}
.office-map{position:relative;height:340px;background:#14161b;border-bottom:1px solid #383139;isolation:isolate}
.office-map-frame,.office-map-frame iframe{width:100%;height:100%}
.office-map-frame iframe{display:block;border:0}
.office-map-status{position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center;background:#1c1e24}
.office-map-status:not([hidden]){display:flex}
.office-map-status>.i{font-size:30px;color:#ff626d}
.office-map-status>strong{font-size:15px}
.office-map-status>span{font-size:12px;line-height:1.5;color:var(--dim)}
.office-map-status .button{width:auto;min-height:44px;padding:10px 20px;margin-top:4px}
.office-map-status .button[hidden]{display:none}
.address-body{padding:19px}
.address-body h3{font-size:17px;line-height:1.4;letter-spacing:-.3px}
.address-body p{font-size:12px;color:var(--dim);margin:6px 0 18px}
.address-body small{font-size:10px;color:#9296a2;display:block;line-height:1.5;margin-top:12px}
.entrance-reference{display:flex;align-items:center;gap:12px;padding:13px;background:#27292f;border:1px solid #42454f;border-radius:12px;margin-bottom:16px;color:#f4f4f5;font-size:12px;line-height:1.5}
.entrance-reference>.i{font-size:22px;color:#ffd9dc}
.entrance-reference>strong{font-weight:600}
.contact-section{margin-bottom:18px}
.contact-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #2a2d34;padding:16px 0}
.contact-icon{width:43px;height:43px;background:#22242b;border-radius:13px;display:grid;place-items:center;color:#dedfe8;font-size:19px}
.contact-icon.whatsapp{background:#1e3228;color:#5be097;font-size:24px}
.contact-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px}
.contact-row strong{font-size:14px;font-weight:700}
.contact-row>span>span{font-size:12px;color:var(--dim)}
.end-arrow{margin-left:auto;font-size:14px;color:#b3b5bf}
.quick-contact{position:fixed;z-index:12;bottom:0;left:0;right:0;background:#131419f5;border-top:1px solid #3e313b;display:flex;align-items:center;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -12px 28px #0003}
.quick-contact[hidden]{display:none}
.quick-phone{display:grid;place-items:center;flex-shrink:0;border:1px solid #43414a;background:#24252d;border-radius:13px;width:50px;height:50px}
.quick-contact .button{flex:1;font-size:12px}
.lightbox{position:fixed;inset:0;z-index:30;background:#08090bee;display:flex;flex-direction:column;backdrop-filter:blur(15px)}
.lightbox[hidden]{display:none}
.lightbox-header,.lightbox-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;font-size:13px;flex-shrink:0;background:#101115}
.lightbox-header{min-height:70px}
.lightbox-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.photo-stage{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;overflow:auto;padding:8px;touch-action:pan-x pan-y pinch-zoom}
.photo-stage img{max-width:100%;max-height:100%;object-fit:contain}
.notice{position:fixed;z-index:40;bottom:90px;left:20px;right:20px;border:1px solid #564049;border-radius:14px;background:#2b2028;color:#fff;font-size:13px;padding:16px;box-shadow:0 12px 30px #0008;max-width:600px;margin:auto}
.modal-open{overflow:hidden}
.gear{animation:rotate 24s linear infinite}
.wrench{animation:wrench 5s ease-in-out infinite}
.oil-icon{animation:float 5s ease-in-out infinite}
.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}

/* ---- guia com vários negócios (gerado pela central) ---- */
.cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;color:#ff676e;background:radial-gradient(circle at 30% 20%,#47232a,#0a0b0d 70%)}
.cover-placeholder .i{opacity:.9}
.contact-row[hidden],.hours-card[hidden],.entrance-reference[hidden],.button[hidden],.office-map[hidden],section[hidden],.mechanic-name[hidden],.quick-phone[hidden],small[hidden]{display:none}
.hero-brand h1.is-long{font-size:clamp(28px,8.6vw,44px);white-space:normal;letter-spacing:-1.2px}
.service-tile>div h3{margin-bottom:5px}
.section-heading .eyebrow span{letter-spacing:inherit}

/* Dados e identidade dos negócios publicados diretamente no guia. */
.accounting-business,.accounting-profile,.accounting-contact{--red:#d6b36b;--action-start:#e6c783;--action-end:#c99d4e;--action-text:#1c2129;--contact-start:#e6c783;--contact-end:#c99d4e}
.accounting-business{border-color:#655437}
.has-logo .cover-media{background:#fff}
.has-logo .cover-media>img{object-fit:contain;object-position:center;padding:8px}
.accounting-business .card-status .i{color:#d6b36b}
.accounting-profile .workshop-hero{background:#191e27;border-bottom-color:#d6b36b}
.accounting-profile .hero-grid{display:none}
.accounting-profile .workshop-hero>.eyebrow{color:#e6c783}
.hero-logo{display:block;width:100%;height:auto;object-fit:contain;background:#fff;border-radius:var(--r-2);margin:var(--s-5) 0}
.hero-logo[hidden],.hero-brand[hidden]{display:none}
.accounting-profile .hero-bottom{border-top-color:#d6b36b40;color:#ddd7cc}
.accounting-profile .section-line-icon,.accounting-profile .service-tile>.i,.accounting-profile .gallery-item>span .i,.accounting-profile .entrance-reference>.i,.accounting-profile .office-map-status>.i{color:#d6b36b}
.accounting-profile .service-tile,.accounting-profile .address-card{border-color:#494335}
.accounting-profile .service-grid{gap:var(--s-3)}
.accounting-profile .service-tile{padding:var(--s-4) var(--s-3);border-radius:var(--r-2);background:#1b1f27}
.accounting-profile .service-tile>.i{font-size:23px;margin-bottom:var(--s-3)}
.accounting-profile .service-tile h3{font-size:15px;line-height:1.35;letter-spacing:-.1px}
.accounting-profile .service-tile p{font-size:12px;line-height:1.5;color:#b9bec8}
.accounting-profile .tile-index{display:none}
.accounting-profile .gallery{gap:var(--s-3)}
.accounting-profile .gallery-item{border-color:#494335;border-radius:var(--r-2)}
.accounting-profile .gallery-item img{aspect-ratio:960/641;object-fit:contain}
.accounting-profile .gallery-item>span{padding:var(--s-3)}
.accounting-profile .service-disclaimer{color:#b9bec8}
.accounting-profile .contact-icon{background:#342e23;color:#e6c783}
.accounting-profile .button [data-primary-icon],.accounting-contact .button [data-primary-icon]{font-size:18px;flex:0 0 21px}
.accounting-reveal.is-visible{animation:accounting-enter .42s cubic-bezier(.2,.65,.3,1)}
.contact-row [data-email]{user-select:text;overflow-wrap:anywhere}
.email-copy-source{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}

/* ---- oferta, selo Verificado e vagas de emprego ---- */
.pressable{transition:transform .14s cubic-bezier(.23,1,.32,1),filter .14s ease-out}
.pressable:active{transform:scale(.98)}
.notice{display:flex;gap:10px;align-items:flex-start}
.notice>.i{font-size:16px;line-height:1.3;color:#ff9aa1}
.notice-text{flex:1;min-width:0}
.notice.is-ok{background:#15803d;border-color:#22c55e;color:#fff;box-shadow:0 12px 30px #052e1680}
.notice.is-ok>.i{color:#fff}
.notice:has(.notice-action){align-items:center;padding-top:10px;padding-bottom:10px}
.notice-action{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;min-height:40px;padding:0 14px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff40;color:#fff;font-size:13px;font-weight:800;line-height:1}
.notice-action .i{font-size:12px}
.chevron{font-size:12px;color:#9a9da8}
.verified-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 7px;border-radius:999px;background:var(--gold);color:#101114;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.verified-badge .i{font-size:12px}
.workshop-intro>.verified-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:13px;line-height:1.45;color:#d9dbe1}
.jobs-shortcut{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:48px;margin-top:18px;padding:10px 16px;border-radius:13px;background:#1c1e24;border:1px solid #3a3d46;font-size:14px;font-weight:800;line-height:1.3;text-align:left}
.jobs-shortcut>.i:first-child{font-size:16px;color:#ff6971}
.jobs-shortcut>.i:last-child{font-size:12px;color:#b3b5bf}
.card-extras{display:grid;gap:8px;margin-top:14px}
.offer-strip,.jobs-line{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;border-radius:14px;text-align:left}
.offer-strip{min-height:56px;padding:12px 14px;background:var(--offer-bg,#2a1c21);border:1px dashed var(--offer-line,#8a414b)}
.offer-icon{color:var(--offer-ink,#ff8c94)}
.offer-strip>.offer-icon{font-size:20px;justify-self:center}
.offer-strip-copy{display:grid;gap:3px;min-width:0}
.offer-strip-label{font-size:11px;font-weight:800;letter-spacing:1.2px;line-height:1.2;text-transform:uppercase;color:var(--offer-ink,#ff8c94)}
.offer-strip-title{font-size:15px;font-weight:800;line-height:1.3;letter-spacing:-.2px;overflow-wrap:anywhere}
.offer-strip-until{font-size:13px;line-height:1.35;color:#d3c7ca}
.jobs-line{min-height:48px;padding:10px 14px;background:#1f2127;border:1px solid #3a3d46;font-size:14px;font-weight:700;line-height:1.3}
.jobs-line>.i:first-child{font-size:16px;color:#ff6971;justify-self:center}
.jobs-section,.offer-section{scroll-margin-top:82px}
.directory .jobs-section{margin-top:8px}
.jobs-section h2,.offer-title{outline:none}
.jobs-list{display:grid;gap:12px}
.job-card{background:var(--panel);border:1px solid #3a3d46;border-radius:22px;padding:18px}
.profile .job-card{background:#1c1e24;border-color:#3a3036;border-radius:17px}
.job-title{font-size:18px;line-height:1.25;letter-spacing:-.3px;overflow-wrap:anywhere}
.job-store{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;margin-top:10px;padding:8px 12px;border-radius:10px;background:#24262c;border:1px solid #3b3d44;font-size:13px;font-weight:700;line-height:1.3;text-align:left}
.job-store>.i:first-child{font-size:14px;color:#ff6971}
.job-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}
.job-fact,.job-until,.offer-until{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45}
.job-fact{color:#e2e3e7}
.job-fact>.i,.job-until>.i,.offer-until>.i{flex:0 0 16px;margin-top:3px;text-align:center;color:#f07f83}
.job-description{margin-top:12px;font-size:13px;line-height:1.55;color:var(--dim);white-space:pre-line;overflow-wrap:anywhere}
.job-until{margin-top:12px;color:#c4c6ce}
.job-card>.button,.offer-section>.button{margin-top:16px}
.job-card .button-contact>.i:first-child,.offer-section .button-contact>.i:first-child{font-size:17px}
.offer-section{margin-top:24px;padding:18px;border-radius:17px;background:var(--offer-bg,#2a1c21);border:1px dashed var(--offer-line,#8a414b)}
.offer-eyebrow{color:var(--offer-ink,#ff8c94)}
.offer-eyebrow .offer-icon{font-size:14px;margin-right:7px}
.offer-title{margin-top:8px;font-size:22px;line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere}
.offer-detail{margin-top:8px;font-size:13px;line-height:1.55;color:#d3c7ca;white-space:pre-line;overflow-wrap:anywhere}
.offer-until{margin-top:12px;font-weight:700;color:#f1e9ea}
.offer-strip-until.is-last-day,.offer-until.is-last-day,.job-until.is-last-day,.is-last-day>.i{color:#ffcf8f}
.offer-code{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--offer-line,#8a414b)}
.offer-code-copy{display:grid;gap:4px;flex:1 1 auto;min-width:0}
.offer-code-label,.offer-code-help{font-size:13px;line-height:1.45;color:#d3c7ca}
.offer-code-value{font-size:22px;font-weight:850;letter-spacing:1.5px;line-height:1.2;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}
.offer-code-help{flex:1 0 100%}
.offer-copy{flex:0 0 auto;width:auto;min-height:44px;padding:10px 14px}
.copy-icons{display:inline-grid;place-items:center;width:16px;height:16px;flex-shrink:0}
.copy-icons .i{grid-area:1/1;font-size:14px;transition:opacity .16s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}
.copy-icons .copy-done{opacity:0;transform:scale(.85);color:#5be097}
.copiado .copy-icons .copy-idle{opacity:0;transform:scale(.85)}
.copiado .copy-icons .copy-done{opacity:1;transform:none}
.notice[hidden],.verified-line[hidden],.verified-badge[hidden],.jobs-shortcut[hidden],.card-extras[hidden],.offer-strip[hidden],.jobs-line[hidden],.jobs-list[hidden],.job-store[hidden],.job-facts[hidden],.job-fact[hidden],.job-until[hidden],.offer-until[hidden],.offer-code[hidden],.offer-code-copy[hidden],.offer-strip-copy[hidden],.copy-icons[hidden],.jobs-section[hidden],.offer-section[hidden]{display:none}
.accounting-business,.accounting-profile{--offer-bg:#27241a;--offer-line:#7a6a43;--offer-ink:#e6c783}
.accounting-business .jobs-line>.i:first-child,.accounting-profile .job-fact>.i,.accounting-profile .job-until>.i,.accounting-profile .offer-until>.i{color:#d6b36b}
.accounting-profile .job-card{border-color:#494335}

/* Entrada dos blocos novos: o JS só troca classes; quem escolhe o movimento é o CSS. */
.entrada-espera{opacity:0}
.entrou{animation:entrada .32s cubic-bezier(.23,1,.32,1) backwards}
.jobs-list>.entrou:nth-child(2),.card-extras>.entrou:nth-child(2){animation-delay:50ms;--atraso:50ms}
.jobs-list>.entrou:nth-child(3){animation-delay:100ms;--atraso:100ms}
.jobs-list>.entrou:nth-child(4){animation-delay:150ms;--atraso:150ms}
.jobs-list>.entrou:nth-child(5){animation-delay:200ms;--atraso:200ms}
.entrou .i,.entrou .b{animation:icone-entra .32s cubic-bezier(.23,1,.32,1) backwards;animation-delay:calc(var(--atraso,0ms) + 40ms)}
.entrou .offer-icon{animation-name:cupom-entra}
.entrou .copy-icons .i{animation:none}
.chegou,.chegou:nth-child(n){animation:entrada-fade .4s ease-out backwards;animation-delay:0s}

@keyframes rotate{to{transform:rotate(360deg)}
}
@keyframes float{0%,100%{transform:translateY(0)}
50%{transform:translateY(-4px)}
}
@keyframes wrench{0%,70%,100%{transform:rotate(0)}
77%{transform:rotate(-13deg)}
85%{transform:rotate(10deg)}
92%{transform:rotate(-6deg)}
}
@keyframes breathe{0%,100%{opacity:1}
50%{opacity:.45}
}
@keyframes accounting-enter{from{opacity:.45;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes entrada{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@keyframes entrada-fade{from{opacity:0}
to{opacity:1}
}
@keyframes icone-entra{from{opacity:0;transform:scale(.85)}
}
@keyframes cupom-entra{from{opacity:0;transform:rotate(-8deg) scale(.85)}
}
@keyframes icone-fade{from{opacity:0}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.gear,.wrench,.oil-icon,.spark{animation:none}
.accounting-reveal.is-visible{animation:none}
.entrou,.jobs-list>.entrou:nth-child(n),.card-extras>.entrou:nth-child(n){animation:entrada-fade .2s ease-out backwards;animation-delay:0s}
.entrou .i,.entrou .b,.entrou .offer-icon{animation:icone-fade .2s ease-out backwards;animation-delay:0s}
.pressable{transition:filter .14s ease-out}
.pressable:active{transform:none}
.copy-icons .i{transition:opacity .16s ease-out}
.copy-icons .copy-done,.copiado .copy-icons .copy-idle{transform:none}
}

@media(max-width:350px){.page{padding-left:16px;padding-right:16px}
.workshop-hero{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
.rail,.interest-chips,.subfilters{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}
.rail.is-grid{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.fav-item{flex-basis:clamp(56px,calc((100vw - 16px) / 4.4 - 8px),80px)}
.button{font-size:12px;padding:12px 11px}
.hero-emblem{width:60px;height:60px}
.hero-emblem>.gear{font-size:60px}
.hero-emblem>.car{inset:12px;font-size:20px}
.hero-brand h1{font-size:37px}
.eyebrow{letter-spacing:1px}
.local-label{font-size:8px}
.quick-contact{padding-left:12px;padding-right:12px}
.quick-contact .button{font-size:11px;gap:7px}
.job-card,.offer-section{padding:16px}
.offer-title{font-size:20px}
.offer-code-value{font-size:20px;letter-spacing:1px}
.jobs-shortcut{padding:10px 13px}
}

@media(min-width:600px){.topbar{padding-left:max(20px,calc((100vw - 660px)/2));padding-right:max(20px,calc((100vw - 660px)/2))}
.intro{padding-top:36px}
.workshop-hero{padding:30px}
.hero-brand{margin:32px 0}
.hero-brand h1{font-size:64px}
.hero-emblem{margin-right:25px}
.quick-contact{padding-left:max(20px,calc((100vw - 640px)/2));padding-right:max(20px,calc((100vw - 640px)/2))}
.services-section,.gallery-section,.location-section,.contact-section{margin-top:35px}
}

@media(min-width:768px){.interest-chips{display:flex;flex-wrap:wrap;margin:0;padding:2px 0 4px;overflow:visible}
}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.accounting-profile .gallery-item{transition:border-color .18s ease,transform .18s ease}
.accounting-profile .gallery-item:hover{border-color:#d6b36b;transform:translateY(-2px)}
}

/* ---- blocos informativos do perfil (dados do próprio negócio; a VPS usa todos) ----
   Paleta do escritório: azul-marinho profundo com dourado. Movimento só por classe. */
.accounting-profile{--acc:#d6b36b;--acc-2:#e6c783;--acc-ink:#1c2129;--acc-bg:#2a2619;--acc-line:#494335;--navy:#1b1f27;--navy-2:#20262f;--ink-2:#b9bec8}
.section-nav,.trust-section,.banner-section,.audience-section,.steps-section,.facts-section,.agenda-section,.documents-section,.faq-section,.closing-section{scroll-margin-top:82px}
.services-section,.gallery-section,.location-section,.contact-section{scroll-margin-top:82px}
.section-nav[hidden],.trust-section[hidden],.banner-section[hidden],.audience-section[hidden],.steps-section[hidden],.facts-section[hidden],.agenda-section[hidden],.documents-section[hidden],.faq-section[hidden],.closing-section[hidden],.doc-panel[hidden]{display:none}
.bloco-texto{min-width:0}
.bloco-texto p{color:var(--ink-2,#b9bec8)}
/* atalhos */
.section-nav{display:flex;gap:8px;margin:18px -20px 0;padding:2px 20px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.section-nav::-webkit-scrollbar{display:none}
.nav-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:999px;background:#1c1e24;border:1px solid #3a3d46;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;scroll-snap-align:start;color:#e2e3e7}
.nav-chip .i{font-size:12px;color:#ff6971}
.accounting-profile .nav-chip{background:var(--navy);border-color:var(--acc-line)}
.accounting-profile .nav-chip .i{color:var(--acc)}
/* pontos de confiança */
.trust-section{margin-top:22px}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trust-item{display:grid;gap:10px;padding:14px 13px;border-radius:16px;background:#1c1e24;border:1px solid #3a3d46;min-width:0}
.accounting-profile .trust-item{background:var(--navy);border-color:var(--acc-line)}
.trust-icon{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#2a2228;color:#ff8c94}
.accounting-profile .trust-icon{background:var(--acc-bg);color:var(--acc-2)}
.trust-icon::after{content:"";position:absolute;inset:-1px;border-radius:13px;border:1px solid currentColor;opacity:0;pointer-events:none}
.is-highlight .trust-icon::after{animation:anel-calmo 3.2s ease-out 5}
.trust-item strong{display:block;font-size:13.5px;line-height:1.3;letter-spacing:-.15px}
.trust-item p{font-size:11.5px;line-height:1.5;margin-top:4px}
/* faixa de imagem */
.banner-section{margin-top:24px}
.hero-banner{position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#0b0c0d;border:1px solid #3a3d46;isolation:isolate}
.accounting-profile .hero-banner{border-color:var(--acc-line)}
.hero-banner img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;animation:zoom-lento 16s ease-out 1 both}
.banner-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0c0c1000 30%,#0c0c10c8 100%)}
.banner-tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.4px;padding:6px 9px;border-radius:7px;background:#0e0f13d9;border:1px solid #ffffff22;color:#e2e3e7}
.banner-tag .i{font-size:10px;color:var(--acc-2,#ff8c94)}
.hero-banner figcaption{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:4px}
.hero-banner strong{font-size:clamp(19px,5.6vw,24px);font-weight:850;line-height:1.12;letter-spacing:-.5px;text-wrap:balance}
.hero-banner figcaption span{font-size:12px;color:#e9e4d8;line-height:1.4}
/* para quem */
.audience-section,.steps-section,.facts-section,.agenda-section,.documents-section,.faq-section{margin-top:32px}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.audience-card{position:relative;overflow:hidden;background:#1c1e24;border:1px solid #3a3036;border-radius:16px;padding:16px 14px;min-width:0}
.audience-card>.i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#2a2228;color:#ff8c94;font-size:20px;margin-bottom:12px}
.audience-card h3{font-size:15px;line-height:1.3;letter-spacing:-.2px}
.audience-card p{font-size:12px;line-height:1.5;margin-top:5px}
.accounting-profile .audience-card{background:var(--navy);border-color:var(--acc-line)}
.accounting-profile .audience-card>.i{background:var(--acc-bg);color:var(--acc-2)}
/* como funciona */
.steps-track{list-style:none;margin:0;padding:0;position:relative}
.steps-track::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:#3a3d46;transform-origin:top}
.accounting-profile .steps-track::before{background:linear-gradient(180deg,var(--acc),var(--acc-line))}
.step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding-bottom:22px}
.step:last-child{padding-bottom:0}
.step-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1c1e24;border:2px solid #ff6971;color:#ff8c94;font-size:16px;font-weight:850}
.accounting-profile .step-dot{background:var(--navy);border-color:var(--acc);color:var(--acc-2)}
.step h3{font-size:15px;line-height:1.3;letter-spacing:-.2px;padding-top:11px}
.step p{font-size:12.5px;line-height:1.5;margin-top:4px}
.steps-section .service-disclaimer{margin-top:16px}
/* guia rápido (cartões deslizáveis) */
.facts-scroller{margin:0 -20px;padding:4px 20px 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scroll-padding-inline:20px}
.facts-scroller::-webkit-scrollbar{display:none}
.facts-track{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.facts-track::after{content:"";flex:0 0 8px}
.fact-card{flex:0 0 min(78%,300px);scroll-snap-align:start;display:grid;gap:7px;align-content:start;padding:18px 16px;border-radius:18px;background:linear-gradient(160deg,#20262f,#1b1f27);border:1px solid #3a3d46;min-height:0}
.accounting-profile .fact-card{border-color:var(--acc-line)}
.fact-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:16px;background:#2a2228;color:#ff8c94;margin-bottom:4px}
.accounting-profile .fact-icon{background:var(--acc-bg);color:var(--acc-2)}
.fact-value{font-size:30px;font-weight:900;line-height:1;letter-spacing:-1px;color:var(--acc-2,#fff);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fact-card h3{font-size:14.5px;line-height:1.3;letter-spacing:-.2px}
.fact-card p{font-size:12px;line-height:1.5;color:var(--ink-2,#b9bec8)}
.facts-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;min-height:16px}
.facts-dots{display:flex;align-items:center;gap:5px;margin-left:auto}
.facts-dots span{width:6px;height:6px;border-radius:3px;background:#3a3d46;transition:width .25s cubic-bezier(.23,1,.32,1),background-color .25s ease}
.facts-dots .is-on{width:18px;background:var(--acc,#ff6971)}
.scroll-hint{display:flex;align-items:center;gap:7px;font-size:11px;color:#9a9da8;margin:0;transition:opacity .3s ease-out,visibility 0s linear .3s}
.scroll-hint .i{font-size:11px;animation:cutucar 1.4s ease-in-out infinite}
.scroll-hint.is-gone{opacity:0;visibility:hidden}
.scroll-hint.is-gone .i{animation:none}
.facts-section .service-disclaimer{margin-top:12px}
/* prazos */
.agenda-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.agenda-item{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px 12px 12px;border-radius:16px;background:#1c1e24;border:1px solid #3a3d46}
.accounting-profile .agenda-item{background:var(--navy);border-color:var(--acc-line)}
.agenda-date{display:grid;gap:2px;text-align:center;padding:9px 4px;border-radius:12px;background:#2a2228;color:#ff8c94}
.accounting-profile .agenda-date{background:var(--acc-bg);color:var(--acc-2)}
.agenda-date strong{font-size:21px;font-weight:900;line-height:1;letter-spacing:-.6px}
.agenda-date small{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#d9d2c0;line-height:1.2}
.agenda-item h3{font-size:14px;line-height:1.3;letter-spacing:-.15px}
.agenda-item p{font-size:12px;line-height:1.5;margin-top:3px}
.agenda-section .service-disclaimer{margin-top:12px}
/* documentos (abas) */
.doc-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid #2e3139;overflow-x:auto;scrollbar-width:none}
.doc-tabs::-webkit-scrollbar{display:none}
.doc-tab{position:relative;flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 6px;background:none;font-size:12px;font-weight:800;line-height:1.2;color:#a8abb4;text-align:center;text-wrap:balance}
.doc-tab .i{font-size:13px}
.doc-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff6971;transform:scaleX(0);transition:transform .22s cubic-bezier(.23,1,.32,1)}
.doc-tab[aria-selected="true"]{color:#f5f5f6}
.doc-tab[aria-selected="true"]::after{transform:scaleX(1)}
.accounting-profile .doc-tab[aria-selected="true"] .i{color:var(--acc-2)}
.accounting-profile .doc-tab::after{background:var(--acc)}
.doc-intro{font-size:12.5px;line-height:1.5;color:var(--ink-2,#b9bec8);margin-bottom:10px}
.doc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.doc-list li{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:12px;background:#1c1e24;border:1px solid #3a3d46;font-size:13px;line-height:1.45}
.doc-list li .i{flex:0 0 15px;margin-top:2px;font-size:14px;color:#ff8c94}
.accounting-profile .doc-list li{background:var(--navy);border-color:var(--acc-line)}
.accounting-profile .doc-list li .i{color:var(--acc)}
.doc-panel:not([hidden]) li{animation:entrada .3s cubic-bezier(.23,1,.32,1) backwards}
.doc-panel:not([hidden]) li:nth-child(2){animation-delay:40ms}
.doc-panel:not([hidden]) li:nth-child(3){animation-delay:80ms}
.doc-panel:not([hidden]) li:nth-child(4){animation-delay:120ms}
.doc-panel:not([hidden]) li:nth-child(5){animation-delay:160ms}
.doc-panel:not([hidden]) li:nth-child(6){animation-delay:200ms}
.doc-panel:not([hidden]) li:nth-child(n+7){animation-delay:240ms}
.documents-section .service-disclaimer{margin-top:12px}
/* perguntas frequentes */
.faq-list{display:grid;gap:8px}
.faq-item{border:1px solid #3a3d46;border-radius:14px;background:#1c1e24;overflow:hidden;interpolate-size:allow-keywords}
.accounting-profile .faq-item{background:var(--navy);border-color:var(--acc-line)}
.faq-summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.35;cursor:pointer;-webkit-tap-highlight-color:transparent}
.faq-summary::-webkit-details-marker{display:none}
.faq-summary::marker{content:""}
.faq-question{flex:1;min-width:0}
.faq-chevron{font-size:13px;color:#ff8c94;transition:transform .25s cubic-bezier(.23,1,.32,1)}
.accounting-profile .faq-chevron{color:var(--acc)}
.faq-item[open] .faq-chevron{transform:rotate(180deg)}
.faq-item[open] .faq-summary{color:var(--acc-2,#fff)}
.faq-body{padding:0 16px 16px}
.faq-body p{font-size:13px;line-height:1.55;color:var(--ink-2,#b9bec8)}
.faq-item::details-content{block-size:0;overflow:hidden;transition:block-size .3s cubic-bezier(.23,1,.32,1),content-visibility .3s allow-discrete}
.faq-item[open]::details-content{block-size:auto}
/* fechamento */
.closing-section{margin-top:32px}
.closing-card{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;border:1px solid #3c3f49;background:#191b20;padding:26px 20px}
.accounting-profile .closing-card{border-color:#5a4c2e;background:var(--navy)}
.closing-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.45}
.closing-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#1b1f27f4 25%,#1b1f27a8 100%)}
.closing-body{display:grid;gap:10px}
.closing-body>.eyebrow{color:#d7959b;font-size:10px;letter-spacing:1.3px}
.accounting-profile .closing-body>.eyebrow{color:var(--acc-2)}
.closing-body h2{font-size:clamp(23px,6.5vw,28px);line-height:1.12;letter-spacing:-.8px;text-wrap:balance}
.closing-body p{font-size:13px;line-height:1.55;color:#d9d2c0;max-width:430px}
.closing-actions{display:grid;gap:10px;margin-top:8px}
.closing-body small{display:block;font-size:11px;color:#9296a2;line-height:1.5}
/* brilho que passa no botão principal do escritório (uma varredura a cada 4,6 s) */
.accounting-profile .button-red{position:relative;overflow:hidden}
.accounting-profile .button-red::after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:34%;pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffff59 50%,#fff0);transform:skewX(-18deg) translateX(-160%);animation:brilho 4.6s cubic-bezier(.4,0,.2,1) 6}
.faq-summary:focus-visible,.doc-tab:focus-visible,.nav-chip:focus-visible{outline:3px solid #fff;outline-offset:-3px}
/* serviços e galeria do escritório */
.accounting-profile .service-tile>.i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--acc-bg);font-size:18px;margin:0 0 12px}
.accounting-profile .gallery-item{position:relative}
.accounting-profile .gallery-item:nth-child(3n+1){grid-column:span 2}
.accounting-profile .gallery-item img{aspect-ratio:3/2;object-fit:cover}
.accounting-profile .gallery-item:nth-child(3n+1) img{aspect-ratio:16/9}
.accounting-profile .gallery-item>span{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:8px;background:#0e0f13d9;border:1px solid #ffffff22;font-size:10px;font-weight:700}
/* entrada escalonada dos filhos de quem tem .stagger */
.entrou .stagger>*{animation:entrada .36s cubic-bezier(.23,1,.32,1) backwards}
.entrou .stagger>:nth-child(2){animation-delay:55ms;--atraso:55ms}
.entrou .stagger>:nth-child(3){animation-delay:110ms;--atraso:110ms}
.entrou .stagger>:nth-child(4){animation-delay:165ms;--atraso:165ms}
.entrou .stagger>:nth-child(5){animation-delay:220ms;--atraso:220ms}
.entrou .stagger>:nth-child(6){animation-delay:275ms;--atraso:275ms}
.entrou .stagger>:nth-child(n+7){animation-delay:330ms;--atraso:330ms}
.entrou .steps-track::before{animation:desenhar .9s cubic-bezier(.23,1,.32,1) .15s backwards}
.entrou .step-dot{animation:icone-entra .4s cubic-bezier(.23,1,.32,1) backwards}
.entrou .step:nth-child(2) .step-dot{animation-delay:.3s}
.entrou .step:nth-child(3) .step-dot{animation-delay:.5s}
.entrou .step:nth-child(4) .step-dot{animation-delay:.7s}
.entrou .step:nth-child(n+5) .step-dot{animation-delay:.9s}
.entrou .facts-track>:nth-child(1){animation:entrada .36s cubic-bezier(.23,1,.32,1) backwards}
.entrou .facts-track>:nth-child(2){animation:entrada .36s cubic-bezier(.23,1,.32,1) 70ms backwards}
.entrou .faq-item .i,.entrou .doc-list .i,.entrou .nav-chip .i{animation:none}
@keyframes anel-calmo{0%{opacity:.9;transform:scale(1)}
70%,100%{opacity:0;transform:scale(1.45)}
}
@keyframes zoom-lento{from{transform:scale(1)}
to{transform:scale(1.07)}
}
@keyframes cutucar{0%,100%{transform:translateX(0)}
50%{transform:translateX(4px)}
}
@keyframes desenhar{from{transform:scaleY(0)}
}
@keyframes brilho{0%,72%{transform:skewX(-18deg) translateX(-160%)}
100%{transform:skewX(-18deg) translateX(420%)}
}
@media(prefers-reduced-motion:reduce){
.is-highlight .trust-icon::after,.hero-banner img,.scroll-hint .i,.accounting-profile .button-red::after,.entrou .steps-track::before,.entrou .step-dot{animation:none}
.entrou .stagger>*,.entrou .stagger>:nth-child(n),.doc-panel:not([hidden]) li,.doc-panel:not([hidden]) li:nth-child(n),.entrou .facts-track>:nth-child(n){animation:entrada-fade .2s ease-out backwards;animation-delay:0s}
.fact-card{animation:none}
.doc-tab::after,.faq-chevron,.scroll-hint,.facts-dots span{transition:none}
.faq-item::details-content{transition:none}
}
@media(max-width:350px){.fact-card{flex-basis:86%}
.section-nav,.facts-scroller{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}
.trust-item{padding:12px 11px}
.agenda-item{grid-template-columns:56px minmax(0,1fr);gap:11px}
.doc-tab{padding:10px 9px;font-size:12px}
}
@media(min-width:600px){.trust-grid,.audience-grid{grid-template-columns:repeat(4,1fr)}
.fact-card{flex-basis:46%}
.agenda-list{grid-template-columns:1fr 1fr}
.closing-actions{grid-template-columns:1fr 1fr}
.closing-card{padding:32px 28px}
.audience-section,.steps-section,.facts-section,.agenda-section,.documents-section,.faq-section,.closing-section{margin-top:38px}
}
/* ---- favoritos, assuntos e fileiras: movimento reduzido e mouse ---- */
@media(prefers-reduced-motion:reduce){
.fav-toggle.is-pop .i,.fav-top.is-pop .i{animation:none}
.fav-toggle,.fav-top,.biz-card,.fav-tile{transition:none}
.fav-toggle:active,.fav-top:active,.biz-card:has(.mechanic-cover:active),.fav-tile:active{transform:none}
.chip-icon::after{transform:none;transition:opacity .16s ease-out}
.interest-chip,.subfilter{transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}
.fav-nova{animation:so-aparece .12s ease-out backwards}
.linha-nova{animation:so-aparece .12s ease-out backwards}
}
@media(hover:hover) and (pointer:fine){
.biz-card:hover{border-color:#5a3a40}
.biz-card.is-featured:hover{border-color:#ffbd65aa}
.biz-card.accounting-business:hover{border-color:#8a7445}
.fav-tile:hover .fav-tile-media{border-color:#5a3a40}
.rail-arrow:not(:disabled):hover,.rail-all:hover,.fav-drop:hover,.interest-chip[aria-pressed="false"]:hover,.subfilter[aria-pressed="false"]:hover,.interests-clear:hover,.topic-empty-remove:hover,.topic-empty-pill:hover,.topic-empty-ad:hover,.forget-history:hover{background:#262830;border-color:#4a4d57}
.rail-more-button:hover{border-color:#6a4a52;background:#1b1c22}
.notice-action:hover{background:#ffffff24}
}
/* computador e tablet: a fileira fica presa à coluna da página; a ponta do cartão some aos poucos em vez de ser cortada seca */
@media(min-width:720px){.rail{padding-right:28px}
.rail:not(.is-grid){-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent)}
}

/* ---- Serviços novos (19/10/2026): stories das lojas, anel de story, "Ofertas de hoje" e "Anuncie aqui" ----
   Tudo preso em html.wc-novo, que só existe dentro do APK novo (ponte WcServicos) ou com ?novo=1. Sem a classe,
   nenhuma regra daqui vale e a página fica igual à de antes. Movimento: só transform e opacidade, 150 a 300 ms,
   curva forte de saída; nada infinito (o giro do anel para sozinho). Ícones: Font Awesome que a página já usa. */
.wc-novo{--st-anel:conic-gradient(from 210deg,#ffd27a,#ff9a3d 20%,#fa4147 46%,#e0306b 70%,#ffd27a);--saida:cubic-bezier(.23,1,.32,1)}
.wc-novo .intro{padding-top:18px;padding-bottom:12px}
.wc-novo .of-section{margin-top:12px}
/* fileira de stories: logo abaixo da barra de cima, quem paga aparece primeiro */
.wc-novo .st-section{margin:0 -20px;padding:12px 0 12px;border-bottom:1px solid #24262c}
.wc-novo .st-section[hidden]{display:none}
.wc-novo .st-rail{--st-largura:clamp(112px,calc((100vw - 40px) / 3 - 8px),140px);display:flex;gap:8px;margin:-4px 0;padding:4px 20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:20px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}
.wc-novo .st-rail::-webkit-scrollbar{display:none}
.wc-novo .st-item{flex:0 0 auto;scroll-snap-align:start}
/* cartão em pé (igual ao Facebook): capa do story no fundo, foto da empresa com anel no canto, nome embaixo */
.wc-novo .st-bolha{position:relative;display:block;width:var(--st-largura);aspect-ratio:9/16;padding:0;border-radius:14px;overflow:hidden;isolation:isolate;background:#1c1e24;color:#fff;text-align:left;transition:transform .16s var(--saida)}
.wc-novo .st-bolha:active{filter:none;transform:scale(.97)}
.wc-novo .st-bolha:focus-visible{outline:3px solid #fff;outline-offset:2px}
.wc-novo .st-fundo{position:absolute;inset:0;z-index:0;display:grid;place-items:center;background:#1c1e24}
.wc-novo .st-fundo>img{display:block;width:100%;height:100%;object-fit:cover}
.wc-novo .st-fundo.is-vazio{background:radial-gradient(circle at 30% 22%,#5a2731,#1c1e24 78%);color:#ff8c94;font-size:30px}
/* escurece só a faixa do anel e a do nome: o texto fica legível em cima de qualquer capa */
.wc-novo .st-bolha::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000008c 0%,#0000 28%,#0000 50%,#000000d9 100%)}
.wc-novo .st-bolha .st-anel{position:absolute;top:8px;left:8px;z-index:2;width:42px;height:42px}
.wc-novo .st-bolha .st-foto{width:38px;height:38px;border-width:2px;font-size:15px}
.wc-novo .st-bolha .st-foto.is-logo>img{padding:3px}
.wc-novo .st-bolha .st-nome{position:absolute;left:9px;right:9px;bottom:9px;z-index:2;font-size:12.5px;line-height:1.25;font-weight:750;color:#fff;text-shadow:0 1px 3px #000a}
.wc-novo .st-bolha.is-visto .st-nome{font-weight:600;color:#e6e7eb}
/* anel: degradê da marca (não visto) por cima de um anel cinza fino (visto); a troca é só de opacidade */
.wc-novo .st-anel{position:relative;isolation:isolate;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;transition:transform .16s var(--saida)}
.wc-novo .st-anel::before,.wc-novo .st-anel::after{content:"";position:absolute;inset:0;border-radius:50%;transition:opacity .3s ease-out}
.wc-novo .st-anel::before{background:var(--st-anel)}
.wc-novo .st-anel::after{inset:1.5px;background:#4b4e57;opacity:0}
/* visto: o mesmo aro, mais apagado e sem brilho (o cinza ficava "esquisito", 19/10/2026) */
.wc-novo .is-visto .st-anel::before{opacity:.6}
/* brilho atrás do aro na cor da empresa: só opacidade e escala, nada de sombra animada */
.wc-novo .st-brilho{display:none}
.wc-novo .is-visto .st-brilho{opacity:.1}
.wc-novo .st-anel::before,.wc-novo .st-anel::after{z-index:0}
.wc-novo .st-foto{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:3px solid var(--bg);overflow:hidden;background:#1c1e24;color:#ff8c94;font-size:22px}
.wc-novo .st-foto>img{display:block;width:100%;height:100%;object-fit:cover}
.wc-novo .st-foto.is-logo{background:#fff}
.wc-novo .st-foto.is-logo>img{object-fit:contain;padding:5px}
.wc-novo .st-foto.is-icone{background:radial-gradient(circle at 30% 22%,#5a2731,#1c1e24 78%)}
.wc-novo .st-nome{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;overflow:hidden;font-size:11.5px;line-height:1.25;font-weight:650;color:#eceef2;overflow-wrap:anywhere}
.wc-novo .is-visto .st-nome{font-weight:500;color:var(--dim)}
.wc-novo .card-story:active .st-anel{transform:scale(.95)}
/* anel no cartão: foto redonda da empresa no canto da capa, com toque próprio (o resto do cartão abre a loja) */
.wc-novo .card-story{position:relative;z-index:2;align-self:flex-start;display:grid;place-items:center;width:56px;height:56px;margin:-60px 0 4px 2px;padding:0;border-radius:50%;background:none}
.wc-novo .card-story:active{filter:none}
.wc-novo .card-story:focus-visible{outline:3px solid #fff;outline-offset:-2px}
.wc-novo .card-story .st-anel{width:48px;height:48px;box-shadow:0 2px 8px #0009}
.wc-novo .card-story .st-foto{width:44px;height:44px;border-width:2px;font-size:16px}
.wc-novo .card-story .st-foto.is-logo>img{padding:3px}
/* cor da empresa ("Cor do aro" do story na central): o navegador lê o data-cor; sem suporte fica o degradê da marca */
@supports (x:attr(x type(*))){
.wc-novo .st-anel[data-cor]{--st-cor:attr(data-cor type(<color>),#fa4147)}
.wc-novo .st-anel[data-cor]::before{background:linear-gradient(145deg,color-mix(in oklab,var(--st-cor) 76%,#fff),var(--st-cor) 38%,color-mix(in oklab,var(--st-cor) 80%,#000) 72%,color-mix(in oklab,var(--st-cor) 76%,#fff));filter:drop-shadow(0 0 5px color-mix(in srgb,var(--st-cor) 50%,transparent))}
.wc-novo .st-anel[data-cor] .st-brilho{background:radial-gradient(circle,color-mix(in srgb,var(--st-cor) 50%,transparent) 0 50%,transparent 70%)}
}
@media(prefers-reduced-motion:no-preference){
/* story novo: o brilho respira algumas vezes e o cartão ganha um reflexo que passa uma vez */
.wc-novo .st-anel .st-brilho{animation:st-brilha 2.4s ease-in-out 6 alternate}
.wc-novo .is-visto .st-brilho{animation:none}
.wc-novo .st-bolha::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,#fff0 36%,#ffffff30 50%,#fff0 64%);transform:translateX(-130%)}
.wc-novo .st-bolha:not(.is-visto)::before{animation:st-reflexo 1.5s var(--saida) .5s 2}
.wc-novo .is-abrindo .st-anel::before{animation:st-roda .8s linear 2}
.wc-novo .is-abrindo.is-visto .st-anel::before{animation-name:st-roda-visto}
}
@keyframes st-roda{to{transform:rotate(360deg)}
}
@keyframes st-brilha{from{opacity:.2;transform:scale(.96)}
to{opacity:.55;transform:scale(1.05)}
}
@keyframes st-reflexo{to{transform:translateX(130%)}
}
@keyframes st-roda-visto{from{opacity:1;transform:rotate(0)}
to{opacity:1;transform:rotate(360deg)}
}
/* selo de oferta no cartão (a oferta inteira mora em "Ofertas de hoje") */
.wc-novo .biz-card .offer-chip{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;justify-self:start;max-width:100%;min-height:30px;padding:0 11px 0 9px;border-radius:999px;background:#ffbd651c;border:1px solid #ffbd6566;color:#ffdba6;font-size:12px;font-weight:800;line-height:1}
.wc-novo .biz-card .offer-chip::after{content:"";position:absolute;inset:-7px -4px}
.wc-novo .biz-card .offer-chip .offer-icon{font-size:12px;color:#ffbd65}
.wc-novo .biz-card .offer-chip.is-last-day{background:#fa414729;border-color:#fa414785;color:#ffd3d5}
.wc-novo .biz-card .offer-chip.is-last-day .offer-icon{color:#ff8c94}
.wc-novo .offer-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-novo .biz-card .offer-chip:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* "Ofertas de hoje": cupons de verdade (recorte nas laterais e picote), o que acaba hoje em vermelho e primeiro */
.wc-novo .of-section .rail-icon{background:#ffbd65;color:#1c1407}
.wc-novo .of-rail{gap:12px}
.wc-novo .of-card{--corte:48px;position:relative;flex:0 0 clamp(236px,72vw,290px);min-width:0;overflow:hidden;scroll-snap-align:start;border-radius:16px;background:linear-gradient(150deg,#3d2b12 0%,#271e14 48%,#1d1a17 100%);box-shadow:inset 0 0 0 1px #ffbd653d;-webkit-mask:radial-gradient(circle 9px at 0 calc(100% - var(--corte)),#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 9px at 100% calc(100% - var(--corte)),#0000 97%,#000) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 calc(100% - var(--corte)),#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 9px at 100% calc(100% - var(--corte)),#0000 97%,#000) 100% 0/51% 100% no-repeat}
.wc-novo .of-card.is-urgente{background:linear-gradient(150deg,#4d1b21 0%,#2b171a 48%,#1e1719 100%);box-shadow:inset 0 0 0 1px #fa414766}
.wc-novo .rail.is-grid>.of-card{flex:none}
.wc-novo .of-rail.is-grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px}
.wc-novo .of-abrir{display:flex;flex-direction:column;gap:9px;width:100%;padding:14px 16px 0;background:none;color:inherit;text-align:left;border-radius:16px;transition:transform .16s var(--saida)}
.wc-novo .of-abrir:active{transform:scale(.97);filter:none}
.wc-novo .of-abrir:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.wc-novo .of-topo{display:flex;align-items:center;gap:8px;min-width:0}
.wc-novo .of-foto{flex:0 0 28px;width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#33291d;color:#ffbd65;font-size:13px;box-shadow:0 0 0 1.5px #ffbd6573}
.wc-novo .is-urgente .of-foto{background:#3a1f24;color:#ff8c94;box-shadow:0 0 0 1.5px #fa414799}
.wc-novo .of-foto>img{display:block;width:100%;height:100%;object-fit:cover}
.wc-novo .of-foto.is-logo{background:#fff}
.wc-novo .of-foto.is-logo>img{object-fit:contain;padding:3px}
.wc-novo .of-loja{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;color:#eadcc8}
.wc-novo .is-urgente .of-loja{color:#f0d4d6}
.wc-novo .of-titulo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;font-size:17px;line-height:1.25;font-weight:850;letter-spacing:-.3px;color:#fff;overflow-wrap:anywhere}
.wc-novo .of-rodape{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:var(--corte);min-width:0}
.wc-novo .of-rodape::before{content:"";position:absolute;left:-2px;right:-2px;top:0;border-top:1.5px dashed #ffbd654d}
.wc-novo .is-urgente .of-rodape::before{border-top-color:#fa414766}
.wc-novo .of-prazo{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;max-width:100%;min-width:0;font-size:12.5px;font-weight:800;line-height:1.2;color:#ffdba6;white-space:nowrap}
.wc-novo .of-prazo>span{overflow:hidden;text-overflow:ellipsis}
.wc-novo .of-prazo .i{font-size:12px;color:#ffbd65}
.wc-novo .is-urgente .of-prazo{padding:6px 11px 6px 9px;border-radius:999px;background:var(--red);color:#fff}
.wc-novo .is-urgente .of-prazo .i{color:#fff}
.wc-novo .of-cupom{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:none;padding:5px 9px;border-radius:8px;border:1.5px dashed #ffbd65a6;color:#ffcf85;font-size:12.5px;font-weight:850;letter-spacing:1px;line-height:1.2;font-variant-numeric:tabular-nums}
.wc-novo .of-cupom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-novo .of-cupom .i{font-size:11px}
.wc-novo .of-rail .rail-more{flex-basis:clamp(150px,44vw,180px)}
.wc-novo .of-rail .rail-more-button{min-height:150px}
/* o que acaba hoje recebe um brilho que passa uma vez só */
.wc-novo .of-card.is-urgente::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,#fff0 32%,#ffffff2b 50%,#fff0 68%);transform:translateX(-110%);animation:of-brilho .9s cubic-bezier(.4,0,.2,1) .6s 1 backwards}
@keyframes of-brilho{to{transform:translateX(110%)}
}
/* "Anuncie aqui": fim da página, um cartão curto que abre a conversa no WhatsApp */
.wc-novo .anuncie{position:relative;overflow:hidden;isolation:isolate;margin-top:30px;padding:22px 20px 20px;border-radius:16px;border:1px solid #4a2c32;background:radial-gradient(120% 95% at 100% 0%,#fa414742 0%,#fa414700 58%),linear-gradient(160deg,#2a171b 0%,#191b20 64%)}
.wc-novo .anuncie::after{content:"\f54e";font-family:Solid;position:absolute;right:-14px;bottom:-30px;z-index:-1;font-size:132px;line-height:1;color:#ffffff09;transform:rotate(-12deg);pointer-events:none}
.wc-novo .anuncie-icone{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:var(--red);color:#fff;font-size:21px;transform:rotate(-8deg);box-shadow:6px 7px 0 #fa41472e}
.wc-novo .anuncie h2{margin:18px 0 8px;font-size:25px;line-height:1.14;letter-spacing:-.7px;font-weight:850;text-wrap:balance}
.wc-novo .anuncie h2 span{display:inline-block;color:#ff5a60}
.wc-novo .anuncie p{max-width:40ch;font-size:14px;line-height:1.5;color:#c9cbd3}
.wc-novo .anuncie-botao{margin-top:18px;font-size:14px}
@media(prefers-reduced-motion:reduce){
.wc-novo .st-anel,.wc-novo .st-bolha,.wc-novo .of-abrir{transition:none}
.wc-novo .st-bolha:active,.wc-novo .card-story:active .st-anel,.wc-novo .of-abrir:active{transform:none}
.wc-novo .of-card.is-urgente::after{display:none}
}
@media(hover:hover) and (pointer:fine){
.wc-novo .of-card:hover{box-shadow:inset 0 0 0 1px #ffbd6599}
.wc-novo .of-card.is-urgente:hover{box-shadow:inset 0 0 0 1px #fa4147b3}
.wc-novo .st-bolha:hover::after{background:linear-gradient(180deg,#00000066 0%,#0000 28%,#0000 50%,#000000cc 100%)}
}
@media(max-width:350px){.wc-novo .st-section{margin-left:-16px;margin-right:-16px}
.wc-novo .st-rail{--st-largura:clamp(96px,calc((100vw - 32px) / 3 - 8px),112px);padding-left:16px;padding-right:16px;scroll-padding-inline:16px}
.wc-novo .anuncie{padding:20px 16px 18px}
.wc-novo .anuncie h2{font-size:23px}
}
@media(min-width:720px){.wc-novo .st-rail{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent)}
}

/* ---- busca com lupa (21/10/2026): campo do jeito dos botões de assunto; resultado numa fileira de cartões */
.busca{margin:2px 0 16px}
.busca-campo{position:relative;display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 16px;border:1px solid #3a3d46;border-radius:16px;background:#1c1e24;transition:border-color .16s ease-out,box-shadow .16s ease-out}
.busca-campo:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(250,65,71,.18)}
.busca-lupa{color:#a8abb4;font-size:17px}
.busca-campo:focus-within .busca-lupa{color:var(--red)}
.busca-campo input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}
.busca-campo input::placeholder{color:#8d909a}
.busca-campo input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.busca-limpar{display:grid;width:40px;height:40px;flex-shrink:0;place-items:center;border-radius:12px;background:#26282f;color:#d6d8de;font-size:15px}
.busca-limpar[hidden],.busca-area[hidden],.busca-vazio[hidden]{display:none}
.busca-titulo{margin:14px 0 10px;font-size:13px;font-weight:800;color:#e2e3e7}
.busca-titulo:empty{display:none}
.busca-vazio{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px;border:1px dashed #3a3d46;border-radius:16px;background:#17191e;color:#c9cbd2;font-size:13px;line-height:1.45}
.busca-vazio-icone{display:grid;width:38px;height:38px;flex-shrink:0;place-items:center;border-radius:12px;background:#24262c;color:#a8abb4;font-size:15px}