/* itaprint — tokens da marca. Preto/magenta/branco, Plus Jakarta Sans.
   Fonte auto-hospedada em assets/fonts/ — zero request externo. */

:root {
  --bg: #000000;
  --card: #0B0B0B;
  --hover: #0F0F0F;
  --banner-bg: #141414;
  --divisor: #1F1F1F;
  --borda: #2E2E2E;
  --texto-desativado: #4D4D4D;
  --texto-secundario: #8A8A8A;
  --texto-lista: #B5B5B5;
  --texto-corpo: #EAEAEA;
  --texto-enfase: #FFFFFF;
  --magenta: #EC268F;
  --magenta-hover: #F2559F;
  --magenta-active: #CC1F7D;
  --erro: #EF5B4C;
}

* { box-sizing: border-box; }

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-600.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-700.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-800.woff2") format("woff2");
}

body {
  margin: 0;
  background: var(--bg);
  min-height: 100vh;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}

.container { max-width: 1080px; margin: 0 auto; padding: 22px 20px 0; }

.header {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding-bottom: 22px; border-bottom: 1px solid var(--divisor);
}
.logo { height: 24px; display: block; }
.divisor { width: 1px; height: 20px; background: rgba(255,255,255,0.3); margin: 0 12px; }
.slogan { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; color: var(--texto-secundario); }

.rodape {
  margin-top: 44px; padding: 20px 0; border-top: 1px solid var(--divisor);
  display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap;
  font-size: 12px; line-height: 1.6; color: var(--texto-desativado);
}

a { color: inherit; }