@font-face{font-family:Manrope;src:url('/marca/manrope.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:light;--vinho:#4a1810;--tinta:#352e2b;--cafe:#604b42;--suave:#655b55;--linha:#cbbdb2}
*{box-sizing:border-box}
body{margin:0;color:var(--tinta);background:#fcf9f4;font:1rem/1.5 Manrope,Arial,sans-serif}
main{display:grid;grid-template-columns:minmax(320px,45%) 1fr;min-height:100vh;min-height:100svh}
.identidade{background:var(--vinho);color:#fcf6ed;position:relative;overflow:hidden;padding:clamp(32px,5.5vw,92px);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.assinatura{width:min(240px,80%);height:auto;align-self:flex-start}
.monograma{position:absolute;right:-14%;bottom:-5%;width:80%;height:auto;opacity:.12;z-index:-1}
.local p{margin:.15rem 0}.local p:first-child{font-size:1.24rem}.local p:last-child{font-size:.9rem;color:#e6cbb4}
.acesso{display:grid;place-items:center;background:#fff;padding:clamp(22px,5vw,84px)}
.conteudo{width:min(100%,380px);margin:16px 0}
.categoria,.nota{color:var(--suave)}.categoria{margin:0 0 6px;font-size:.85rem}
h1{font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.16;letter-spacing:-.055em;margin:0 0 32px}
label{display:block;margin:16px 0 6px;font-size:.9rem;font-weight:600}
input{width:100%;border:1px solid var(--linha);border-radius:7px;background:#fff;color:var(--tinta);padding:11px 13px;font:inherit;min-height:46px}
input:focus-visible,button:focus-visible{outline:3px solid #a27251;outline-offset:2px}
.campo-senha{position:relative}.campo-senha input{padding-right:86px}
button{font:inherit;cursor:pointer}.mostrar{position:absolute;right:4px;top:4px;bottom:4px;border:0;border-radius:4px;background:#fff;color:var(--cafe);padding:0 11px;font-size:.83rem}
.entrar{margin-top:22px;background:var(--cafe);color:white;border:0;min-height:46px;width:100%;padding:10px 16px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;font-weight:600}
.entrar:hover{background:#4e3a32}.entrar span{font-size:1.3rem;line-height:1}
.nota{margin:27px 0 0;font-size:.82rem}.conteudo [role=alert]{color:#832c21;font-size:.91rem;margin:13px 0 0}
@media(max-width:720px){main{display:flex;flex-direction:column}.identidade{padding:15px 25px}.assinatura{width:130px}.local,.monograma{display:none}.acesso{align-items:start;flex:1;padding:clamp(28px,9vw,55px) 25px}.conteudo{margin:0}}