:root {
    --brand-blue: #1e73dc; /* azul de la cabecera */
    --page-gray: #f2f3f7; /* gris claro del fondo */
    --card-radius: 14px;
    --card-shadow: 0 10px 30px rgba(0,0,0,.12);
    --success-green: #1e73dc;
    --success-green-dark: #1e73dc;
    --border: #ffd500;
    --error: #e55353;
}

/* body {
                            background: linear-gradient(to bottom, var(--brand-blue) 0 260px, var(--page-gray) 260px 100%);
                            min-height: 100vh;
                            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
                        } */
body {
    margin-top: 84px;
}
/* Marca superior */
/* .brand-bar {
                    height: 84px;
                    display: flex;
                    align-items: center;
                    padding-inline: 24px;
                    color: #fff;
                 */ }

.brand-logo {
    font-weight: 700;
    letter-spacing: .4px;
    font-size: 1.35rem;
}

    .brand-logo .muted {
        font-weight: 500;
        opacity: .9;
    }

/* Card central */
.auth-card {
    background: #fff;
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    max-width: 400px;
    margin-inline: auto;
    margin-bottom: 40px;
}
    .auth-card .card-header {
        background: #000;
        color: #fff;
        padding: 1.25rem 2rem;
        font-size: 35px;
        border-radius: 10px 10px 0 0;
        border-bottom: 3px solid #ffd500;
    }
    .auth-card .card-body {
        padding: 20px 5px 5px;
        padding: 2.25rem 2rem;
    }

/* Icono superior */
.status-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-inline: auto;
    background: #eef5ff;
    color: var(--brand-blue);
    font-size: 2rem;
    border: 2px solid #d8e9ff;
}

/* Título y texto */
.auth-title {
    font-weight: 700;
    font-size: 1.15rem;
    /*margin-top: 1rem;*/
    text-align: center;
}

.auth-desc {
    text-align: center;
    color: #6c757d;
    font-size: .90rem;
    margin-bottom: 1.2rem;
}

/* Input con icono */
.input-icon .input-group-text {
    background: #fff;
    border-right: 0;
}

.input-icon .form-control {
    padding-left: .25rem;
    border-left: 0;
}


    .form-control:focus {
        box-shadow: none;
        border-color: var(--border);
    }


/* Error */
.field-error {
    color: var(--error);
    font-size: .9rem;
    margin-top: .4rem;
}

/* Botón principal */
/*     .btn-success {
        background: var(--success-green);
        border-color: var(--success-green);
        font-weight: 600;
    }

        .btn-success:hover {
            background: var(--success-green-dark);
            border-color: var(--success-green-dark);
        } */

/* “Back to Login” */
.back-link {
    color: #868e96;
    text-decoration: none;
    font-size: .95rem;
}

    .back-link:hover {
        color: #495057;
    }

/* Ajustes de spacing en pantallas chicas */
@media (max-width: 575.98px) {
    .auth-card .card-body {
        padding: 1.5rem;
    }
}