/* MAF showcase only. Existing cards, dark palette, footer and embedded sites stay unchanged. */
body.premium-site .portfolio [data-project="maf-informatica"] .portfolio-cover { background:#151d22; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-art { position:absolute; inset:0; display:grid; grid-template-columns:34% 66%; align-items:center; overflow:hidden; background:linear-gradient(135deg,#202e34,#141a1f 75%); }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-brand { z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; padding-left:18px; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-wordmark { color:#f5f7f3; font-size:clamp(22px,3.1vw,38px); font-weight:750; line-height:1; letter-spacing:-.055em; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-label { color:#c4f455; font-size:8px; font-weight:650; letter-spacing:.09em; line-height:1.6; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-note { max-width:12ch; margin-top:6px; color:#bdc8ca; font-size:9px; line-height:1.5; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-screens { position:relative; align-self:stretch; min-width:0; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-desktop { position:absolute; left:0; top:17%; width:115%; overflow:hidden; border:4px solid #48575c; border-radius:8px; box-shadow:0 12px 24px #0005; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-desktop img { display:block; width:100%; height:auto; aspect-ratio:960/540; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-phone { position:absolute; right:8%; top:37%; width:27%; max-width:67px; overflow:hidden; border:3px solid #8b989b; border-radius:11px; background:#161e24; box-shadow:0 8px 18px #0007; }
body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-phone img { display:block; width:100%; height:auto; aspect-ratio:390/844; }
body.premium-site .maf-project .maf-project-preview-note { margin:0 0 18px; color:var(--premium-muted); font-size:14px; line-height:1.65; }
body.premium-site .maf-project .maf-showcase { display:grid; grid-template-columns:minmax(0,1fr) 27%; gap:16px; align-items:center; padding:24px 18px; overflow:hidden; border:1px solid #48575c; border-radius:14px; background:linear-gradient(145deg,#26383f,#141a1f 85%); }
body.premium-site .maf-project .maf-showcase-desktop { min-width:0; overflow:hidden; border:5px solid #65747a; border-radius:8px; box-shadow:0 18px 32px #0004; }
body.premium-site .maf-project .maf-showcase-desktop img { display:block; width:100%; height:auto; aspect-ratio:960/540; }
body.premium-site .maf-project .maf-showcase-phone { min-width:0; overflow:hidden; border:5px solid #8b989b; border-radius:19px; background:#141a1f; box-shadow:0 18px 32px #0004; }
body.premium-site .maf-project .maf-showcase-phone img { display:block; width:100%; height:auto; aspect-ratio:390/844; }
body.premium-site .maf-project .maf-preview-caption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 14px; }
body.premium-site .maf-project .maf-preview-caption span:last-child { color:var(--premium-lime); }
@media(max-width:620px) {
  body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-brand { padding-left:14px; gap:3px; }
  body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-wordmark { font-size:27px; }
  body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-label { font-size:7px; }
  body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-note { margin-top:2px; font-size:8px; }
  body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-desktop { top:13%; }
  body.premium-site .portfolio [data-project="maf-informatica"] .maf-card-phone { top:29%; max-width:58px; }
  body.premium-site .maf-project .maf-showcase { gap:10px; padding:22px 12px; grid-template-columns:minmax(0,1fr) 28%; }
  body.premium-site .maf-project .maf-showcase-desktop { border-width:3px; border-radius:6px; }
  body.premium-site .maf-project .maf-showcase-phone { border-width:3px; border-radius:13px; }
}