/* Portal Educere · estilos base (Brand Guide: Navy #011D24, Petróleo #006B86, Laranja #F89F32) */
:root{
  --navy:#011D24; --petroleo:#006B86; --laranja:#F89F32; --cinza:#D9D9D9;
  --fundo:#F4F5F5; --texto:#1A1A1A; --suave:#4A5A5E; --borda:#8A9396;
  --erro:#B4231B; --erro-fundo:#FBE9E7; --ok:#006B86; --ok-fundo:#E6F0F3;
  --titulo:'Inter Tight', 'Segoe UI', system-ui, sans-serif;
  --corpo:Inter, 'Segoe UI', system-ui, sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--corpo);font-size:15px;line-height:1.5}
a{color:var(--petroleo)} a:hover{color:var(--navy)}

.entrada{min-height:100%;display:flex;flex-wrap:wrap}
.entrada-lado{flex:1 1 380px;background:var(--navy);color:#fff;padding:48px max(24px,5vw);display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.entrada-lado h1{font-family:var(--titulo);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;margin:0;text-wrap:balance}
.entrada-lado h1 span{color:var(--laranja)}
.entrada-lado p{color:#D5DEE0;max-width:440px;margin:12px 0 0}
.entrada-lado small{color:#B9C7CA}
.marca{background:#fff;border-radius:12px;padding:12px 16px;display:inline-flex;align-self:flex-start}
.marca img{height:46px;width:auto;display:block}

.entrada-form{flex:1 1 420px;display:flex;align-items:center;justify-content:center;padding:48px max(16px,4vw)}
.cartao{width:100%;max-width:420px;background:#fff;border:1px solid #E3E6E6;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:18px}
.cartao h2{font-family:var(--titulo);font-size:24px;color:var(--navy);margin:0}
.cartao .sub{color:var(--suave);margin:-8px 0 0;font-size:14px}

.campo{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;color:var(--navy)}
.campo input{min-height:46px;padding:0 14px;border:1px solid var(--borda);border-radius:10px;font:inherit;font-weight:400;font-size:15px;color:var(--texto);background:#fff}
.campo input:focus{outline:3px solid rgba(0,107,134,.25);border-color:var(--petroleo)}

.botao{min-height:48px;border:none;border-radius:10px;background:var(--navy);color:#fff;font:700 15px var(--corpo);cursor:pointer;padding:0 20px}
.botao:hover{background:#0B3440}
.botao:disabled{opacity:.6;cursor:wait}
.botao:focus-visible,.link:focus-visible{outline:3px solid var(--laranja);outline-offset:2px}
.link{background:none;border:none;padding:0;color:var(--petroleo);font:600 14px var(--corpo);cursor:pointer;text-decoration:underline;align-self:flex-start;min-height:32px}

.aviso{border-radius:10px;padding:12px 14px;font-size:14px}
.aviso.erro{background:var(--erro-fundo);color:var(--erro)}
.aviso.ok{background:var(--ok-fundo);color:var(--ok)}
.dica{font-size:13px;color:var(--suave);margin:0}
.p-main,.conteudo{padding-bottom:110px!important}