:root {
    /* Colores Institucionales Azules y Dorados */
    --primary-inst: #002855; /* Azul Medianoche (Base Principal) */
    --secondary-inst: #FFC107; /* Dorado/Amarillo (Acento para títulos/iconos) */
    --text-color: #333333; /* Texto principal oscuro */
    --bg-main: #f8f9fa; /* Fondo muy claro y limpio */
    --success-inst: #1e8449; /* Verde oscuro para sueldos */
    --location-badge: #5a6268; /* Gris oscuro para ubicación */
}

/* Reemplazando clases de Bootstrap con nuestros colores */
.bg-primary-inst { background-color: var(--primary-inst) !important; }
.text-primary-inst { color: var(--primary-inst) !important; }
.btn-primary-inst {
    background-color: var(--primary-inst);
    border-color: var(--primary-inst);
    color: white;
    transition: background-color 0.3s, transform 0.2s;
}
.btn-primary-inst:hover {
    background-color: #001f3f; 
    border-color: #001f3f;
    transform: translateY(-1px);
     color: white;
}

.text-secondary-inst { color: var(--secondary-inst) !important; }
.bg-location { background-color: var(--location-badge) !important; } /* Nuevo color para el badge de ubicación */

/* Estilos Globales */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--bg-main); 
    color: var(--text-color);
}

/* Navbar y Header */
.navbar-brand .fa-gavel {
    color: var(--secondary-inst);
}

/* Tarjeta de Trabajo (Card) */
.job-card {
    transition: transform 0.3s, box-shadow 0.3s;
    border-left: 6px solid var(--secondary-inst); /* Borde de acento dorado */
}

.job-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Diseño del Logo Grande (IMAGEN JPG/PNG) */
.logo-container {
    /* Contenedor flexible para la imagen si es necesario */
}

.logo-institucional {
    width: 60px; /* Tamaño más grande para la imagen */
    height: 60px;
    object-fit: contain; /* Asegura que la imagen no se distorsione */
    border-radius: 8px; /* Borde sutil y elegante */
    border: 1px solid #dee2e6;
    padding: 2px;
}

.card-subtitle {
    font-size: 0.9rem; /* Un poco más grande para el nombre de la institución */
    color: #6c757d !important;
}

.card-title {
    font-size: 1.25rem;
}

/* Badges */
.bg-success-inst { background-color: var(--success-inst) !important; }

.job-meta-item {
    font-size: 0.9rem;
    font-weight: 500;
}

.job-description {
    height: auto;
    overflow: visible;
    color: #495057;
    margin-top: 10px;
}