/* ============================================
   BOLSA DE TRABAJO ISTB — Estilos
   ============================================ */

:root {
    --istb-primary: #0d6efd;
    --istb-dark: #1a1a2e;
}

body {
    background-color: #f8f9fa;
    color: #333;
}

/* Cards */
.card {
    border: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    border-radius: .6rem;
}
.card-header {
    background: #fff;
    border-bottom: 2px solid var(--istb-primary);
    font-weight: 600;
    color: var(--istb-primary);
}

/* Oferta card */
.oferta-card {
    transition: transform .15s, box-shadow .15s;
    cursor: pointer;
}
.oferta-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13,110,253,.15);
}
.badge-carrera {
    background-color: #e7f1ff;
    color: var(--istb-primary);
    font-weight: 500;
}

/* Auth forms */
.auth-card {
    max-width: 480px;
    margin: 2rem auto;
}
.auth-card .card-body {
    padding: 2rem;
}

/* Navbar */
.navbar-brand {
    font-size: 1.1rem;
    letter-spacing: .3px;
}

/* Sidebar de paneles */
.sidebar-menu .nav-link {
    color: #555;
    border-radius: .4rem;
    padding: .45rem .8rem;
    font-size: .92rem;
}
.sidebar-menu .nav-link:hover,
.sidebar-menu .nav-link.active {
    background: #e7f1ff;
    color: var(--istb-primary);
}
.sidebar-menu .nav-link i {
    width: 20px;
}

/* Estado badges */
.badge-activa   { background: #d1fae5; color: #065f46; }
.badge-inactiva { background: #fef3c7; color: #92400e; }
.badge-cerrada  { background: #fee2e2; color: #991b1b; }
.badge-pendiente { background: #fef3c7; color: #92400e; }

/* ── Responsive ────────────────────────────── */
@media (max-width: 767px) {
    .auth-card { margin: 1rem; }
    .sidebar-menu { display: flex; flex-wrap: wrap; gap: 4px; }
    .sidebar-menu .nav-link { padding: .3rem .6rem; font-size: .82rem; }
    .sidebar-menu hr { display: none; }
    .sidebar-menu div.px-2 { display: none; }
    .table-responsive { font-size: .85rem; }
    .card-header { flex-direction: column; align-items: flex-start !important; }
}

/* ── Utilidades extra ──────────────────────── */
.oferta-card { cursor: pointer; }
.oferta-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(13,110,253,.15); }

.progress { border-radius: 20px; }
.progress-bar { border-radius: 20px; transition: width .6s ease; }

/* Tablas más compactas en admin */
.table th { font-size: .82rem; font-weight: 600; color: #555; text-transform: uppercase; letter-spacing: .3px; }
.table td { font-size: .88rem; vertical-align: middle; }

/* Sidebar activo con borde izquierdo */
.sidebar-menu .nav-link.active {
    background: #e7f1ff;
    color: var(--istb-primary);
    border-left: 3px solid var(--istb-primary);
    padding-left: calc(.8rem - 3px);
}

/* Flash messages más compactos */
.alert { font-size: .9rem; }

/* Tooltips en botones icon-only */
.btn[title] { position: relative; }