@charset "utf-8";

/**********************************************************************************************
						INTERNAUTAS LOGIN MODAL
/**********************************************************************************************/

.modal_login_internauta { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #444; background: rgba(0,0,0,.9); overflow: hidden; overflow-y: auto; padding: 10px; text-align: center; visibility: hidden; opacity: 0; transition: .3s ease; }
.modal_login_internauta .area_formulario_login { min-height: 500px; max-width: 500px; margin: 5% auto; overflow: hidden; position: relative; transform: perspective(400px) translateY(-30%) translate3d(0, 0, -250px) rotateX(25deg); opacity: 0; visibility: hidden; transition: .3s ease-in-out; }
.modal_login_internauta .area_formulario_login::before,
.modal_login_internauta .area_formulario_login::after { content: ""; width: 300%; height: 150%; position: absolute; bottom: 200px; left: -70%; z-index: 0; opacity: .9; transform: rotate(15deg); }
.modal_login_internauta .area_formulario_login::after { right: -70%; left: auto; transform: rotate(-30deg) translate(-5%, -7%); }
.modal_login_internauta .area_formulario_login .formulario_login { position: relative; z-index: 1; padding: 20px; }
.modal_login_internauta .area_formulario_login .btn_fechar { width: 40px; height: 40px; line-height: 40px; background: rgba(255,255,255,.1); border-radius: 100%; position: absolute; top: 17px; right: 17px; font-size: 16px; color: #fff; cursor: pointer; user-select: none; transition: .1s; }
.modal_login_internauta .area_formulario_login .btn_fechar:hover { background: #bf424e; }
.modal_login_internauta .area_formulario_login .btn_fechar:active { transform: scale(.9); }
.modal_login_internauta .area_formulario_login .titulo_formulario { font-weight: 900; padding: 10px; }
.modal_login_internauta .area_formulario_login .campo_formulario { max-width: 300px; margin: auto; margin-top: 15px; position: relative; }
.modal_login_internauta .area_formulario_login .campo_formulario input { width: 100%; height: 55px; padding: 5px 25px; padding-right: 45px; }
.modal_login_internauta .area_formulario_login .campo_formulario .swfa { width: 20px; height: 55px; line-height: 55px; position: absolute; top: 0; right: 20px; pointer-events: none; transition: .1s ease; }
/* SENHA */
.modal_login_internauta .area_formulario_login .internauta_senha .recuperar_senha { text-align: right; padding: 10px; padding-right: 25px; }
.modal_login_internauta .area_formulario_login .internauta_senha .recuperar_senha span { text-decoration: underline; }
/* CAPTCHA */
.modal_login_internauta .area_formulario_login .campo_captcha { overflow: hidden; }
/* BOTÃO */
.modal_login_internauta .area_formulario_login .btn_login { width: 100%; max-width: 230px; height: 70px; padding: 5px; cursor: pointer; margin-top: 7%; transition: .2s ease; }
.modal_login_internauta .area_formulario_login .btn_login:active { transform: scale(.95); transition-duration: .05s; }
/* CADASTRO */
.modal_login_internauta .area_formulario_login .cadastro_internauta { display: inline-block; margin: auto; margin-top: 7%; padding: 20px 15px; padding-top: 25px; }
/* SHOW MODAL */
.modal_login_internauta.show { visibility: visible; opacity: 1; }
.modal_login_internauta.show .area_formulario_login { transform: perspective(400px); opacity: 1; visibility: visible; }