/* OS TERMOS DE USO NA ENTRADA (Pedro, 14/09: "termo de uso no quadrado. Pode colocar."): a caixa de aceite do cadastro e a
   janela com o texto (public/termos-de-uso.mjs). Folha propria, ligada depois da entrance.css, na paleta creme da entrada. */
.content .terms-accept{display:flex;align-items:center;gap:10px;margin:6px 0 4px}
.content .terms-accept input{appearance:auto;display:block;flex:none;width:22px;height:22px;min-height:0;margin:0;padding:0;border:0;accent-color:#af8430;cursor:pointer}
.content .terms-accept label{display:inline;margin:0;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:500;line-height:1.4;color:#4f4230;cursor:pointer}
.content .terms-link{display:inline;width:auto;min-height:0;margin:0;padding:0;border:0;background:none;font:inherit;font-weight:700;color:#876725;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.content .terms-link:hover{color:#5f4816}
.terms-dialog{width:min(640px,calc(calc(100 * var(--tvw, 1vw)) - 32px));max-height:min(calc(86 * var(--tvh, 1dvh)),760px);padding:0;border:0;border-radius:16px;background:#f5f0e7;color:#30271e;box-shadow:0 28px 70px #100d0b80;font-family:Host,system-ui,sans-serif}
.terms-dialog[open]{display:flex;flex-direction:column}
.terms-dialog::backdrop{background:#1c1814b8}
.terms-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 14px;border-bottom:1px solid #ded2c0}
.terms-head h2{margin:0;font-size:max(calc((26px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;letter-spacing:-.03em;line-height:1.1}
.terms-kicker{margin:0 0 6px;font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9b8461}
.terms-close{flex:none;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:#e8decf;color:#514535;font-size:max(calc((24px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1}
.terms-close:hover{background:#ddd0bb}
.terms-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;font-size:max(calc((14px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.6}
.terms-draft{margin:0 0 14px;padding:10px 12px;border-left:3px solid #c9a552;background:#efe4cc;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));color:#6b4c21}
.terms-body h3{margin:18px 0 6px;font-size:max(calc((15px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700}
.terms-body p{margin:0 0 8px}
.terms-body ul{margin:0 0 8px;padding-left:20px}
.terms-body li{margin:0 0 6px}
.terms-body mark{padding:0 3px;border-radius:3px;background:#f0d98a;color:#3a2c12}
.terms-foot{padding:12px 24px 20px;border-top:1px solid #ded2c0}
.terms-foot .primary{margin-top:0}
@media(max-width:700px){.terms-head{padding:18px 16px 12px}.terms-head h2{font-size:max(calc((22px) * var(--fz, 1)), var(--letra-piso, 0px))}.terms-body{padding:14px 16px 6px;font-size:max(calc((13.5px) * var(--fz, 1)), var(--letra-piso, 0px))}.terms-foot{padding:10px 16px 16px}}