/* Buscador de universidad y carrera (sugerencias_postulacion.js). */
.sg-campo { position: relative; }
.sg-panel {
    position: absolute; left: 0; right: 0; z-index: 30; margin-top: 6px;
    max-height: 320px; overflow-y: auto; overscroll-behavior: contain;
    padding: 6px; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff;
    box-shadow: 0 18px 40px -18px rgba(15, 23, 42, .35), 0 2px 6px rgba(15, 23, 42, .06);
    animation: sg-entra .14s ease-out both;
}
.sg-titulo { margin: 4px 10px 6px; color: #94a3b8; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: left; }
.sg-opcion {
    display: flex; width: 100%; align-items: baseline; justify-content: space-between; gap: 12px;
    padding: 10px 12px; border: 0; border-radius: 10px; background: none;
    color: #0f172a; font: inherit; font-size: 14.5px; text-align: left; cursor: pointer;
}
.sg-opcion span { min-width: 0; }
.sg-opcion small { flex: 0 0 auto; color: #94a3b8; font-size: 12px; white-space: nowrap; }
.sg-opcion:hover, .sg-opcion.activa { background: #f4f5f7; }
.sg-opcion mark { background: none; color: inherit; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(107, 30, 46, .35); text-underline-offset: 3px; }
.sg-vacio { margin: 8px 12px; color: #64748b; font-size: 13px; text-align: left; }
.sg-nota { margin: 6px 0 0; color: #64748b; font-size: 12.5px; line-height: 1.5; text-align: left; }
.sg-nota:empty { display: none; }
@keyframes sg-entra { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) {
    .sg-panel { max-height: 50vh; }
    .sg-opcion { padding: 12px; font-size: 15px; }
    .sg-opcion small { display: none; }
}