/* CSS Del Lama login */

	section.login {background: url("../img/backgroundDelLama.webp?1") top center no-repeat;background-size: cover;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 0 20px;}

		section.login .centro {padding: 70px 84px 50px;max-width: 500px;width: 100%;margin: 0 auto;background: #FFF;/* transition: all .5s ease; */}

			section.login .centro h1 {max-width: max-content;width: 100%;margin: 0 auto 77px;position: relative;}
				section.login .centro h1::before {position: absolute;content:'';width:48px;height:1px;background: #D1D1D2;bottom: -41px;left:50%;transform: translateX(-50%);}

				section.login .centro h1 img {user-select:none;}

				section.login .centro form fieldset{min-width: initial;}

					section.login .centro form ul {position: relative;margin-bottom: 0;}
						section.login .centro form ul li {margin-bottom: 10px;}

						section.login .centro form ul li.usuario {position:relative;}
							section.login .centro form ul li.usuario .userIcon {position:absolute;top:50%;transform: translateY(-50%);left:16px;opacity: 0.16;transition: all ease 0.5s;}
								section.login .centro form ul li.usuario .userIcon svg {width:14px;height:16px;}
								section.login .centro form ul li.usuario:hover .userIcon {opacity: 1;}
								section.login .centro form ul li.usuario:focus-within .userIcon {opacity: 1;}

						section.login .centro form ul li.password {position: relative;}
							section.login .centro form ul li.password .mostrarSenha{position: absolute;right: 17px;top: 15px;padding: 3px;cursor: pointer;}
								section.login .centro form ul li.password .mostrarSenha:before{content: "";display: block;width: 18px;height: 14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' fill='none'%3E%3Cpath fill='%23272727' d='M14.615 1.936C13.036.73 11.072.016 9.007.016c-4.179 0-7.943 2.929-8.98 6.915-.068.247 0 .494.104.67.104.212.311.354.553.424.242.07.484 0 .656-.106.207-.106.346-.317.415-.564.829-3.14 3.937-5.54 7.252-5.54 1.558 0 3.077.53 4.332 1.42l1.276-1.3ZM15.743 2.948l-1.257 1.279c.846.887 1.476 1.97 1.774 3.163.07.247.207.423.415.565.138.07.276.14.449.14h.207a.955.955 0 0 0 .552-.423c.104-.211.139-.458.104-.67l-.034-.07a8.98 8.98 0 0 0-2.21-3.984Z'/%3E%3Cpath fill='%23272727' d='M11.762 4.84A3.786 3.786 0 0 0 9.008 3.64c-2.106 0-3.833 1.764-3.833 3.916 0 1.097.448 2.093 1.167 2.806l1.276-1.3a2.1 2.1 0 0 1-.647-1.506c0-1.129.932-2.081 2.037-2.081.576 0 1.105.258 1.48.665l1.275-1.299ZM11.037 7.739l1.55-1.579c.164.434.254.904.254 1.395 0 2.152-1.727 3.916-3.834 3.916-.484 0-.949-.093-1.377-.263l1.55-1.579c.97-.085 1.77-.875 1.857-1.89Z'/%3E%3Cpath fill='%23272727' fill-rule='evenodd' d='M3.065 13.453a.75.75 0 0 1 0-1.06L14.91.546a.75.75 0 0 1 1.06 1.06L4.126 13.454a.75.75 0 0 1-1.06 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size: contain;/* background-position: center; */background-repeat: no-repeat;}
								section.login .centro form ul li.password .mostrarSenha.visivel:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Cpath fill='%23272727' d='M9.007.448c4.18 0 7.944 2.928 8.946 6.915l.034.07c.035.212 0 .46-.104.671a.955.955 0 0 1-.552.423h-.207c-.173 0-.311-.07-.45-.14a.972.972 0 0 1-.414-.565c-.794-3.175-3.937-5.574-7.253-5.574-3.315 0-6.423 2.399-7.252 5.538-.07.247-.208.46-.415.565-.172.106-.414.176-.656.106-.242-.07-.449-.212-.553-.424-.103-.176-.172-.423-.103-.67C1.064 3.376 4.828.448 9.008.448Z'/%3E%3Cpath fill='%23272727' fill-rule='evenodd' d='M5.174 7.987c0-2.152 1.727-3.916 3.833-3.916 2.107 0 3.834 1.764 3.834 3.916s-1.727 3.916-3.834 3.916c-2.106 0-3.833-1.764-3.833-3.916Zm3.833 2.081c1.106 0 2.038-.917 2.038-2.081 0-1.13-.932-2.082-2.038-2.082-1.105 0-2.037.953-2.037 2.082s.932 2.081 2.037 2.081Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
							section.login .centro form ul li.password .passIcon {position:absolute;top:50%;transform: translateY(-50%);left:16px;opacity: 0.16;transition: all ease 0.5s;}
								section.login .centro form ul li.password .passIcon svg {width:15px;height:18px;}
								section.login .centro form ul li.password:hover .passIcon {opacity: 1;}
								section.login .centro form ul li.password:focus-within .passIcon {opacity: 1;}

							
							section.login .centro form ul li input[name=codigo]{padding: 0 24px 2px;}
							section.login .centro form ul li input {font: 400 17px 'Inter';color: #161616;background: #FFF;border: solid 1px #D9D9D9;height: 48px;padding: 0 24px 2px 39px;border-radius: 2px;width: 100%;transition: all ease 0.5s;}
								section.login .centro form ul li input:hover {box-shadow: 0px 4px 12px -2px #00000045, 0px 0px 0px 3px #0000001A inset;border-color:#2A2A2A;}
								section.login .centro form ul li input:focus {box-shadow: 0px 4px 12px -2px #00000045, 0px 0px 0px 3px #0000001A inset;border-color:#2A2A2A;}

								/* placeholder */
									section.login .centro form ul li input::-webkit-input-placeholder {color: #b3b3b3;transition: all ease 0.5s;}
									section.login .centro form ul li input::-moz-placeholder {color: #b3b3b3;}
								/* focus placeholder */
									section.login .centro form ul li input:focus::-webkit-input-placeholder {color: #161616;}
									section.login .centro form ul li input:focus::-moz-placeholder {color: #161616;}
								/* hover placeholder*/
									section.login .centro form ul li input:hover::-webkit-input-placeholder {color: #161616;}
									section.login .centro form ul li input:hover::-moz-placeholder {color: #161616;}

							section.login .centro form ul li button {position:relative;background: #333333;box-shadow: 0px -4px 0px 0px #00000033 inset;height: 45px;border-radius: 2px;width: 100%;display: block;margin: 0 auto 12px;cursor: pointer;transition: all ease 0.5s;}
								section.login .centro form ul li button:hover {background: #595959;box-shadow: 0px -2px 0px 0px #00000033 inset, 0px 8px 14px -2px #00000052;}
								section.login .centro form ul li button b {font: 700 18px/18px 'Inter';color: #FFF;padding: 0 35px;}
							section.login .centro form ul li p.enviando{position:relative;background: #595959;box-shadow: 0px -2px 0px 0px #00000033 inset, 0px 8px 14px -2px #00000052;height: 45px;border-radius: 2px;max-width: 100%;width: 100%;margin: 0 auto 30px;padding: 12px 0;cursor: pointer;display: none;}
								section.login .centro form ul li p.enviando b {font: 700 18px/18px 'Inter';color: #FFF;}
								section.login .centro form ul li p.enviando span.dots {font: 600 17px/17px 'Exo 2';color: #FFF;text-transform: uppercase;padding: 0 0;margin: 0 0 0 4px;display: inline;}
									section.login .centro form ul li p.enviando span.dots span {font: 600 17px/17px 'Exo 2';color: #FFF;text-transform: uppercase;padding: 0 1px;display: inline;max-width: max-content;width: initial;}

							body:not(.cadastroAtivo) section.login .boxForm h2{margin-bottom: 14px;text-align: center;font: 700 16px/18px 'Inter';letter-spacing: 0.02rem;color: #2A2A2A;}

							section.login .boxForm .carregando{display: flex;justify-content: center;padding: 60px 40px;text-transform: uppercase;font: 700 16px / 18px 'Inter';letter-spacing: 0.02rem;color: #2A2A2A;}
							section.login .boxForm p:not(p.carregando){font: 600 14px / 16px 'Work Sans';letter-spacing: 0.01rem;color: #0D111C;text-align: center;/* max-width: 280px; */margin: 0 auto 20px auto;}
							section.login .boxForm p a{color: #B97100;}

							section.login .boxForm a.reenviar:link,
							section.login .boxForm a.reenviar:active,
							section.login .boxForm a.reenviar:visited{font: 600 italic 14px / 16px 'Work Sans';letter-spacing: 0.01rem;color: #0D111C;opacity: 30%;transition: all 0.5s ease;margin: 10px auto 20px;display: block;text-align: center;}
							section.login .boxForm a.reenviar:hover{opacity: 1;}

							section.login .boxForm a.voltar:link,
							section.login .boxForm a.voltar:active,
							section.login .boxForm a.voltar:visited{font: 500 13px/18px 'Work Sans';letter-spacing: -0.010em;color: #e31153;transition: all 0.5s ease;opacity: 1;margin: 10px auto 0 auto;display: block;text-align: center;}
							section.login .boxForm a.voltar:hover{color: #D7D8DB;}

							section.login .boxForm a.btEsqueci:active,
							section.login .boxForm a.btEsqueci:any-link,
							section.login .boxForm a.voltar:active,
							section.login .boxForm a.voltar:any-link{display: block;width: max-content;margin: 10px auto 0px auto;text-align: center;font: 600 14px / 16px 'Work Sans';letter-spacing: 0.01rem;color: #0D111C;opacity: 30%;transition: all 0.5s ease;}
								section.login .boxForm a.btEsqueci:hover, section.login .boxForm a.voltar:hover{opacity: 1;}

							section.login .boxForm.recuperarSenha em.emailDestaque{margin: 20px 0;}
							section.login .boxForm.cadastrarSenha em.emailDestaque{margin: 0 0 20px;}

							section.login .boxForm em.emailDestaque{display: flex;align-items: center;font: 400 17px 'Exo 2';background: #2F3140;border-top: solid 4px transparent;height: 44px;padding: 0 24px 6px;border-radius: 30px;width: 100%;transition: all ease 0.5s;margin: 0 0 10px 0;}
									section.login .boxForm em.emailDestaque b{max-width: 330px;text-overflow: ellipsis;overflow: hidden;color: #fff;}
									section.login .boxForm em.emailDestaque span{font-size: 14px;margin-right: 14px;}

							section.login .boxForm a.esqueceuSenha:active,
							section.login .boxForm a.esqueceuSenha:any-link{display: block;width: max-content;margin: 10px auto 60px;font: 600 italic 14px / 16px 'Work Sans';letter-spacing: 0.01rem;color: #0D111C;opacity: 30%;transition: all 0.5s ease;}
								section.login .boxForm a.esqueceuSenha:hover{opacity: 1;color: var(--cor5);}


							section.login .boxForm .retornoCodigo{margin: 0 0 15px;}
							section.login .boxForm span.mensagemStatus{display: flex;margin: 0 auto;text-align: center;font: 500 15px/20px 'Inter';color: #BC4926;opacity: 1;/* max-width: 300px; */display: none;}
								section.login .boxForm span.mensagemStatus a:link,
								section.login .boxForm span.mensagemStatus a:active,
								section.login .boxForm span.mensagemStatus a:visited{font: 500 13px/18px 'Work Sans';letter-spacing: -0.010em;color: #e31153;text-decoration: underline;transition: all 0.5s ease;opacity: 1;}
								section.login .boxForm span.mensagemStatus a:hover{color: #D7D8DB;}

									._320 section.login .boxForm span.mensagemStatus br{display: none;}
									section.login .boxForm span.mensagemStatus.sucesso{color: #5fbd82;margin-bottom: 20px;}
									section.login .boxForm span.mensagemStatus b{font-weight: 600;}


			section.login .centro strong {display: block;background: #C72256;border-radius: 2px;box-shadow: 0px 3px 1px 0px #000000CC;max-width: max-content;width: 100%;padding: 4px 11px;font: 600 12px 'Work Sans';color: #FFF;letter-spacing: -0.03rem;margin: 60px auto 20px;}
				section.login .centro strong i {font-weight: 700;}

			section.login .centro span.ajudaFinal {display: block;font: 400 12px/15px 'Work Sans';letter-spacing: -0.02rem;color: #D7D8DB;text-align: center;max-width: 174px;width: 100%;margin: 0 auto 4px;opacity: 0.6;}

			section.login .centro a.ajudaSuporte:active,
			section.login .centro a.ajudaSuporte:visited,
			section.login .centro a.ajudaSuporte:link {display: block;font: 600 12px/17px 'Work Sans';letter-spacing: -0.02rem;color: #FFF;text-align: center;max-width: max-content;width: 100%;margin: 0 auto;opacity: 0.6;transition: all 0.5s ease;}

				.cadastroAtivo section.login .centro {max-width: 900px;height: calc(100dvh - 40px);padding: 47px 0 10px;overflow: auto;}
				.cadastroAtivo section.login .centro h1{position: absolute;top: 49px;left: 50px;zoom: 0.9;}
				.cadastroAtivo section.login .centro h1:before{display: none;}
				.cadastroAtivo section.login .centro .boxCadastro h2{width: calc(100% - 300px);margin: 0 0 0 auto;text-align: left;padding: 18px 30px 16px;/* text-transform: uppercase; */font: 700 16px / 18px 'Inter';letter-spacing: 0.02rem;color: #2A2A2A;background: #0000000d;}
				.cadastroAtivo section.login .centro .boxCadastro .formularioEdicao{padding: 50px 40px 40px;}

				section.login .centro a.ajudaSuporte:hover {opacity: 1;}
					body .login div {position: relative}
					body .login div .titulo {display: none;}
					body .login div .btVoltar:active,
					body .login div .btVoltar:any-link{text-transform: uppercase;font: 600 11px/18px 'Inter';height: 36px;display: flex;flex-direction: row-reverse;gap: 6px;align-items: center;padding: 0 10px;border-radius: 2px;background: #00000000;transition: all ease 0.5s;position: absolute;right: 20px;top: 8px;}
						body .login div .btVoltar:hover {background: #44403D;}

						body .login div .btVoltar i {font-weight: 600;color: #44403d;transition:all ease 0.5s;}
							body .login div .btVoltar:hover i {color: #FFF}
						body .login div .btVoltar svg {zoom: 0.8;}
							body .login div .btVoltar:hover svg path {fill: #FFF;transition: all ease 0.5s;}

				body .login .formularioEdicao form { }
					body .login .formularioEdicao form fieldset { }
						body .login .formularioEdicao form fieldset h3 {font: 600 18px/19px 'Inter';color: #474747;margin-bottom: 20px;}

						body .login .formularioEdicao form fieldset ul {max-width: 708px;width: 100%;}
							body .login .formularioEdicao form fieldset ul li {display: flex;gap: 17px;justify-content: space-between;}

								body .login .formularioEdicao form fieldset ul li .itemCampo {display: flex;align-items: center;gap: 10px;margin-bottom: 15px;position:relative;width: 100%;}

									body .login .formularioEdicao form fieldset ul li .itemCampo label {font: 600 11px/14px 'Inter';text-align: right;text-transform: uppercase;color: #A78055;/* max-width: 80px; *//* min-width: 80px; */text-align: right;}
									body .login .formularioEdicao form fieldset ul li .itemCampo:first-of-type label {min-width: 80px;}

										body .login .formularioEdicao form fieldset ul li .itemCampo input {font: 500 13px/28px 'Inter';border-radius: 2px;height: 40px;padding: 0 11px 2px 11px;color: #161616;outline: solid 1px var(--cor2);/* max-width: 360px; */width: 100%;box-shadow: inset 0px -1px 0px 0px #0000004D;}
											body .login .formularioEdicao form fieldset ul li .itemCampo input[type=text]::placeholder {color: #D5D5D5;}
											body .login .formularioEdicao form fieldset ul li .itemCampo input:focus-within {color: #161616}
											body .login .formularioEdicao form fieldset ul li .itemCampo input:hover {color: #161616}

										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=registro] {max-width: 104px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=nome] {width: 100%;max-width: 100%;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=codigo] {max-width: 135px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=cpf] {max-width: 155px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=rg] {max-width: 155px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=site] {width: 366px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=telefone] {width: 155px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=celular] {width: 155px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=csenha] {width: 160px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=cep] {width: 112px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=endereco] {width: 310px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=numero] {width: 60px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=complemento] {width: 73px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=bairro] {width: 195px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=cidade] {width: 192px;}

										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=estado] {width: 73px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=banco] {width: 209px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=agencia] {width: 118px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=conta] {width: 125px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=favorecido] {width: 293px;}
										body .login .formularioEdicao form fieldset ul li .itemCampo input[name=pix] {width: 228px;}


							body .login .formularioEdicao form fieldset ul li .itemCampo input[type=date] {outline: solid 1px var(--cor2);border-radius: 2px;font: 500 13px/28px 'Inter';color: #D5D5D5;color: #413f3f;padding: 0 5px 0 5px;width: 135px;height: 40px;transition: all ease 0.5s;cursor: pointer;}
								body .login .formularioEdicao form fieldset ul li .itemCampo input[type=date]:focus-within {color: #161616}
								body .login .formularioEdicao form fieldset ul li .itemCampo input[type=date]:hover {color: #161616}
									body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select[name='banco_id']{
    min-width: 235px;
}
									body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect {position:relative;max-width: 360px;width: 100%;}
										body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect::before{position: absolute;content:'';width:11px;height:8px;top:50%;right: 16px;transform: translateY(-50%);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 8'%3E%3Cpath fill='%23989898' d='M6 8 11.196.5H.804L6 8Z'/%3E%3C/svg%3E")center center no-repeat;transition: all ease 0.5s;}
											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect:hover::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 8'%3E%3Cpath fill='%23161616' d='M6 8 11.196.5H.804L6 8Z'/%3E%3C/svg%3E") center center no-repeat;}
											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect:focus-within::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 8'%3E%3Cpath fill='%23161616' d='M6 8 11.196.5H.804L6 8Z'/%3E%3C/svg%3E") center center no-repeat;}

										body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select {font: 500 13px/28px 'Inter';color: #413f3f;border-radius: 2px;height: 40px;padding: 0 11px 2px 11px;outline: solid 1px var(--cor2);width: 100%;box-shadow: inset 0px -1px 0px 0px #0000004D;cursor: pointer;transition:all ease 0.5s;}
											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select option[disabled]{color: #989898;}
											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select:focus {color: #161616;}
											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select:hover {color: #161616;}

											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select[name=profissao] {width: 255px;}
											body .login .formularioEdicao form fieldset ul li .itemCampo .boxSelect select[name=liberado] {width: 117px;}

								body .login .formularioEdicao form fieldset ul li .itemCampo #CepNaoEncontrado {position: absolute;display: flex;display: flex;border-radius: 4px;top: 50%;transform: translateY(-50%);left: 220px;max-width: max-content;width: 100%;font: 500 14px/16px'Inter';color: #FFF;background:#AB2525;height:40px;padding: 0 10px;align-items:center;gap:4px;z-index: 2;}
									body .login .formularioEdicao form fieldset ul li .itemCampo #CepNaoEncontrado::before {position:absolute;content:'';width: 5px;height: 9px;top: 50%;transform: translateY(-50%);left: -4px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 12'%3E%3Cpath fill='%23AB2525' stroke='%23AB2525' d='m1.25 6.25 4.5-4.5v9l-4.5-4.5Z'/%3E%3C/svg%3E")center center no-repeat;}
									body .login .formularioEdicao form fieldset ul li .itemCampo #CepNaoEncontrado svg {width:16px;height:16px;display:none;}
						body .login form .botoes {display:flex;max-width:800px;/* justify-content:space-between; */margin-left: 90px;}
							body .login form .botoes .btSalvar {background: var(--cor3);border-radius: 2px;padding: 9px 18px;cursor: pointer;display: flex;transition: all ease 0.5s;align-items: center;}
								body .login form .botoes .btSalvar:hover {background: var(--cor11)}

								body .login form .botoes .btSalvar b {font: 600 14px/18px 'Inter';color: #FFF;padding-right: 8px;}
								body .login form .botoes .btSalvar span {display: flex;align-items: center;}

								body .login form .botoes .enviando {background: var(--cor3);background: #e2e2e2d6;border-radius: 2px;padding: 9px 18px;font: 600 14px/18px 'Inter';color: #CFCFCF;outline: solid 1px #D2D2D2;cursor: pointer;display: flex;transition: all ease 0.5s;cursor: auto;outline-offset: -1px;display: none;}
									body .login form .botoes .enviando:hover { }

							body .login form .botoes .btExcluir {background: #861E1E;border-radius: 2px;padding: 9px 18px;cursor: pointer;display: flex;transition: all ease 0.5s;margin-left: auto;align-items: center;}
								body .login form .botoes .btExcluir:hover {background: #0F0F0F;}

								body .login form .botoes .btExcluir b {font: 600 14px/18px 'Inter';color: #FFF;padding-right: 8px;}
								body .login form .botoes .btExcluir span {display: flex;align-items: center;}
									body .login form .botoes .btExcluir:hover span svg path { }



/*** MOBILE ***/
._320 section.login .centro{padding: 40px 20px;}

	._320 section.login .centro h1 {margin-bottom: 60px;zoom: 0.9;}
		._320 section.login .centro h1::before {bottom: -16px;}
	
		._320 section.login .centro strong {margin: 20px auto;}
