/* A folha do currículo desenhada no browser (2026-08-23).
   Medidas em proporção do A4, para o que se vê bater com o PDF que sai. */

.cv-folha{background:#fff;border:1.5px solid var(--linha);border-radius:6px;overflow:hidden;
  box-shadow:0 10px 34px var(--sombra);aspect-ratio:1/1.414;position:relative}
.cv-render{position:absolute;inset:0;display:flex;font-size:9px;line-height:1.45;
  color:#1a1a26;background:#fff;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.cv-render .ex{opacity:.32}            /* ainda é exemplo: fica esbatido */

.cv-render .lado{width:31%;padding:22px 14px;color:#fff;flex-shrink:0}
.cv-render .lado .nome{font-size:14px;font-weight:800;line-height:1.15;margin-bottom:3px}
.cv-render .lado .cargo{font-size:9px;opacity:.85;margin-bottom:14px}
.cv-render .sec-lado{font-size:7.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  opacity:.75;margin:12px 0 4px}
.cv-render .contactos div,.cv-render .pt{font-size:7.5px;margin-bottom:2px;word-break:break-word}

.cv-render .corpo{flex:1;padding:22px 20px;overflow:hidden}
.cv-render .sec{font-size:8.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  border-bottom:1px solid;padding-bottom:2px;margin:12px 0 6px}
.cv-render .item{margin-bottom:8px}
.cv-render .it-t{font-size:9.5px;font-weight:700}
.cv-render .it-l{font-size:8px;font-style:italic;color:#6b6f80;margin-bottom:2px}
.cv-render .it-d{font-size:8.5px;color:#3a3d4a}
.cv-render .txt{font-size:8.5px;color:#2a2d38;margin-bottom:2px}

.cv-render .topo-classico{border-bottom:1.5px solid;padding-bottom:8px;margin-bottom:4px}
.cv-render .topo-classico .nome{font-size:17px;font-weight:800;line-height:1.1}
.cv-render .topo-ats .nome{font-size:14px;font-weight:800}
.cv-render .cargo{font-size:9.5px;color:#4a4d5a;margin-bottom:3px}
.cv-render .contactos-linha{font-size:8px;color:#4a4d5a}
.cv-render .contactos-linha div{margin-bottom:1px}
.cv-render .topo-ats{margin-bottom:8px}

/* na coluna estreita da direita o texto seria ilegível: escala-se tudo */
/* A folha é um A4 à escala. As medidas vêm da proporção real do PDF: uma
   folha A4 tem 595 pontos de largura, logo um texto de 9,5pt ocupa 1,6% da
   largura. Assim o que se vê aqui é do mesmo tamanho relativo do que sai.
   (cqw = 1% da largura da folha) */
.cv-folha{container-type:inline-size}
.cv-render{font-size:1.6cqw}

.cv-render .lado .nome{font-size:2.86cqw;line-height:1.15}
.cv-render .lado .cargo{font-size:1.76cqw}
.cv-render .sec-lado{font-size:1.4cqw}
.cv-render .contactos div,.cv-render .pt{font-size:1.45cqw}

.cv-render .sec{font-size:1.72cqw}
.cv-render .it-t{font-size:1.85cqw}
.cv-render .it-l{font-size:1.6cqw}
.cv-render .it-d,.cv-render .txt{font-size:1.6cqw}

.cv-render .topo-classico .nome{font-size:3.36cqw}
.cv-render .topo-ats .nome{font-size:2.7cqw}
.cv-render .cargo{font-size:1.85cqw}
.cv-render .contactos-linha{font-size:1.6cqw}

/* recuos e espaços, também em proporção da folha */
.cv-render .lado{padding:3.7cqw 2.4cqw}
.cv-render .corpo{padding:3.7cqw 3.4cqw}
.cv-render .sec{margin:2cqw 0 1cqw;padding-bottom:.35cqw}
.cv-render .item{margin-bottom:1.4cqw}
.cv-render .sec-lado{margin:2cqw 0 .7cqw}

/* fotografia: redonda, do tamanho que fica no PDF */
.cv-render .retrato{display:block;width:65%;aspect-ratio:1;border-radius:50%;
  object-fit:cover;margin:0 auto 3cqw}
.cv-render .topo-classico.com-foto{position:relative;padding-right:16cqw}
.cv-render .retrato-lado{position:absolute;top:0;right:0;width:13.8cqw;aspect-ratio:1;
  border-radius:50%;object-fit:cover}