/* ==========================================================================
   Recover Form Component
   ========================================================================== */

.pf-redes-recover-form__title {
    font-size: var(--pf-redes-font-size-lg);
    margin: 0 0 var(--pf-redes-spacing-sm) 0;
    text-align: center;
    color: var(--pf-redes-text);
}

.pf-redes-recover-form__description {
    font-size: var(--pf-redes-font-size-sm);
    color: var(--pf-redes-text-light);
    text-align: center;
    margin: 0 0 var(--pf-redes-spacing-lg) 0;
    line-height: 1.5;
}

.pf-redes-recover-form__field {
    margin-bottom: var(--pf-redes-spacing-md);
}

.pf-redes-recover-form__notice {
    margin-bottom: var(--pf-redes-spacing-md);
    padding: var(--pf-redes-spacing-sm) var(--pf-redes-spacing-md);
    border-radius: var(--pf-redes-radius);
    font-size: var(--pf-redes-font-size-sm);
}

.pf-redes-recover-form__notice--error {
    background: #fce4e4;
    color: var(--pf-redes-error);
    border: 1px solid var(--pf-redes-error);
}

.pf-redes-recover-form__notice--success {
    background: #e4fce4;
    color: var(--pf-redes-success);
    border: 1px solid var(--pf-redes-success);
}

.pf-redes-recover-form__submit {
    width: 100%;
    padding: var(--pf-redes-spacing-sm) var(--pf-redes-spacing-md);
    background: var(--pf-redes-primary);
    color: var(--pf-redes-text-inverse);
    border: none;
    border-radius: var(--pf-redes-radius);
    font-size: var(--pf-redes-font-size-md);
    cursor: pointer;
    transition: background var(--pf-redes-transition);
    margin-top: var(--pf-redes-spacing-sm);
}

.pf-redes-recover-form__submit:hover {
    background: var(--pf-redes-primary-hover);
}

.pf-redes-recover-form__submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.pf-redes-recover-form__links {
    margin-top: var(--pf-redes-spacing-lg);
    text-align: center;
    font-size: var(--pf-redes-font-size-sm);
}

.pf-redes-recover-form__links a {
    color: var(--pf-redes-primary);
    text-decoration: none;
}

.pf-redes-recover-form__links a:hover {
    text-decoration: underline;
}