/* Aprove Med Logos: brand layer loaded after the Aprove engine (aprove.css and codex.css, copied from aprove-petgraf/nucleo at build time).
   Sources (09/11/2026):
   - navy #252a3b and light #f7f3f0: live store theme medlogos.com.br, asset medlogos-apple-hig.css (--ml-canvas, --ml-text).
   - line #eedfd7: same file, base of --ml-line rgba(238, 223, 215, .18).
   - bronze #86563d and #754c35: sampled from the official header logo (logo-header.webp of the live theme), symbol shading.
   - gray #4b4b4d: wordmark of the dark-text version of the logo (resources • Imagens Chatgpt/med-logos-logo.png).
   - font Raleway: live theme pg-design.css (var(--body-font, Raleway, sans-serif)).
   Contrast on #f7f3f0: navy 12.9, bronze 5.6, gray 7.9; white on bronze 6.2. */
:root { --escuro: #252a3b; --creme: #f7f3f0; --vermelho: #86563d; --coral: #754c35; --linha: #eedfd7; --suave: #4b4b4d;
  --fonte: Raleway, "Helvetica Neue", Arial, sans-serif; }

/* top bar like the store header: navy with the light logo */
.ap-topo { background: color-mix(in srgb, var(--escuro) 94%, transparent); border-bottom-color: #30364b; }
.ap-topo img { width: 136px; height: auto; }
.ap-topo .ap-conta { color: var(--escuro); border-color: transparent; background: var(--creme); }

/* footer: full-width navy band */
.ap-rodape { background: var(--escuro); color: #c9c9ce; border-top: 0; box-shadow: 0 0 0 100vmax var(--escuro); clip-path: inset(0 -100vmax); }
.ap-rodape img { width: 124px; height: auto; }
.ap-rodape a { color: #f7f3f0; }

/* pieces shown without art (envelope and folder scenes of the engine): store navy surfaces (#394057, #30364b, #252a3b of medlogos-apple-hig.css)
   instead of the engine's purple and teal. A face with art keeps its inline background-image. */
.cx-env { --cx-borda: #252a3b; --cx-aba: linear-gradient(#394057, #30364b); }
.cx-env-face { background-color: #30364b; border-color: #394057; }
.cx-env-frente { background-image: linear-gradient(145deg, #394057, #252a3b); }
.cx-env-verso { background-image: linear-gradient(145deg, #394057, #30364b); }
.cx-painel-dir { background: linear-gradient(115deg, #252a3b, #394057 55%, #30364b); border-color: #394057; }
.cx-forro { background: linear-gradient(100deg, #30364b, #394057 72%, #252a3b); border-color: #394057; }
.cx-pasta-costas { background: linear-gradient(145deg, #394057, #30364b 70%, #252a3b); border-color: #394057; }
.cx-pasta-frente { background: linear-gradient(131deg, #394057, #30364b 55%, #252a3b); border-color: #394057; }