/* Base dos sites conceito do portfólio da VEXORA (empresas fictícias). */
@font-face { font-family: 'Geist'; src: url('fonts/geist.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: 'Geist', system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3 { text-wrap: balance; }
.wrap { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.serif { font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif; }

/* selo fixo: deixa claro que é um projeto conceito, não um cliente */
.conceito {
  position: fixed; left: 16px; bottom: 16px; z-index: 50;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 999px;
  background: #17191D; color: #fff; text-decoration: none;
  font: 500 12px/1 'Geist', system-ui, sans-serif; letter-spacing: .02em;
  box-shadow: 0 10px 30px -10px rgba(0,0,0,.45);
}
.conceito b { color: #FFA41B; font-weight: 600; }
.conceito:hover { background: #2457FF; }