body{font-family:serif;line-height:1.5;margin:0 4%}
h1{font-family:sans-serif;font-size:1.6em;line-height:1.2;margin:1em 0 .3em;page-break-before:always;background:#2F4A6D;color:#fff;padding:.7em .8em;border-radius:.4em}
h1 .num{display:block;font-size:2em;line-height:1;color:#F4B7A8;font-weight:bold;margin-bottom:.15em}
p.tema{font-family:sans-serif;font-size:1.1em;color:#2F4A6D;margin:0 0 1.2em}
h2{font-family:sans-serif;font-size:1.3em;color:#2F4A6D;margin:2.2em 0 .6em;page-break-after:avoid}
h2:before{content:"■ ";color:#EB7F63}
h3{font-family:sans-serif;font-size:1.08em;color:#2A323C;margin:1.4em 0 .4em;page-break-after:avoid}
p{margin:.5em 0;text-indent:0}
ul,ol{margin:.5em 0 .8em 1.2em;padding:0}
li{margin:.25em 0}
table{border-collapse:collapse;margin:1em 0;width:100%}
th,td{border:1px solid #9aa5b1;padding:.35em .5em;text-align:left}
th{background:#E9EEF2;font-family:sans-serif}
figure{margin:1.6em 0;text-align:center;page-break-inside:avoid;background:#F1F4F7;padding:.6em;border-radius:.5em}
figure img{width:100%;max-width:100%}
figcaption{font-size:.88em;color:#333;margin-top:.4em;font-style:italic}
figcaption b{font-style:normal;color:#2F4A6D}
figure.ilustracao{background:none;padding:0}
figure.ilustracao img{border-radius:.4em}
.credito{font-style:normal;font-size:.85em;color:#555}
ul.creditos{font-size:.9em;padding-left:1.1em}
ul.creditos li{margin-bottom:.5em}
div.cx{padding:.7em 1em;margin:1.5em 0;page-break-inside:avoid;border-radius:.4em}
div.cx p.rot{font-family:sans-serif;font-size:.78em;font-weight:bold;letter-spacing:.1em;text-transform:uppercase;margin:0}
div.cx p.tit{font-family:sans-serif;font-weight:bold;margin:.1em 0 .4em}
div.definicao{background:#EAF0F6;border-left:5px solid #2F4A6D}
div.definicao p.rot{color:#2F4A6D}
div.atencao{background:#FBEDE8;border-left:5px solid #EB7F63}
div.atencao p.rot{color:#b0402a}
div.dica{background:#F2F4F6;border-left:5px solid #2A323C}
div.dica p.rot{color:#2A323C}
div.exemplo{border:1px solid #2F4A6D;margin:1.3em 0;page-break-inside:avoid}
div.exemplo p.tit{font-family:sans-serif;font-weight:bold;color:#fff;background:#2F4A6D;margin:0;padding:.35em .7em}
div.exemplo div.corpo{padding:.4em .8em}
p.tempo{margin:.3em 0}
span.rotulo{font-family:sans-serif;font-weight:bold;color:#b0402a;background:#FBE3DC;padding:.05em .4em;border-radius:.3em;font-size:.8em;text-transform:uppercase}
div.video{border:2px solid #2F4A6D;padding:.8em;margin:1.2em 0;text-align:center}
div.video img{width:38%;max-width:38%}
div.exercicio{margin:1.4em 0}
p.fonte{font-size:.85em;color:#555;font-style:italic;margin:.1em 0 .4em}
ol.alts{list-style-type:none;margin-left:.4em}
ul.engana{font-size:.92em;margin-top:.2em}
p.carimbo{font-family:sans-serif;font-weight:bold;color:#b0402a;text-align:center;border:2px solid #b0402a;padding:.4em}
p.centro{text-align:center}
ol.sumario{list-style-type:none;margin-left:0}
ol.sumario ol{list-style-type:none;margin-left:1.2em;font-size:.92em}
td.gab a{font-weight:bold}
img{max-width:100%}
div.abertura-pagina{page-break-after:always;text-align:center;margin:0}
div.abertura-pagina img{width:100%;max-width:100%}
img.ico{height:1.5em;width:auto;vertical-align:middle;margin-right:.4em}
div.bilhete{border:2px dashed #5C86AD;border-radius:.6em;padding:.9em 1em;margin:1.4em 0;background:#EEF2F6}
p.bil-topo{font-family:sans-serif;font-size:.75em;font-weight:bold;letter-spacing:.14em;color:#5C86AD;margin:0}
p.bil-tit{font-family:sans-serif;font-weight:bold;font-size:1.15em;color:#2F4A6D;margin:.2em 0}
p.pontos{margin:.3em 0}
span.pt{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:#EB7F63;margin-right:.25em}
img.qr{width:38%;max-width:38%}
div.como-usar ol{margin:0;padding:0;list-style:none;counter-reset:passo}
div.como-usar li{counter-increment:passo;margin:0 0 1em 0;padding:.2em 0 .2em 3.2em;position:relative;min-height:2.4em}
div.como-usar li:before{content:counter(passo);position:absolute;left:0;top:0;width:2.2em;height:2.2em;line-height:2.2em;text-align:center;border-radius:50%;background:#EB7F63;color:#fff;font-family:sans-serif;font-weight:bold}
p.frase-abertura{font-style:italic;font-size:1.12em;line-height:1.5;color:#22324A;margin:1em 0;border-left:3px solid #EB7F63;padding-left:.8em}
div.neste{background:#F4F6F9;padding:.7em 1em;margin:1em 0 1.4em 0}
p.neste-rot{font-family:sans-serif;font-weight:bold;font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:#EB7F63;margin:0 0 .4em 0}
div.neste ul{margin:0;padding-left:1.1em}
div.neste li{margin:.25em 0;font-family:sans-serif}
ol.pecas{list-style:none;counter-reset:peca;padding:0;margin:1em 0}
ol.pecas li{counter-increment:peca;background:#F4F6F9;border-left:3px solid #EB7F63;margin:.6em 0;padding:.6em .8em .6em 2.8em;position:relative}
ol.pecas li:before{content:counter(peca);position:absolute;left:.7em;top:.35em;font-family:sans-serif;font-weight:900;font-size:1.4em;color:#EB7F63}
p.toque{font-family:sans-serif;font-size:.85em;color:#555;margin:.6em 0 .2em}
ol.alts li a{display:block;padding:.45em .5em;border:1px solid #c9d1d8;margin:.35em 0;text-decoration:none;color:inherit}
section.fb{page-break-before:always}
section.fb h2{border-top:0}
p.alt-escolhida{font-style:italic}
p.ok{color:#1E7A4C;font-weight:bold}
p.nao{color:#b0402a}
p.volta a{font-family:sans-serif;font-weight:bold}
h1.fbcap{page-break-before:always}

/* moldura web (livro_web.py) */
:root{color-scheme:light}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#FBFAF7;color:#1E2530;font-size:1.0625rem;line-height:1.62}
.lw-topo{position:sticky;top:0;z-index:2;background:#2F4A6D;color:#fff;font-family:sans-serif;font-size:.9rem}
.lw-topo div{max-width:44rem;margin:0 auto;padding:.55rem 16px;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.lw-topo a{color:#fff;text-decoration:none}
.lw-topo a.lw-livro{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main{max-width:44rem;margin:0 auto;padding:0 16px 2rem;box-sizing:border-box;overflow-wrap:break-word}
main a{overflow-wrap:anywhere}
main img{height:auto}
a{color:#2F4A6D}
table{display:block;overflow-x:auto}
.lw-nav{max-width:44rem;margin:0 auto;padding:1rem 16px 2.5rem;box-sizing:border-box;display:flex;justify-content:space-between;gap:.6rem;font-family:sans-serif;font-size:.95rem}
.lw-nav a{flex:1;display:block;padding:.75rem .8rem;border:1px solid #c9d1d8;border-radius:.5rem;text-decoration:none;background:#fff;min-height:1.2em}
.lw-nav a.lw-prox{text-align:right}
.lw-nav span{flex:1}
.lw-rodape{max-width:44rem;margin:0 auto;padding:0 16px 2rem;font-family:sans-serif;font-size:.8rem;color:#5b6570;text-align:center}
.lw-capa{text-align:center;margin:1.2rem 0}
.lw-capa img{width:min(100%,22rem);border-radius:.4rem;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.lw-gratis{font-family:sans-serif;text-align:center;color:#2F4A6D;font-weight:bold;margin:.6rem 0 1.4rem}
.lw-parcial{font-family:sans-serif}
.lw-parcial li{margin:.45rem 0}
.lw-embreve{color:#5b6570}
.lw-parcial p{color:#5b6570;font-size:.9rem}
h1{page-break-before:auto}
@media (min-width:48rem){body{font-size:1.125rem}}
