/* Calculadora Detailer — aba Cardápio (prefixo .ca-)
   A folha (.ca-folha) usa cores próprias de propósito: ela é o material do cliente,
   com o estilo Impacto (escuro) ou Elegante (creme), independente do tema da ferramenta. */

.ca-raiz { display: flex; flex-direction: column; gap: 22px; padding-top: 8px; }

.ca-grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); gap: 24px; align-items: start; }
.ca-controles { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.ca-lado { position: sticky; top: calc(var(--topo-h) + 96px); display: flex; flex-direction: column; gap: 14px; min-width: 0; }

/* ---------- dados do negócio ---------- */
.ca-campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ca-campo-largo { grid-column: 1 / -1; }

/* ---------- lista de serviços ---------- */
.ca-nota-lista { margin: -6px 0 14px; }
.ca-lista { display: flex; flex-direction: column; gap: 10px; }
.ca-item {
  display: grid; align-items: center; gap: 12px 14px;
  grid-template-columns: auto 60px minmax(0, 1fr) auto;
  grid-template-areas: "tog mini info lado";
  padding: 12px 14px; border-radius: var(--r-3);
  background: rgba(0, 0, 0, 0.22); border: 1px solid var(--borda);
  transition: border-color .2s var(--ease), opacity .25s var(--ease), background .2s var(--ease);
  animation: entrar-item .35s var(--ease) both;
}
:root[data-tema="claro"] .ca-item { background: rgba(255, 255, 255, 0.62); }
.ca-item:hover { border-color: var(--borda-forte); }
.ca-item-tog { grid-area: tog; }
.ca-mini-caixa { grid-area: mini; position: relative; width: 60px; height: 60px; }
.ca-item-info { grid-area: info; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ca-item-lado { grid-area: lado; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.ca-item.fora .ca-mini, .ca-item.fora .ca-item-info, .ca-item.fora .ca-item-preco { opacity: .45; }
.ca-item.fora { background: transparent; border-style: dashed; }

.ca-mini {
  position: relative; width: 60px; height: 60px; padding: 0; overflow: hidden;
  display: grid; place-items: center; color: var(--laranja);
  border: 1px solid var(--borda-forte); background: var(--laranja-suave);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  border-radius: 6px;
  transition: transform .25s var(--mola), filter .2s var(--ease);
}
.ca-mini:hover { transform: scale(1.04); }
.ca-mini:focus-visible { outline: 2px solid var(--laranja); outline-offset: -2px; }
.ca-mini img { width: 100%; height: 100%; object-fit: cover; }
.ca-mini-cam {
  position: absolute; inset: 0; display: grid; place-items: center;
  background: rgba(0, 0, 0, 0.55); color: #fff; opacity: 0; transition: opacity .2s var(--ease);
}
.ca-mini-cam .ms { font-size: 20px; }
.ca-mini:hover .ca-mini-cam, .ca-mini:focus-visible .ca-mini-cam { opacity: 1; }
.ca-mini-x {
  position: absolute; top: -7px; left: -7px; z-index: 1; width: 24px; height: 24px; padding: 0; border-radius: 50%;
  display: grid; place-items: center; border: 1px solid var(--borda-forte);
  background: var(--sup-3); color: var(--texto-2);
}
.ca-mini-x:hover { color: var(--perigo); border-color: var(--perigo); }
.ca-mini-x .ms { font-size: 14px; }

.ca-item-nome { font-weight: 700; font-size: 14.5px; line-height: 1.25; overflow-wrap: anywhere; } /* nome longo quebra linha em vez de ser cortado */
.ca-item-desc { padding: 8px 10px; font-size: 13px; font-weight: 500; }
.ca-item-preco { font-weight: 800; font-size: 15px; color: var(--laranja-claro); white-space: nowrap; }
.ca-item-preco.zerado { color: var(--texto-3); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.ca-pag button { padding: 6px 9px; font-size: 10.5px; }
.ca-vazio { padding: 26px 16px; }

/* ---------- estilo e personalização ---------- */
.ca-estilos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.ca-estilo {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px;
  align-items: center; text-align: left; padding: 10px; border-radius: var(--r-3);
  background: rgba(0, 0, 0, 0.2); border: 1px solid var(--borda); color: var(--texto);
  transition: border-color .2s var(--ease), box-shadow .25s var(--ease), transform .25s var(--mola);
}
:root[data-tema="claro"] .ca-estilo { background: rgba(255, 255, 255, 0.6); }
.ca-estilo:hover { transform: translateY(-2px); border-color: var(--borda-forte); }
.ca-estilo[aria-pressed="true"] { border-color: var(--laranja); box-shadow: 0 0 0 1px var(--laranja), 0 14px 30px -16px var(--laranja-glow); }
.ca-estilo-amostra {
  grid-row: 1 / 3; position: relative; width: 64px; height: 76px; border-radius: 4px; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  box-shadow: 0 8px 18px -8px rgba(0, 0, 0, 0.6);
}
.ca-estilo-amostra i { position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #FF6A13; }
.ca-estilo-amostra i::after { content: ''; position: absolute; top: 0; right: 0; border-top: 16px solid #FF6A13; border-left: 16px solid transparent; }
.ca-estilo-amostra b { font: 400 18px/1 Anton, sans-serif; transform: skewX(-6deg); }
.ca-estilo-amostra span { width: 34px; height: 3px; border-radius: 2px; opacity: .45; }
.ca-estilo-impacto .ca-estilo-amostra { background: #141210; color: #F7F1E4; }
.ca-estilo-impacto .ca-estilo-amostra span { background: #F7F1E4; }
.ca-estilo-elegante .ca-estilo-amostra { background: #FBF7EF; color: #1D1D1B; }
.ca-estilo-elegante .ca-estilo-amostra span { background: #1D1D1B; }
.ca-estilo-elegante .ca-estilo-amostra i, .ca-estilo-elegante .ca-estilo-amostra i::after { background: #C2501A; border-top-color: #C2501A; }
.ca-estilo-elegante .ca-estilo-amostra i::after { background: none; }
.ca-estilo-impacto .ca-estilo-amostra i::after { background: none; }
.ca-estilo-nome { font: 800 14px/1.2 var(--f-titulo); text-transform: uppercase; align-self: end; }
.ca-estilo-desc { font-size: 12px; color: var(--texto-3); align-self: start; }

.ca-perso { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ca-img-linha { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ca-img-linha label.btn { cursor: pointer; }
.ca-img-linha input[type="file"]:focus-visible + label, .ca-img-linha label:focus-within { outline: 2px solid var(--laranja); outline-offset: 2px; }
.ca-img-prev {
  width: 38px; height: 38px; flex: none; border-radius: var(--r-2);
  border: 1px dashed var(--borda-forte); background: var(--sup-2) center / cover no-repeat;
}
.ca-img-prev.ca-img-logo { background-size: contain; background-origin: content-box; padding: 3px; }
.ca-img-prev.tem { border-style: solid; }
.ca-cor {
  width: 48px; height: 38px; padding: 2px; cursor: pointer;
  border: 1px solid var(--borda-forte); border-radius: var(--r-2); background: none;
}
.ca-perso .ajuda { margin-top: 2px; }

/* ---------- palco 3D ---------- */
.ca-palco-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ca-palco-cab .rotulo { display: inline-flex; align-items: center; gap: 6px; }
.ca-palco-cab .rotulo .ms { font-size: 16px; }
.ca-palco {
  position: relative; padding: 26px 20px 34px; border-radius: var(--r-4);
  background:
    radial-gradient(70% 55% at 50% 30%, var(--laranja-suave), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.2));
  border: 1px solid var(--borda);
  isolation: isolate;
}
:root[data-tema="claro"] .ca-palco { background: radial-gradient(70% 55% at 50% 30%, rgba(232, 90, 12, 0.10), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(60, 40, 20, 0.06)); }
.ca-palco.clicavel .ca-virador { cursor: pointer; }
.ca-escala { width: 420px; margin: 0 auto; position: relative; z-index: 1; }
.ca-tilt { position: relative; border-radius: 3px; }
.ca-tilt::after { display: none; } /* o reflexo vai dentro de cada face */
.ca-virador {
  position: relative; display: grid;
  transform-style: preserve-3d;
  transition: transform .9s cubic-bezier(.3, .75, .2, 1);
}
.ca-virador.virado { transform: rotateY(180deg); }
.ca-face {
  grid-area: 1 / 1; position: relative; min-width: 0;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
  border-radius: 3px;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.25),
    0 3px 6px rgba(0, 0, 0, 0.18),
    0 18px 30px -10px rgba(0, 0, 0, 0.45),
    0 50px 80px -30px rgba(0, 0, 0, 0.7);
}
.ca-verso { transform: rotateY(180deg); }
.ca-verso.vazio { display: none; }
.ca-chao { /* sombra no "chão" do palco */
  position: absolute; left: 18%; right: 18%; bottom: 14px; height: 26px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.55), transparent); filter: blur(6px); z-index: 0;
}
:root[data-tema="claro"] .ca-chao { background: radial-gradient(closest-side, rgba(60, 40, 20, 0.35), transparent); }

.ca-acoes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ca-acoes .btn { white-space: normal; text-align: center; line-height: 1.25; }
.ca-acoes .btn-primario { grid-column: 1 / -1; order: -1; min-height: 48px; }
.ca-btn-virar.esconder + .btn-primario + .btn { grid-column: 1 / -1; }
.ca-nota-acoes { text-align: center; }

/* ---------- a folha (fiel ao original) ---------- */
.ca-folha {
  --ca-suave: color-mix(in srgb, var(--ca-texto) 70%, transparent);
  position: relative; overflow: hidden; width: 420px; min-height: 560px;
  background: var(--ca-fundo); color: var(--ca-texto);
  border-radius: 3px;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.ca-f-bg { position: absolute; inset: 0; background: center / cover no-repeat; }
.ca-f-veu { position: absolute; inset: 0; background: var(--ca-veu); display: none; }
.ca-folha.com-fundo .ca-f-veu { display: block; }
.ca-f-faixa { position: absolute; top: 0; left: 0; right: 0; height: 8px; background: var(--ca-destaque); z-index: 2; }
.ca-f-tri { position: absolute; top: 0; right: 0; width: 78px; height: 78px; background: var(--ca-destaque); clip-path: polygon(0 0, 100% 0, 100% 100%); z-index: 2; }
.ca-folha::after { /* brilho do papel + reflexo que segue o mouse */
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 5;
  background:
    radial-gradient(520px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.13), transparent 42%),
    linear-gradient(115deg, rgba(255, 255, 255, 0.06), transparent 32%, transparent 70%, rgba(0, 0, 0, 0.05));
  opacity: .35; transition: opacity .3s var(--ease);
}
.ca-tilt.tilt-ativo .ca-folha::after { opacity: 1; }
.ca-est-elegante::after { mix-blend-mode: multiply; background: linear-gradient(115deg, rgba(255, 255, 255, 0.5), transparent 32%, transparent 70%, rgba(80, 60, 30, 0.06)); }

.ca-f-conteudo { position: relative; z-index: 3; padding: 42px 30px 28px; display: flex; flex-direction: column; }
.ca-f-cab { text-align: center; display: flex; flex-direction: column; align-items: center; }
.ca-f-logo { max-width: 160px; max-height: 60px; object-fit: contain; margin: 0 auto 10px; }
.ca-f-script {
  font: 400 28px/38px 'Yellowtail', cursive; color: var(--ca-destaque);
  transform: rotate(-2deg); margin-bottom: 0;
}
.ca-f-nome {
  font: 400 46px/48px 'Anton', 'Chivo', sans-serif; letter-spacing: .5px; text-transform: uppercase;
  transform: skewX(-6deg); max-width: 100%; overflow-wrap: anywhere;
}
.ca-f-frase {
  margin-top: 8px; font: 600 11.5px/17px 'Oswald', sans-serif; letter-spacing: 3px; text-transform: uppercase;
  color: var(--ca-suave); max-width: 100%;
}
.ca-f-traco { width: 44px; height: 3px; margin-top: 12px; background: var(--ca-destaque); }
.ca-f-itens { list-style: none; margin: 26px 0 0; padding: 0; }
.ca-f-item { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; column-gap: 14px; align-items: start; }
.ca-f-item + .ca-f-item { margin-top: 12px; padding-top: 12px; border-top: 1px solid color-mix(in srgb, var(--ca-texto) 12%, transparent); }
.ca-f-ico {
  width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden;
  color: var(--ca-destaque); background: color-mix(in srgb, var(--ca-destaque) 16%, transparent);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}
.ca-f-ico img { width: 100%; height: 100%; object-fit: cover; }
.ca-f-txt { min-width: 0; }
.ca-f-inome { font: 600 15.5px/20px 'Oswald', sans-serif; letter-spacing: .5px; text-transform: uppercase; overflow-wrap: anywhere; }
.ca-f-idesc { margin-top: 3px; font: 400 12px/17px 'Hanken Grotesk', sans-serif; color: var(--ca-suave); overflow-wrap: anywhere; }
.ca-f-preco { font: 700 15px/20px 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums; color: var(--ca-destaque); white-space: nowrap; padding-top: 1px; }
.ca-f-vazio { margin: 34px 0 10px; text-align: center; font-size: 13px; }
.ca-f-rodape { margin-top: 24px; padding-top: 16px; border-top: 2px dashed var(--ca-destaque); text-align: center; }
.ca-f-ct { font: 600 12.5px/19px 'Hanken Grotesk', sans-serif; overflow-wrap: anywhere; }
.ca-f-ct span { font: 600 10px/19px 'Oswald', sans-serif; letter-spacing: 2.5px; text-transform: uppercase; color: var(--ca-destaque); margin-right: 8px; }
.ca-f-pag { margin-top: 6px; font: 600 10px/18px 'Oswald', sans-serif; letter-spacing: 2.5px; text-transform: uppercase; color: color-mix(in srgb, var(--ca-texto) 55%, transparent); }
.ca-f-dica { opacity: .42; }

/* folha larga com os serviços em 2 colunas: só na impressão de página cheia (o JS põe .ca-2col
   na face pra medir e pra imprimir, e tira depois) */
.ca-face.ca-2col, .ca-face.ca-2col .ca-folha { width: 700px; }
.ca-2col .ca-f-itens { columns: 2; column-gap: 30px; }
.ca-2col .ca-f-item { break-inside: avoid; margin: 0; padding: 12px 0 0; border-top: 0; }
.ca-2col .ca-f-item + .ca-f-item { margin: 0; padding-top: 12px; border-top: 0; }
.ca-2col .ca-f-item::after { content: ''; grid-column: 1 / -1; height: 1px; margin-top: 12px; background: color-mix(in srgb, var(--ca-texto) 12%, transparent); }

/* ---------- vitrine 3D ---------- */
.ca-vitrine { margin-top: 8px; }
.ca-vit-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; margin-top: 14px; }
.ca-vit { min-height: 290px; perspective: 1100px; display: grid; }
.ca-vit-in { /* as duas faces ficam empilhadas na mesma célula: o card cresce até a face mais alta */
  position: relative; display: grid; width: 100%;
  transform-style: preserve-3d; transition: transform .75s cubic-bezier(.3, .75, .2, 1);
}
.ca-vit.virado .ca-vit-in, .ca-vit:has(.ca-vit-verso :focus-visible) .ca-vit-in { transform: rotateY(180deg); }
@media (hover: hover) {
  .ca-vit:hover .ca-vit-in { transform: rotateY(180deg); }
}
.ca-vit-face {
  grid-area: 1 / 1; position: relative; min-width: 0; display: flex; flex-direction: column; gap: 10px;
  padding: 18px; border-radius: var(--r-3);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
  border: 1px solid var(--borda); box-shadow: var(--sombra-1);
}
.ca-vit-frente {
  background:
    radial-gradient(90% 60% at 100% 0%, var(--laranja-suave), transparent 60%),
    var(--vidro-forte);
  border-color: color-mix(in srgb, var(--laranja) 28%, transparent);
}
.ca-vit-frente::before { content: ''; position: absolute; left: 10%; right: 10%; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--laranja), transparent); }
.ca-vit-verso {
  transform: rotateY(180deg);
  background: linear-gradient(160deg, var(--sup-3), var(--sup-2));
  border-color: rgba(255, 185, 95, 0.3);
}
.ca-vit-topo { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ca-vit-topo .selo { max-width: 72%; overflow: hidden; text-overflow: ellipsis; }
.ca-vit-num { font-size: 12px; color: var(--texto-3); }
.ca-vit-ico {
  width: 50px; height: 50px; display: grid; place-items: center; color: var(--laranja);
  background: var(--laranja-suave); clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  margin-top: 4px;
}
.ca-vit-nome {
  margin: 2px 0 0; font: 800 17px/1.2 var(--f-titulo); text-transform: uppercase; overflow-wrap: anywhere;
}
.ca-vit-desc { margin: 0; font-size: 12.5px; color: var(--texto-2); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ca-vit-pe { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding-top: 12px; border-top: 1px solid var(--borda); }
.ca-vit-preco { font: 800 22px/1.1 var(--f-mono); color: var(--laranja-claro); letter-spacing: -0.02em; }
.ca-vit-girar {
  display: inline-flex; align-items: center; gap: 4px; padding: 6px 8px; border-radius: var(--r-2);
  border: 1px solid var(--borda-forte); background: transparent; color: var(--texto-2);
  font: 700 10.5px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase;
}
.ca-vit-girar:hover { color: var(--laranja-claro); border-color: var(--laranja); }
.ca-vit-girar .ms { font-size: 16px; }
.ca-vit-vnome { font: 700 14px/1.3 var(--f-titulo); text-transform: uppercase; overflow-wrap: anywhere; }
.ca-vit-dados { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ca-vit-dados div { padding: 8px 10px; border-radius: var(--r-2); background: rgba(0, 0, 0, 0.22); border: 1px solid var(--borda); min-width: 0; }
:root[data-tema="claro"] .ca-vit-dados div { background: rgba(255, 255, 255, 0.6); }
.ca-vit-dados dt { font: 600 10px/1.2 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--texto-3); }
.ca-vit-dados dd { margin: 3px 0 0; font-weight: 700; font-size: 14.5px; overflow-wrap: anywhere; }
.ca-vit-lucro { color: var(--ok); }
.ca-vit-acoes { margin-top: auto; display: flex; gap: 8px; }
.ca-vit-acoes .btn-primario { white-space: normal; line-height: 1.2; }

/* ---------- responsivo ---------- */
@media (max-width: 1100px) {
  .ca-grade { grid-template-columns: 1fr; }
  .ca-lado { position: static; order: -1; }
  .ca-controles { order: 0; }
  .ca-palco { max-width: 560px; width: 100%; margin: 0 auto; }
  .ca-acoes, .ca-palco-cab, .ca-nota-acoes { max-width: 560px; width: 100%; margin-left: auto; margin-right: auto; }
}
@media (max-width: 720px) {
  .ca-perso { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ca-campos { grid-template-columns: 1fr; }
  .ca-palco { padding: 16px 10px 26px; }
  .ca-item {
    grid-template-columns: auto 52px minmax(0, 1fr);
    grid-template-areas: "tog mini info" "lado lado lado";
    padding: 12px;
  }
  .ca-mini-caixa, .ca-mini { width: 52px; height: 52px; }
  .ca-item-lado { flex-direction: row; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--borda); }
  .ca-estilos { grid-template-columns: 1fr; }
  .ca-acoes { grid-template-columns: 1fr; }
  .ca-vit-grade { grid-template-columns: 1fr; }
}

/* ---------- movimento reduzido: vira e gira na hora, sem animar ---------- */
@media (prefers-reduced-motion: reduce) {
  .ca-virador, .ca-vit-in { transition: none !important; }
}

/* ---------- impressão / PDF: só as folhas, uma folha A4 por página ----------
   Só vale quando o botão "Baixar PDF / imprimir" coloca .imprimir-cardapio no <html>
   (Ctrl+P em outra tela imprime a página como ela está). O JS mede cada folha e grava em
   --ca-zoom-print a escala que faz ela caber inteira na área útil da A4 (190 × 277 mm). */
@media print {
  @page { size: A4 portrait; margin: 10mm; }
  html.imprimir-cardapio, html.imprimir-cardapio body { background: #fff !important; }
  html.imprimir-cardapio .abas-palco { padding: 0 !important; margin: 0 !important; min-height: 0 !important; perspective: none !important; }
  html.imprimir-cardapio main, html.imprimir-cardapio main .container { padding: 0 !important; margin: 0 !important; max-width: none !important; }
  html.imprimir-cardapio #aba-cardapio .ca-cab,
  html.imprimir-cardapio #aba-cardapio .ca-controles,
  html.imprimir-cardapio #aba-cardapio .ca-palco-cab,
  html.imprimir-cardapio #aba-cardapio .ca-acoes,
  html.imprimir-cardapio #aba-cardapio .ca-nota-acoes,
  html.imprimir-cardapio #aba-cardapio .ca-vitrine,
  html.imprimir-cardapio #aba-cardapio .ca-chao,
  html.imprimir-cardapio #aba-cardapio .ca-f-dica { display: none !important; }
  html.imprimir-cardapio #aba-cardapio .ca-raiz, html.imprimir-cardapio #aba-cardapio .ca-grade { display: block !important; padding: 0 !important; gap: 0 !important; }
  html.imprimir-cardapio #aba-cardapio .ca-lado { position: static !important; display: block !important; }
  html.imprimir-cardapio #aba-cardapio .ca-palco { padding: 0 !important; border: 0 !important; background: none !important; max-width: none !important; }
  html.imprimir-cardapio #aba-cardapio .ca-escala { zoom: 1 !important; width: auto !important; }
  html.imprimir-cardapio #aba-cardapio .ca-tilt { transform: none !important; }
  html.imprimir-cardapio #aba-cardapio .ca-virador { transform: none !important; display: block !important; transition: none !important; }
  html.imprimir-cardapio #aba-cardapio .ca-face {
    transform: none !important; -webkit-backface-visibility: visible; backface-visibility: visible;
    box-shadow: none !important; width: 420px; max-width: none !important; margin: 0 auto; zoom: var(--ca-zoom-print, 1.6);
    break-inside: avoid; page-break-inside: avoid;
  }
  html.imprimir-cardapio #aba-cardapio .ca-face.ca-2col { width: 700px; }
  html.imprimir-cardapio #aba-cardapio .ca-verso:not(.vazio) { display: block !important; break-before: page; page-break-before: always; }
  html.imprimir-cardapio #aba-cardapio .ca-f-item { break-inside: avoid; page-break-inside: avoid; }
  html.imprimir-cardapio #aba-cardapio .ca-folha::after { display: none !important; }
  html.imprimir-cardapio #aba-cardapio .ca-folha, html.imprimir-cardapio #aba-cardapio .ca-folha * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
}