/* Currículo de Pedro Benther: tela e impressão A4 */
@font-face { font-family: "Archivo"; src: url("/fonts/Archivo-latin.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
:root { --tinta: #111111; --papel: #FFFFFF; --nevoa: #EEF0F2; --grafite: #5F6368; --linha: #D9DCE0; --marca-texto: #FFDD00; }
*, *::before, *::after { box-sizing: border-box; }
html { scrollbar-color: var(--tinta) var(--nevoa); }
body { margin: 0; background: var(--nevoa); color: var(--tinta); font-family: "Archivo", system-ui, sans-serif; font-size: 15px; line-height: 1.45; }
::selection { background: var(--marca-texto); color: var(--tinta); }
a { color: inherit; text-underline-offset: 0.18em; }
:focus-visible { outline: 3px solid var(--tinta); outline-offset: 3px; }
h1, h2, h3, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }

.barra-topo { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; justify-content: space-between; align-items: center; max-width: 210mm; margin: 0 auto; padding: 1rem 1.25rem; }
.barra-topo a { font-weight: 600; }
.barra-acoes { display: flex; align-items: center; gap: 1.25rem; }
.barra-acoes a { color: var(--grafite); text-decoration: none; font-size: 14px; }
.barra-acoes a:hover { color: var(--tinta); }
.imprimir { font: inherit; font-weight: 700; cursor: pointer; border: 0; background: var(--tinta); color: var(--papel); padding: 0.6rem 1.5rem 0.6rem 1rem; border-radius: 0 999px 999px 0; }
.imprimir:hover { background: var(--marca-texto); color: var(--tinta); }

.folha { max-width: 210mm; margin: 0 auto 3rem; background: var(--papel); padding: 15mm 15mm 14mm 0; }
.cab, section { padding-left: 15mm; }
.cab { border-left: 9mm solid var(--tinta); padding-left: 6mm; margin-bottom: 7mm; }
h1 { font-weight: 800; font-stretch: 75%; font-size: 40px; line-height: 0.95; letter-spacing: -0.01em; }
.cargo { font-size: 16px; font-weight: 600; margin-top: 6px; }
.contato { color: var(--grafite); margin-top: 4px; }
h2 { font-weight: 800; font-stretch: 75%; font-size: 19px; line-height: 1; margin: 6.5mm 0 2.5mm; padding-bottom: 1.5mm; border-bottom: 2px solid var(--tinta); }
h3 { font-size: 15px; font-weight: 700; line-height: 1.25; }
.quando { color: var(--grafite); margin-bottom: 1.5mm; }
.cargo-bloco { margin-bottom: 4mm; break-inside: avoid; }
li { position: relative; padding-left: 4mm; margin-bottom: 1mm; }
li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 2.2mm; height: 2px; background: var(--tinta); }
.comp p { margin-bottom: 1.5mm; }
b { font-weight: 700; }

@media (max-width: 640px) {
  .folha { padding: 1.5rem 1rem 1.5rem 0; }
  .cab, section { padding-left: 1rem; }
  .cab { border-left-width: 12px; padding-left: 0.75rem; }
  h1 { font-size: 34px; }
}
@page { size: A4; margin: 0; }
@media print {
  body { background: var(--papel); font-size: 9.1pt; line-height: 1.36; }
  .barra-topo { display: none; }
  .folha { margin: 0; max-width: none; padding: 10mm 13mm 8mm 0; }
  .cab, section { padding-left: 13mm; }
  .cab { border-left-width: 8mm; padding-left: 5mm; margin-bottom: 4mm; }
  h1 { font-size: 26pt; }
  .cargo { font-size: 11pt; margin-top: 3px; }
  h2 { font-size: 12.5pt; margin: 4mm 0 1.8mm; padding-bottom: 1mm; }
  h3 { font-size: 9.8pt; }
  .cargo-bloco { margin-bottom: 2.6mm; }
  li { margin-bottom: 0.5mm; }
  a { text-decoration: none; }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}