/* EiOK! estilos: base.css tem o tema completo; ajustes novos ficam aqui, depois do import */
@import url(/assets/base.css);
/* placa do logo: so a colmeia, sem marca d'agua */
.logo-box::after,.logo-prev::after{content:none;display:none}
/* login: imagem em alta resolucao (1206x1600) hospedada no Supabase; AVIF quando o navegador aceita, WebP nos demais */
.lg-arte{background-image:linear-gradient(180deg,rgba(12,10,10,.55) 0,rgba(12,10,10,.05) 30%,rgba(12,10,10,.25) 62%,rgba(12,10,10,.92) 100%),url(https://mljfnfzogfzrmfywlceu.supabase.co/storage/v1/object/public/eiok-publico/login-hd.webp)}
.lg-arte{background-image:linear-gradient(180deg,rgba(12,10,10,.55) 0,rgba(12,10,10,.05) 30%,rgba(12,10,10,.25) 62%,rgba(12,10,10,.92) 100%),image-set(url(https://mljfnfzogfzrmfywlceu.supabase.co/storage/v1/object/public/eiok-publico/login-hd.avif) type("image/avif"),url(https://mljfnfzogfzrmfywlceu.supabase.co/storage/v1/object/public/eiok-publico/login-hd.webp) type("image/webp"))}
/* video "Veja como funciona" na tela de login */
.vd-bt{appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px 8px 14px;border-radius:999px;border:1px solid rgba(229,192,143,.35);background:rgba(229,192,143,.08);color:#e7e7eb;font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}
.vd-bt:hover{border-color:rgba(229,192,143,.7);background:rgba(229,192,143,.15)}
.vd-bt svg{width:22px;height:22px;color:#e5c08f;flex:none}
.vd-bt i{font-style:normal;font-size:.74rem;color:#a9a8ae}
body.vd-aberto{overflow:hidden}
.vd-layer{position:fixed;inset:0;z-index:200;background:rgba(5,5,7,.88);display:flex;align-items:center;justify-content:center;padding:16px}
.vd-layer video{display:block;border-radius:12px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vd-h video{width:min(1100px,92vw);height:auto;max-height:84vh;object-fit:contain}
.vd-v video{height:min(84vh,calc(92vw * 16 / 9));height:min(84svh,calc(92vw * 16 / 9));width:auto}
.vd-x{position:fixed;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#1e1d23;color:#e7e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:201}
.vd-x:hover{border-color:rgba(229,192,143,.6)}
.vd-x svg{width:20px;height:20px}
/* termos e privacidade na tela de login */
.lg-leg{margin:-4px 0 0;max-width:440px;text-align:center;font-size:.74rem;line-height:1.5;color:#8a898f}
.lg-leg a{color:#c9a979;text-decoration:underline;text-underline-offset:2px}
/* campo de instituicao com a lista do e-MEC */
.ies-wrap{position:relative}
.ies-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;max-height:320px;overflow:auto;background:#1e1d23;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:6px}
.ies-op{appearance:none;display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 12px;font:inherit;color:#e7e7eb;cursor:pointer}
.ies-op strong{font-size:.9rem;font-weight:600;color:#fefeff}
.ies-op span{font-size:.76rem;color:#8a898f}
.ies-op:hover,.ies-op.on{background:#26252c}
.ies-vazio{padding:10px 12px;font-size:.85rem;color:#a9a8ae}
.ies-rodape{border-top:1px solid rgba(255,255,255,.07);margin-top:4px}
.ies-dica{margin:6px 0 0}
.lnk{appearance:none;background:none;border:0;padding:0;font:inherit;color:#e5c08f;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
/* carometro: faixa do cabecalho branca, para o logo nao destoar do papel */
.folha .folha-head{position:relative;background:#fff;margin:-36px -40px 28px;padding:30px 40px 22px;border-bottom:1px solid #e6dccb}
.folha .folha-head::after{content:'';position:absolute;left:40px;bottom:-1px;width:64px;height:3px;background:#e5c08f}
.folha .folha-faixa{z-index:2}
.folha .logo-folha{margin-bottom:16px}
@media (max-width:640px){.folha .folha-head{margin:-20px -16px 22px;padding:20px 16px 16px}.folha .folha-head::after{left:16px}}
/* tipo do cadastro: instituicao de ensino ou outra organizacao */
.tipo-org{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tipo-op{appearance:none;display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#1e1d23;color:#e7e7eb;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.tipo-op strong{font-size:.92rem;font-weight:600;color:#fefeff}
.tipo-op span{font-size:.76rem;color:#8a898f;line-height:1.35}
.tipo-op:hover{border-color:rgba(229,192,143,.45)}
.tipo-op.on{border-color:#e5c08f;background:rgba(229,192,143,.08);box-shadow:inset 0 0 0 1px #e5c08f}
@media (max-width:520px){.tipo-org{grid-template-columns:1fr}}
/* botao "Nova organizacao" com as opcoes ao passar o mouse */
.menu-nova{display:inline-block}
.menu-nova .menu-pop{left:auto;right:0;width:300px}
.menu-nova .menu-tx strong{white-space:normal}
@media (max-width:640px){.menu-nova .menu-pop{left:0;right:auto;width:min(300px,calc(100vw - 32px))}}