
.md-typeset .infobox { float: right; width: 16rem; margin: 0 0 1em 1.5em; padding: .5em .7em;
  border: 1px solid var(--md-default-fg-color--lightest); border-radius: 4px;
  background: var(--md-code-bg-color); font-size: .68rem; }
.md-typeset .infobox-titulo { margin: 0 0 .3em; text-align: center; font-size: .9rem; font-weight: 700; }
.md-typeset .infobox-tipo { margin: 0 0 .5em; text-align: center; color: var(--md-default-fg-color--light); }
.md-typeset .infobox table:not([class]) { display: table; width: 100%; margin: 0; border: 0; font-size: inherit; background: transparent; }
.md-typeset .infobox thead { display: none; }
.md-typeset .infobox td { padding: .35em .4em; vertical-align: top; }
.md-typeset .infobox td:first-child { font-weight: 600; }
.md-typeset .infobox .md-typeset__scrollwrap, .md-typeset .infobox .md-typeset__table { display: block; margin: 0; padding: 0; }
.md-typeset .secoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: .7rem; margin: 1em 0 2em; }
.md-typeset .secao { display: block; padding: .8em 1em; border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px; color: var(--md-default-fg-color); }
.md-typeset .secao:hover { border-color: var(--md-accent-fg-color); color: var(--md-default-fg-color); }
.md-typeset .secao strong { display: block; font-size: .85rem; }
.md-typeset .secao span { font-size: .7rem; color: var(--md-default-fg-color--light); }
@media (max-width: 44.9375em) { .md-typeset .infobox { float: none; width: auto; margin: 0 0 1em; } }
.md-typeset .recap { margin: 1em 0 1.5em; padding: .8em 1.1em; border-left: 4px solid var(--md-accent-fg-color);
  background: var(--md-code-bg-color); border-radius: 4px; }
.md-typeset .recap p { margin: .4em 0; }
#assistente .conta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 1rem; font-size: .7rem; }
#assistente select, #assistente textarea { font: inherit; color: var(--md-default-fg-color);
  background: var(--md-default-bg-color); border: 1px solid var(--md-default-fg-color--lighter); border-radius: 4px; padding: .4em; }
#assistente select { max-width: 100%; }
#assistente button { font: inherit; font-size: .7rem; cursor: pointer; padding: .45em .9em; border-radius: 4px;
  border: 1px solid var(--md-accent-fg-color); background: transparent; color: var(--md-default-fg-color); }
#assistente button.principal { background: var(--md-accent-fg-color); color: var(--md-accent-bg-color); }
#assistente button:disabled { opacity: .5; cursor: default; }
#assistente .mensagens { display: flex; flex-direction: column; gap: .8rem; margin-bottom: 1rem; }
#assistente .msg { padding: .6em 1em; border-radius: 6px; font-size: .75rem; }
#assistente .msg p { margin: .4em 0; }
#assistente .usuario { align-self: flex-end; max-width: 85%; background: var(--md-code-bg-color); }
#assistente .ia { border: 1px solid var(--md-default-fg-color--lightest); }
#assistente .erro { border: 1px solid #c62828; }
#assistente .envio { display: flex; gap: .5rem; align-items: flex-end; }
#assistente textarea { flex: 1; min-height: 3.2em; resize: vertical; }
#assistente .aviso { font-size: .65rem; color: var(--md-default-fg-color--light); }

