/* Divisor "O continúa/regístrate con" — compartido login y registro */

/* Ritmo OAuth: Google → divisor → campos (login .profile-form y registro apicultor) */
:root {
    --auth-oauth-before-google: var(--spacing-lg);
    --auth-oauth-google-mt: var(--spacing-md);
    --auth-oauth-google-mb: var(--spacing-lg);
    --auth-oauth-divider-mt: var(--spacing-md);
    --auth-oauth-divider-mb: var(--spacing-lg);
    --auth-oauth-field-mb: var(--spacing-md);
}

.profile-form .btn-google,
.register-form > .btn-google,
.register-form > .register-reveal.btn-google {
    margin-top: var(--auth-oauth-google-mt);
    margin-bottom: var(--auth-oauth-google-mb);
}

.profile-form .auth-or-divider,
.register-form > .auth-or-divider,
.register-form > .register-reveal.auth-or-divider {
    margin: var(--auth-oauth-divider-mt) 0 var(--auth-oauth-divider-mb);
}

.profile-form .form-group {
    margin-bottom: var(--auth-oauth-field-mb);
}

.register-form > .register-reveal .form-group {
    margin-bottom: var(--auth-oauth-field-mb);
}

.register-form > .register-reveal.form-row .form-group:last-child {
    margin-bottom: 0;
}

.register-form-wrapper:has(.btn-google) .form-header {
    margin-bottom: var(--auth-oauth-before-google);
}

.auth-or-divider {
    text-align: center;
    margin: var(--spacing-lg) 0;
    padding: 0;
    line-height: 1;
    position: relative;
}

.auth-or-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(59, 130, 246, 0.35),
        transparent
    );
    z-index: 0;
}

.auth-or-divider__text {
    position: relative;
    display: inline-block;
    background: var(--slate-800);
    color: var(--slate-400);
    padding: 0 var(--spacing-md);
    font-size: clamp(0.75rem, 2vw, 0.8125rem);
    font-weight: 500;
    letter-spacing: normal;
    border-radius: 2rem;
    z-index: 1;
}