/* 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; }
