/* ── Portal del Profesor: paleta corporativa Academia Reverte ── */
:root {
    --portal-primary-dark: #1a0505;
    --portal-primary-mid: #6b0f0f;
    --portal-primary-light: #c0392b;
    --portal-primary-hover: #7f1d1d;
    --portal-primary-hover-light: #dc2626;
    --portal-bg: #f4f5f7;
    --portal-text-muted: #6c757d;
}

.btn-portal-primary {
    background: linear-gradient(135deg, var(--portal-primary-mid), var(--portal-primary-light));
    border: none;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.btn-portal-primary:hover,
.btn-portal-primary:focus {
    background: linear-gradient(135deg, var(--portal-primary-hover), var(--portal-primary-hover-light));
    color: #fff;
    box-shadow: 0 4px 14px rgba(107, 15, 15, 0.35);
}

.btn-portal-primary:disabled {
    background: linear-gradient(135deg, #9ca3af, #b0b7bf);
    color: #fff;
}

.btn-portal-outline {
    background: transparent;
    border: 1px solid rgba(107, 15, 15, 0.3);
    color: var(--portal-primary-mid);
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.btn-portal-outline:hover,
.btn-portal-outline:focus {
    background: var(--portal-primary-mid);
    border-color: var(--portal-primary-mid);
    color: #fff;
}

.portal-form-control:focus {
    border-color: var(--portal-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(192, 57, 43, 0.18);
}