/* Proposta de sistema "como o Airbnb" (11/10): a página mais larga, mais cartões por linha, um cartão de receita e um de coleção,
   a foto quase quadrada com canto 20, espaço 12 entre cartões, título de seção simples. Só para ver em imagem; nada disto está no site. */
html.teste46 #site{--g48:12px}
html.teste46 #site .wrap{max-width:1840px;padding-inline:24px}
@container site (min-width: 1128px){ html.teste46 #site .wrap{padding-inline:32px} }
/* o topo aprovado continua igual: a coluna do texto e a busca com a mesma largura de hoje */
html.teste46 #site .t44-t{max-width:694px}
@container site (min-width: 1128px){ html.teste46 #site .t44-g{grid-template-columns:minmax(0,694px) minmax(0,1fr)} html.teste46 #site .t44-prato{width:min(100%,440px)} }
/* o título de seção: só o título e a seta; sem o rótulo em caixa alta e sem a frase (como o Airbnb) */
/* volta 2 (11/10, "Temos que ter nossa identidade"): o rótulo verde em caixa alta fica; o título no tamanho do Design System; sai só a frase cinza */
html.teste46 #site main .sec > .sec-p, html.teste46 #site main .sec-h + .sec-p{display:none}
html.teste46 #site main .sec-h h2{font-size:28px;font-weight:800;letter-spacing:-.02em}
@container site (max-width: 760px){ html.teste46 #site main .sec-h h2{font-size:22px} }
html.teste46 #site main .sec{padding-block:24px}
/* o cartão de receita: foto quase quadrada, canto 20, título e uma linha cinza; espaço 12; 6 por linha no computador, 7 na tela larga,
   4 e o 5º aparecendo no tablet, 2 e o 3º aparecendo no celular */
/* o carrossel de receitas é uma grade em coluna: a largura do cartão vem de grid-auto-columns */
html.teste46 #site .rola-cards{gap:var(--g48) !important;grid-auto-columns:calc((100% - 5 * var(--g48)) / 6) !important}
@container site (min-width: 1440px){ html.teste46 #site .rola-cards{grid-auto-columns:calc((100% - 6 * var(--g48)) / 7) !important} }
@container site (max-width: 1127px){ html.teste46 #site .rola-cards{grid-auto-columns:calc((100% - 4 * var(--g48)) / 4.25) !important} }
@container site (max-width: 760px){ html.teste46 #site .rola-cards{grid-auto-columns:calc((100% - 2 * var(--g48)) / 2.2) !important} }
html.teste46 #site .rola-cards .card .cv{aspect-ratio:20/19 !important;border-radius:20px !important;overflow:hidden}
html.teste46 #site .rola-cards .card .cv img{width:100%;height:100%;object-fit:cover}
html.teste46 #site .rola-cards .card .t{margin-top:8px;font-size:15px;font-weight:600;line-height:1.3}
html.teste46 #site .rola-cards .card .m{font-size:13px;color:var(--tinta2)}
html.teste46 #site .rola-cards .card .selos{display:none}
html.teste46 #site .rola-cards .card .p .nv{font-size:13px}
html.teste46 #site .rola-cards .parte44{display:none}
/* o cartão de coleção (ocasiões, coleções e listas): a foto grande com o nome por cima, num degradê escuro embaixo */
html.teste46 #site .s48-l{display:flex;gap:var(--g48);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0;list-style:none}
html.teste46 #site .s48-l::-webkit-scrollbar{display:none}
html.teste46 #site .s48-l > li{flex:0 0 calc((100% - 5 * var(--g48)) / 6);scroll-snap-align:start;min-width:0}
@container site (min-width: 1440px){ html.teste46 #site .s48-l > li{flex-basis:calc((100% - 6 * var(--g48)) / 7)} }
@container site (max-width: 1127px){ html.teste46 #site .s48-l > li{flex-basis:calc((100% - 4 * var(--g48)) / 4.25)} }
@container site (max-width: 760px){ html.teste46 #site .s48-l > li{flex-basis:calc((100% - 2 * var(--g48)) / 2.2)} }
html.teste46 #site .s48-c{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:20px;background:var(--foto);color:#FFFFFF;text-decoration:none}
html.teste46 #site .s48-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--curva)}
html.teste46 #site .s48-c:hover img{transform:scale(1.04)}
html.teste46 #site .s48-c::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,10,.78) 0%,rgba(10,20,10,.35) 38%,rgba(10,20,10,0) 62%)}
html.teste46 #site .s48-tx{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:grid;gap:2px}
html.teste46 #site .s48-tx b{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
html.teste46 #site .s48-tx small{font-size:13px;font-weight:600;opacity:.92}
html.teste46 #site .s48-ag{position:absolute;z-index:2;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:#FFFFFF;color:var(--acaoFunda);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
/* a lista pronta: o mesmo cartão de receita (foto quase quadrada, nome e uma linha), com "Usar a lista" */
html.teste46 #site .s48-lp{display:grid;gap:4px;color:var(--tinta);text-decoration:none}
html.teste46 #site .s48-lp .f{display:block;aspect-ratio:20/19;overflow:hidden;border-radius:20px;background:var(--campo)}
html.teste46 #site .s48-lp .f img{width:100%;height:100%;object-fit:cover}
html.teste46 #site .s48-lp b{margin-top:6px;font-size:15px;font-weight:600}
html.teste46 #site .s48-lp small{font-size:13px;color:var(--tinta2)}
html.teste46 #site .s48-lp .u{font-size:13px;font-weight:600;color:var(--acaoFunda)}
/* os estados, como os "Destinos" do Airbnb: a foto do prato da casa, pequena, com o nome e quantas receitas */
html.teste46 #site .s48-uf{display:flex;gap:var(--g48);overflow-x:auto;scrollbar-width:none;margin:0;padding:0;list-style:none}
html.teste46 #site .s48-uf::-webkit-scrollbar{display:none}
html.teste46 #site .s48-uf > li{flex:0 0 calc((100% - 7 * var(--g48)) / 8)}
@container site (max-width: 1127px){ html.teste46 #site .s48-uf > li{flex-basis:calc((100% - 5 * var(--g48)) / 6.3)} }
@container site (max-width: 760px){ html.teste46 #site .s48-uf > li{flex-basis:calc((100% - 3 * var(--g48)) / 3.4)} }
html.teste46 #site .s48-u{display:grid;gap:2px;color:var(--tinta);text-decoration:none}
html.teste46 #site .s48-u .f{display:block;aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--foto)}
html.teste46 #site .s48-u .f img{width:100%;height:100%;object-fit:cover}
html.teste46 #site .s48-u b{margin-top:6px;font-size:14px;font-weight:600;line-height:1.25}
html.teste46 #site .s48-u small{font-size:12px;color:var(--tinta2)}
/* as Coleções da Vó são poucas (3): cartões largos que enchem a linha, como destaque (no computador 3 por linha, no tablet 2 e um pedaço, no celular 1 e um pedaço) */
html.teste46 #site .s48-lg > li{flex-basis:calc((100% - 2 * var(--g48)) / 3) !important}
@container site (max-width: 1127px){ html.teste46 #site .s48-lg > li{flex-basis:calc((100% - 2 * var(--g48)) / 2.2) !important} }
@container site (max-width: 760px){ html.teste46 #site .s48-lg > li{flex-basis:calc((100% - var(--g48)) / 1.15) !important} }
html.teste46 #site .s48-lg .s48-c{aspect-ratio:3/2}
html.teste46 #site .s48-lg .s48-tx b{font-size:22px}
html.teste46 #site .s48-w{display:grid;gap:0}
/* regra do Diego: nunca cortar texto. O nome da receita aparece inteiro (sem as reticências), em quantas linhas precisar */
html.teste46 #site .rola-cards .card .t{display:block !important;-webkit-line-clamp:unset !important;line-clamp:none !important;overflow:visible !important;text-overflow:clip !important}
/* o título da seção e o "Ver todas" na mesma linha, centrados */
html.teste46 #site main .sec-h.car-h{align-items:center}

/* Busca no jeito do Airbnb (proposta de 11/10, só para ver em imagem; nada disto está no site).
   Medidas do Airbnb (1408 px): pílula de 850x66, 3 partes, botão redondo de 48; ao tocar, a barra fica cinza e a parte escolhida vira uma
   pílula branca; o painel fica preso embaixo da parte, com canto 32 e sombra grande; ao rolar, a barra encolhe numa pílula de 48 no topo.
   Aqui: as cores, a letra e a escala do Design System do Listeam (canto 28 é o maior da escala; pílula = canto inteiro, como os botões). */

/* ---------- a barra ---------- */
.b48{position:relative;width:100%;max-width:694px}
.b48-bar{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.15fr);align-items:center;height:64px;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px var(--linha),0 3px 12px rgba(20,20,18,.08);transition:background .2s}
.b48-seg{position:relative;display:grid;align-content:center;gap:2px;height:64px;padding:0 24px;border:0;border-radius:999px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0}
.b48-seg:hover{background:var(--campo)}
.b48-seg + .b48-seg::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:var(--contornoCampo)}
.b48-seg:hover::before,.b48-seg:hover + .b48-seg::before,.b48-seg.on::before,.b48-seg.on + .b48-seg::before{opacity:0}
.b48-r{font-size:12px;font-weight:600;line-height:16px;color:var(--tinta)}
.b48-v{font-size:14px;font-weight:420;line-height:20px;color:var(--tinta3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b48-v.tem{color:var(--tinta);font-weight:600}
.b48-v input{all:unset;width:100%;font-size:14px;font-weight:600;color:var(--tinta)}
.b48-v input::placeholder{color:var(--tinta3);font-weight:420}
.b48-seg.ult{padding-right:72px}
.b48-ir{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-width:48px;padding:0;border:0;border-radius:999px;background:var(--acao);color:#FFFFFF;font:inherit;font-size:16px;font-weight:660;cursor:pointer;transition:padding .2s,min-width .2s}
.b48-ir span{display:none}
.b48-ir svg{width:20px;height:20px}
/* aberta: a barra fica cinza, a parte escolhida é uma pílula branca, o botão ganha o "Buscar" */
.b48.aberta .b48-bar{background:var(--campo2);box-shadow:0 0 0 1px var(--campo2)}
.b48.aberta .b48-seg:hover{background:#ECEBE6}
.b48.aberta .b48-seg.on{background:#FFFFFF;box-shadow:0 6px 20px rgba(20,20,18,.16)}
.b48.aberta .b48-ir{padding:0 20px 0 16px}
.b48.aberta .b48-ir span{display:inline}
.b48.aberta .b48-seg.ult{padding-right:136px}

/* ---------- as abas acima da busca (decisão do Diego) ---------- */
.b48-abas{display:flex;gap:24px;margin:0 0 16px;padding:0;list-style:none}
.b48-aba{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 4px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--tinta2);cursor:pointer;position:relative}
.b48-aba img,.b48-aba .vo4{width:40px;height:40px;object-fit:contain;flex:none}
.b48-aba .vo4 img{width:40px;height:40px}
.b48-aba.on{color:var(--tinta)}
.b48-aba.on::after{content:"";position:absolute;left:4px;right:4px;bottom:-2px;height:2px;border-radius:2px;background:var(--tinta)}

/* ---------- o painel ---------- */
.b48-p{position:fixed;z-index:200;background:#FFFFFF;border-radius:28px;box-shadow:0 8px 28px rgba(20,20,18,.20),0 0 0 1px rgba(20,20,18,.04);padding:16px 0;font-family:var(--letra);color:var(--tinta)}
.b48-g{margin:0;padding:8px 32px 8px;font-size:12px;font-weight:600;color:var(--tinta2)}
.b48-o{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;padding:8px 32px;color:inherit;text-decoration:none}
.b48-o:hover,.b48-o.foco{background:var(--campo)}
.b48-o b{display:block;font-size:14px;font-weight:600;line-height:20px}
.b48-o b mark,.b48-o b strong{background:none;color:inherit;font-weight:800}
.b48-o small{display:block;font-size:13px;font-weight:420;line-height:18px;color:var(--tinta2)}
.b48-t{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;overflow:hidden;background:var(--campo);color:var(--tinta2)}
.b48-t svg{width:22px;height:22px}
.b48-t img{width:36px;height:36px;object-fit:contain}
.b48-t.foto img{width:48px;height:48px;object-fit:cover}
.b48-t.vo .vo4,.b48-t.vo img{width:48px;height:48px}
.b48-t.acao{background:var(--acaoSuave);color:var(--acao)}
.b48-t.prazo{background:var(--prazoSuave);color:var(--prazo)}
.b48-t.info{background:var(--infoSuave);color:var(--info)}
.b48-t.lima{background:var(--limaSuave);color:var(--acaoFunda)}
.b48-t.amor{background:var(--amorSuave);color:var(--amor)}
.b48-pe{display:flex;align-items:center;gap:12px;margin:8px 0 0;padding:16px 32px 8px;border-top:1px solid var(--linha);font-size:14px;font-weight:600;color:var(--acaoFunda);text-decoration:none}
.b48-pe svg{width:18px;height:18px}
/* o tempo */
.b48-tp{padding:24px 32px 28px}
.b48-tp h3{margin:0 0 4px;font-size:16px;font-weight:660}
.b48-tp p{margin:0 0 16px;font-size:14px;color:var(--tinta2)}
.b48-chips{display:flex;flex-wrap:wrap;gap:8px}
.b48-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--contornoCampo);font:inherit;font-size:14px;font-weight:600;color:var(--tinta)}
.b48-chip svg{width:16px;height:16px}
.b48-chip.on{background:var(--acaoSuave);color:var(--acaoFunda);box-shadow:inset 0 0 0 2px var(--acao)}
/* pra quantos */
.b48-qt{padding:8px 32px 16px}
.b48-ln{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--linha)}
.b48-ln b{display:block;font-size:16px;font-weight:600}
.b48-ln small{display:block;font-size:14px;color:var(--tinta2)}
.b48-cont{display:flex;align-items:center;gap:12px}
.b48-cont button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--contornoCampo);color:var(--tinta2)}
.b48-cont button[disabled]{opacity:.35}
.b48-cont button svg{width:16px;height:16px}
.b48-cont output{min-width:20px;text-align:center;font-size:16px;font-weight:600}
.b48-casa{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 4px;color:var(--acaoFunda);text-decoration:none}
.b48-casa b{display:block;font-size:14px;font-weight:600}
.b48-casa small{display:block;font-size:13px;color:var(--tinta2);font-weight:420}
.b48-casa svg{width:18px;height:18px;flex:none}

/* ---------- a pílula pequena no topo (ao rolar e nas páginas de dentro) ---------- */
.b48-mini{display:inline-flex;align-items:center;height:48px;padding:0 8px 0 8px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px var(--linha),0 2px 8px rgba(20,20,18,.08);font:inherit;color:var(--tinta);cursor:pointer;white-space:nowrap}
.b48-mini > span{padding:0 16px;font-size:14px;font-weight:600;line-height:20px}
.b48-mini > span + span{border-left:1px solid var(--contornoCampo)}
.b48-mini .m-ic{padding:0 4px 0 8px;display:inline-flex}
.b48-mini .m-ic img{width:28px;height:28px;object-fit:contain}
.b48-mini .m-ic + span{border-left:0;padding-left:4px}
.b48-mini .m3{font-weight:420;color:var(--tinta2)}
.b48-mini .m-bt{display:grid;place-items:center;width:32px;height:32px;padding:0;margin-left:-8px;border:0 !important;border-radius:999px;background:var(--acao);color:#FFFFFF}
.b48-mini .m-bt svg{width:14px;height:14px}
html.teste46 header.topo.b48-h-mini .wrap{position:relative}
html.teste46 header.topo.b48-h-mini nav.menu{visibility:hidden}
html.teste46 header.topo .b48-mini-w{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.b48-menu{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--tinta)}
.b48-menu svg{width:22px;height:22px}
/* o topo reaberto: a barra inteira dentro do topo e a página escurecida */
html.teste46 header.topo.b48-h-aberto{box-shadow:0 1px 0 var(--linha)}
.b48-topo-busca{display:grid;justify-items:center;padding:4px 0 24px}
.b48-veu{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(0,0,0,.25)}

/* ---------- celular ---------- */
.b48-cel{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px var(--linha),0 3px 12px rgba(20,20,18,.10);font:inherit;font-size:15px;font-weight:600;color:var(--tinta)}
.b48-cel svg{width:20px;height:20px}
.b48-chab{display:flex;gap:8px;margin:12px 0 0;overflow-x:auto;scrollbar-width:none}
.b48-chab::-webkit-scrollbar{display:none}
.b48-chab .b48-chip{flex:none;height:44px;padding:0 14px 0 8px}
.b48-chab .b48-chip img,.b48-chab .b48-chip .vo4,.b48-chab .b48-chip .vo4 img{width:28px;height:28px;object-fit:contain}
.b48-chab .b48-chip.on{background:#FFFFFF;color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
/* a tela cheia */
.b48-folha{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:var(--campo);font-family:var(--letra);color:var(--tinta)}
.b48-fc{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:8px 12px 4px}
.b48-fc .b48-abas{justify-content:center;gap:12px;margin:0}
.b48-fc .b48-aba{flex-direction:column;gap:2px;height:64px;font-size:12px}
.b48-fc .b48-aba img,.b48-fc .b48-aba .vo4,.b48-fc .b48-aba .vo4 img{width:36px;height:36px}
.b48-fecha{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px var(--linha);color:var(--tinta);grid-column:3}
.b48-fecha svg{width:16px;height:16px}
.b48-fcorpo{flex:1;overflow:auto;padding:4px 12px 96px;display:grid;gap:12px;align-content:start}
.b48-cartao{background:#FFFFFF;border-radius:28px;box-shadow:0 6px 20px rgba(20,20,18,.10);padding:24px 20px 12px}
.b48-cartao h2{margin:0 0 16px;font-size:22px;font-weight:800;letter-spacing:-.01em}
.b48-campo{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--contornoCampo);font-size:15px;color:var(--tinta3);margin-bottom:12px}
.b48-campo svg{width:20px;height:20px;color:var(--tinta)}
.b48-cartao .b48-g{padding:8px 0}
.b48-cartao .b48-o{padding:8px 0;grid-template-columns:56px minmax(0,1fr)}
.b48-cartao .b48-t{width:56px;height:56px}
.b48-mais{display:grid;place-items:center;height:32px;color:var(--tinta2)}
.b48-mais svg{width:18px;height:18px}
.b48-fech{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;border-radius:16px;background:#FFFFFF;box-shadow:0 1px 2px rgba(20,20,18,.08),0 2px 8px rgba(20,20,18,.06)}
.b48-fech span{font-size:14px;font-weight:600;color:var(--tinta2)}
.b48-fech b{font-size:14px;font-weight:660}
.b48-cartao .b48-qt{padding:0}
.b48-pe-cel{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:#FFFFFF;border-top:1px solid var(--linha)}
.b48-limpa{border:0;background:none;padding:8px 0;font:inherit;font-size:16px;font-weight:600;color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.b48-buscar{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px 0 20px;border:0;border-radius:999px;background:var(--acao);color:#FFFFFF;font:inherit;font-size:16px;font-weight:660}
.b48-buscar svg{width:18px;height:18px}
/* digitando, no celular */
.b48-dig{position:fixed;inset:0;z-index:310;background:#FFFFFF;font-family:var(--letra);color:var(--tinta);overflow:auto}
.b48-dc{display:flex;align-items:center;gap:12px;height:56px;margin:12px 16px 8px;padding:0 12px;border-radius:12px;box-shadow:inset 0 0 0 2px var(--tinta)}
.b48-dc svg{width:20px;height:20px;flex:none}
.b48-dc .q{flex:1;font-size:16px;font-weight:600}
.b48-dc .q i{display:inline-block;width:2px;height:20px;margin-left:1px;vertical-align:-4px;background:var(--acao)}
.b48-dc .lp{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--campo)}
.b48-dc .lp svg{width:12px;height:12px}
.b48-dig .b48-o{padding:8px 16px;grid-template-columns:56px minmax(0,1fr)}
.b48-dig .b48-t{width:56px;height:56px}
.b48-dig .b48-pe{padding:16px 16px 8px}
/* celular, depois de rolar */
html.teste46 header.topo.b48-h-cel .wrap > :not(.b48-celw){display:none !important}
.b48-celw{display:flex;align-items:center;gap:8px;width:100%}
.b48-cel-min{flex:1;height:52px;justify-content:flex-start;padding:0 20px;gap:14px;text-align:left}
.b48-cel-min span{display:grid;line-height:1.2}
.b48-cel-min b{font-size:14px;font-weight:600}
.b48-cel-min small{font-size:12px;font-weight:420;color:var(--tinta2)}
/* acertos da 1ª rodada: o negrito do pedaço digitado fica na mesma linha; o botão aberto ocupa menos; as abas da tela cheia no meio */
.b48-o b b,.b48-o b strong,.b48-o b mark{display:inline}
.b48-r{white-space:nowrap}
.b48.aberta .b48-ir{padding:0 16px 0 12px;gap:6px}
.b48.aberta .b48-seg.ult{padding-right:128px}
.b48-fc .b48-abas{grid-column:2}
.b48-fc .b48-aba{white-space:nowrap;flex:none}
/* volta 2 (11/10): a cara do Listeam na busca: aba ativa em verde, chips ativos no nosso estado ligado, "Limpar tudo" como os nossos links */
.b48-aba.on{color:var(--acaoFunda)}
.b48-aba.on::after{background:var(--acao)}
.b48-chab .b48-chip.on{background:var(--acaoSuave);color:var(--acaoFunda);box-shadow:inset 0 0 0 2px var(--acao)}
.b48-limpa{color:var(--acaoFunda);text-decoration:none}
.b48-dc{box-shadow:inset 0 0 0 2px var(--acao)}
.b48-dc .q i{background:var(--acao)}
/* prévia navegável: o campo da tela cheia é um botão; a tela de digitar tem o campo de verdade */
.b48-campo{width:100%;border:0;background:#FFFFFF;font:inherit;text-align:left;cursor:text}
.b48-dc{margin:12px 16px 8px}
.b48-dc button{display:grid;place-items:center;border:0;background:none;color:var(--tinta);padding:0;flex:none}
.b48-dvolta{width:32px;height:32px}
.b48-dvolta svg{width:20px;height:20px}
.b48-dlimpa{width:28px;height:28px;border-radius:999px !important;background:var(--campo) !important}
.b48-dlimpa svg{width:12px;height:12px}
.b48-din{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--tinta)}
.b48-din::-webkit-search-cancel-button{display:none}
.b48-dres .b48-g{padding:8px 16px}
.b48-fech{width:100%;border:0;font:inherit;cursor:pointer;text-align:left}
.b48-aba,.b48-seg,.b48-mini,.b48-cel{-webkit-tap-highlight-color:transparent}
.b48-p .b48-o,.b48-dig .b48-o{cursor:pointer}
/* os filtros da busca, abertos pelo botão Filtros (a coluna de antes, agora numa folha à direita) */
html.teste46 #site aside#filtros.p48-aberto{display:block !important;position:fixed;top:0;right:0;bottom:0;z-index:250;width:min(420px,100vw);overflow:auto;padding:24px;background:#FFFFFF;box-shadow:-12px 0 40px rgba(20,20,18,.18)}
.p48-veu{position:fixed;inset:0;z-index:240;background:rgba(0,0,0,.25)}

/* placeholders: o recorte da foto e o selo "Foto ilustrativa" */
html.teste46 #site .cv.ph48-cv{position:relative;overflow:hidden;background:var(--foto)}
html.teste46 #site .cv .ph48{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}
.ph48-tag{position:absolute;left:8px;bottom:8px;z-index:2;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--tinta2);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.01em;pointer-events:none}

/* A página da receita no jeito da página do anúncio do Airbnb (proposta de 11/10, só para ver em imagem).
   Medidas do Airbnb (1408 px): conteúdo de 1120; fotos de 1120x410 com canto nas pontas; 2 colunas (653 + 373) com o cartão de ação preso
   a 80 px do topo; seções com linha fina e título 22. No celular: foto de ponta a ponta, o conteúdo sobe por cima dela, a barra de ação no pé. */
html.teste46 #site .r48{max-width:1120px;margin:0 auto;padding:0 0 32px;display:grid;gap:0}
html.teste46 #site .r48 nav.migalha{margin:0 0 4px}
.r48-tit{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 20px}
.r48-tit h1{margin:0;font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.02em}
.r48-acoes{display:flex;gap:8px;flex:none}
.r48-acao{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.r48-acao:hover{background:var(--campo)}
.r48-acao svg{width:16px;height:16px}
.r48-foto{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--foto);margin:0 0 32px}
.r48-foto picture,.r48-foto img{display:block;width:100%;height:100%;object-fit:cover}
.r48-cols{display:grid;grid-template-columns:minmax(0,58%) minmax(0,33.3%);justify-content:space-between;align-items:start;margin-top:8px}
.r48-lado{align-self:stretch}
.r48-esq{min-width:0}
.r48-sub h2{margin:0;font-size:22px;font-weight:660;line-height:1.3}
.r48-fatos{margin:4px 0 0;font-size:16px;color:var(--tinta)}
.r48-fatos span + span::before{content:" · "}
.r48-sub .selos{margin-top:12px}
.r48-dest{display:grid;gap:24px;margin:32px 0 0;padding:32px 0 0;border-top:1px solid var(--linha)}
.r48-d{display:grid;grid-template-columns:24px minmax(0,1fr);gap:24px;align-items:start}
.r48-d svg{width:24px;height:24px;color:var(--tinta)}
.r48-d b{display:block;font-size:16px;font-weight:600}
.r48-d small{display:block;margin-top:2px;font-size:14px;color:var(--tinta2)}
html.teste46 #site .r48-esq > .bloco{margin:32px 0 0;padding:32px 0 0;border-top:1px solid var(--linha)}
html.teste46 #site .r48-esq > .bloco h2{font-size:22px;font-weight:660;letter-spacing:-.01em}
html.teste46 #site .r48-esq > .bloco.sem{display:none}
/* o cartão de ação, preso à direita (como o de reservar) */
.r48-card{position:sticky;top:140px;padding:24px;border-radius:20px;background:#FFFFFF;box-shadow:0 0 0 1px var(--linha),0 6px 16px rgba(20,20,18,.12)}
.r48-c1{display:flex;align-items:baseline;gap:8px;margin:0 0 20px}
.r48-c1 b{font-size:22px;font-weight:800}
.r48-c1 small{font-size:14px;color:var(--tinta2)}
.r48-cx{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;box-shadow:inset 0 0 0 1px var(--contornoCampo);overflow:hidden;margin:0 0 16px}
.r48-cx > div{padding:10px 12px;display:grid;gap:2px}
.r48-cx > div + div{box-shadow:inset 1px 0 0 var(--contornoCampo)}
.r48-cx > .todo{grid-column:1 / -1;box-shadow:inset 0 1px 0 var(--contornoCampo)}
.r48-cx .k{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta)}
.r48-cx .v{font-size:14px;color:var(--tinta)}
.r48-pm{display:flex;align-items:center;justify-content:space-between;gap:8px}
.r48-pm .b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--contornoCampo);color:var(--tinta2)}
.r48-pm .b svg{width:14px;height:14px}
.r48-pri{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border:0;border-radius:999px;background:var(--acao);color:#FFFFFF;font:inherit;font-size:16px;font-weight:660}
.r48-pri svg,.r48-sec svg{width:18px;height:18px}
.r48-sec{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:8px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--contornoCampo);font:inherit;font-size:15px;font-weight:600;color:var(--tinta)}
.r48-nota{margin:12px 0 0;text-align:center;font-size:13px;color:var(--tinta2)}
.r48-links{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:14px;font-weight:600}
.r48-links a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
/* a guia das seções, presa embaixo do topo ao rolar (como Fotos · Comodidades · Avaliações) */
.r48-guia{position:fixed;left:0;right:0;z-index:40;background:#FFFFFF;box-shadow:0 1px 0 var(--linha)}
.r48-guia .in{max-width:1120px;margin:0 auto;display:flex;gap:24px;height:56px;align-items:center}
.r48-guia a{position:relative;display:inline-flex;align-items:center;height:56px;font-size:14px;font-weight:600;color:var(--tinta2);text-decoration:none}
.r48-guia a.on{color:var(--tinta)}
.r48-guia a.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--tinta)}
.r48-guia .dir{margin-left:auto;display:flex;align-items:center;gap:16px}
.r48-guia .dir b{font-size:16px;font-weight:800}
.r48-guia .dir .r48-pri{width:auto;height:44px;padding:0 20px}
/* celular */
@container site (max-width: 760px){
  html.teste46 #site .r48 nav.migalha{display:none}
  .r48-foto{aspect-ratio:auto;height:300px;border-radius:0;margin:0 -16px}
  .r48-flut{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;z-index:3}
  .r48-flut span{display:flex;gap:8px}
  .r48-flut i{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#FFFFFF;box-shadow:0 1px 4px rgba(20,20,18,.2);font-style:normal}
  .r48-flut i svg{width:16px;height:16px}
  html.teste46 #site .r48{display:flex;flex-direction:column}
  .r48-foto{order:1}
  .r48-tit{order:2;position:relative;z-index:2;margin:-24px -16px 0 !important;padding:24px 16px 4px;border-radius:24px 24px 0 0;background:#FFFFFF}
  .r48-cols{order:3}
  .r48-tit{display:block}
  .r48-tit h1{font-size:28px}
  .r48-acoes{display:none}
  .r48-cols{display:block;margin-top:0}
  .r48-card{display:none}
  .r48-dest{margin-top:24px;padding-top:24px}
  html.teste46 #site .r48-esq > .bloco{margin-top:24px;padding-top:24px}
}
.r48-barra{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#FFFFFF;border-top:1px solid var(--linha)}
.r48-barra b{display:block;font-size:16px;font-weight:660}
.r48-barra small{display:block;font-size:13px;color:var(--tinta2)}
.r48-barra .r48-pri{width:auto;height:48px;padding:0 24px}
.r48-topcel{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;gap:12px;height:56px;padding:0 12px;background:#FFFFFF;box-shadow:0 1px 0 var(--linha)}
.r48-topcel i{display:grid;place-items:center;width:36px;height:36px;font-style:normal}
.r48-topcel i svg{width:18px;height:18px}
/* dentro da coluna da receita, as linhas de cartões (Outras versões) vão 2 e um pedaço por vez */
html.teste46 #site .r48-esq .rola-cards{grid-auto-columns:calc((100% - 12px) / 2.2) !important}
/* as linhas de receitas do fim da página ficam na mesma largura do conteúdo (1120), como o "Explore outras opções" deles */
html.teste46 #site .rel5{max-width:1120px;margin-inline:auto}

/* Receita, volta 2: a cara do Listeam no sistema do Airbnb. Rótulo verde em caixa alta, título do Design System, botões e links nossos,
   o painel suave com pontinhos para a dica da Vó, ícones em quadradinho verde. A galeria usa a foto que existe e 4 recortes dela. */
.r48v2 .r48-tit{align-items:flex-end;margin:0 0 20px}
.r48v2 .r48-tt .kicker{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--acaoFunda)}
.r48v2 .r48-tt .kicker a{color:inherit;text-decoration:none}
.r48v2 .r48-tit h1{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.r48-ac{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--contornoCampo);font:inherit;font-size:14px;font-weight:600;color:var(--tinta)}
.r48-ac svg{width:16px;height:16px;color:var(--acao)}
/* a galeria: 1 grande e 4 recortes, como a do anúncio (560x410 e 4 de 272 em 1120), cantos de fora arredondados */
.r48-gal{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:1120/410;border-radius:20px;overflow:hidden;margin:0}
.r48-g1{position:relative;grid-row:span 2;overflow:hidden;background:var(--foto)}
.r48-g1 img{display:block;width:100%;height:100%;object-fit:cover}
.r48-gp{display:block;background-color:var(--foto);background-size:240%;background-repeat:no-repeat}
.r48-verf{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:0 1px 4px rgba(20,20,18,.18);font:inherit;font-size:13px;font-weight:600;color:var(--tinta)}
.r48-verf svg{width:16px;height:16px;color:var(--acao)}
.r48-gal .r48-flut,.r48-gal .r48-cont{display:none}
.r48v2 .r48-cols{margin-top:32px}
.r48v2 .r48-fatos{margin:0;font-size:18px;font-weight:660;color:var(--tinta)}
/* a dica da Vó, no painel suave com pontinhos (a nossa marca) */
.r48-vo{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;margin:24px 0 0;padding:16px 20px;border-radius:20px;background:radial-gradient(rgba(23,102,31,.12) 1.1px,transparent 1.2px) 0 0/16px 16px,var(--acaoSuave)}
.r48-vo .vo4,.r48-vo .vo4 img{width:56px;height:56px}
.r48-vo .kicker{margin:0 0 2px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--acaoFunda)}
.r48-vo .t{margin:0;font-size:16px;font-weight:600;color:var(--tinta)}
.r48v2 .r48-dest{gap:20px}
.r48v2 .r48-d{grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:center}
.r48-di{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--acaoSuave);color:var(--acao)}
.r48-di svg{width:20px;height:20px}
html.teste46 #site .r48v2 .r48-esq > .bloco h2{font-size:22px;font-weight:800}
/* o cartão, no nosso jeito: rótulo verde, o custo, as porções na pílula de mais e menos, os fatos, os botões e os links verdes */
.r48v2 .r48-card{padding:24px;border-radius:20px;box-shadow:0 0 0 1px var(--linha),var(--shadow)}
.r48v2 .r48-card .kicker{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--acaoFunda)}
.r48v2 .r48-c1{display:flex;align-items:center;gap:8px;margin:0 0 16px}
.r48v2 .r48-c1 b{font-size:22px;font-weight:800}
.r48-porc{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 6px;border-radius:999px;background:var(--campo);margin:0 0 12px}
.r48-porc button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:#FFFFFF;color:var(--acao);box-shadow:0 1px 2px rgba(20,20,18,.12)}
.r48-porc button svg{width:16px;height:16px}
.r48-porc span{font-size:15px;color:var(--tinta2)}
.r48-porc b{font-size:16px;font-weight:800;color:var(--tinta)}
.r48-fx{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.r48-fx li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tinta2)}
.r48-fx svg{width:18px;height:18px;color:var(--acao);flex:none}
.r48v2 .r48-links{gap:20px}
.r48v2 .r48-links a{display:inline-flex;align-items:center;gap:6px;color:var(--acaoFunda);text-decoration:none;font-weight:600}
.r48v2 .r48-links svg{width:16px;height:16px}
.r48-guia a.on::after{background:var(--acao)}
.r48-guia a.on{color:var(--acaoFunda)}
@container site (max-width: 760px){
  .r48-gal{display:block;aspect-ratio:auto;height:300px;border-radius:0;margin:0 -16px;order:1}
  .r48-gal .r48-gp,.r48-verf{display:none}
  .r48-g1{height:100%}
  .r48-gal .r48-flut{display:flex;position:absolute;inset:12px 12px auto;justify-content:space-between;z-index:3}
  .r48-gal .r48-cont{display:block;position:absolute;right:12px;bottom:36px;z-index:3;padding:2px 10px;border-radius:999px;background:rgba(20,20,18,.6);color:#FFFFFF;font-size:12px;font-weight:600}
  .r48-gal .ph48-tag{bottom:36px}
  .r48v2 .r48-tit{order:2}
  .r48v2 .r48-cols{order:3;margin-top:0}
  .r48v2 .r48-tit h1{font-size:28px}
  .r48-vo{margin-top:16px}
}

/* Listas de receitas (categoria e busca) e página do estado no jeito do Airbnb (proposta de 11/10, só para ver em imagem).
   Resultados deles: a pílula com a busca no topo, uma linha de filtros (botão Filtros e chips), cartões grandes em grade.
   As receitas sem foto (98% do site) não viram cartão com desenho: vão para uma lista simples, com o ícone da categoria. */
html.teste46 #site .p48-cab{display:flex;align-items:center;gap:16px;margin:4px 0 0}
html.teste46 #site .p48-cab img{width:56px;height:56px;object-fit:contain}
html.teste46 #site .p48-cab h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
html.teste46 #site .p48-cab small{display:block;font-size:14px;color:var(--tinta2);margin-top:2px}
/* a linha de filtros, presa embaixo do topo */
.p48-filtros{position:sticky;top:68px;z-index:20;display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:12px 0;background:var(--fundo);box-shadow:0 1px 0 var(--linha)}
.p48-filtros .rola{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
.p48-filtros .rola::-webkit-scrollbar{display:none}
.p48-fb{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--contornoCampo);font:inherit;font-size:14px;font-weight:600;color:var(--tinta);white-space:nowrap}
.p48-fb svg{width:16px;height:16px}
.p48-fb small{font-size:12px;font-weight:420;color:var(--tinta2)}
.p48-fb.on{background:var(--tinta);color:#FFFFFF;box-shadow:none}
.p48-fb.on small{color:#FFFFFF;opacity:.8}
.p48-sep{flex:none;width:1px;height:24px;background:var(--contornoCampo);margin:0 4px}
/* a grade de cartões com foto: o mesmo cartão do início, 6 por linha (7 na tela larga), 4 no tablet, 2 no celular */
.p48-h2{margin:32px 0 16px;font-size:22px;font-weight:660;letter-spacing:-.01em}
html.teste46 #site .p48-grade{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;column-gap:12px !important;row-gap:32px !important}
@container site (min-width: 1440px){ html.teste46 #site .p48-grade{grid-template-columns:repeat(7,minmax(0,1fr)) !important} }
@container site (max-width: 1127px){ html.teste46 #site .p48-grade{grid-template-columns:repeat(4,minmax(0,1fr)) !important} }
@container site (max-width: 760px){ html.teste46 #site .p48-grade{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:24px !important} }
html.teste46 #site .p48-grade .card .cv{aspect-ratio:20/19 !important;border-radius:20px !important;overflow:hidden}
html.teste46 #site .p48-grade .card .cv img{width:100%;height:100%;object-fit:cover}
html.teste46 #site .p48-grade .card .t{display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;margin-top:8px;font-size:15px;font-weight:600;line-height:1.3}
html.teste46 #site .p48-grade .card .m{font-size:13px;color:var(--tinta2)}
html.teste46 #site .p48-grade .selos,html.teste46 #site .p48-grade .parte44{display:none}
/* a lista das receitas sem foto */
.p48-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none}
@container site (max-width: 1127px){ .p48-lista{grid-template-columns:repeat(2,minmax(0,1fr))} }
@container site (max-width: 760px){ .p48-lista{grid-template-columns:minmax(0,1fr)} }
.p48-lista li{border-bottom:1px solid var(--linha)}
.p48-lista a{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;color:var(--tinta);text-decoration:none}
.p48-lista .tl{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--campo);overflow:hidden}
.p48-lista .tl img{width:34px;height:34px;object-fit:contain}
.p48-lista .tl.foto img{width:48px;height:48px;object-fit:cover}
.p48-lista b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.p48-lista small{display:block;font-size:13px;color:var(--tinta2)}
.p48-mais{display:flex;justify-content:center;margin:32px 0 0}
.p48-mais button{height:48px;padding:0 24px;border:0;border-radius:12px;background:var(--tinta);color:#FFFFFF;font:inherit;font-size:15px;font-weight:600}
/* o estado */
.p48-est{display:grid;grid-template-columns:minmax(0,58%) minmax(0,33.3%);justify-content:space-between;align-items:center;margin:16px 0 0}
.p48-postal{aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--foto)}
.p48-postal img{width:100%;height:100%;object-fit:cover}
.p48-est-t .k{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--acaoFunda)}
.p48-est-t h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.p48-est-t p{margin:12px 0 0;font-size:16px;color:var(--tinta2)}
.p48-fatos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0}
.p48-fatos div{padding:16px;border-radius:16px;background:var(--campo)}
.p48-fatos b{display:block;font-size:22px;font-weight:800}
.p48-fatos small{display:block;font-size:13px;color:var(--tinta2)}
.p48-ufs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0;padding:0;list-style:none}
.p48-ufs::-webkit-scrollbar{display:none}
.p48-ufs li{flex:0 0 calc((100% - 7 * 12px) / 8)}
@container site (max-width: 1127px){ .p48-ufs li{flex-basis:calc((100% - 5 * 12px) / 6.3)} }
@container site (max-width: 760px){ .p48-ufs li{flex-basis:calc((100% - 3 * 12px) / 3.4)} }
.p48-ufs a{display:grid;gap:2px;color:var(--tinta);text-decoration:none}
.p48-ufs .f{display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--foto)}
.p48-ufs .f img{width:100%;height:100%;object-fit:cover}
.p48-ufs b{margin-top:6px;font-size:14px;font-weight:600}
.p48-ufs small{font-size:12px;color:var(--tinta2)}
@container site (max-width: 760px){
  .p48-est{display:flex;flex-direction:column;align-items:stretch;margin:0}
  .p48-postal{aspect-ratio:auto;height:300px;border-radius:0;margin:0 -16px}
  .p48-est-t{position:relative;z-index:2;margin:-24px -16px 0;padding:24px 16px 0;border-radius:24px 24px 0 0;background:#FFFFFF}
  .p48-est-t h1{font-size:28px}
  html.teste46 #site .p48-cab h1{font-size:22px}
  .p48-filtros{top:0}
}
/* celular: o topo das listas vira a seta, a pílula com o que foi buscado e o botão de filtros */
.p48-topcel{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;gap:8px;height:68px;padding:0 12px;background:#FFFFFF;box-shadow:0 1px 0 var(--linha)}
.p48-topcel .ib{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--contornoCampo);flex:none}
.p48-topcel .ib.semb{box-shadow:none}
.p48-topcel .ib svg{width:18px;height:18px}
.p48-topcel .pl{flex:1;display:grid;justify-items:center;height:48px;align-content:center;border-radius:999px;box-shadow:0 0 0 1px var(--linha),0 2px 8px rgba(20,20,18,.08)}
.p48-topcel .pl b{font-size:14px;font-weight:600}
.p48-topcel .pl small{font-size:12px;color:var(--tinta2)}

/* prévia navegável: na receita, no celular, o topo do site some (a foto vai de ponta a ponta, como no anúncio do Airbnb) */
html.p48-rec-cel #site header.topo{display:none !important}
html.p48-rec-cel #site main .wrap{padding-top:0}
/* teste do Diego (11/10): "as fotos nos cards com a proporção 3:4 (vertical)... a foto com 320px de altura". Num carrossel só, o
   "Escolhas da Vó", para comparar com os outros: foto 240 x 320 em todas as larguras, canto 20, o mesmo texto embaixo */
html.teste46 #site #em-alta .rola-cards{grid-auto-columns:240px !important}
html.teste46 #site #em-alta .rola-cards .card .cv{aspect-ratio:3/4 !important;height:auto !important}