body { font-family: "Segoe UI", Tahoma, sans-serif; background-color: #f8f9fa; overflow-x: hidden;}

/* Header institucional */
.header-unap { vertical-align: center; background-color: #034e7c; padding: 1rem 0; text-align: left; }
.header-unap img { max-width: 140px; }

/* Buscador */
.search-panel { background: white; padding: 2rem; border-radius: 0.5rem; box-shadow: 0 0 15px rgba(0,0,0,0.1); margin-top: -120px; }
.btn-buscar { background-color: #0071bd; color: white; }
.btn-buscar:hover { background-color: #005a9c; }

/* Resultados */
.card-personal { margin-top: 2rem; transition: transform .2s; }
.card-personal img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: 3px solid #0071bd; }
.card-personal:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.15); }
.card-personal .card-body { display: flex; align-items: center; }
.card-personal .info-personal { margin-left: 1rem; }

/* Contactos y sedes */
.card-contacto { transition: transform .2s; }
.card-contacto:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.15); }
.card-contacto img { width: 280px; height: 150px; object-fit: contain; margin-bottom: 1rem; }
.datos-contacto li { list-style: none; margin-bottom: 0.5rem; }

footer {
    position: relative;
    width: 100%;
    bottom: -100px;
    background-color: #044e7d;
    color: #fff;
    padding: 1rem 0;
    text-align: center;
}

@media (max-width: 768px) {
    .card-personal .card-body { flex-direction: column; align-items: center; text-align: center; }
    .card-personal .info-personal { margin-left: 0; margin-top: 1rem; }
}
@media (max-width: 1488px) {
    .header-unap { vertical-align: center; height:120px; text-align: center !important; background-color: #034e7c; padding: 1rem 0;}
    .header-unap img { max-width: 68px; top:-30px;}
}

#btnSubir {
    display: none; /* oculto al inicio */
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #0071bd; /* azul Bootstrap */
    color: white;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    transition: background-color 0.3s;
}
#btnSubir:hover {
    background-color: #005a9c;
}