/* --- Estilo da Página de Login (ID 7610) --- */

/* 1. Fundo da Secção de Conteúdo */
/* .page-id-7610 div[data-elementor-type="wp-page"] {
    background-color: #f7f9fc;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
} */

/* 2. A Caixa (Cartão) de Login */
.custom-login-page .elementor-widget-login .elementor-widget-container {
    background: rgba(255,255,255,0.8);
    padding: 50px;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Sombra suave moderna */
    border: 1px solid #eee;
}

/* 3. Título ou Labels (Opcional: Ajuste de tipografia) */
.custom-login-page .elementor-field-group label {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

/* 4. Campos de Texto (Inputs) */
.custom-login-page .elementor-field-textual {
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px !important; /* Forçar altura confortável */
    font-size: 1rem;
    transition: all 0.3s ease;
}

.custom-login-page .elementor-field-textual:focus {
    border-color: #33879E; /* Cor da marca (baseado no rodapé) */
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(51, 135, 158, 0.15);
    outline: none;
}

/* 5. Botão de Login */
.custom-login-page .elementor-button {
    width: 100%; /* Botão a ocupar a largura toda */
    background-color: #33879E; /* Azul Petróleo da marca */
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 8px;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    transition: transform 0.2s, background 0.3s;
}

.custom-login-page .elementor-button:hover {
    background-color: #276b7e; /* Tom mais escuro ao passar o rato */
    transform: translateY(-2px); /* Ligeiro efeito de elevação */
}

/* 6. Links (Recuperar Password e Registo) */
.custom-login-page .elementor-field-group .elementor-lost-password,
.custom-login-page .elementor-field-group .elementor-register {
    color: #666;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s;
}

.custom-login-page .elementor-field-group .elementor-lost-password:hover,
.custom-login-page .elementor-field-group .elementor-register:hover {
    color: #33879E;
    text-decoration: underline;
}

/* 7. Separador '|' entre os links */
.custom-login-page .elementor-login-separator {
    color: #ccc;
    margin: 0 10px;
}

/* 8. Ajuste do Checkbox 'Lembrar-me' */
.custom-login-page .elementor-remember-me {
    margin-top: 10px;
    margin-bottom: 20px;
}

.custom-login-page .elementor-remember-me label {
    font-weight: normal;
    color: #777;
    font-size: 0.9rem;
}

.custom-login-page .elementor-field-group:has(> a.elementor-lost-password) {
    text-align: center; 
    margin-top: 20px;
    width: 100%;
    justify-content: center !important;
}

.custom-login-page .elementor-field-group:has(> .h-captcha) {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-login-page .elementor-form-fields-wrapper label {
    display: block !important;
    margin-bottom: 6px !important;
    font-weight: 600 !important;
    color: #222 !important;
    font-size: 14px !important;
    font-family: "MohrRounded", Sans-serif;
}