<!--
	html { width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px; }
	body { width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px; font-family: verdana; font-size: 13px; color: #666; line-height: 18px; overflow-y: scroll; background: #444444; }

	/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

	#centralizar { position: absolute; width: 276px; height: 346px; left: 50%; top: 50%; margin-left: -138px; margin-top: -160px; text-align: center; }

	/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

	.form_S1 { font-size: 13px; height: 14px; color: #000000; background: #FFFFFF; padding: 4px; margin: 0px 0px 0px 0px; border:1px solid #999999; line-height: 13px; outline: none; } .form_S1:focus { background: #FFFFFF; padding: 4px; border:1px solid #333333; }
	.form_S2 { font-size: 13px; height: 14px; color: #000000; background: #FFFFFF; padding: 4px; margin: 0px 0px 0px 0px; border:1px solid #999999; line-height: 13px; outline: none; } .form_S2:focus { background: #FFFFFF; padding: 4px; border:1px solid #333333; }

	/* Login administrativo - padrao visual aprovado */
	body { overflow:auto; background:#F7FAFE; }
	.login_caixa1 { width:100vw; min-height:100vh; position:relative; display:grid; place-items:center; overflow:hidden; padding:34px 24px; box-sizing:border-box; background:linear-gradient(104deg, #EEF7FF 0%, #FFFFFF 55%, #FCF3E9 100%); }
	.login_caixa1:before, .login_caixa1:after { content:""; position:absolute; border-radius:999px; border:90px solid rgba(255,255,255,0.70); pointer-events:none; }
	.login_caixa1:before { width:640px; height:640px; left:-300px; bottom:-340px; transform:rotate(28deg); }
	.login_caixa1:after { width:520px; height:520px; right:-250px; top:-270px; transform:rotate(-18deg); }
	.login_caixa2 { width:min(1180px, 100%); position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1fr) 420px; gap:48px; align-items:center; }
	.login_chamada { max-width:600px; }
	.login_tag { display:inline-flex; align-items:center; gap:8px; margin:0px 0px 14px 0px; padding:8px 12px; background:#E5F1FE; color:#1767B8; border:1px solid #B7D6F7; border-radius:999px; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:0.06em; }
	.login_tag svg, .login_recurso svg, .login_campo svg, .login_caixa3 button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
	.login_chamada h1 { max-width:520px; margin:0px; color:#111111; font-size:42px; line-height:50px; font-weight:bold; }
	.login_chamada p { max-width:510px; margin:14px 0px 0px 0px; color:#555555; font-size:16px; line-height:27px; text-align:left; }
	.login_recursos { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; max-width:540px; margin:24px 0px 0px 0px; }
	.login_recurso { min-height:88px; padding:14px; box-sizing:border-box; background:rgba(255,255,255,0.78); border:1px solid rgba(255,255,255,0.95); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.06); }
	.login_recurso svg { display:block; color:#2580DC; margin:0px 0px 11px 0px; }
	.login_recurso strong { display:block; color:#111111; font-size:13px; line-height:18px; }
	.login_card { width:100%; padding:38px; box-sizing:border-box; display:flex; justify-content:center; background:rgba(255,255,255,0.84); border:1px solid rgba(255,255,255,0.95); border-radius:22px; box-shadow:0 24px 70px rgba(17,24,39,0.16); }
	.login_caixa3 { display:block; width:100%; max-width:330px; padding:0px; }
	.login_logo { display:flex; align-items:center; width:fit-content; text-decoration:none; }
	.login_logo_card { width:100%; justify-content:center; margin:0px auto 14px auto; }
	.login_logo_card img { width:240px; max-width:100%; height:auto; display:block; }
	.login_titulo { margin:0px 0px 24px 0px; text-align:center; }
	.login_titulo strong { display:block; color:#111111; font-size:24px; line-height:30px; font-weight:bold; }
	.login_titulo span { display:block; margin:6px 0px 0px 0px; color:#777777; font-size:13px; line-height:20px; }
	.login_caixa3 label { display:block; font-size:13px; color:#333333; font-weight:bold; padding:0px 0px 7px 0px; }
	.login_campo { position:relative; margin:0px 0px 12px 0px; }
	.login_campo svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#1877D3; z-index:1; }
	.login_campo input { width:100%; height:52px; box-sizing:border-box; margin:0px; padding:0px 14px 0px 42px; background:#FFFFFF; border:1px solid #E2DCDC; border-radius:10px; color:#111111; font-size:14px; font-weight:bold; outline:none; transition:border-color 0.2s ease, box-shadow 0.2s ease; }
	.login_campo input:focus { border-color:#1877D3; box-shadow:0 0 0 4px rgba(24,119,211,0.13); }
	.login_caixa3 button { width:100%; height:52px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #2879D0; background:#2879D0; border-radius:10px; color:#FFFFFF; font-size:14px; font-weight:bold; margin:18px 0px 0px 0px; padding:0px 15px; cursor:pointer; box-shadow:0 7px 18px rgba(40,121,208,0.20); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
	.login_caixa3 button:hover { border-color:#175EA8; background:#175EA8; color:#FFFFFF; transform:translateY(-1px); }
	.login_caixa4 { width:100%; box-sizing:border-box; background:#FFF1F1; color:#9A2525; border:1px solid #EFC6C6; border-radius:10px; margin:0px 0px 14px 0px; padding:12px 14px; font-size:13px; font-weight:bold; line-height:18px; }
	.login_rodape { margin:18px 0px 0px 0px; color:#888888; font-size:12px; line-height:18px; text-align:center; }
	@media (max-width:900px) { .login_caixa2 { width:min(460px, 100%); grid-template-columns:1fr; gap:18px; } .login_chamada { display:none; } .login_card { padding:34px 22px; } }
	@media (max-width:420px) { .login_caixa1 { padding:18px 14px; } .login_card { border-radius:18px; } }
//-->