.elementor-977 .elementor-element.elementor-element-0725a90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-977 .elementor-element.elementor-element-0725a90:not(.elementor-motion-effects-element-type-background), .elementor-977 .elementor-element.elementor-element-0725a90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#567B5C;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-977 .elementor-element.elementor-element-b5bd970.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-977 .elementor-element.elementor-element-b5bd970{text-align:center;}.elementor-977 .elementor-element.elementor-element-b5bd970 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-977 .elementor-element.elementor-element-3b04ce8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}@media(max-width:767px){.elementor-977 .elementor-element.elementor-element-0725a90{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-977 .elementor-element.elementor-element-b5bd970{width:var( --container-widget-width, 251px );max-width:251px;--container-widget-width:251px;--container-widget-flex-grow:0;text-align:center;}.elementor-977 .elementor-element.elementor-element-b5bd970 .elementor-heading-title{font-size:25px;}.elementor-977 .elementor-element.elementor-element-3b04ce8{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-538d949 *//* Fonte padrão */
.slicewp-account,
.slicewp-account * {
    font-family: 'Poppins', sans-serif !important;
}



<style>
/* Container geral */
.slicewp-form {
    max-width: 420px;
    margin: 0 auto;
    padding: 25px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    font-family: 'Inter', sans-serif;
}

/* Rótulos */
.slicewp-field-label-wrapper label {
    font-weight: 600;
    color: #333;
    font-size: 15px;
}

/* Caixas de input */
.slicewp-field-inner input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    margin-top: 5px;
    font-size: 15px;
    transition: 0.2s ease;
}

.slicewp-field-inner input:focus {
    border-color: #00a86b;
    box-shadow: 0 0 0 2px rgba(0,168,107,0.15);
    outline: none;
}

/* Campo de senha com ícone */
.slicewp-field-input-password {
    position: relative;
}

.slicewp-show-hide-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
    width: 22px;
}

.slicewp-show-hide-password svg {
    width: 22px;
}

/* Botão */
.slicewp-button-primary {
    width: 100%;
    padding: 13px;
    margin-top: 12px;
    background: #00a86b;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
}

.slicewp-button-primary:hover {
    background: #008f5a;
}

/* Espaçamento entre os campos */
.slicewp-field-wrapper {
    margin-bottom: 18px;
}
</style>


<form id="slicewp-affiliate-login-form" class="slicewp-form" action="" method="POST">

	<!-- Login -->
	<div class="slicewp-field-wrapper">
		<div class="slicewp-field-label-wrapper">
			<label for="slicewp-user-login">Nome de Usuário / E-mail *</label>
		</div>
		<div class="slicewp-field-inner">
			<input id="slicewp-user-login" name="login" type="text" value="">
		</div>
	</div>

	<!-- Senha -->
	<div class="slicewp-field-wrapper">
		<div class="slicewp-field-label-wrapper">
			<label for="slicewp-user-password">Senha *</label>
		</div>
		<div class="slicewp-field-inner">
			<div class="slicewp-field-input-password">
				<input id="slicewp-user-password" name="password" type="password" value="">

				<a href="#" class="slicewp-show-hide-password">
					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
					</svg>
				</a>

			</div>
		</div>
	</div>

	<!-- Hidden Fields -->
	<input type="hidden" name="slicewp_action" value="login_affiliate">
	<input type="hidden" id="slicewp_token" name="slicewp_token" value="aaf8857ba4">
	<input type="hidden" name="redirect_url" value="https://natulife.com.br/painel-de-afiliado/">

	<!-- Botão -->
	<button type="submit" class="slicewp-button-primary">Entrar</button>
</form>




/* Cards */
.slicewp-card {
    border-radius: 16px !important;
    border: 1px solid #E5E5E5 !important;
    padding: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
    transition: 0.3s;
}

/* Hover suave */
.slicewp-card:hover {
    box-shadow: 0 5px 18px rgba(0,0,0,0.09);
}
/* Botões primários */
button.slicewp-button-primary,
.slicewp-button-primary,
.slicewp-account button,
.slicewp-account input[type="submit"] {
    background: #567B5C !important;
    color: #fff !important;
    padding: 12px 22px !important;
    border-radius: 12px !important;
    border: none !important;
    font-weight: 600 !important;
    transition: 0.3s ease !important;
}

/* Hover */
button.slicewp-button-primary:hover,
.slicewp-account button:hover,
.slicewp-account input[type="submit"]:hover {
    background: #C3A872 !important;
}
/* Inputs e textareas */
.slicewp-account input[type="text"],
.slicewp-account input[type="url"],
.slicewp-account textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 12px;
    font-size: 15px;
    transition: 0.3s ease;
    background: #fff;
}

/* Foco */
.slicewp-account input:focus,
.slicewp-account textarea:focus {
    border-color: #567B5C;
    box-shadow: 0 0 0 2px rgba(86,123,92,0.25);
    outline: none;
}
/* Filtros de data */
.slicewp-filters select {
    border-radius: 10px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    font-family: 'Poppins';
}

/* Títulos */
.slicewp-section-title,
.slicewp-card-title {
    font-weight: 600 !important;
    color: #567B5C !important;
}

/* Gráfico */
.slicewp-chart-container {
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    padding: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}/* End custom CSS */