/* ═══════════════════════════════════════════════════════════════════════
   MYDESK — O CARDÁPIO DIGITAL (26/09/2026)
   ═══════════════════════════════════════════════════════════════════════
   Os seis modelos de `docs/js/cardapio-publico.js`, na página pública
   (/catalogo/{loja}/cardapio) e na prévia da Personalização. As cores vêm da
   loja, já MEDIDAS no JS (--mc-pri-creme, --mc-dest-lousa…): nenhuma cor de
   texto aqui é chutada sobre um fundo que ela não conhece.

   A prévia do painel desenha a página em 390 px ou 1280 px e reduz: por
   isso o que muda entre celular e computador vem de `.mc-cel` / `.mc-desk`
   (a largura que a página TEM), e não de @media (a largura da janela do
   painel). A página pública escolhe a classe pela largura da tela.
   ═══════════════════════════════════════════════════════════════════════ */

.mc{
  --mc-tinta:#141414;--mc-mudo:#5d5f66;--mc-linha:rgba(0,0,0,.12);--mc-bg:#fff;
  /* O grão das superfícies escuras e a forma da pincelada dos rótulos. */
  --mc-textura:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --mc-pincel-forma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 64' preserveAspectRatio='none'%3E%3Cpath d='M9 15C47 5 103 11 150 8s98-5 139 2c7 1 10 8 7 14-3 5 1 9 1 15 0 7-5 12-12 13-45 6-96 2-141 6-43 3-86 3-128-2-8-1-13-6-12-12 1-5-4-9-3-14 1-6 4-9 8-12z'/%3E%3Cpath d='M18 57c35 3 80 3 118 0l-1 4c-38 2-81 2-117-1z'/%3E%3Cpath d='M262 4c12 0 26 1 34 4l-2 3c-9-2-21-3-32-3z'/%3E%3C/svg%3E");
  position:relative;isolation:isolate;overflow:hidden;
  font-family:var(--mc-f);font-size:15px;line-height:1.45;color:var(--mc-tinta);background:var(--mc-bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.mc:not(.preview){min-height:100vh}
.mc *,.mc *::before,.mc *::after{box-sizing:border-box}
.mc h1,.mc h2,.mc h3,.mc p,.mc figure{margin:0}
.mc ul,.mc ol{list-style:none;margin:0;padding:0}
.mc img{display:block;max-width:100%}
.mc button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.mc a{color:inherit}
.mc-i{width:1.1em;height:1.1em;flex:0 0 auto;vertical-align:-.15em}
.mc.preview a,.mc.preview button,.mc.preview [data-mc-item]{pointer-events:none}
.mc [data-mc-item]{cursor:pointer;outline-offset:3px}
.mc [data-mc-item]:focus-visible{outline:2px solid var(--mc-pri)}

.mc-preco{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mc-preco s{font-size:.8em;font-weight:500;opacity:.6}
.mc-preco b{font-weight:700}
.mc-selo{display:inline-flex;align-items:center;margin-top:6px;padding:2px 9px;border-radius:999px;font:700 10.5px/1.6 var(--mc-f);letter-spacing:.05em;text-transform:uppercase;background:var(--mc-dest);color:var(--mc-dest-t)}
.mc-selo.promo{background:var(--mc-pri);color:var(--mc-pri-t)}
.mc-selo.esgotado{background:#6b7280;color:#fff}
.mc-item.esgotado h3,.mc-item.esgotado .mc-preco{opacity:.55}
.mc-item.esgotado img{filter:grayscale(1);opacity:.7}
.mc-foto{position:relative;display:block;flex:0 0 auto;overflow:hidden;background:color-mix(in srgb,var(--mc-pri) 14%,#f3f3f3)}
.mc-foto img{width:100%;height:100%;object-fit:cover}
.mc-foto-vazia{display:grid;place-items:center;width:100%;height:100%;color:color-mix(in srgb,var(--mc-pri) 65%,#222)}
.mc-foto-vazia .mc-i{width:40%;height:40%;max-width:46px;max-height:46px}
.mc-logo{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#fff;color:var(--mc-pri);border-radius:50%}
.mc-logo img{width:100%;height:100%;object-fit:contain}
.mc-logo b{font:800 1.5em/1 var(--mc-ft)}
.mc-linha{display:flex;align-items:baseline;gap:8px}
.mc-linha h3{min-width:0}
.mc-fio{flex:1 1 20px;min-width:14px;border-bottom:2px dotted currentColor;opacity:.32;transform:translateY(-.28em)}
.mc-desc{margin-top:3px;font-size:13px;line-height:1.45;color:var(--mc-mudo)}
.mc-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mc-nav::-webkit-scrollbar{display:none}
.mc-nav :is(button,.mc-nav-item){flex:0 0 auto;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
.mc-desk .mc-nav{flex-wrap:wrap}

/* A pincelada dos rótulos (Lousa e Folheto): a forma é uma máscara, e a
   cor, a do modelo — a mesma pincelada serve a qualquer loja. */
.mc-pincel{position:relative;display:inline-grid;place-items:center;max-width:100%;min-width:0;padding:7px 24px 8px;isolation:isolate;color:var(--mc-pincel-t,#111);text-align:center;overflow-wrap:anywhere}
.mc-pincel::before{content:'';position:absolute;inset:0 -4px;z-index:-1;background:var(--mc-pincel-c,var(--mc-dest));-webkit-mask:var(--mc-pincel-forma) center/100% 100% no-repeat;mask:var(--mc-pincel-forma) center/100% 100% no-repeat}

/* ── O rodapé, comum aos seis ─────────────────────────────────────────── */
.mc-pe{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;padding:34px 22px 40px;text-align:center;font-size:13px;color:var(--mc-mudo)}
.mc:not(.preview) .mc-pe{padding-bottom:96px}
.mc-desk:not(.preview) .mc-pe{padding-bottom:48px}
.mc-aviso{max-width:60ch;font-size:12.5px;font-style:italic}
.mc-pedir{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;background:var(--mc-pri);color:var(--mc-pri-t) !important;font:700 15px/1 var(--mc-f);text-decoration:none;box-shadow:0 12px 26px -10px color-mix(in srgb,var(--mc-pri) 75%,transparent);transition:transform .2s,box-shadow .2s}
.mc-pedir:hover{transform:translateY(-2px)}
.mc-pedir.fechada{background:color-mix(in srgb,currentColor 10%,transparent);color:inherit !important;box-shadow:none;font-weight:600}
.mc-pe-info{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.mc-pe-info span{display:inline-flex;align-items:center;gap:6px}
.mc-pe-contatos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mc-pe-contatos a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--mc-linha);border-radius:999px;text-decoration:none;font-weight:600;color:var(--mc-tinta)}
.mc-feito{font-size:11px;text-decoration:none;opacity:.75}
.mc-feito b{font-weight:700}
.mc-flutua{position:fixed;left:50%;bottom:16px;z-index:20;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;background:var(--mc-pri);color:var(--mc-pri-t) !important;font:700 14.5px/1 var(--mc-f);text-decoration:none;box-shadow:0 14px 30px -8px rgba(0,0,0,.5)}
.mc-desk .mc-flutua{left:auto;right:28px;bottom:24px;transform:none}

/* ── A ficha do prato ─────────────────────────────────────────────────── */
.mc-ficha-bg{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgba(8,10,14,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mcFundo .2s ease both}
.mc-ficha{position:relative;width:100%;max-width:520px;max-height:92vh;overflow:auto;background:#fff;color:#141414;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.3);font-family:var(--mc-f);animation:mcSobe .3s cubic-bezier(.2,.8,.2,1) both}
.mc-desk .mc-ficha-bg{align-items:center;padding:24px}
.mc-desk .mc-ficha{border-radius:22px}
.mc-ficha-x{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#141414;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.mc-ficha-foto{aspect-ratio:4/3;background:color-mix(in srgb,var(--mc-pri) 12%,#f4f4f4)}
.mc-ficha-foto img{width:100%;height:100%;object-fit:cover}
.mc-ficha-foto.vazia{display:grid;place-items:center;color:color-mix(in srgb,var(--mc-pri) 70%,#222)}
.mc-ficha-foto.vazia .mc-i{width:64px;height:64px}
.mc-ficha-txt{display:grid;gap:10px;padding:20px 22px 26px}
.mc-ficha-txt h2{font:800 22px/1.2 var(--mc-ft)}
.mc-ficha-txt p{color:#4b5059;font-size:14.5px}
.mc-ficha-ingr b{color:#141414}
.mc-ficha-preco{font-size:20px}
.mc-ficha .mc-selo{justify-self:start;margin:0}
.mc-ficha .mc-pedir{justify-content:center;margin-top:4px}

.mc-fora,.mc-vazio{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:10px;padding:32px 24px;text-align:center;font-family:Inter,Arial,sans-serif;color:#1f2937}
.mc-fora{min-height:100vh}
.mc-fora h1,.mc-vazio h1{margin:0;font-size:22px}
.mc-fora p,.mc-vazio p{margin:0;max-width:40ch;color:#6b7280}
.mc-fora a{margin-top:8px;padding:11px 20px;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-weight:600}
.mc-vazio .mc-logo{width:64px;height:64px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}

/* ═══════════════════════════════════════════════════════════════════════
   LOUSA — a ardósia
   ═══════════════════════════════════════════════════════════════════════ */
.mc-lousa{
  --mc-bg:var(--mc-lousa);--mc-tinta:#f3f1ec;--mc-mudo:rgba(243,241,236,.68);--mc-linha:rgba(255,255,255,.14);
  --mc-pincel-c:var(--mc-dest);--mc-pincel-t:var(--mc-dest-t);
  --mc-fd:'Bebas Neue',Impact,'Arial Narrow',sans-serif;--mc-fs:'Caveat','Segoe Print',cursive;
  background:var(--mc-textura),radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.08),transparent 55%),radial-gradient(ellipse at 92% 100%,rgba(255,255,255,.05),transparent 50%),var(--mc-bg);
}
.mcq-folha{display:grid;min-width:0}
.mcq-folha>*{min-width:0}
.mc-desk .mcq-folha{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.mcq-capa{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:42px 24px 30px;text-align:center}
.mc-desk .mcq-capa{position:sticky;top:0;align-self:start;padding:64px 44px 48px;border-right:1px solid var(--mc-linha)}
.mcq-loja{font:700 13px/1.25 var(--mc-f);letter-spacing:.28em;text-transform:uppercase;color:var(--mc-dest-lousa)}
.mcq-capa h1{max-width:100%;padding-top:.1em;font:400 clamp(42px,15vw,70px)/1.02 var(--mc-fd);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.28);overflow-wrap:anywhere}
.mc-desk .mcq-capa h1{font-size:clamp(62px,6vw,84px)}
.mcq-slogan{font:600 25px/1.1 var(--mc-fs);color:var(--mc-mudo)}
.mcq-prato{position:relative;width:min(78%,300px);aspect-ratio:1;margin:20px auto 8px}
.mc-desk .mcq-prato{width:min(84%,360px)}
.mcq-prato-foto{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 10px rgba(0,0,0,.28),0 0 0 11px rgba(255,255,255,.1),0 32px 50px -14px rgba(0,0,0,.75)}
.mcq-prato-foto img{width:100%;height:100%;object-fit:cover}
.mcq-prato-foto.logo img,.mct-prato:has(.mc-logo) img,.mci-prato-foto.logo img,.mcg-prato.logo img,.mch-prato.logo img{object-fit:contain}
.mcq-oferta{position:absolute;left:-7%;bottom:0;display:grid;justify-items:center;align-content:center;gap:3px;width:46%;aspect-ratio:1;padding:12px;border-radius:50%;background:var(--mc-dest);color:var(--mc-dest-t);text-align:center;box-shadow:0 14px 26px -8px rgba(0,0,0,.65);transform:rotate(-10deg)}
.mcq-oferta small{font:800 10px/1 var(--mc-f);letter-spacing:.2em;text-transform:uppercase}
.mcq-oferta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 17px/1 var(--mc-fd);letter-spacing:.03em;text-transform:uppercase}
.mcq-oferta em{font:800 15px/1 var(--mc-f);font-style:normal}
.mcq-info{display:grid;gap:7px;margin-top:16px;font-size:13px;color:var(--mc-mudo)}
.mcq-info li{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.mcq-info .mc-i{color:var(--mc-dest-lousa)}
.mcq-lado{min-width:0}
.mcq-nav{position:sticky;top:0;z-index:5;padding:12px 18px;background:color-mix(in srgb,var(--mc-lousa) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-block:1px solid var(--mc-linha)}
.mc-desk .mcq-nav{position:static;padding:22px 44px 0;border:0;background:none}
.mcq-nav :is(button,.mc-nav-item){padding:7px 15px;border:1px dashed rgba(255,255,255,.3);border-radius:999px;font:600 13px/1 var(--mc-f);color:var(--mc-mudo)}
.mcq-nav button.sel,.mcq-nav button:hover{border-style:solid;border-color:var(--mc-dest-lousa);color:var(--mc-dest-lousa)}
.mcq-lista{padding:24px 22px 6px}
.mc-desk .mcq-lista{columns:2;column-gap:48px;padding:34px 44px 10px}
.mcq-secao{break-inside:avoid;margin-bottom:30px}
.mcq-secao h2{margin:0 0 12px -6px;font:400 27px/1 var(--mc-fd);letter-spacing:.07em;text-transform:uppercase}
.mcq-item{display:flex;gap:12px;padding:9px 0}
.mcq-foto{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.mcq-txt{flex:1;min-width:0}
.mcq-item h3{font:700 14px/1.25 var(--mc-f);letter-spacing:.07em;text-transform:uppercase}
.mcq-item .mc-preco b{font-size:15px;color:var(--mc-dest-lousa)}
.mcq-item .mc-desc{font-size:12px}

/* ═══════════════════════════════════════════════════════════════════════
   TRATTORIA — o papel creme
   ═══════════════════════════════════════════════════════════════════════ */
.mc-trattoria{
  --mc-bg:var(--mc-creme);--mc-tinta:var(--mc-ink);--mc-mudo:color-mix(in srgb,var(--mc-ink) 66%,var(--mc-creme));--mc-linha:color-mix(in srgb,var(--mc-ink) 16%,transparent);
  --mc-fd:'Playfair Display',Georgia,'Times New Roman',serif;--mc-fs:'Great Vibes','Brush Script MT',cursive;
  background:radial-gradient(ellipse at 12% 6%,rgba(255,255,255,.8),transparent 45%),radial-gradient(ellipse at 90% 94%,color-mix(in srgb,var(--mc-pri) 8%,transparent),transparent 55%),var(--mc-bg);
}
.mct-papel{position:relative}
.mct-canto{position:absolute;width:150px;color:var(--mc-pri-creme);opacity:.32;pointer-events:none}
.mct-canto.um{top:18px;left:8px;transform:rotate(-10deg)}
.mct-canto.dois{top:18px;right:8px;transform:scaleX(-1) rotate(-10deg)}
.mc-desk .mct-canto{width:220px}
.mc-ramo{display:block;width:100%;height:auto}
.mct-topo{position:relative;display:grid;justify-items:center;gap:7px;padding:42px 24px 20px;text-align:center}
.mct-topo>.mc-ramo{width:110px;color:var(--mc-pri-creme)}
.mct-logo{width:74px;height:74px;box-shadow:0 0 0 1px var(--mc-linha),0 0 0 7px rgba(255,255,255,.65)}
.mct-topo h1{font:700 38px/1.05 var(--mc-fd);letter-spacing:.08em;text-transform:uppercase}
.mc-desk .mct-topo h1{font-size:56px}
.mct-sub{font:600 11.5px/1.3 var(--mc-f);letter-spacing:.34em;text-transform:uppercase;color:var(--mc-mudo)}
.mct-corpo{display:grid;gap:8px;padding:0 22px}
.mc-desk .mct-corpo{grid-template-columns:290px minmax(0,1fr);gap:44px;padding:10px 52px}
.mct-lado{display:grid;justify-items:center;align-content:start;gap:4px;text-align:center}
.mc-desk .mct-lado{position:sticky;top:24px;align-self:start}
.mct-prato{width:min(70%,260px);aspect-ratio:1;margin:10px 0 18px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 8px #fff,0 0 0 9px var(--mc-linha),0 26px 40px -18px rgba(60,40,20,.5)}
.mc-desk .mct-prato{width:100%}
.mct-prato img{width:100%;height:100%;object-fit:cover}
.mct-prato .mc-logo,.mcq-prato-foto .mc-logo,.mci-prato-foto .mc-logo,.mcg-prato .mc-logo,.mch-prato .mc-logo{width:100%;height:100%;border-radius:50%}
.mct-frase{max-width:13ch;margin-top:6px;font:400 38px/1.05 var(--mc-fs);color:var(--mc-pri-creme)}
.mct-titulo{margin-top:10px;font:600 11px/1 var(--mc-f);letter-spacing:.42em;text-transform:uppercase;color:var(--mc-mudo)}
.mct-dir{min-width:0}
.mct-nav{gap:4px;padding:12px 0;border-block:1px solid var(--mc-linha)}
.mc-cel .mct-nav{position:sticky;top:0;z-index:5;margin:12px -22px 0;padding:10px 22px;background:var(--mc-creme)}
.mct-nav :is(button,.mc-nav-item){padding:7px 13px;border-radius:999px;font:italic 500 15px/1 var(--mc-fd);color:var(--mc-mudo)}
.mct-nav button.sel,.mct-nav button:hover{background:color-mix(in srgb,var(--mc-pri) 10%,transparent);color:var(--mc-pri-creme)}
.mct-colunas{padding:18px 0 4px}
.mc-desk .mct-colunas{columns:2 260px;column-gap:42px;padding-top:26px}
.mct-secao{break-inside:avoid;margin-bottom:28px}
.mct-secao h2{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--mc-linha)}
.mct-ico{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--mc-pri-creme) 45%,transparent);border-radius:50%;color:var(--mc-pri-creme)}
.mct-secao h2 b{display:block;font:700 18px/1.1 var(--mc-fd);letter-spacing:.14em;text-transform:uppercase}
.mct-secao h2 small{display:block;margin-top:3px;font:italic 400 13px/1 var(--mc-fd);color:var(--mc-mudo)}
.mct-item{display:flex;gap:12px;padding:8px 0}
.mct-foto{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--mc-linha)}
.mct-txt{flex:1;min-width:0}
.mct-item h3{font:600 16px/1.25 var(--mc-fd)}
.mct-item .mc-preco b{font:700 16px/1 var(--mc-fd);color:var(--mc-pri-creme)}
.mct-item .mc-desc{font-style:italic;font-size:13px}
.mct-fecho{margin-top:10px;text-align:center;font:400 46px/1 var(--mc-fs);color:var(--mc-pri-creme)}
.mct-pe{padding-top:14px}

/* ═══════════════════════════════════════════════════════════════════════
   IMPACTO — preto e a cor da loja
   ═══════════════════════════════════════════════════════════════════════ */
.mc-impacto{
  --mc-bg:var(--mc-escuro);--mc-tinta:#fff;--mc-mudo:rgba(255,255,255,.68);--mc-linha:rgba(255,255,255,.14);
  --mc-fd:'Anton',Impact,'Arial Narrow',sans-serif;
  background:var(--mc-textura),var(--mc-bg);
}
.mci-fundo{position:relative}
.mci-capa{position:relative;z-index:1;display:grid;gap:10px;padding:34px 22px 22px}
.mc-desk .mci-capa{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:30px;padding:60px 56px 44px}
.mci-titulos{position:relative;z-index:2;display:grid;justify-items:start;min-width:0;max-width:100%}
.mci-logo{width:58px;height:58px;margin-bottom:12px;box-shadow:0 0 0 3px var(--mc-pri)}
.mci-kicker{padding:6px 12px;background:#fff;color:#0c0c0e;font:800 11px/1 var(--mc-f);letter-spacing:.24em;text-transform:uppercase;transform:skewX(-10deg)}
.mci-capa h1{display:grid;max-width:100%;min-width:0;margin-top:12px;font-family:var(--mc-fd);font-weight:400;text-transform:uppercase;line-height:1}
.mci-capa h1{overflow-wrap:anywhere}
.mci-capa h1 span{max-width:100%;font-size:clamp(34px,10vw,52px);color:#fff;letter-spacing:.01em;overflow-wrap:anywhere}
.mci-capa h1.longo span{font-size:clamp(30px,8vw,42px)}
.mci-capa h1 em{max-width:100%;padding-top:.06em;font-style:normal;font-size:clamp(42px,12vw,58px);line-height:1.04;color:var(--mc-pri-noite);overflow-wrap:anywhere}
.mc-desk .mci-capa h1 span{font-size:clamp(54px,5.5vw,76px)}
.mc-desk .mci-capa h1.longo span{font-size:clamp(46px,4.5vw,62px)}
.mc-desk .mci-capa h1 em{font-size:clamp(62px,6vw,84px)}
.mc-desk .mci-prato::before,.mc-desk .mci-prato::after{left:-34%;right:-60%}
.mci-slogan{max-width:34ch;margin-top:8px;font-size:14px;color:var(--mc-mudo)}
.mci-fone{display:grid;margin-top:14px;padding:10px 16px;border-left:5px solid var(--mc-pri);background:rgba(255,255,255,.07)}
.mci-fone small{font:800 10.5px/1 var(--mc-f);letter-spacing:.2em;text-transform:uppercase;color:var(--mc-dest-noite)}
.mci-fone b{margin-top:5px;font:400 26px/1 var(--mc-fd);letter-spacing:.04em}
.mci-prato{position:relative;isolation:isolate;justify-self:center;width:min(84%,330px);aspect-ratio:1;margin:18px 0 10px}
/* A cor da loja entra em diagonal POR TRÁS do prato — presa a ele, e não
   à capa, para nunca passar por cima do título. */
.mci-prato::before,.mci-prato::after{content:'';position:absolute;z-index:-1;left:-60%;right:-60%;transform:rotate(-14deg)}
.mci-prato::before{top:20%;height:58%;background:var(--mc-pri)}
.mci-prato::after{top:82%;height:7%;background:var(--mc-dest)}
.mc-desk .mci-prato{width:min(100%,420px)}
.mci-anel{position:absolute;inset:-6%;border:3px dashed rgba(255,255,255,.6);border-radius:50%;animation:mcGira 50s linear infinite}
.mci-prato-foto{position:absolute;inset:3%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 8px #0c0c0e,0 32px 60px -18px rgba(0,0,0,.85)}
.mci-prato-foto img{width:100%;height:100%;object-fit:cover}
.mci-nav{position:sticky;top:0;z-index:5;padding:12px 18px;background:var(--mc-escuro);border-bottom:3px solid var(--mc-pri)}
.mc-desk .mci-nav{position:relative;padding:14px 56px}
.mci-nav :is(button,.mc-nav-item){padding:9px 14px;font:400 16px/1 var(--mc-fd);letter-spacing:.07em;text-transform:uppercase;color:var(--mc-mudo)}
.mci-nav button.sel,.mci-nav button:hover{background:var(--mc-pri);color:var(--mc-pri-t)}
.mci-lista{position:relative;z-index:1;padding:28px 22px 10px}
.mc-desk .mci-lista{columns:2;column-gap:56px;padding:44px 56px 16px}
.mci-secao{break-inside:avoid;margin-bottom:30px}
.mci-secao h2{display:inline-block;margin-bottom:10px;padding:7px 15px 6px;background:var(--mc-pri);color:var(--mc-pri-t);font:400 26px/1 var(--mc-fd);letter-spacing:.05em;text-transform:uppercase;transform:skewX(-8deg)}
.mci-secao h2 b{font-weight:400}
.mci-item{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--mc-linha)}
.mci-bala{flex:0 0 auto;width:9px;height:9px;margin-top:6px;background:var(--mc-pri);transform:rotate(45deg)}
.mci-foto{width:54px;height:54px;border-radius:10px}
.mci-txt{flex:1;min-width:0}
.mci-linha{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mci-item h3{font:700 14.5px/1.25 var(--mc-f);letter-spacing:.04em;text-transform:uppercase}
.mci-preco{padding:4px 8px;border-radius:4px;background:var(--mc-pri);color:var(--mc-pri-t);font-size:13px}
.mci-faixa{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;padding:16px 20px;background:var(--mc-pri);color:var(--mc-pri-t);font:400 22px/1 var(--mc-fd);letter-spacing:.08em;text-transform:uppercase}
.mci-faixa .mc-i{width:30px;height:30px}

/* ═══════════════════════════════════════════════════════════════════════
   GOURMET — noturno, dourado
   ═══════════════════════════════════════════════════════════════════════ */
.mc-gourmet{
  --mc-bg:var(--mc-noite);--mc-tinta:#f5f2ea;--mc-mudo:rgba(245,242,234,.64);--mc-linha:rgba(255,255,255,.12);--mc-ouro:var(--mc-dest-noite);
  --mc-fd:'Playfair Display',Georgia,serif;--mc-fs:'Great Vibes','Brush Script MT',cursive;
  background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/28px 28px,var(--mc-bg);
}
.mcg-capa{position:relative;display:grid;align-items:end;min-height:240px;padding:0 22px 8px;text-align:center}
.mcg-capa.com-foto{min-height:370px}
.mc-desk .mcg-capa.com-foto{min-height:470px}
.mcg-foto-capa{position:absolute;inset:0 0 auto;height:80%;overflow:hidden}
.mcg-foto-capa img{width:100%;height:100%;object-fit:cover}
.mcg-foto-capa::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 32%,var(--mc-noite) 97%)}
.mcg-capa-txt{position:relative;display:grid;justify-items:center;gap:4px;padding-top:34px}
.mcg-prato{position:relative;display:block;width:190px;aspect-ratio:1;margin:36px auto -14px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--mc-ouro),0 0 0 12px rgba(255,255,255,.035),0 30px 50px -16px rgba(0,0,0,.9)}
.mc-desk .mcg-prato{width:250px}
.mcg-prato img{width:100%;height:100%;object-fit:cover}
.mcg-logo{width:60px;height:60px;margin-bottom:8px;box-shadow:0 0 0 2px var(--mc-ouro),0 0 0 7px rgba(0,0,0,.45)}
.mcg-loja{font:600 12px/1.25 var(--mc-f);letter-spacing:.36em;text-transform:uppercase;color:var(--mc-ouro)}
.mcg-capa h1{max-width:100%;font:400 clamp(46px,13vw,72px)/1.08 var(--mc-fs);color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.55);overflow-wrap:anywhere}
.mc-desk .mcg-capa h1{font-size:clamp(72px,7vw,100px)}
.mc-floreio{width:210px;height:22px;color:var(--mc-ouro)}
.mcg-slogan{max-width:40ch;margin-top:4px;font:italic 400 15px/1.4 var(--mc-fd);color:var(--mc-mudo)}
.mcg-nav{justify-content:center;gap:4px;margin-top:18px;padding:14px 16px;border-block:1px solid var(--mc-linha)}
.mc-cel .mcg-nav{position:sticky;top:0;z-index:5;justify-content:flex-start;background:color-mix(in srgb,var(--mc-noite) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mcg-nav :is(button,.mc-nav-item){padding:7px 15px;border-radius:999px;font:italic 500 15px/1 var(--mc-fd);color:var(--mc-mudo)}
.mcg-nav button.sel,.mcg-nav button:hover{color:var(--mc-ouro);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc-ouro) 55%,transparent)}
.mcg-colunas{padding:28px 22px 6px}
.mc-desk .mcg-colunas{max-width:1240px;margin:0 auto;columns:2;column-gap:64px;padding:46px 64px 10px}
.mcg-secao{break-inside:avoid;margin-bottom:34px}
.mcg-secao h2{display:flex;align-items:center;gap:14px;margin-bottom:12px;font:400 42px/1.1 var(--mc-fs);color:var(--mc-ouro)}
.mcg-secao h2::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--mc-ouro) 60%,transparent),transparent)}
.mcg-item{display:flex;align-items:center;gap:16px;padding:10px 0}
.mcg-foto{width:78px;height:78px;border-radius:50%;box-shadow:0 0 0 2px var(--mc-ouro),0 0 0 6px rgba(255,255,255,.04),0 14px 24px -10px rgba(0,0,0,.85)}
.mcg-txt{flex:1;min-width:0}
.mcg-item h3{font:700 17px/1.2 var(--mc-fd);color:#fff}
.mcg-item .mc-desc{font-size:12.5px}
.mcg-valor{display:flex;align-items:center;gap:10px;margin-top:4px}
.mcg-preco b{font:400 30px/1 var(--mc-fs);color:var(--mc-ouro)}
.mcg-preco s{font-size:13px}
.mcg-valor .mc-selo{margin:0}

/* ═══════════════════════════════════════════════════════════════════════
   FOLHETO — o panfleto
   ═══════════════════════════════════════════════════════════════════════ */
.mc-folheto{
  --mc-bg:var(--mc-escuro);--mc-tinta:#fff;--mc-mudo:rgba(255,255,255,.64);--mc-linha:rgba(255,255,255,.12);
  --mc-pincel-c:var(--mc-pri);--mc-pincel-t:var(--mc-pri-t);
  --mc-fd:'Bebas Neue',Impact,sans-serif;--mc-fs:'Kaushan Script','Brush Script MT',cursive;
  background:var(--mc-textura),radial-gradient(ellipse at 50% 0%,#262626,transparent 60%),var(--mc-bg);
}
.mch-capa{position:relative;display:grid;align-content:start;min-height:390px;padding:34px 22px 26px;overflow:hidden}
.mc-desk .mch-capa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:470px;padding:54px 60px}
.mch-diagonal{position:absolute;inset:0;background:var(--mc-pri);clip-path:polygon(0 66%,100% 40%,100% 100%,0 100%)}
.mc-desk .mch-diagonal{clip-path:polygon(56% 0,100% 0,100% 100%,40% 100%)}
.mch-capa-txt{position:relative;z-index:1;display:grid;gap:2px;align-content:start;min-width:0;max-width:100%}
.mch-script{font:400 30px/1.15 var(--mc-fs);color:#fff}
.mch-capa h1{max-width:100%;font:400 clamp(44px,13vw,68px)/1.02 var(--mc-fd);letter-spacing:.02em;text-transform:uppercase;color:var(--mc-pri-noite);overflow-wrap:anywhere}
.mc-desk .mch-capa h1{font-size:clamp(66px,6.8vw,98px)}
.mch-sub{margin-top:10px;font:700 12px/1.35 var(--mc-f);letter-spacing:.24em;text-transform:uppercase;color:var(--mc-mudo)}
.mch-prato{position:relative;z-index:1;justify-self:end;width:min(62%,250px);aspect-ratio:1;margin-top:18px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 8px rgba(0,0,0,.28),0 32px 50px -14px rgba(0,0,0,.8)}
.mc-desk .mch-prato{justify-self:center;width:min(90%,380px);margin:0}
.mch-prato img{width:100%;height:100%;object-fit:cover}
.mch-oferta{position:absolute;z-index:2;bottom:34px;left:22px;display:grid;justify-items:center;align-content:center;gap:2px;width:106px;aspect-ratio:1;border-radius:50%;background:var(--mc-dest);color:var(--mc-dest-t);text-align:center;box-shadow:0 12px 22px -6px rgba(0,0,0,.65);transform:rotate(12deg)}
.mc-desk .mch-oferta{bottom:56px;left:50%;width:132px}
.mch-oferta small{font:800 10px/1 var(--mc-f);letter-spacing:.2em;text-transform:uppercase}
.mch-oferta b{font:400 26px/1 var(--mc-fd)}
.mch-oferta em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:80%;font:700 10px/1.2 var(--mc-f);font-style:normal}
.mch-nav{position:sticky;top:0;z-index:5;padding:12px 18px;background:var(--mc-escuro);border-block:1px solid var(--mc-linha)}
.mc-desk .mch-nav{position:relative;padding:14px 60px}
.mch-nav :is(button,.mc-nav-item){padding:8px 14px;border-radius:6px;font:400 18px/1 var(--mc-fd);letter-spacing:.07em;text-transform:uppercase;color:var(--mc-mudo)}
.mch-nav button.sel,.mch-nav button:hover{color:var(--mc-pri-noite)}
.mch-mosaico{display:grid;gap:28px;padding:28px 22px}
.mc-desk .mch-mosaico{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px 52px;padding:46px 60px}
.mch-bloco{min-width:0}
.mch-bloco h2{margin:0 0 10px -8px;font:400 28px/1 var(--mc-fd);letter-spacing:.06em;text-transform:uppercase}
.mch-item{padding:8px 0}
.mch-item h3{font:700 14px/1.25 var(--mc-f)}
.mch-item .mc-preco b{font-size:15px;color:var(--mc-pri-noite)}
.mch-item .mc-desc{font-size:12px}
.mch-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.mch-fotos.n1{grid-template-columns:1fr}
.mch-foto{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;box-shadow:0 0 0 3px #fff,0 16px 26px -14px rgba(0,0,0,.8)}
.mch-foto img{width:100%;height:100%;object-fit:cover}
.mch-foto figcaption{position:absolute;inset:auto 0 0;padding:20px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.78));font:700 12px/1.2 var(--mc-f)}
.mch-entrega{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 22px 0;padding:14px 18px;border-radius:14px;background:var(--mc-pri);color:var(--mc-pri-t)}
.mc-desk .mch-entrega{margin:4px 60px 0}
.mch-entrega .mc-i{width:36px;height:36px}
.mch-entrega small{display:block;font:800 10.5px/1 var(--mc-f);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.mch-entrega b{display:block;margin-top:4px;font:400 28px/1 var(--mc-fd);letter-spacing:.04em}

/* ═══════════════════════════════════════════════════════════════════════
   FOTOGRÁFICO — carta editorial, com fotos em ensaio e preços em linhas
   ═══════════════════════════════════════════════════════════════════════ */
.mc-fotos{--mc-bg:var(--mc-papel);--mc-tinta:#20201e;--mc-mudo:#686660;--mc-linha:rgba(38,37,33,.18);background:var(--mc-bg)}
.mcf-carta{max-width:1440px;margin:0 auto}
.mcf-capa{padding:34px 22px 20px;border-bottom:1px solid var(--mc-linha)}
.mc-desk .mcf-capa{padding:58px 64px 28px}
.mcf-capa-marca{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:16px;min-width:0}
.mcf-capa-marca:not(:has(.mcf-logo)){grid-template-columns:minmax(0,1fr)}
.mcf-logo{width:70px;height:70px;border:1px solid var(--mc-linha);box-shadow:0 3px 14px rgba(30,27,20,.1)}
.mc-desk .mcf-logo{width:94px;height:94px}
.mc-desk .mcf-capa-marca{grid-template-columns:94px minmax(0,1fr);gap:28px}
.mc-desk .mcf-capa-marca:not(:has(.mcf-logo)){grid-template-columns:minmax(0,1fr)}
.mcf-edicao{font:800 10px/1.35 var(--mc-f);letter-spacing:.26em;text-transform:uppercase;color:var(--mc-pri-papel);overflow-wrap:anywhere}
.mcf-capa h1{max-width:100%;margin-top:8px;font:800 clamp(36px,11vw,68px)/.98 var(--mc-ft);letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:anywhere}
.mc-desk .mcf-capa h1{font-size:clamp(68px,7vw,108px)}
.mcf-capa-regua{display:block;width:52px;height:4px;margin:15px 0 12px;background:var(--mc-pri)}
.mcf-slogan{font:italic 500 16px/1.4 Georgia,serif;color:var(--mc-mudo)}
.mcf-ensaio{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px;height:198px;margin-top:27px;overflow:hidden}
.mcf-ensaio.n1{grid-template-columns:1fr}
.mcf-ensaio.n2{grid-template-columns:1.45fr 1fr}
.mc-desk .mcf-ensaio{gap:12px;height:340px;margin-top:42px}
.mcf-ensaio-foto{position:relative;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--mc-pri) 10%,var(--mc-papel))}
.mcf-ensaio-foto img{width:100%;height:100%;object-fit:cover}
.mcf-ensaio-foto figcaption{position:absolute;left:0;bottom:0;padding:20px 12px 9px;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font:800 9px/1.2 var(--mc-f);letter-spacing:.14em;text-transform:uppercase}
.mc-desk .mcf-ensaio-foto figcaption{padding:36px 20px 16px;font-size:11px}
.mcf-capa-fecho{margin-top:14px!important;font:700 10px/1.4 var(--mc-f);letter-spacing:.16em;text-transform:uppercase;color:var(--mc-mudo)}
.mcf-capa-fecho span{margin:0 8px;color:var(--mc-pri-papel)}
.mcf-indice{display:grid;gap:18px;padding:26px 22px 28px;border-bottom:1px solid var(--mc-linha)}
.mc-desk .mcf-indice{grid-template-columns:220px minmax(0,1fr);gap:36px;padding:36px 64px 40px}
.mcf-indice-num{font:800 10px/1 var(--mc-f);letter-spacing:.2em;color:var(--mc-pri-papel)}
.mcf-indice p{margin-top:7px;font:italic 500 18px/1.25 Georgia,serif}
.mcf-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;overflow:visible;counter-reset:mcfnav}
.mc-desk .mcf-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.mcf-nav :is(button,.mc-nav-item){display:flex;align-items:baseline;gap:8px;min-width:0;padding:10px 0;border-bottom:1px solid var(--mc-linha);white-space:normal;text-align:left;font:700 12px/1.3 var(--mc-f);color:var(--mc-tinta)}
.mcf-nav :is(button,.mc-nav-item)::before{counter-increment:mcfnav;content:counter(mcfnav,decimal-leading-zero);flex:0 0 auto;font:800 10px/1 var(--mc-f);color:var(--mc-pri-papel)}
.mcf-nav :is(button,.mc-nav-item) span{min-width:0;overflow-wrap:anywhere}
.mcf-nav button.sel,.mcf-nav button:hover{color:var(--mc-pri-papel)}
.mcf-corpo{padding:8px 22px 10px}
.mc-desk .mcf-corpo{padding:16px 64px 12px}
.mcf-secao{padding:27px 0 18px}
.mc-desk .mcf-secao{padding:42px 0 24px}
.mcf-secao-topo{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:9px;padding-bottom:15px;border-bottom:2px solid var(--mc-pri);min-width:0}
.mc-desk .mcf-secao-topo{grid-template-columns:54px minmax(0,1fr) auto;gap:18px}
.mcf-secao-topo>span{font:800 11px/1 var(--mc-f);letter-spacing:.12em;color:var(--mc-pri-papel)}
.mcf-secao h2{min-width:0;font:700 clamp(24px,7vw,38px)/1.08 Georgia,serif;letter-spacing:-.035em;overflow-wrap:anywhere}
.mc-desk .mcf-secao h2{font-size:clamp(36px,3.8vw,54px)}
.mcf-secao-topo small{font:700 10px/1.2 var(--mc-f);white-space:nowrap;color:var(--mc-mudo)}
.mcf-lista{display:grid;grid-template-columns:minmax(0,1fr)}
.mc-desk .mcf-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
.mcf-item{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:14px;min-width:0;padding:17px 0;border-bottom:1px solid var(--mc-linha);background:transparent}
.mc-desk .mcf-item{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:22px 0}
.mcf-item.sem-foto{grid-template-columns:minmax(0,1fr)}
.mcf-item-foto{width:84px;height:84px;border-radius:3px}
.mc-desk .mcf-item-foto{width:96px;height:96px}
.mcf-item-corpo{min-width:0}
.mcf-item-linha{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}
.mcf-item h3{min-width:0;flex:1 1 120px;font:700 15px/1.25 var(--mc-ft);overflow-wrap:anywhere}
.mc-desk .mcf-item h3{font-size:17px}
.mcf-item .mc-preco b{font-size:15px;color:var(--mc-pri-papel)}
.mcf-item .mc-desc{margin-top:5px;font-size:12px}
.mcf-item .mc-selo{margin-top:7px;border-radius:2px;font-size:9px;letter-spacing:.12em}
.mcf-pe{padding-top:42px;border-top:1px solid var(--mc-linha)}

/* ── Movimento ────────────────────────────────────────────────────────── */
@keyframes mcFundo{from{opacity:0}to{opacity:1}}
@keyframes mcSobe{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes mcEntra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mcGira{to{transform:rotate(360deg)}}
.mc:not(.preview) [data-mc-secao]{animation:mcEntra .6s cubic-bezier(.2,.8,.2,1) both}
.mc:not(.preview) [data-mc-secao]:nth-of-type(2){animation-delay:.07s}
.mc:not(.preview) [data-mc-secao]:nth-of-type(3){animation-delay:.14s}
.mc:not(.preview) [data-mc-secao]:nth-of-type(n+4){animation-delay:.2s}
@media (prefers-reduced-motion:reduce){
  .mc *,.mc-ficha-bg,.mc-ficha{animation:none !important;transition:none !important}
}
body.mc-pagina{margin:0}
.mc-imprimir-bar{position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#fff;color:#17212d;font:600 13px/1.3 Inter,Arial,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.mc-imprimir-bar button{padding:8px 14px;border:0;border-radius:8px;background:#1666db;color:#fff;font:700 13px/1.2 Inter,Arial,sans-serif;cursor:pointer}
@media print{
  @page{size:A4;margin:12mm}
  html,body.mc-pagina{width:auto!important;margin:0!important;background:#fff!important}
  .mc{width:100%!important;min-height:0!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .mc *{animation:none!important;transition:none!important}
  .mc-imprimir-bar,.mc-nav,.mc-flutua,.mc-pedir,.mc-ficha-bg{display:none!important}
  .mc-item,[data-mc-secao],.mcq-capa,.mct-topo,.mci-capa,.mcg-capa,.mch-capa,.mcf-capa{break-inside:avoid-page}
  .mcq-capa,.mct-lado,.mci-nav,.mcg-nav,.mch-nav,.mcf-nav{position:static!important}
  .mc-pe{padding-bottom:16px!important}
}