:root { --tinta: #1a2f6e; --tinta-esc: #142559; --aco: #566282; --papel: #f3f5fa; --cobre: #e2700f; --cobre-esc: #c25c05; --linha: #d3d9de; --estanho: #e7ebee; }
* { box-sizing: border-box; }
html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body { margin: 0; background: #c9cfd8; font-family: "Archivo", system-ui, sans-serif; color: var(--tinta); }
img { display: block; max-width: 100%; }
h1, h2, h3, h4 { font-stretch: 112%; margin: 0; line-height: 1.12; }
.barra { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: var(--tinta-esc); color: #fff; }
.barra a { color: #fff; font-weight: 600; }
.barra-tit { font-weight: 650; }
.barra button { font: inherit; font-weight: 700; background: var(--cobre); color: #fff; border: 0; border-radius: 4px; padding: .6em 1.1em; cursor: pointer; }
.barra button:hover { background: var(--cobre-esc); }
.barra button:disabled { opacity: .7; cursor: progress; }
.barra-dica { text-align: center; margin: 10px 16px 0; font-size: .9rem; color: #2c3a55; }
@media (max-width: 600px) { .barra-tit { display: none; } }
.pg { width: 210mm; height: 297mm; margin: 14px auto; background: #fff; position: relative; overflow: hidden; box-shadow: 0 6px 24px rgba(10,20,50,.25); display: flex; flex-direction: column; }
.pg-h { display: flex; justify-content: space-between; align-items: center; height: 16mm; padding: 0 12mm; background: var(--tinta); color: #fff; font-size: 9pt; font-weight: 600; flex: none; }
.pg-c { flex: 1; padding: 7mm 12mm 0; }
.pg-f { display: flex; justify-content: space-between; height: 10mm; align-items: center; padding: 0 12mm; border-top: .3mm solid var(--linha); color: var(--aco); font-size: 8pt; flex: none; }
.pg-f span:last-child { font-weight: 700; color: var(--tinta); }
.lg { display: inline-flex; align-items: baseline; gap: 6px; }
.lg b { font-weight: 800; font-stretch: 125%; font-size: 13pt; letter-spacing: -.03em; }
.lg i { font-style: normal; color: var(--cobre); }
.capa { background: var(--tinta); color: #fff; }
.capa-in { position: absolute; inset: 0; padding: 22mm 18mm; display: flex; flex-direction: column; background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(0,0,0,.12)), repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12mm), repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12mm); }
.lg-xl { flex-direction: column; gap: 0; line-height: 1; }
.lg-xl b { font-size: 58pt; color: #fff; }
.lg-xl small { font-size: 15pt; font-weight: 600; color: #c7d2ea; margin-top: 2mm; padding-left: 1mm; }
.capa-tit { margin-top: auto; }
.capa-tit p { font-size: 13pt; color: var(--cobre); font-weight: 700; margin: 0 0 4mm; }
.capa-tit h1 { font-size: 34pt; max-width: 15ch; font-weight: 780; }
.capa-linhas { list-style: none; padding: 0; margin: 16mm 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5mm; }
.capa-linhas li { border-top: 1mm solid var(--cobre); padding-top: 3mm; }
.capa-linhas b { display: block; font-size: 13pt; font-stretch: 112%; }
.capa-linhas span { font-size: 9.5pt; color: #c7d2ea; }
.capa-pe { margin-top: 14mm; display: flex; justify-content: space-between; font-size: 9.5pt; color: #c7d2ea; border-top: .3mm solid rgba(255,255,255,.25); padding-top: 4mm; }
.sobre { display: grid; grid-template-columns: 1.25fr 1fr; gap: 10mm; margin-top: 6mm; }
.sobre h2, .pedir h2 { font-size: 17pt; margin-bottom: 4mm; }
.sobre p { font-size: 10.5pt; line-height: 1.55; color: #33405e; margin: 0 0 3mm; }
.indice ol { list-style: none; margin: 0; padding: 0; border-top: .6mm solid var(--tinta); }
.indice li { display: flex; justify-content: space-between; padding: 3.2mm 0; border-bottom: .3mm solid var(--linha); font-size: 11pt; font-weight: 600; }
.indice b { color: var(--cobre-esc); }
.pedir { margin-top: 16mm; background: var(--papel); border-radius: 2mm; padding: 9mm; }
.pedir-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5mm; margin-bottom: 5mm; }
.pedir-g b { display: block; font-size: 9pt; color: var(--aco); font-weight: 600; }
.pedir-g span { font-size: 12.5pt; font-weight: 700; }
.pedir p { margin: 0; font-size: 10pt; color: #33405e; line-height: 1.5; }
.sec-tit { height: 40mm; margin-bottom: 4mm; padding: 6mm 7mm; background: var(--papel); border-left: 2mm solid var(--cobre); display: flex; flex-direction: column; justify-content: center; gap: 1.5mm; }
.sec-tit-mini { height: auto; }
.sec-tit h2 { font-size: 22pt; }
.sec-tit p { margin: 0; font-size: 9.5pt; color: var(--aco); max-width: 150mm; }
.selo { align-self: flex-start; font-size: 7.5pt; font-weight: 700; background: var(--tinta); color: #fff; padding: .8mm 2.5mm; border-radius: 9pt; }
.fam { height: 15mm; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 2mm; border-bottom: .6mm solid var(--tinta); margin-bottom: 0; }
.fam h3 { font-size: 12.5pt; }
.fam h3 span { font-size: 8pt; color: var(--aco); font-weight: 500; font-stretch: 100%; }
.fam p { margin: .6mm 0 0; font-size: 8.5pt; color: var(--aco); }
.linha { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3.5mm; margin-top: 4mm; }
.c { border: .3mm solid var(--linha); border-radius: 1.5mm; padding: 2.5mm 2.5mm 3mm; height: 65mm; overflow: hidden; }
.ci { height: 27mm; display: flex; align-items: center; justify-content: center; margin-bottom: 2mm; }
.ci img { max-height: 27mm; width: auto; object-fit: contain; }
.ci-t { background: linear-gradient(180deg, #fff, var(--papel)); border-radius: 1mm; }
.ci-t img { height: 24mm; }
.cc { margin: 0 0 1mm; font-size: 8pt; font-weight: 800; color: var(--tinta); display: flex; align-items: center; justify-content: space-between; letter-spacing: .02em; }
.cc-act { color: var(--cobre-esc); }
.cc-ht { color: #1d6b3a; }
.sw { display: inline-flex; gap: 1mm; }
.sw i, td i { display: inline-block; width: 3mm; height: 3mm; border-radius: 50%; background: var(--c); border: .25mm solid rgba(0,0,0,.3); vertical-align: -.4mm; margin-right: 1.5mm; }
.c h4 { font-size: 8.8pt; line-height: 1.2; margin-bottom: 1.2mm; font-stretch: 105%; }
.c ul { list-style: none; margin: 0; padding: 0; font-size: 7.6pt; color: #3b4866; }
.c li { padding: .5mm 0 .5mm 2.6mm; position: relative; line-height: 1.25; }
.c li::before { content: ""; position: absolute; left: 0; top: 1.6mm; width: 1.2mm; height: 1.2mm; background: var(--cobre); }
.cd { margin: 0 0 1mm; font-size: 7.6pt; line-height: 1.3; color: #3b4866; }
.pg .linha:has(.ci-t) .c { height: 69mm; }
.pg .linha:has(.cc-ht) .c { height: 82mm; }
.tabs { display: grid; grid-template-columns: 1fr 1.15fr; gap: 8mm; margin-top: 4mm; }
.tabs h3, .dicas h3 { font-size: 12pt; margin-bottom: 3mm; }
.tabs table { width: 100%; border-collapse: collapse; font-size: 9pt; }
.tabs th { background: var(--tinta); color: #fff; text-align: left; padding: 2mm 2.5mm; }
.tabs td { padding: 2mm 2.5mm; border-bottom: .3mm solid var(--linha); }
.nota { font-size: 8.5pt; color: var(--aco); margin: 3mm 0 0; }
.dicas { margin-top: 12mm; background: var(--papel); padding: 7mm; border-radius: 2mm; }
.dicas ol { margin: 0; padding: 0; list-style: none; counter-reset: d; display: grid; grid-template-columns: 1fr 1fr; gap: 5mm 8mm; }
.dicas li { counter-increment: d; display: grid; grid-template-columns: 8mm 1fr; font-size: 9.5pt; }
.dicas li::before { content: counter(d); grid-row: span 2; width: 6mm; height: 6mm; border-radius: 50%; border: .5mm solid var(--tinta); display: grid; place-items: center; font-weight: 700; font-size: 8pt; }
.dicas b { display: block; }
.dicas span { color: #3b4866; }
.contracapa .capa-in { justify-content: space-between; }
.cc-g { display: grid; grid-template-columns: 1fr 52mm; gap: 12mm; align-items: end; }
.cc-g h2 { font-size: 22pt; margin-bottom: 6mm; }
.cc-g p { margin: 0 0 3mm; font-size: 11pt; color: #dfe6f5; line-height: 1.45; }
.cc-g p b { display: block; font-size: 8.5pt; font-weight: 600; letter-spacing: .02em; color: var(--cobre); }
.qr-box { background: #fff; color: var(--tinta); padding: 5mm; border-radius: 2mm; text-align: center; font-size: 8pt; font-weight: 600; }
.qr-box #qr { width: 42mm; height: 42mm; margin: 0 auto 3mm; }
.qr-box #qr img, .qr-box #qr canvas { width: 100% !important; height: 100% !important; }
.aviso { font-size: 7.5pt; color: #9fb0d4; margin: 0; }
@page { size: A4; margin: 0; }
@media print {
  body { background: #fff; }
  .barra, .barra-dica { display: none; }
  .pg { margin: 0; box-shadow: none; break-after: page; }
}
@media screen and (max-width: 820px) {
  .pg { zoom: .46; margin: 10px auto; }
}