/* MacBook Pro de 14 polegadas, da Apple (M4 Pro, 2024), aberto: 31 por 22 cm, preto sideral
   (o do José). A tampa abre 110 graus num grupo que roda na dobradiça (.mb-roda).
   Desenhado de frente para +y; o ponto de apoio é o centro da base. */
.macbook-pro .mb-roda { --w: 0; --d: 0; --h: 0; transform-origin: 0 0 calc(var(--z) * var(--u)); }
.macbook-pro .mb-base {
  --c1: #2B2C30; --c2: #232427;
  --top: linear-gradient(#141417, #141417) 50% 12% / 82% 44% no-repeat,
         linear-gradient(#3A3B40, #3A3B40) 50% 86% / 40% 30% no-repeat,
         #313236;
}
/* a face da frente da tampa é transparente: o vidro preto e a imagem são o plano .mb-ecra */
.macbook-pro .mb-tampa { --c: #313236; --c1: #2A2B2F; --c2: transparent; }
.macbook-pro .mb-ecra { background: #0D0C10; }
/* as costas da tampa, em alumínio: só se vêem num MacBook virado para o lado de lá (a caixa desenha só as faces
   viradas para quem vê, e de costas o ecrã aparecia ao contrário) */
.macbook-pro .mb-costas { background: linear-gradient(170deg, #3A3B40, #2E2F33); }
.macbook-pro .mb-vidro {
  position: absolute; inset: calc(.6 * var(--u)) calc(.6 * var(--u)) calc(1.1 * var(--u));
  background: linear-gradient(160deg, #24304F, #5D5288 55%, #D98E6C);
}
.macbook-pro .mb-vidro::after { /* o entalhe da câmara */
  content: ""; position: absolute; top: 0; left: 50%; width: 11%; height: 5%;
  translate: -50% 0; background: #0D0C10; border-radius: 0 0 calc(.4 * var(--u)) calc(.4 * var(--u));
}