/* Bloco de conteúdo explicativo das páginas /ferramenta-*.html (para que serve, como funciona, FAQ, relacionados). */
.ferr-info,.ferr-rel{max-width:700px;margin:0 auto;padding:0 20px;font-family:var(--sans,system-ui,sans-serif);color:var(--text,#eae6d9)}
.ferr-info{padding-top:12px;padding-bottom:4px}
.ferr-info h2,.ferr-rel h2{font-family:var(--mono,ui-monospace,monospace);font-size:15px;font-weight:600;color:var(--amber,#e8a33d);margin:30px 0 12px;padding-top:14px;border-top:1px solid var(--border,#2a3126)}
.ferr-info h2:first-child{margin-top:8px}
.ferr-info p{font-size:15px;line-height:1.65;margin:0 0 12px;color:var(--text,#eae6d9)}
.ferr-info ul,.ferr-info ol{margin:0 0 14px 22px;font-size:15px;line-height:1.6;color:var(--dim,#8f9587)}
.ferr-info li{margin-bottom:6px}
.ferr-info strong{font-weight:600;color:var(--text,#eae6d9)}
.ferr-info a,.ferr-rel a{color:var(--amber,#e8a33d);text-decoration:none}
.ferr-info a:hover,.ferr-rel a:hover{text-decoration:underline}
.ferr-info code{font-family:var(--mono,ui-monospace,monospace);font-size:.9em;color:#7fae6a;background:#0c0e0b;padding:1px 6px;border-radius:4px}
.ferr-info .tbl-wrap{overflow-x:auto;margin:14px 0 18px}
.ferr-info .table-scroll{overflow:visible;max-width:100%}
.ferr-info table,.ferr-info .table-scroll>table{width:100%;min-width:0;table-layout:auto;border-collapse:collapse;font-size:13.5px}
.ferr-info th,.ferr-info td{overflow-wrap:anywhere}
@media (max-width:640px){.ferr-info table.wide,.ferr-info .table-scroll>table.wide{min-width:520px}}
.ferr-info h3.sub{font-family:var(--mono,ui-monospace,monospace);font-size:14px;color:var(--amber,#e8a33d);margin:20px 0 8px}
.ferr-info pre{overflow-x:auto;background:#0c0e0b;border:1px solid var(--border,#2a3126);border-radius:8px;padding:12px 14px;margin:0 0 14px;font-size:13px;line-height:1.5}
.ferr-info pre code{background:none;padding:0;color:#7fae6a;overflow-wrap:normal}
.ferr-info code{overflow-wrap:anywhere}
.ferr-info th,.ferr-info td{border:1px solid var(--border,#2a3126);padding:8px 10px;text-align:left;vertical-align:top;line-height:1.5}
.ferr-info th{background:var(--raised,#171b16);color:var(--amber,#e8a33d);font-family:var(--mono,ui-monospace,monospace);font-size:12px;font-weight:600}
.ferr-info details{border:1px solid var(--border,#2a3126);border-radius:8px;background:var(--raised,#171b16);margin:0 0 10px}
.ferr-info summary{cursor:pointer;padding:12px 14px;font-size:15px;font-weight:600;color:var(--text,#eae6d9);list-style-position:inside}
.ferr-info summary:focus-visible{outline:2px solid var(--amber,#e8a33d);outline-offset:2px}
.ferr-info details p{padding:0 14px;margin:0 0 12px;color:var(--dim,#8f9587)}
.ferr-info details[open] summary{border-bottom:1px solid var(--border,#2a3126);margin-bottom:10px}
.ferr-info .ferr-aviso{border:1px solid #b3801f;border-radius:8px;padding:12px 14px;font-size:14px;color:var(--dim,#8f9587);margin:0 0 14px}
.ferr-info .ferr-aviso strong{color:var(--amber,#e8a33d);font-family:var(--mono,ui-monospace,monospace);font-size:12px}
.ferr-rel{padding-top:8px;padding-bottom:12px}
.ferr-rel ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}
.ferr-rel li{padding:9px 0;border-bottom:1px solid var(--border,#2a3126);color:var(--dim,#8f9587)}
.ferr-rel li:last-child{border-bottom:none}
.ferr-rel li span{font-size:13px}