/* Enlaces/botones de retroceso en paneles auth oscuros — compartido login y registro */

.auth-back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--white, #ffffff);
    font-family: inherit;
    font-size: clamp(0.8125rem, 2vw, 0.875rem);
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition:
        color 0.2s ease,
        opacity 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.auth-back-link svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.auth-back-link:hover {
    color: var(--primary-blue-light, #60a5fa);
    opacity: 1;
    text-decoration: none;
}

.auth-back-link:focus-visible {
    outline: 2px solid var(--primary-blue-light, #60a5fa);
    outline-offset: 3px;
    border-radius: 4px;
}

/* Variante con pastilla — registro y formularios con más énfasis */
.auth-back-link--pill {
    gap: 0.5rem;
    margin-bottom: var(--spacing-lg, 1.5rem);
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(30, 41, 59, 0.55);
}

.auth-back-link--pill:hover {
    color: var(--primary-blue-light, #60a5fa);
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(96, 165, 250, 0.65);
    transform: translateX(-2px);
}

.auth-back-link--pill:focus-visible {
    border-radius: 999px;
}

/* Espaciado en paneles sin cabecera de perfil (legado / otros usos) */
.form-panel-inner > .auth-back-link:not(.auth-back-link--pill):only-child {
    padding-bottom: 0.875rem;
}