/* Receitas: guia de cortes (mapa), embalagens que emergem do card e abertura suave das receitas. */
.mapa-integrado{max-width:1280px;margin:0 auto 40px;padding:0 16px}.mapa-integrado iframe{width:100%;border:0;display:block;min-height:1000px;background:transparent}
.mapa-aba{padding:0!important;border:1px solid var(--blue-100);border-radius:20px;background:transparent;overflow:hidden}
.mapa-chamada{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px}
.mapa-selo{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:700}
.mapa-chamada h2{font-size:clamp(26px,3.5vw,42px);line-height:1.08;color:var(--blue);margin:12px 0;text-transform:uppercase}
.mapa-chamada h2 span{color:#3869bb}.mapa-chamada p{margin:0;color:#596b85}
.mapa-abrir{display:flex;align-items:center;gap:24px;flex-shrink:0;border:0;border-radius:50px;background:var(--blue);color:white;font:700 16px Barlow,Arial,sans-serif;padding:17px 25px;cursor:pointer;transition:background .25s,transform .25s}
.mapa-abrir:hover{background:var(--blue-mid);transform:translateY(-2px)}.mapa-abrir:focus-visible{outline:3px solid #6699ed;outline-offset:4px}.mapa-abrir span{font-size:24px;transition:transform .35s}.mapa-abrir[aria-expanded=true] span{transform:rotate(45deg)}
.mapa-painel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .3s ease}.mapa-painel-interno{overflow:hidden;min-height:0}.mapa-aba.is-open .mapa-painel{grid-template-rows:1fr;opacity:1}.mapa-painel iframe{padding:0 18px;box-sizing:border-box}
@media(max-width:600px){.mapa-chamada{align-items:flex-start;flex-direction:column;padding:24px 20px;gap:20px}.mapa-abrir{width:100%;justify-content:space-between}.mapa-painel iframe{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.mapa-painel,.mapa-abrir,.mapa-abrir span{transition:none}}
/* Chamada de descoberta com botão em destaque. */
.mapa-chamada>div{min-width:0;max-width:650px}
.mapa-chamada h2{font-size:clamp(26px,3vw,38px)}
.mapa-chamada p{max-width:560px;line-height:1.6}
.mapa-abrir{min-height:82px;max-width:100%;padding:22px 30px;font-size:20px;gap:22px;border-radius:18px;background:linear-gradient(125deg,#0049bb,var(--blue));box-shadow:0 12px 26px #00389830,0 0 0 5px #0038980d;line-height:1.25;text-align:left}
.mapa-abrir span{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#ffffff21;font-size:27px}
.mapa-abrir:hover{background:linear-gradient(125deg,#1264d4,var(--blue));transform:translateY(-3px);box-shadow:0 16px 30px #00389840,0 0 0 7px #0038980b}
@media(max-width:1000px){.mapa-chamada{align-items:flex-start;flex-direction:column}.mapa-abrir{min-height:76px}}
@media(max-width:600px){.mapa-abrir{font-size:18px;padding:19px 22px;min-height:76px}.mapa-chamada h2 br{display:none}}
/* Flutuação discreta nos dois convites principais. */
.mapa-abrir,.receitas-ofertas>a.btn-fake{animation:mialich-botao-flutuar 4.6s ease-in-out infinite;will-change:translate}
.receitas-ofertas>a.btn-fake{animation-duration:5.2s;animation-delay:-1.7s;box-shadow:0 7px 16px #00389820;transition:box-shadow .25s,background-color .25s}
.mapa-abrir:hover,.mapa-abrir:focus-visible,.receitas-ofertas>a.btn-fake:hover,.receitas-ofertas>a.btn-fake:focus-visible{animation-play-state:paused}
.receitas-ofertas>a.btn-fake:hover{box-shadow:0 10px 22px #00389830}
@keyframes mialich-botao-flutuar{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:600px){@keyframes mialich-botao-flutuar{0%,100%{translate:0 0}50%{translate:0 -3px}}}
@media(prefers-reduced-motion:reduce){.mapa-abrir,.receitas-ofertas>a.btn-fake{animation:none;will-change:auto}}
/* Embalagens emergem da borda da área branca das receitas. */
.has-product-reveal .receita-conteudo{position:relative;background:#fff;overflow:visible}
.has-product-reveal .product-reveal{position:absolute;top:-220px;right:12px;width:170px;height:220px;z-index:5;overflow:hidden;pointer-events:none}
.has-product-reveal .product-rise{position:absolute;inset:8px 8px 0;padding:0 4px;opacity:0;transform:translateY(105%) scale(.9);transform-origin:center bottom;transition:transform .65s cubic-bezier(.22,.75,.28,1),opacity .35s ease;filter:drop-shadow(0 7px 5px #001d4d38)}
.has-product-reveal .product-crop{display:block;position:relative;width:100%;height:100%}
.has-product-reveal .product-crop>img,.has-product-reveal:hover .product-crop>img{display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain;object-position:center bottom;transform:none!important;transition:none}
.has-product-reveal .product-trigger{align-self:flex-end;position:relative;z-index:6;border:0;background:var(--blue-50);color:var(--blue);font:600 11px Barlow,Arial,sans-serif;padding:7px 10px;border-radius:15px;margin:-7px 0 9px;cursor:pointer}
.has-product-reveal .product-trigger:focus-visible{outline:3px solid var(--blue-mid);outline-offset:2px}
.has-product-reveal.product-open .product-rise,.has-product-reveal:has(.product-trigger:focus-visible) .product-rise{opacity:1;transform:translateY(0) scale(1)}
@media(hover:hover) and (pointer:fine){.has-product-reveal:hover .product-rise{opacity:1;transform:translateY(0) scale(1)}.has-product-reveal:hover .product-trigger{box-shadow:0 5px 20px #00389845}}
.has-product-reveal:has(img[src*="emb-tapioca"]) .product-reveal,.has-product-reveal:has(img[src*="emb-panetone"]) .product-reveal{width:205px;height:242px;top:-242px}
.has-product-reveal:has(img[src*="emb-pao-alho"]) .product-reveal{width:225px;height:230px;top:-230px}
@media(max-width:600px){
 .has-product-reveal .product-reveal{height:185px;top:-185px;width:145px;right:8px}
 .has-product-reveal .product-trigger{min-height:36px}
 .has-product-reveal:has(img[src*="emb-tapioca"]) .product-reveal,.has-product-reveal:has(img[src*="emb-panetone"]) .product-reveal{width:175px;height:205px;top:-205px}
 .has-product-reveal:has(img[src*="emb-pao-alho"]) .product-reveal{width:195px;height:195px;top:-195px}
}
@media(prefers-reduced-motion:reduce){.has-product-reveal .product-rise{transition:none}}
/* Ajustes individuais de escala e posição das embalagens. */
.has-product-reveal:has(img[src*="emb-tapioca"]) .product-reveal,.has-product-reveal:has(img[src*="emb-panetone"]) .product-reveal,.has-product-reveal:has(img[src*="emb-chocotone"]) .product-reveal{width:230px;height:254px;top:-254px;right:0}
.has-product-reveal:has(img[src*="emb-arroz"]) .product-reveal{width:192px;height:238px;top:-238px}
@media(max-width:600px){
 .has-product-reveal:has(img[src*="emb-tapioca"]) .product-reveal,.has-product-reveal:has(img[src*="emb-panetone"]) .product-reveal,.has-product-reveal:has(img[src*="emb-chocotone"]) .product-reveal{width:198px;height:220px;top:-220px;right:0}
 .has-product-reveal:has(img[src*="emb-arroz"]) .product-reveal{width:165px;height:205px;top:-205px}
}
/* Mantém as embalagens inteiras dentro da altura disponível da foto. */
.has-product-reveal{container-type:inline-size}
.has-product-reveal .product-reveal{top:auto!important;bottom:100%;max-height:calc(62.5cqw - 4px)}
/* Em telas pequenas e dispositivos de toque, abrir a receita revela a embalagem. */
@media(max-width:850px),(hover:none),(pointer:coarse){
 .has-product-reveal .product-trigger{display:none}
 .has-product-reveal.local-open .product-rise{opacity:1;transform:translateY(0) scale(1)}
 .has-product-reveal:not(.local-open) .product-rise{opacity:0;transform:translateY(105%) scale(.9)}
}
.card-receita .receita-completa{display:grid!important;grid-template-rows:0fr;opacity:0;max-height:none;transition:grid-template-rows .5s cubic-bezier(.22,.61,.36,1),opacity .35s ease}
.receita-abertura-interno{min-height:0;overflow:hidden;transform:translateY(-6px);transition:transform .5s ease}
.card-receita.local-open .receita-completa{grid-template-rows:1fr;opacity:1}
.card-receita.local-open .receita-abertura-interno{transform:translateY(0)}
.card-receita.local-open .receita-toggle{background:var(--blue);color:white}
.card-receita.local-open .receita-toggle i{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.card-receita .receita-completa,.receita-abertura-interno{transition:none;transform:none}}
.receitas-grid:has(.local-open){align-items:start}
.receitas-grid:has(.local-open) .card-receita{height:auto}

/* ---- Visual do guia de cortes: faixa azul alinhada ao conteúdo, com o boi como destaque ---- */
.page-body .mapa-integrado.mapa-aba{max-width:none;margin:0 0 26px;padding:0!important;border:0;border-radius:22px;position:relative;overflow:hidden;color:#fff;
 background:radial-gradient(ellipse 38% 90% at 82% 55%,var(--banda-glow) 0,color-mix(in srgb,var(--banda-glow) 55%,transparent) 45%,transparent 75%),linear-gradient(110deg,var(--banda-1) 0%,var(--banda-2) 60%,var(--banda-3) 100%);
 box-shadow:0 22px 40px -26px var(--banda-1)}
.mapa-boi{position:absolute;right:3%;bottom:-4%;width:min(50%,640px);aspect-ratio:3/2;z-index:1;transform:translate(var(--tx,0),var(--ty,0));transition:transform .25s ease-out,opacity .4s}
.mapa-boi-arte{position:relative;width:100%;height:100%;animation:boi-respira 6s ease-in-out infinite}
.mapa-boi-arte img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 1px #ffffffaa) drop-shadow(0 14px 18px #00183f88);pointer-events:none}
.mapa-aba.is-open .mapa-boi{opacity:0;pointer-events:none}
@keyframes boi-respira{0%,100%{translate:0 0}50%{translate:0 -6px}}
.mapa-aba .mapa-chamada{position:relative;z-index:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:38px 44px;min-height:250px}
.mapa-aba .mapa-chamada>div{max-width:520px}
.mapa-aba .mapa-selo{color:var(--banda-suave);letter-spacing:1.6px}
.mapa-aba .mapa-chamada h2{color:#fff;font-size:clamp(28px,3.2vw,44px);margin:10px 0 12px}
.mapa-aba .mapa-chamada h2 span{color:var(--banda-destaque)}
.mapa-aba .mapa-chamada p{color:var(--banda-suave);font-size:16.5px;line-height:1.55;max-width:46ch}
.mapa-aba .mapa-abrir{min-height:0;padding:15px 18px 15px 26px;border-radius:999px;background:#fff;color:var(--blue);font-size:18px;gap:16px;box-shadow:0 10px 24px -10px #00183f99;animation:none}
.mapa-aba .mapa-abrir span{background:var(--blue);color:#fff;width:34px;height:34px;font-size:24px}
.mapa-aba .mapa-abrir:hover{background:#eaf1ff;transform:translateY(-2px);box-shadow:0 14px 26px -10px #00183faa}
.mapa-aba .mapa-abrir:focus-visible{outline:3px solid #fff;outline-offset:4px}
.mapa-aba .mapa-painel{padding:0;background:var(--paper);position:relative;z-index:2}
.mapa-aba.is-open .mapa-painel-interno{padding:8px 0 22px}
.receitas-ofertas>a.btn-fake{animation:none}
@media(max-width:900px){
 .mapa-boi{width:78%;right:-18%;opacity:.3}
 .mapa-aba .mapa-chamada{padding:28px 22px;min-height:0}
 .mapa-aba .mapa-abrir{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.mapa-boi,.mapa-boi-arte,.regiao,.mapa-rotulo{animation:none;transition:none}}

/* ---- Distribuição da página: cabeça enxuta, seções por tipo e "ver mais" ---- */
.page-head .rec-cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.rec-cabeca-link{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:16px;background:#fff;color:var(--blue);text-decoration:none;box-shadow:0 8px 22px -14px #00389866;border:1px solid var(--blue-100);max-width:360px;line-height:1.3;transition:box-shadow .2s,transform .2s}
.rec-cabeca-link i{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--blue-50);font-size:18px}
.rec-cabeca-link strong{display:block;font-size:17px}
.rec-cabeca-link span{font-size:15px;color:var(--muted)}
.rec-cabeca-link:hover{box-shadow:0 12px 26px -12px #00389888;transform:translateY(-2px)}
.rec-cabeca-link:focus-visible{outline:3px solid var(--blue-mid);outline-offset:3px}
.page-body .rec-secao{margin:0 0 56px}
.rec-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--blue-100)}
.rec-topo h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.04;text-transform:uppercase;color:var(--blue);margin:0 0 6px}
.rec-topo p{margin:0;color:var(--muted);max-width:60ch}
.rec-contagem{flex-shrink:0;font-weight:700;font-size:14px;color:var(--blue);background:var(--blue-50);padding:7px 14px;border-radius:999px}
.rec-mais-linha{display:flex;justify-content:center;margin-top:26px}
.rec-mais{display:inline-flex;align-items:center;gap:12px;border:2px solid var(--blue);background:#fff;color:var(--blue);font:700 17px Barlow,Arial,sans-serif;padding:13px 26px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.rec-mais i{transition:transform .25s}
.rec-mais:hover{background:var(--blue);color:#fff}
.rec-mais:focus-visible{outline:3px solid var(--blue-mid);outline-offset:3px}
.rec-mais[aria-expanded=true] i{transform:rotate(180deg)}
.card-receita[hidden]{display:none}
.card-receita.rec-entra{animation:rec-entra .45s ease-out both}
@keyframes rec-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rec-creditos p{margin:10px 0 0;max-width:80ch}
@media(max-width:700px){.rec-topo{flex-direction:column;align-items:flex-start;gap:10px}.rec-cabeca-link{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){.card-receita.rec-entra{animation:none}}
.mapa-aba .mapa-chamada{min-height:210px;padding:30px 44px;gap:20px}
.mapa-aba .mapa-chamada p{text-wrap:balance}
.page-body .mapa-integrado.mapa-aba{margin-bottom:40px}
/* O quadro do mapa acompanha a altura real do conteúdo (sem sobra azul embaixo) */
.page-body .mapa-integrado iframe{min-height:0;height:760px}
.mapa-aba .mapa-painel-interno{background:var(--paper)}
.mapa-aba.is-open .mapa-painel-interno{padding:0}
@media(max-width:700px){
 .mapa-aba .mapa-abrir{white-space:nowrap;font-size:17px;padding:13px 16px 13px 22px}
 .mapa-aba .mapa-chamada h2{font-size:30px}
}

/* ---- Botão do guia: "+" desenhado em CSS (centralizado) e boi sem interceptar cliques ---- */
.mapa-boi{pointer-events:none}
.mapa-aba .mapa-abrir span{position:relative;font-size:0;line-height:0}
.mapa-aba .mapa-abrir span::before,.mapa-aba .mapa-abrir span::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;border-radius:2px;background:#fff;transform:translate(-50%,-50%)}
.mapa-aba .mapa-abrir span::after{transform:translate(-50%,-50%) rotate(90deg)}
.mapa-aba .mapa-abrir{cursor:pointer;-webkit-tap-highlight-color:transparent}

/* ---- Celular: o boi vira ilustração abaixo do botão, com pontos tocáveis ---- */
@media(max-width:900px){
 .mapa-aba .mapa-chamada{padding:28px 24px 8px}
 .mapa-aba .mapa-boi{position:relative;right:auto;bottom:auto;width:min(100%,460px);margin:0 auto;opacity:1;transform:none;aspect-ratio:3/2;overflow:visible}
 .mapa-aba .mapa-boi-arte{animation:none}
 .mapa-aba.is-open .mapa-boi{display:none}
 .mapa-aba .mapa-chamada p{max-width:none}
}

/* ---- Açougue Completo Frigol ---- */
.acougue-completo{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 44px;padding:22px 28px;border-radius:18px;background:#fff;border:1px solid var(--blue-100);border-left:6px solid var(--blue);box-shadow:0 10px 26px -18px #00389866}
.ac-texto{flex:1 1 380px;min-width:0}
.acougue-completo h2{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.05;text-transform:uppercase;color:var(--blue);margin:0 0 6px}
.acougue-completo p{margin:0;color:var(--muted);max-width:62ch;line-height:1.55}
.ac-acoes{display:flex;gap:12px;flex-wrap:wrap}
.ac-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;border:2px solid var(--blue);color:var(--blue);background:#fff;font:700 16px Barlow,Arial,sans-serif;text-decoration:none;transition:background .2s,color .2s}
.ac-btn:hover{background:var(--blue-50)}
.ac-btn-principal{background:var(--blue);color:#fff}
.ac-btn-principal:hover{background:var(--blue-mid);color:#fff}
.ac-btn:focus-visible{outline:3px solid var(--blue-mid);outline-offset:3px}
@media(max-width:700px){.acougue-completo{padding:20px}.ac-acoes{width:100%}.ac-btn{flex:1 1 100%}}

/* ---- Cortes do boi na faixa: destaque ao passar o mouse (toque no celular) ---- */
.mapa-regioes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.regiao{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,0);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all;outline:none;transition:fill .2s ease,stroke .2s ease,filter .2s ease}
.regiao:hover,.regiao:focus-visible,.regiao.is-ativa{fill:rgba(255,255,255,.3);stroke:#fff;filter:drop-shadow(0 0 9px #a9ccffcc)}
.mapa-rotulo{position:absolute;z-index:3;transform:translate(-50%,-150%) scale(.92);white-space:nowrap;background:#fff;color:var(--blue);font:700 14px/1 Barlow,Arial,sans-serif;padding:8px 13px;border-radius:999px;box-shadow:0 10px 20px -8px #00183fb3;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,left .12s ease-out,top .12s ease-out}
.mapa-rotulo.is-on{opacity:1;transform:translate(-50%,-150%) scale(1)}
