/**
 * ============================================================================
 * HIVEGO - COMPONENTE 24 (ENTRAR + SELEÇÃO DE PERFIL) — estilos
 * File: componente24-entrar.css
 * Version: 1.0.1
 * Atualizado em: 26/10/2026 - (1.0.1) as janelas do sistema (token, esqueci a senha) abrem por cima da tela. (1.0.0) tela de entrar/criar conta e tela de escolha de perfil no visual da landing (superfície pública: Poppins + Nunito Sans, cores do manual da marca). Claro e escuro, celular.
 * ============================================================================
 */
html body.hg-tela-cheia{overflow:hidden!important}
.hg-auth{--mel:#FFB01E;--graf:#0E0F11;--verde:#173D39;--off:#FAF8F3;--bg:#FAF8F3;--fg:#0E0F11;--mu:#5B6168;--card:#FFFFFF;--line:#E2DDCF;--campo:#FFFFFF;--f1:'Poppins',system-ui,sans-serif;--f2:'Nunito Sans',system-ui,sans-serif;
 position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--bg);color:var(--fg);font-family:var(--f2);font-size:17px;line-height:1.5;overflow:auto;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){.hg-auth{--bg:#0E0F11;--fg:#FAF8F3;--mu:#A8ADB3;--card:#17191C;--line:#2A2D31;--campo:#101214}}
.hg-auth *{box-sizing:border-box}
.hg-auth h1,.hg-auth h2,.hg-auth p,.hg-auth ol,.hg-auth ul{margin:0;padding:0}
.hg-auth h1,.hg-auth h2{font-family:var(--f1);font-weight:700;letter-spacing:-.035em;line-height:1.08;color:inherit}
/* marca */
.hg-auth a.hg-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--f1);font-weight:700;font-size:26px;letter-spacing:-.04em;color:var(--fg)}
.hg-auth .hg-logo img{width:30px;height:auto;display:block}.hg-auth .hg-logo b{color:var(--mel)}
.hg-auth a.hg-logo--claro{color:#FAF8F3}
/* lado de marca */
.hg-lado{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:40px 56px 48px;color:#FAF8F3;overflow:hidden;background:radial-gradient(760px 520px at 78% 18%,rgba(255,176,30,.22),transparent 62%),linear-gradient(165deg,#0E0F11 0%,#102523 58%,#173D39 100%)}
.hg-lado__hex{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='146' viewBox='0 0 84 146'%3E%3Cg fill='none' stroke='%23FFB01E' stroke-opacity='.14' stroke-width='1.5'%3E%3Cpath d='M42 2 80 24v44L42 90 4 68V24z'/%3E%3Cpath d='M0 98l42 24 42-24'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(200deg,#000 10%,transparent 70%);mask-image:linear-gradient(200deg,#000 10%,transparent 70%);pointer-events:none}
.hg-lado>*{position:relative}
.hg-lado__texto{margin-top:clamp(40px,12vh,130px);max-width:540px}
.hg-lado h2{font-size:clamp(46px,5.6vw,84px);color:#FAF8F3}
.hg-lado h2 em{font-style:normal;background:linear-gradient(100deg,#FFB01E,#FF8A00);-webkit-background-clip:text;background-clip:text;color:transparent}
.hg-lado p{margin-top:20px;font-size:clamp(17px,1.5vw,20px);color:rgba(250,248,243,.72);max-width:400px}
.hg-lado__ilu{position:absolute!important;right:-3%;bottom:2%;width:min(62%,460px);z-index:1;filter:drop-shadow(0 26px 40px rgba(0,0,0,.4));animation:hgBob 7s ease-in-out infinite}
@keyframes hgBob{50%{transform:translateY(-14px) rotate(1.4deg)}}
.hg-chip{position:absolute!important;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(26,28,31,.9);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 44px rgba(0,0,0,.35);font-family:var(--f1);font-size:13.5px;animation:hgBob 6s ease-in-out infinite}
.hg-chip b{display:block;font-weight:600;font-size:14px}.hg-chip small{display:block;color:#A8ADB3;font-family:var(--f2);font-size:12.5px}
.hg-chip__ok{width:38px;height:38px;border-radius:12px;background:#E6F4EC;color:#14603A;display:grid;place-items:center;font-weight:800;font-size:18px}
.hg-chip img{width:34px;height:auto}
.hg-chip{z-index:2}.hg-chip--a{left:56px;bottom:9%;animation-delay:-2s}.hg-chip--b{right:7%;top:46%;animation-delay:-4s}
/* lado do formulário */
.hg-principal{display:flex;flex-direction:column;min-height:100%;padding:28px 36px 34px;min-width:0}
.hg-topo,.hg-barra{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hg-auth a.hg-voltar{font-family:var(--f1);font-weight:500;font-size:14.5px;text-decoration:none;color:var(--mu);padding:10px 4px;transition:color .2s}.hg-auth a.hg-voltar:hover{color:var(--fg)}
.hg-topo .hg-logo--topo{visibility:hidden}
.hg-cartao{width:min(100%,448px);margin:auto;padding:8px 0}
.hg-cartao--mini{text-align:center;display:grid;gap:14px;justify-items:center;padding:40px 32px;border:1px solid var(--line);border-radius:28px;background:var(--card)}
.hg-abas{display:flex;padding:5px;border-radius:999px;background:var(--card);border:1px solid var(--line);margin-bottom:34px}
.hg-auth .hg-abas button{flex:1;height:46px;border:0!important;border-radius:999px!important;background:transparent!important;font-family:var(--f1)!important;font-weight:600!important;font-size:15px!important;color:var(--mu)!important;cursor:pointer;transition:background .25s,color .25s;box-shadow:none!important}
.hg-auth .hg-abas button[aria-selected="true"]{background:var(--graf)!important;color:#fff!important}
@media (prefers-color-scheme:dark){.hg-auth .hg-abas button[aria-selected="true"]{background:var(--mel)!important;color:var(--graf)!important}}
.hg-painel[hidden]{display:none!important}
.hg-painel{animation:hgIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes hgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hg-painel h1,.hg-cartao h1{font-size:clamp(30px,3.4vw,40px);margin-bottom:10px}
.hg-auth .hg-sub{color:var(--mu);font-size:17.5px;margin-bottom:30px;line-height:1.5}
.hg-auth a.hg-google{display:flex;align-items:center;justify-content:center;gap:12px;height:56px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--fg);font-family:var(--f1);font-weight:600;font-size:16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.hg-auth a.hg-google:hover{border-color:var(--fg);box-shadow:0 8px 24px rgba(0,0,0,.08)}.hg-auth a.hg-google:active{transform:scale(.98)}
.hg-ou{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--mu);font-size:14px}.hg-ou::before,.hg-ou::after{content:'';flex:1;height:1px;background:var(--line)}
.hg-form{display:grid;gap:18px}
.hg-campo{display:grid;gap:8px}
.hg-campo>span:first-child{font-family:var(--f1);font-weight:600;font-size:14px;color:var(--fg)}
.hg-campo__caixa{position:relative;display:block}
.hg-auth .hg-campo input{width:100%;height:56px;padding:0 18px;border:1.5px solid var(--line)!important;border-radius:16px!important;background:var(--campo)!important;color:var(--fg)!important;font-family:var(--f2)!important;font-size:17px!important;outline:none;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.hg-auth .hg-campo input:focus{border-color:var(--mel)!important;box-shadow:0 0 0 4px rgba(255,176,30,.28)!important}
.hg-auth .hg-campo input::placeholder{color:var(--mu)}
.hg-campo__caixa input[type="password"],.hg-campo__caixa input[data-hg-visivel]{padding-right:54px}
.hg-auth button.hg-olho{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--mu)!important;display:grid;place-items:center;cursor:pointer;box-shadow:none!important}
.hg-auth button.hg-olho:hover{color:var(--fg)!important}.hg-auth button.hg-olho[aria-pressed="true"]{color:var(--fg)!important}
.hg-auth .hg-dica{margin:-8px 0 0;font-size:14px;color:var(--mu)}
.hg-auth .hg-erro{padding:12px 16px;border-radius:14px;background:#FDE7E4;color:#8A1C14;font-weight:600;font-size:15px;line-height:1.4}
.hg-auth .hg-erro[hidden]{display:none!important}
@media (prefers-color-scheme:dark){.hg-auth .hg-erro{background:#43201D;color:#FFC9C3}}
.hg-auth .hg-botao,.hg-auth a.hg-botao{display:inline-flex;align-items:center;justify-content:center;width:100%;height:58px;padding:0 28px;border:0!important;border-radius:999px!important;background:var(--mel)!important;color:var(--graf)!important;font-family:var(--f1)!important;font-weight:600!important;font-size:16.5px!important;text-decoration:none;cursor:pointer;box-shadow:0 10px 30px rgba(255,176,30,.35)!important;transition:transform .2s,box-shadow .2s,background .2s}
.hg-auth .hg-botao:hover{background:#FFBE45!important;box-shadow:0 14px 36px rgba(255,176,30,.45)!important}.hg-auth .hg-botao:active{transform:scale(.98)}
.hg-auth .hg-botao:disabled{opacity:.6;cursor:default}
.hg-auth a.hg-link{display:block;text-align:center;font-family:var(--f1);font-weight:500;font-size:14.5px;color:var(--mu);text-decoration:none;padding:6px 4px}.hg-auth a.hg-link:hover{color:var(--fg);text-decoration:underline}
.hg-auth .hg-troca{margin-top:22px;text-align:center;color:var(--mu);font-size:16px}
.hg-auth .hg-troca button{border:0!important;background:none!important;padding:0!important;font:inherit!important;font-family:var(--f1)!important;font-weight:600!important;color:var(--fg)!important;text-decoration:underline;cursor:pointer;box-shadow:none!important}
.hg-auth .hg-legal{text-align:center;color:var(--mu);font-size:13.5px;margin-top:18px}.hg-legal a{color:inherit}
/* seleção de perfil */
.hg-auth--perfil{display:flex;flex-direction:column;background:radial-gradient(900px 520px at 50% -8%,rgba(255,176,30,.2),transparent 70%),var(--bg)}
.hg-barra{padding:24px 36px}
.hg-miolo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:10px 24px 56px;width:100%}
.hg-miolo--largo{max-width:1120px;margin:0 auto}
.hg-miolo h1{font-size:clamp(34px,4.6vw,56px);margin:26px 0 12px}
.hg-miolo .hg-sub{max-width:560px;margin-bottom:38px}
.hg-passos{display:flex;gap:10px;list-style:none;flex-wrap:wrap;justify-content:center}
.hg-passos li{display:flex;align-items:center;gap:9px;padding:7px 16px 7px 8px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-family:var(--f1);font-weight:500;font-size:13.5px;color:var(--mu)}
.hg-passos li i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px;background:var(--line);color:var(--mu)}
.hg-passos li.ok i{background:#2E9E6B;color:#fff}.hg-passos li.on{border-color:var(--mel);color:var(--fg)}.hg-passos li.on i{background:var(--mel);color:var(--graf)}
.hg-opcoes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}
.hg-auth button.hg-opcao{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0!important;border:1.5px solid var(--line)!important;border-radius:28px!important;background:var(--card)!important;color:var(--fg)!important;overflow:hidden;cursor:pointer;font-family:var(--f2)!important;box-shadow:none!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .3s}
.hg-auth button.hg-opcao:hover{transform:translateY(-6px);border-color:var(--mel)!important;box-shadow:0 24px 60px rgba(255,176,30,.22)!important}
.hg-auth button.hg-opcao:focus-visible{outline:3px solid var(--mel);outline-offset:3px}
.hg-opcao__img{display:block;aspect-ratio:3/2;background:linear-gradient(135deg,#FFF1CF,#FFD98A);overflow:hidden}
.hg-opcao--teacher .hg-opcao__img{background:linear-gradient(135deg,#FFE9D6,#FFC999)}.hg-opcao--gestora .hg-opcao__img{background:linear-gradient(135deg,#F1E6DA,#D9BFA3)}
.hg-opcao__img img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hg-opcao:hover .hg-opcao__img img{transform:scale(1.06) rotate(-1.5deg)}
.hg-opcao__nome{display:block;padding:22px 24px 0;font-family:var(--f1);font-weight:700;font-size:23px;letter-spacing:-.03em}
.hg-opcao__desc{display:block;padding:6px 24px 0;color:var(--mu);font-size:16.5px;flex:1}
.hg-opcao__cta{display:flex;align-items:center;gap:8px;padding:18px 24px 24px;font-family:var(--f1);font-weight:600;font-size:15px}.hg-opcao__cta i{font-style:normal;transition:transform .25s}.hg-opcao:hover .hg-opcao__cta i{transform:translateX(5px)}
.hg-auth button.hg-opcao--carregando{opacity:.6;pointer-events:none}
.hg-opcao[disabled]{opacity:.55}
.hg-espera{display:flex;gap:18px;align-items:flex-start;text-align:left;max-width:560px;padding:24px 26px;border-radius:24px;background:var(--card);border:1.5px solid var(--mel)}
.hg-espera__ic{flex:none;width:52px;height:52px;border-radius:16px;background:#FFF1CF;color:#8A5A00;display:grid;place-items:center}
.hg-auth .hg-espera p{font-size:17.5px}
.hg-auth--aviso{display:flex}.hg-auth--aviso .hg-principal{margin:auto;max-width:520px}
/* as janelas do sistema (token do C11, "esqueci minha senha" do C13) abrem POR CIMA desta tela */
html body.hg-tela-cheia .jatai-c1-sheet,html body.hg-tela-cheia .jatai-auth-sheet{z-index:2147483600!important}
@media (max-width:1000px){
 .hg-auth{grid-template-columns:minmax(0,1fr)}.hg-lado{display:none}.hg-topo .hg-logo--topo{visibility:visible}
 .hg-principal{padding:20px 22px 28px}.hg-opcoes{grid-template-columns:1fr;max-width:520px}.hg-barra{padding:18px 22px}
 .hg-auth button.hg-opcao{flex-direction:row;flex-wrap:wrap}.hg-opcao__img{width:42%;aspect-ratio:auto}.hg-opcao__nome,.hg-opcao__desc,.hg-opcao__cta{width:58%}.hg-opcao__nome{padding:18px 16px 0}.hg-opcao__desc{padding:4px 16px 0;font-size:15px;flex:none}.hg-opcao__cta{padding:10px 16px 18px;margin-left:auto}
}
@media (max-width:480px){.hg-auth{font-size:16.5px}.hg-cartao{padding:0}.hg-abas{margin-bottom:26px}.hg-opcao__img{width:38%}.hg-opcao__nome{font-size:19px}}
@media (prefers-reduced-motion:reduce){.hg-auth *{animation:none!important;transition-duration:.01ms!important}}