Gu\u00eda Telef\u00f3nica – Universidad T\u00e9cnica de Oruro<\/title>\n <style>\n #guia-telefonica-container .autoridades-container {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 60px 20px;\n min-height: 100vh;\n }\n\n #guia-telefonica-container .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n #guia-telefonica-container h1.guia-titulo-principal {\n text-align: center;\n margin-bottom: 50px;\n color: #2c3e50;\n font-size: 2.8rem;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.1);\n position: relative;\n padding-bottom: 15px;\n }\n\n #guia-telefonica-container h1.guia-titulo-principal:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 200px;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2c3e50);\n border-radius: 2px;\n }\n\n \/* Nuevos estilos para la barra de b\u00fasqueda y filtros *\/\n #guia-telefonica-container .buscador-container {\n background: white;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n }\n\n #guia-telefonica-container .buscador-wrapper {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n #guia-telefonica-container .search-box {\n flex: 1;\n min-width: 250px;\n position: relative;\n }\n\n #guia-telefonica-container .search-box input {\n width: 100%;\n padding: 15px 20px 15px 45px;\n border: 2px solid #e3e8f0;\n border-radius: 50px;\n font-size: 1rem;\n transition: all 0.3s ease;\n background: #f8f9fa;\n }\n\n #guia-telefonica-container .search-box input:focus {\n outline: none;\n border-color: #3498db;\n background: white;\n box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);\n }\n\n #guia-telefonica-container .search-icon {\n position: absolute;\n left: 18px;\n top: 50%;\n transform: translateY(-50%);\n color: #7f8c8d;\n }\n\n #guia-telefonica-container .filter-buttons {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n #guia-telefonica-container .filter-btn {\n padding: 12px 20px;\n background: #f8f9fa;\n border: 2px solid #e3e8f0;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 500;\n color: #2c3e50;\n }\n\n #guia-telefonica-container .filter-btn:hover {\n background: #e9ecef;\n }\n\n #guia-telefonica-container .filter-btn.active {\n background: #3498db;\n color: white;\n border-color: #3498db;\n }\n\n #guia-telefonica-container .resultados-info {\n margin-top: 15px;\n color: #7f8c8d;\n font-size: 0.9rem;\n }\n\n #guia-telefonica-container .seccion-card {\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n padding: 40px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s ease;\n }\n\n #guia-telefonica-container .seccion-card:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: linear-gradient(to right, #3498db, #2c3e50);\n }\n\n #guia-telefonica-container .seccion-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n\n #guia-telefonica-container .seccion-titulo {\n color: #2c3e50;\n font-size: 1.8rem;\n margin-bottom: 25px;\n padding-bottom: 10px;\n border-bottom: 3px solid #3498db;\n position: relative;\n text-align: center;\n }\n\n #guia-telefonica-container .seccion-titulo:after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(to right, #3498db, #2980b9);\n }\n\n #guia-telefonica-container .tabla-container {\n overflow-x: auto;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n }\n\n #guia-telefonica-container table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n border-radius: 12px;\n overflow: hidden;\n }\n\n #guia-telefonica-container thead {\n background: linear-gradient(135deg, #3498db, #2980b9);\n }\n\n #guia-telefonica-container th {\n color: white;\n padding: 18px 15px;\n text-align: left;\n font-weight: 600;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n #guia-telefonica-container tbody tr {\n transition: all 0.3s ease;\n border-bottom: 1px solid #ecf0f1;\n }\n\n #guia-telefonica-container tbody tr:hover {\n background: linear-gradient(135deg, #f8f9fa, #e3f2fd);\n transform: translateX(5px);\n }\n\n #guia-telefonica-container tbody tr:nth-child(even) {\n background: #f8f9fa;\n }\n\n #guia-telefonica-container tbody tr:nth-child(even):hover {\n background: linear-gradient(135deg, #f8f9fa, #e3f2fd);\n }\n\n #guia-telefonica-container td {\n padding: 16px 15px;\n color: #34495e;\n font-size: 1.1rem;\n border-bottom: 1px solid #ecf0f1;\n }\n\n #guia-telefonica-container td:first-child {\n font-weight: 600;\n color: #2c3e50;\n }\n\n #guia-telefonica-container .telefono {\n color: #27ae60;\n font-weight: 600;\n font-family: 'Courier New', monospace;\n }\n\n #guia-telefonica-container .fax {\n color: #e74c3c;\n font-weight: 500;\n font-family: 'Courier New', monospace;\n }\n\n #guia-telefonica-container .facultad-card {\n background: linear-gradient(135deg, #ffffff, #f8f9fa);\n border-left: 4px solid #27ae60;\n }\n\n #guia-telefonica-container .facultad-card .seccion-titulo {\n border-bottom-color: #27ae60;\n }\n\n #guia-telefonica-container .facultad-card .seccion-titulo:after {\n background: linear-gradient(to right, #27ae60, #219a52);\n }\n\n #guia-telefonica-container .institucion-card {\n background: linear-gradient(135deg, #ffffff, #f0f8ff);\n border-left: 4px solid #9b59b6;\n }\n\n #guia-telefonica-container .institucion-card .seccion-titulo {\n border-bottom-color: #9b59b6;\n }\n\n #guia-telefonica-container .institucion-card .seccion-titulo:after {\n background: linear-gradient(to right, #9b59b6, #8e44ad);\n }\n\n #guia-telefonica-container .departamento-card {\n background: linear-gradient(135deg, #ffffff, #fff0f5);\n border-left: 4px solid #e74c3c;\n }\n\n #guia-telefonica-container .departamento-card .seccion-titulo {\n border-bottom-color: #e74c3c;\n }\n\n #guia-telefonica-container .departamento-card .seccion-titulo:after {\n background: linear-gradient(to right, #e74c3c, #c0392b);\n }\n\n #guia-telefonica-container .footer-note {\n text-align: center;\n margin-top: 60px;\n color: #7f8c8d;\n font-style: italic;\n padding: 20px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n #guia-telefonica-container .no-results {\n text-align: center;\n padding: 40px;\n color: #7f8c8d;\n font-size: 1.2rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n #guia-telefonica-container .seccion-card {\n padding: 30px 20px;\n margin-bottom: 30px;\n }\n \n #guia-telefonica-container h1.guia-titulo-principal {\n font-size: 2.2rem;\n }\n \n #guia-telefonica-container .seccion-titulo {\n font-size: 1.5rem;\n }\n \n #guia-telefonica-container th {\n padding: 15px 12px;\n font-size: 1rem;\n }\n \n #guia-telefonica-container td {\n padding: 14px 12px;\n font-size: 1rem;\n }\n \n #guia-telefonica-container .tabla-container {\n margin: 0 -20px;\n width: calc(100% + 40px);\n }\n\n #guia-telefonica-container .buscador-wrapper {\n flex-direction: column;\n }\n\n #guia-telefonica-container .search-box {\n min-width: 100%;\n }\n }\n\n @media (max-width: 480px) {\n #guia-telefonica-container .autoridades-container {\n padding: 40px 15px;\n }\n \n #guia-telefonica-container .seccion-card {\n padding: 25px 15px;\n margin-bottom: 25px;\n }\n \n #guia-telefonica-container h1.guia-titulo-principal {\n font-size: 1.8rem;\n }\n \n #guia-telefonica-container .seccion-titulo {\n font-size: 1.3rem;\n }\n \n #guia-telefonica-container th {\n padding: 12px 10px;\n font-size: 0.9rem;\n }\n \n #guia-telefonica-container td {\n padding: 12px 10px;\n font-size: 0.9rem;\n }\n \n #guia-telefonica-container .telefono,\n #guia-telefonica-container .fax {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"guia-telefonica-container\">\n <div class=\"autoridades-container\">\n <div class=\"container\">\n <h1 class=\"guia-titulo-principal\">Gu\u00eda Telef\u00f3nica<\/h1>\n \n \n <div class=\"buscador-container\">\n <div class=\"buscador-wrapper\">\n <div class=\"search-box\">\n <span class=\"search-icon\">\ud83d\udd0d<\/span>\n <input type=\"text\" id=\"search-input\" placeholder=\"Buscar departamento, facultad o n\u00famero...\">\n <\/div>\n <div class=\"filter-buttons\">\n <button class=\"filter-btn active\" data-filter=\"all\">Todos<\/button>\n <button class=\"filter-btn\" data-filter=\"institucion\">Instituciones<\/button>\n <button class=\"filter-btn\" data-filter=\"directores\">Directores<\/button>\n <button class=\"filter-btn\" data-filter=\"organizaciones\">Organizaciones<\/button>\n <button class=\"filter-btn\" data-filter=\"departamento\">Departamentos<\/button>\n <button class=\"filter-btn\" data-filter=\"facultad\">Facultades<\/button>\n <\/div>\n <\/div>\n <div class=\"resultados-info\" id=\"resultados-info\">\n Mostrando todos los contactos\n <\/div>\n <\/div>\n \n \n <div class=\"seccion-card institucion-card\" data-category=\"institucion\">\n <h2 class=\"seccion-titulo\">TELEFONOS U.T.O.<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>INSTITUCI\u00d3N<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>RELACIONES P\u00daBLICAS<\/td>\n <td class=\"telefono\">52-50100<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>RECTORADO<\/td>\n <td class=\"telefono\">52-80650\/52-76045<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>VICERRECTORADO<\/td>\n <td class=\"telefono\">52-55543\/52-77548<\/td>\n <td class=\"fax\">52-83479<\/td>\n <\/tr>\n <tr>\n <td>SECRETARIA GENERAL<\/td>\n <td class=\"telefono\">52-80609<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card\" data-category=\"directores\">\n <h2 class=\"seccion-titulo\">DIRECTORES GENERALES<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DIRECCI\u00d3N<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DIRECCI\u00d3N DE PLANIFICACI\u00d3N ACAD\u00c9MICA<\/td>\n <td class=\"telefono\">52-80483<\/td>\n <td class=\"fax\">52-80483<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE POSTGRADO<\/td>\n <td class=\"telefono\">52-75798<\/td>\n <td class=\"fax\">52-55443<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE EVALUACI\u00d3N Y ACREDITACI\u00d3N<\/td>\n <td class=\"telefono\">52-87679<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE UNIDADES ACAD\u00c9MICAS DESCONCENTRADAS<\/td>\n <td class=\"telefono\">52-86085<\/td>\n <td class=\"fax\">52-86085<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ADMINISTRATIVA Y FINANCIERA<\/td>\n <td class=\"telefono\">52-83518\/52-79491<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE PLANIFICACI\u00d3N Y DESARROLLO INSTITUCIONAL<\/td>\n <td class=\"telefono\">52-81745<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE TECNOLOG\u00cdAS DE INFORMACI\u00d3N Y COMUNICACI\u00d3N<\/td>\n <td class=\"telefono\">52-86387<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE INVESTIGACI\u00d3N CIENCIA Y TECNOLOG\u00cdA<\/td>\n <td class=\"telefono\">52-80590<\/td>\n <td class=\"fax\">52-80590<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE VINCULACI\u00d3N<\/td>\n <td class=\"telefono\">52-89424<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>SISTEMA RADIO Y TELEVISI\u00d3N<\/td>\n <td class=\"telefono\">52-77004\/52-84302\/52-84303<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card institucion-card\" data-category=\"organizaciones\">\n <h2 class=\"seccion-titulo\">ORGANIZACIONES ESTUDIANTILES Y SINDICALES<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>INSTITUCI\u00d3N<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>FEDUTO<\/td>\n <td class=\"telefono\">52-74248<\/td>\n <td class=\"fax\">52-74248<\/td>\n <\/tr>\n <tr>\n <td>FUL<\/td>\n <td class=\"telefono\">52-77107<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>SINTRAUTO<\/td>\n <td class=\"telefono\">52-76117<\/td>\n <td class=\"fax\">52-47110<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card departamento-card\" data-category=\"departamento\">\n <h2 class=\"seccion-titulo\">JEFATURA DE DEPARTAMENTOS-DIVISIONES Y REPARTICIONES<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>SECRETAR\u00cdA GENERAL DE RECTORADO<\/td>\n <td class=\"telefono\">52-85960<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>RELACIONES P\u00daBLICAS<\/td>\n <td class=\"telefono\">52-50100<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>EXTENSI\u00d3N CULTURAL<\/td>\n <td class=\"telefono\">52-54015<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>CORO Y ORQUESTA UNIVERSITARIA<\/td>\n <td class=\"telefono\">52-54015<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE RECURSOS HUMANOS<\/td>\n <td class=\"telefono\">52-77101\/52-81249<\/td>\n <td class=\"fax\">52-77101<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE INFRAESTRUCTURA<\/td>\n <td class=\"telefono\">52-52323<\/td>\n <td class=\"fax\">52-52323<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE ASESOR\u00cdA LEGAL<\/td>\n <td class=\"telefono\">52-80901<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE AUDITOR\u00cdA INTERNA<\/td>\n <td class=\"telefono\">52-78924<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE DESARROLLO ORGANIZACIONAL<\/td>\n <td class=\"telefono\">52-88810<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE ASUNTOS ESTUDIANTILES<\/td>\n <td class=\"telefono\">52-55483<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE ADMINISTRACI\u00d3N<\/td>\n <td class=\"telefono\">52-76428<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE CONTABILIDAD<\/td>\n <td class=\"telefono\">52-86024<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE TESORER\u00cdA<\/td>\n <td class=\"telefono\">52-76110<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD DERECHO, CIENCIAS POLITICAS Y SOCIALES (F.D.C.P.S)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-59686<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-57103<\/td>\n <\/tr>\n <tr>\n <td>CARRERA DERECHO<\/td>\n <td class=\"telefono\">52-57946<\/td>\n <\/tr>\n <tr>\n <td>CARRERA DE ANTROPOLOGIA<\/td>\n <td class=\"telefono\">52-54670<\/td>\n <\/tr>\n <tr>\n <td>CARRERA COMUNICACI\u00d3N SOCIAL<\/td>\n <td class=\"telefono\">52-77495<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD NACIONAL DE INGENIERIA (F.N.I.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-74870<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-74870<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. MINAS<\/td>\n <td class=\"telefono\">52-61250<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. CIVIL<\/td>\n <td class=\"telefono\">52-74028<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. METALURGICA<\/td>\n <td class=\"telefono\">52-61046<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. MECANICA<\/td>\n <td class=\"telefono\">52-62549<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. ELECTRICA<\/td>\n <td class=\"telefono\">52-75026<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. PROCESOS QUIMICOS<\/td>\n <td class=\"telefono\">52-61008<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. GEOLOGICA<\/td>\n <td class=\"telefono\">52-61375<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. SISTEMAS<\/td>\n <td class=\"telefono\">52-76366<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. INDUSTRIAL<\/td>\n <td class=\"telefono\">52-63134<\/td>\n <\/tr>\n <tr>\n <td>COORDINADOR DE CICLO BASICO<\/td>\n <td class=\"telefono\">52-61587<\/td>\n <\/tr>\n <tr>\n <td>LABORATORIO SPECTROLAB<\/td>\n <td class=\"telefono\">52-60008<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DPIC<\/td>\n <td class=\"telefono\">52-60051<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD CIENCIAS, ECONOMICAS, FINANCIERAS Y ADMINISTRATIVAS (F.C.E.F.A.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-81707<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-77102<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO CONTADURIA P\u00daBLICA<\/td>\n <td class=\"telefono\">52-58943<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ECONOM-ING. COMERCIAL<\/td>\n <td class=\"telefono\">52-77023<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ADMIN. DE EMPRESAS<\/td>\n <td class=\"telefono\">52-79402<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO CIENCIAS BASICAS<\/td>\n <td class=\"telefono\">52-58502<\/td>\n <\/tr>\n <tr>\n <td>POSTGRADO<\/td>\n <td class=\"telefono\">52-72608<\/td>\n <\/tr>\n <tr>\n <td>BIBLIOTECA<\/td>\n <td class=\"telefono\">52-85079<\/td>\n <\/tr>\n <tr>\n <td>SEMINARIO ECO<\/td>\n <td class=\"telefono\">52-77023<\/td>\n <\/tr>\n <tr>\n <td>SEMINARIO ADM<\/td>\n <td class=\"telefono\">52-72216<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD CIENCIAS AGRICOLAS Y NATURALES (F.C.A.N.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-61645<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-62735<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ING. AGRONOMICA<\/td>\n <td class=\"telefono\">52-65585<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DESARROLLO RURAL<\/td>\n <td class=\"telefono\">52-63260<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ZOOTECNIA VETERINARIA<\/td>\n <td class=\"telefono\">52-61115<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO FITOTECNIA<\/td>\n <td class=\"telefono\">52-64677<\/td>\n <\/tr>\n <tr>\n <td>DPIC-FCAN<\/td>\n <td class=\"telefono\">52-65429<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD ARQUITECTURA Y URBANISMO (F.A.U.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-76790<\/td>\n <\/tr>\n <tr>\n <td>DECANATO<\/td>\n <td class=\"telefono\">52-86733<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-86841<\/td>\n <\/tr>\n <tr>\n <td>KARDEX<\/td>\n <td class=\"telefono\">52-85693<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD CIENCIAS DE LA SALUD (F.C.S.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO<\/td>\n <td class=\"telefono\">52-47110<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-37317<\/td>\n <\/tr>\n <tr>\n <td>DIRECCION CARRERA MEDICINA<\/td>\n <td class=\"telefono\">52-46192<\/td>\n <\/tr>\n <tr>\n <td>DIRECCION CARRERA ENFERMERIA<\/td>\n <td class=\"telefono\">52-46766<\/td>\n <\/tr>\n <tr>\n <td>KARDEX FCS<\/td>\n <td class=\"telefono\">52-33833<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const searchInput = document.getElementById('search-input');\n const filterButtons = document.querySelectorAll('.filter-btn');\n const seccionCards = document.querySelectorAll('.seccion-card');\n const resultadosInfo = document.getElementById('resultados-info');\n \n let activeFilter = 'all';\n let searchTerm = '';\n \n \/\/ Funci\u00f3n para filtrar y buscar\n function filterAndSearch() {\n let visibleCards = 0;\n let totalContacts = 0;\n \n seccionCards.forEach(card => {\n const category = card.getAttribute('data-category');\n const cardTitle = card.querySelector('.seccion-titulo').textContent.toLowerCase();\n const tableRows = card.querySelectorAll('tbody tr');\n let cardVisible = false;\n let matchingRows = 0;\n \n \/\/ Filtrar por categor\u00eda\n const categoryMatch = activeFilter === 'all' || category === activeFilter;\n \n \/\/ Filtrar por t\u00e9rmino de b\u00fasqueda\n let searchMatch = false;\n if (searchTerm === '') {\n searchMatch = true;\n } else {\n \/\/ Buscar en el t\u00edtulo de la secci\u00f3n\n if (cardTitle.includes(searchTerm)) {\n searchMatch = true;\n }\n \n \/\/ Buscar en las filas de la tabla\n tableRows.forEach(row => {\n const rowText = row.textContent.toLowerCase();\n if (rowText.includes(searchTerm)) {\n row.style.display = '';\n matchingRows++;\n searchMatch = true;\n } else {\n row.style.display = 'none';\n }\n });\n }\n \n \/\/ Mostrar\/ocultar tarjeta seg\u00fan filtros\n if (categoryMatch && searchMatch) {\n card.style.display = '';\n cardVisible = true;\n visibleCards++;\n \n \/\/ Si estamos buscando, mostrar solo las filas que coinciden\n if (searchTerm !== '') {\n tableRows.forEach(row => {\n const rowText = row.textContent.toLowerCase();\n if (rowText.includes(searchTerm)) {\n row.style.display = '';\n } else {\n row.style.display = 'none';\n }\n });\n } else {\n \/\/ Mostrar todas las filas si no hay b\u00fasqueda\n tableRows.forEach(row => {\n row.style.display = '';\n });\n }\n } else {\n card.style.display = 'none';\n \n \/\/ Restaurar todas las filas cuando la tarjeta est\u00e1 oculta\n tableRows.forEach(row => {\n row.style.display = '';\n });\n }\n \n \/\/ Contar contactos visibles\n if (cardVisible) {\n if (searchTerm !== '') {\n totalContacts += matchingRows;\n } else {\n totalContacts += tableRows.length;\n }\n }\n });\n \n \/\/ Actualizar informaci\u00f3n de resultados\n updateResultsInfo(visibleCards, totalContacts);\n }\n \n \/\/ Actualizar informaci\u00f3n de resultados\n function updateResultsInfo(visibleCards, totalContacts) {\n if (visibleCards === 0) {\n resultadosInfo.textContent = 'No se encontraron resultados para su b\u00fasqueda';\n } else {\n let filterText = '';\n if (activeFilter !== 'all') {\n const activeBtn = document.querySelector('.filter-btn.active');\n filterText = ` en ${activeBtn.textContent}`;\n }\n \n if (searchTerm !== '') {\n resultadosInfo.textContent = `Mostrando ${totalContacts} contacto(s) encontrado(s) para \"${searchTerm}\"${filterText}`;\n } else {\n resultadosInfo.textContent = `Mostrando ${totalContacts} contacto(s)${filterText}`;\n }\n }\n }\n \n \/\/ Event listeners para los botones de filtro\n filterButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Remover clase active de todos los botones\n filterButtons.forEach(btn => btn.classList.remove('active'));\n \n \/\/ A\u00f1adir clase active al bot\u00f3n clickeado\n this.classList.add('active');\n \n \/\/ Actualizar filtro activo\n activeFilter = this.getAttribute('data-filter');\n \n \/\/ Aplicar filtros\n filterAndSearch();\n });\n });\n \n \/\/ Event listener para la barra de b\u00fasqueda\n searchInput.addEventListener('input', function() {\n searchTerm = this.value.toLowerCase().trim();\n filterAndSearch();\n });\n \n \/\/ Inicializar contadores\n let totalInitialContacts = 0;\n seccionCards.forEach(card => {\n const tableRows = card.querySelectorAll('tbody tr');\n totalInitialContacts += tableRows.length;\n });\n \n resultadosInfo.textContent = `Mostrando ${totalInitialContacts} contactos`;\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda Telef\u00f3nica – Universidad T\u00e9cnica de Oruro Gu\u00eda Telef\u00f3nica \ud83d\udd0d Todos Instituciones Directores Organizaciones Departamentos Facultades Mostrando todos los contactos TELEFONOS U.T.O. INSTITUCI\u00d3N TELEFONO FAX RELACIONES P\u00daBLICAS 52-50100 52-42215 RECTORADO 52-80650\/52-76045 52-42215 VICERRECTORADO 52-55543\/52-77548 52-83479 SECRETARIA GENERAL 52-80609 52-42215 DIRECTORES GENERALES DIRECCI\u00d3N TELEFONO FAX DIRECCI\u00d3N DE PLANIFICACI\u00d3N ACAD\u00c9MICA 52-80483 52-80483 DIRECCI\u00d3N DE POSTGRADO 52-75798 52-55443 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"UTO","author_link":"https:\/\/www.uto.edu.bo\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Gu\u00eda Telef\u00f3nica – Universidad T\u00e9cnica de Oruro Gu\u00eda Telef\u00f3nica \ud83d\udd0d Todos Instituciones Directores Organizaciones Departamentos Facultades Mostrando todos los contactos TELEFONOS U.T.O. INSTITUCI\u00d3N TELEFONO FAX RELACIONES P\u00daBLICAS 52-50100 52-42215 RECTORADO 52-80650\/52-76045 52-42215 VICERRECTORADO 52-55543\/52-77548 52-83479 SECRETARIA GENERAL 52-80609 52-42215 DIRECTORES GENERALES DIRECCI\u00d3N TELEFONO FAX DIRECCI\u00d3N DE PLANIFICACI\u00d3N ACAD\u00c9MICA 52-80483 52-80483 DIRECCI\u00d3N DE POSTGRADO 52-75798 52-55443…","_links":{"self":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":7,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":1355,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/1355"}],"wp:attachment":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":107,"date":"2025-09-23T16:46:18","date_gmt":"2025-09-23T14:46:18","guid":{"rendered":"https:\/\/www.uto.edu.bo\/?page_id=107"},"modified":"2025-11-18T21:16:23","modified_gmt":"2025-11-18T20:16:23","slug":"guia-telefonica","status":"publish","type":"page","link":"https:\/\/www.uto.edu.bo\/?page_id=107","title":{"rendered":"Guia Telefonica"},"content":{"rendered":"\n\n\n\n \n \n Gu\u00eda Telef\u00f3nica – Universidad T\u00e9cnica de Oruro<\/title>\n <style>\n #guia-telefonica-container .autoridades-container {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 60px 20px;\n min-height: 100vh;\n }\n\n #guia-telefonica-container .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n #guia-telefonica-container h1.guia-titulo-principal {\n text-align: center;\n margin-bottom: 50px;\n color: #2c3e50;\n font-size: 2.8rem;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.1);\n position: relative;\n padding-bottom: 15px;\n }\n\n #guia-telefonica-container h1.guia-titulo-principal:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 200px;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2c3e50);\n border-radius: 2px;\n }\n\n \/* Nuevos estilos para la barra de b\u00fasqueda y filtros *\/\n #guia-telefonica-container .buscador-container {\n background: white;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n }\n\n #guia-telefonica-container .buscador-wrapper {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n #guia-telefonica-container .search-box {\n flex: 1;\n min-width: 250px;\n position: relative;\n }\n\n #guia-telefonica-container .search-box input {\n width: 100%;\n padding: 15px 20px 15px 45px;\n border: 2px solid #e3e8f0;\n border-radius: 50px;\n font-size: 1rem;\n transition: all 0.3s ease;\n background: #f8f9fa;\n }\n\n #guia-telefonica-container .search-box input:focus {\n outline: none;\n border-color: #3498db;\n background: white;\n box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);\n }\n\n #guia-telefonica-container .search-icon {\n position: absolute;\n left: 18px;\n top: 50%;\n transform: translateY(-50%);\n color: #7f8c8d;\n }\n\n #guia-telefonica-container .filter-buttons {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n #guia-telefonica-container .filter-btn {\n padding: 12px 20px;\n background: #f8f9fa;\n border: 2px solid #e3e8f0;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 500;\n color: #2c3e50;\n }\n\n #guia-telefonica-container .filter-btn:hover {\n background: #e9ecef;\n }\n\n #guia-telefonica-container .filter-btn.active {\n background: #3498db;\n color: white;\n border-color: #3498db;\n }\n\n #guia-telefonica-container .resultados-info {\n margin-top: 15px;\n color: #7f8c8d;\n font-size: 0.9rem;\n }\n\n #guia-telefonica-container .seccion-card {\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n padding: 40px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s ease;\n }\n\n #guia-telefonica-container .seccion-card:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: linear-gradient(to right, #3498db, #2c3e50);\n }\n\n #guia-telefonica-container .seccion-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n\n #guia-telefonica-container .seccion-titulo {\n color: #2c3e50;\n font-size: 1.8rem;\n margin-bottom: 25px;\n padding-bottom: 10px;\n border-bottom: 3px solid #3498db;\n position: relative;\n text-align: center;\n }\n\n #guia-telefonica-container .seccion-titulo:after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(to right, #3498db, #2980b9);\n }\n\n #guia-telefonica-container .tabla-container {\n overflow-x: auto;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n }\n\n #guia-telefonica-container table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n border-radius: 12px;\n overflow: hidden;\n }\n\n #guia-telefonica-container thead {\n background: linear-gradient(135deg, #3498db, #2980b9);\n }\n\n #guia-telefonica-container th {\n color: white;\n padding: 18px 15px;\n text-align: left;\n font-weight: 600;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n #guia-telefonica-container tbody tr {\n transition: all 0.3s ease;\n border-bottom: 1px solid #ecf0f1;\n }\n\n #guia-telefonica-container tbody tr:hover {\n background: linear-gradient(135deg, #f8f9fa, #e3f2fd);\n transform: translateX(5px);\n }\n\n #guia-telefonica-container tbody tr:nth-child(even) {\n background: #f8f9fa;\n }\n\n #guia-telefonica-container tbody tr:nth-child(even):hover {\n background: linear-gradient(135deg, #f8f9fa, #e3f2fd);\n }\n\n #guia-telefonica-container td {\n padding: 16px 15px;\n color: #34495e;\n font-size: 1.1rem;\n border-bottom: 1px solid #ecf0f1;\n }\n\n #guia-telefonica-container td:first-child {\n font-weight: 600;\n color: #2c3e50;\n }\n\n #guia-telefonica-container .telefono {\n color: #27ae60;\n font-weight: 600;\n font-family: 'Courier New', monospace;\n }\n\n #guia-telefonica-container .fax {\n color: #e74c3c;\n font-weight: 500;\n font-family: 'Courier New', monospace;\n }\n\n #guia-telefonica-container .facultad-card {\n background: linear-gradient(135deg, #ffffff, #f8f9fa);\n border-left: 4px solid #27ae60;\n }\n\n #guia-telefonica-container .facultad-card .seccion-titulo {\n border-bottom-color: #27ae60;\n }\n\n #guia-telefonica-container .facultad-card .seccion-titulo:after {\n background: linear-gradient(to right, #27ae60, #219a52);\n }\n\n #guia-telefonica-container .institucion-card {\n background: linear-gradient(135deg, #ffffff, #f0f8ff);\n border-left: 4px solid #9b59b6;\n }\n\n #guia-telefonica-container .institucion-card .seccion-titulo {\n border-bottom-color: #9b59b6;\n }\n\n #guia-telefonica-container .institucion-card .seccion-titulo:after {\n background: linear-gradient(to right, #9b59b6, #8e44ad);\n }\n\n #guia-telefonica-container .departamento-card {\n background: linear-gradient(135deg, #ffffff, #fff0f5);\n border-left: 4px solid #e74c3c;\n }\n\n #guia-telefonica-container .departamento-card .seccion-titulo {\n border-bottom-color: #e74c3c;\n }\n\n #guia-telefonica-container .departamento-card .seccion-titulo:after {\n background: linear-gradient(to right, #e74c3c, #c0392b);\n }\n\n #guia-telefonica-container .footer-note {\n text-align: center;\n margin-top: 60px;\n color: #7f8c8d;\n font-style: italic;\n padding: 20px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n #guia-telefonica-container .no-results {\n text-align: center;\n padding: 40px;\n color: #7f8c8d;\n font-size: 1.2rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n #guia-telefonica-container .seccion-card {\n padding: 30px 20px;\n margin-bottom: 30px;\n }\n \n #guia-telefonica-container h1.guia-titulo-principal {\n font-size: 2.2rem;\n }\n \n #guia-telefonica-container .seccion-titulo {\n font-size: 1.5rem;\n }\n \n #guia-telefonica-container th {\n padding: 15px 12px;\n font-size: 1rem;\n }\n \n #guia-telefonica-container td {\n padding: 14px 12px;\n font-size: 1rem;\n }\n \n #guia-telefonica-container .tabla-container {\n margin: 0 -20px;\n width: calc(100% + 40px);\n }\n\n #guia-telefonica-container .buscador-wrapper {\n flex-direction: column;\n }\n\n #guia-telefonica-container .search-box {\n min-width: 100%;\n }\n }\n\n @media (max-width: 480px) {\n #guia-telefonica-container .autoridades-container {\n padding: 40px 15px;\n }\n \n #guia-telefonica-container .seccion-card {\n padding: 25px 15px;\n margin-bottom: 25px;\n }\n \n #guia-telefonica-container h1.guia-titulo-principal {\n font-size: 1.8rem;\n }\n \n #guia-telefonica-container .seccion-titulo {\n font-size: 1.3rem;\n }\n \n #guia-telefonica-container th {\n padding: 12px 10px;\n font-size: 0.9rem;\n }\n \n #guia-telefonica-container td {\n padding: 12px 10px;\n font-size: 0.9rem;\n }\n \n #guia-telefonica-container .telefono,\n #guia-telefonica-container .fax {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"guia-telefonica-container\">\n <div class=\"autoridades-container\">\n <div class=\"container\">\n <h1 class=\"guia-titulo-principal\">Gu\u00eda Telef\u00f3nica<\/h1>\n \n \n <div class=\"buscador-container\">\n <div class=\"buscador-wrapper\">\n <div class=\"search-box\">\n <span class=\"search-icon\">\ud83d\udd0d<\/span>\n <input type=\"text\" id=\"search-input\" placeholder=\"Buscar departamento, facultad o n\u00famero...\">\n <\/div>\n <div class=\"filter-buttons\">\n <button class=\"filter-btn active\" data-filter=\"all\">Todos<\/button>\n <button class=\"filter-btn\" data-filter=\"institucion\">Instituciones<\/button>\n <button class=\"filter-btn\" data-filter=\"directores\">Directores<\/button>\n <button class=\"filter-btn\" data-filter=\"organizaciones\">Organizaciones<\/button>\n <button class=\"filter-btn\" data-filter=\"departamento\">Departamentos<\/button>\n <button class=\"filter-btn\" data-filter=\"facultad\">Facultades<\/button>\n <\/div>\n <\/div>\n <div class=\"resultados-info\" id=\"resultados-info\">\n Mostrando todos los contactos\n <\/div>\n <\/div>\n \n \n <div class=\"seccion-card institucion-card\" data-category=\"institucion\">\n <h2 class=\"seccion-titulo\">TELEFONOS U.T.O.<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>INSTITUCI\u00d3N<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>RELACIONES P\u00daBLICAS<\/td>\n <td class=\"telefono\">52-50100<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>RECTORADO<\/td>\n <td class=\"telefono\">52-80650\/52-76045<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>VICERRECTORADO<\/td>\n <td class=\"telefono\">52-55543\/52-77548<\/td>\n <td class=\"fax\">52-83479<\/td>\n <\/tr>\n <tr>\n <td>SECRETARIA GENERAL<\/td>\n <td class=\"telefono\">52-80609<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card\" data-category=\"directores\">\n <h2 class=\"seccion-titulo\">DIRECTORES GENERALES<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DIRECCI\u00d3N<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DIRECCI\u00d3N DE PLANIFICACI\u00d3N ACAD\u00c9MICA<\/td>\n <td class=\"telefono\">52-80483<\/td>\n <td class=\"fax\">52-80483<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE POSTGRADO<\/td>\n <td class=\"telefono\">52-75798<\/td>\n <td class=\"fax\">52-55443<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE EVALUACI\u00d3N Y ACREDITACI\u00d3N<\/td>\n <td class=\"telefono\">52-87679<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE UNIDADES ACAD\u00c9MICAS DESCONCENTRADAS<\/td>\n <td class=\"telefono\">52-86085<\/td>\n <td class=\"fax\">52-86085<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ADMINISTRATIVA Y FINANCIERA<\/td>\n <td class=\"telefono\">52-83518\/52-79491<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE PLANIFICACI\u00d3N Y DESARROLLO INSTITUCIONAL<\/td>\n <td class=\"telefono\">52-81745<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE TECNOLOG\u00cdAS DE INFORMACI\u00d3N Y COMUNICACI\u00d3N<\/td>\n <td class=\"telefono\">52-86387<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE INVESTIGACI\u00d3N CIENCIA Y TECNOLOG\u00cdA<\/td>\n <td class=\"telefono\">52-80590<\/td>\n <td class=\"fax\">52-80590<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DE VINCULACI\u00d3N<\/td>\n <td class=\"telefono\">52-89424<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>SISTEMA RADIO Y TELEVISI\u00d3N<\/td>\n <td class=\"telefono\">52-77004\/52-84302\/52-84303<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card institucion-card\" data-category=\"organizaciones\">\n <h2 class=\"seccion-titulo\">ORGANIZACIONES ESTUDIANTILES Y SINDICALES<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>INSTITUCI\u00d3N<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>FEDUTO<\/td>\n <td class=\"telefono\">52-74248<\/td>\n <td class=\"fax\">52-74248<\/td>\n <\/tr>\n <tr>\n <td>FUL<\/td>\n <td class=\"telefono\">52-77107<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>SINTRAUTO<\/td>\n <td class=\"telefono\">52-76117<\/td>\n <td class=\"fax\">52-47110<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card departamento-card\" data-category=\"departamento\">\n <h2 class=\"seccion-titulo\">JEFATURA DE DEPARTAMENTOS-DIVISIONES Y REPARTICIONES<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <th>FAX<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>SECRETAR\u00cdA GENERAL DE RECTORADO<\/td>\n <td class=\"telefono\">52-85960<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>RELACIONES P\u00daBLICAS<\/td>\n <td class=\"telefono\">52-50100<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>EXTENSI\u00d3N CULTURAL<\/td>\n <td class=\"telefono\">52-54015<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>CORO Y ORQUESTA UNIVERSITARIA<\/td>\n <td class=\"telefono\">52-54015<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE RECURSOS HUMANOS<\/td>\n <td class=\"telefono\">52-77101\/52-81249<\/td>\n <td class=\"fax\">52-77101<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE INFRAESTRUCTURA<\/td>\n <td class=\"telefono\">52-52323<\/td>\n <td class=\"fax\">52-52323<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE ASESOR\u00cdA LEGAL<\/td>\n <td class=\"telefono\">52-80901<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE AUDITOR\u00cdA INTERNA<\/td>\n <td class=\"telefono\">52-78924<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE DESARROLLO ORGANIZACIONAL<\/td>\n <td class=\"telefono\">52-88810<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE ASUNTOS ESTUDIANTILES<\/td>\n <td class=\"telefono\">52-55483<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE ADMINISTRACI\u00d3N<\/td>\n <td class=\"telefono\">52-76428<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE CONTABILIDAD<\/td>\n <td class=\"telefono\">52-86024<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DE TESORER\u00cdA<\/td>\n <td class=\"telefono\">52-76110<\/td>\n <td class=\"fax\">52-42215<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD DERECHO, CIENCIAS POLITICAS Y SOCIALES (F.D.C.P.S)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-59686<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-57103<\/td>\n <\/tr>\n <tr>\n <td>CARRERA DERECHO<\/td>\n <td class=\"telefono\">52-57946<\/td>\n <\/tr>\n <tr>\n <td>CARRERA DE ANTROPOLOGIA<\/td>\n <td class=\"telefono\">52-54670<\/td>\n <\/tr>\n <tr>\n <td>CARRERA COMUNICACI\u00d3N SOCIAL<\/td>\n <td class=\"telefono\">52-77495<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD NACIONAL DE INGENIERIA (F.N.I.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-74870<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-74870<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. MINAS<\/td>\n <td class=\"telefono\">52-61250<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. CIVIL<\/td>\n <td class=\"telefono\">52-74028<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. METALURGICA<\/td>\n <td class=\"telefono\">52-61046<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. MECANICA<\/td>\n <td class=\"telefono\">52-62549<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. ELECTRICA<\/td>\n <td class=\"telefono\">52-75026<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. PROCESOS QUIMICOS<\/td>\n <td class=\"telefono\">52-61008<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. GEOLOGICA<\/td>\n <td class=\"telefono\">52-61375<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. SISTEMAS<\/td>\n <td class=\"telefono\">52-76366<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N ING. INDUSTRIAL<\/td>\n <td class=\"telefono\">52-63134<\/td>\n <\/tr>\n <tr>\n <td>COORDINADOR DE CICLO BASICO<\/td>\n <td class=\"telefono\">52-61587<\/td>\n <\/tr>\n <tr>\n <td>LABORATORIO SPECTROLAB<\/td>\n <td class=\"telefono\">52-60008<\/td>\n <\/tr>\n <tr>\n <td>DIRECCI\u00d3N DPIC<\/td>\n <td class=\"telefono\">52-60051<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD CIENCIAS, ECONOMICAS, FINANCIERAS Y ADMINISTRATIVAS (F.C.E.F.A.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-81707<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-77102<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO CONTADURIA P\u00daBLICA<\/td>\n <td class=\"telefono\">52-58943<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ECONOM-ING. COMERCIAL<\/td>\n <td class=\"telefono\">52-77023<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ADMIN. DE EMPRESAS<\/td>\n <td class=\"telefono\">52-79402<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO CIENCIAS BASICAS<\/td>\n <td class=\"telefono\">52-58502<\/td>\n <\/tr>\n <tr>\n <td>POSTGRADO<\/td>\n <td class=\"telefono\">52-72608<\/td>\n <\/tr>\n <tr>\n <td>BIBLIOTECA<\/td>\n <td class=\"telefono\">52-85079<\/td>\n <\/tr>\n <tr>\n <td>SEMINARIO ECO<\/td>\n <td class=\"telefono\">52-77023<\/td>\n <\/tr>\n <tr>\n <td>SEMINARIO ADM<\/td>\n <td class=\"telefono\">52-72216<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD CIENCIAS AGRICOLAS Y NATURALES (F.C.A.N.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-61645<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-62735<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ING. AGRONOMICA<\/td>\n <td class=\"telefono\">52-65585<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO DESARROLLO RURAL<\/td>\n <td class=\"telefono\">52-63260<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO ZOOTECNIA VETERINARIA<\/td>\n <td class=\"telefono\">52-61115<\/td>\n <\/tr>\n <tr>\n <td>DEPARTAMENTO FITOTECNIA<\/td>\n <td class=\"telefono\">52-64677<\/td>\n <\/tr>\n <tr>\n <td>DPIC-FCAN<\/td>\n <td class=\"telefono\">52-65429<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD ARQUITECTURA Y URBANISMO (F.A.U.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO(STRIA.)<\/td>\n <td class=\"telefono\">52-76790<\/td>\n <\/tr>\n <tr>\n <td>DECANATO<\/td>\n <td class=\"telefono\">52-86733<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-86841<\/td>\n <\/tr>\n <tr>\n <td>KARDEX<\/td>\n <td class=\"telefono\">52-85693<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"seccion-card facultad-card\" data-category=\"facultad\">\n <h2 class=\"seccion-titulo\">FACULTAD CIENCIAS DE LA SALUD (F.C.S.)<\/h2>\n <div class=\"tabla-container\">\n <table>\n <thead>\n <tr>\n <th>DEPARTAMENTO<\/th>\n <th>TELEFONO<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>DECANATO<\/td>\n <td class=\"telefono\">52-47110<\/td>\n <\/tr>\n <tr>\n <td>VICEDECANATO<\/td>\n <td class=\"telefono\">52-37317<\/td>\n <\/tr>\n <tr>\n <td>DIRECCION CARRERA MEDICINA<\/td>\n <td class=\"telefono\">52-46192<\/td>\n <\/tr>\n <tr>\n <td>DIRECCION CARRERA ENFERMERIA<\/td>\n <td class=\"telefono\">52-46766<\/td>\n <\/tr>\n <tr>\n <td>KARDEX FCS<\/td>\n <td class=\"telefono\">52-33833<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const searchInput = document.getElementById('search-input');\n const filterButtons = document.querySelectorAll('.filter-btn');\n const seccionCards = document.querySelectorAll('.seccion-card');\n const resultadosInfo = document.getElementById('resultados-info');\n \n let activeFilter = 'all';\n let searchTerm = '';\n \n \/\/ Funci\u00f3n para filtrar y buscar\n function filterAndSearch() {\n let visibleCards = 0;\n let totalContacts = 0;\n \n seccionCards.forEach(card => {\n const category = card.getAttribute('data-category');\n const cardTitle = card.querySelector('.seccion-titulo').textContent.toLowerCase();\n const tableRows = card.querySelectorAll('tbody tr');\n let cardVisible = false;\n let matchingRows = 0;\n \n \/\/ Filtrar por categor\u00eda\n const categoryMatch = activeFilter === 'all' || category === activeFilter;\n \n \/\/ Filtrar por t\u00e9rmino de b\u00fasqueda\n let searchMatch = false;\n if (searchTerm === '') {\n searchMatch = true;\n } else {\n \/\/ Buscar en el t\u00edtulo de la secci\u00f3n\n if (cardTitle.includes(searchTerm)) {\n searchMatch = true;\n }\n \n \/\/ Buscar en las filas de la tabla\n tableRows.forEach(row => {\n const rowText = row.textContent.toLowerCase();\n if (rowText.includes(searchTerm)) {\n row.style.display = '';\n matchingRows++;\n searchMatch = true;\n } else {\n row.style.display = 'none';\n }\n });\n }\n \n \/\/ Mostrar\/ocultar tarjeta seg\u00fan filtros\n if (categoryMatch && searchMatch) {\n card.style.display = '';\n cardVisible = true;\n visibleCards++;\n \n \/\/ Si estamos buscando, mostrar solo las filas que coinciden\n if (searchTerm !== '') {\n tableRows.forEach(row => {\n const rowText = row.textContent.toLowerCase();\n if (rowText.includes(searchTerm)) {\n row.style.display = '';\n } else {\n row.style.display = 'none';\n }\n });\n } else {\n \/\/ Mostrar todas las filas si no hay b\u00fasqueda\n tableRows.forEach(row => {\n row.style.display = '';\n });\n }\n } else {\n card.style.display = 'none';\n \n \/\/ Restaurar todas las filas cuando la tarjeta est\u00e1 oculta\n tableRows.forEach(row => {\n row.style.display = '';\n });\n }\n \n \/\/ Contar contactos visibles\n if (cardVisible) {\n if (searchTerm !== '') {\n totalContacts += matchingRows;\n } else {\n totalContacts += tableRows.length;\n }\n }\n });\n \n \/\/ Actualizar informaci\u00f3n de resultados\n updateResultsInfo(visibleCards, totalContacts);\n }\n \n \/\/ Actualizar informaci\u00f3n de resultados\n function updateResultsInfo(visibleCards, totalContacts) {\n if (visibleCards === 0) {\n resultadosInfo.textContent = 'No se encontraron resultados para su b\u00fasqueda';\n } else {\n let filterText = '';\n if (activeFilter !== 'all') {\n const activeBtn = document.querySelector('.filter-btn.active');\n filterText = ` en ${activeBtn.textContent}`;\n }\n \n if (searchTerm !== '') {\n resultadosInfo.textContent = `Mostrando ${totalContacts} contacto(s) encontrado(s) para \"${searchTerm}\"${filterText}`;\n } else {\n resultadosInfo.textContent = `Mostrando ${totalContacts} contacto(s)${filterText}`;\n }\n }\n }\n \n \/\/ Event listeners para los botones de filtro\n filterButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Remover clase active de todos los botones\n filterButtons.forEach(btn => btn.classList.remove('active'));\n \n \/\/ A\u00f1adir clase active al bot\u00f3n clickeado\n this.classList.add('active');\n \n \/\/ Actualizar filtro activo\n activeFilter = this.getAttribute('data-filter');\n \n \/\/ Aplicar filtros\n filterAndSearch();\n });\n });\n \n \/\/ Event listener para la barra de b\u00fasqueda\n searchInput.addEventListener('input', function() {\n searchTerm = this.value.toLowerCase().trim();\n filterAndSearch();\n });\n \n \/\/ Inicializar contadores\n let totalInitialContacts = 0;\n seccionCards.forEach(card => {\n const tableRows = card.querySelectorAll('tbody tr');\n totalInitialContacts += tableRows.length;\n });\n \n resultadosInfo.textContent = `Mostrando ${totalInitialContacts} contactos`;\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda Telef\u00f3nica – Universidad T\u00e9cnica de Oruro Gu\u00eda Telef\u00f3nica \ud83d\udd0d Todos Instituciones Directores Organizaciones Departamentos Facultades Mostrando todos los contactos TELEFONOS U.T.O. INSTITUCI\u00d3N TELEFONO FAX RELACIONES P\u00daBLICAS 52-50100 52-42215 RECTORADO 52-80650\/52-76045 52-42215 VICERRECTORADO 52-55543\/52-77548 52-83479 SECRETARIA GENERAL 52-80609 52-42215 DIRECTORES GENERALES DIRECCI\u00d3N TELEFONO FAX DIRECCI\u00d3N DE PLANIFICACI\u00d3N ACAD\u00c9MICA 52-80483 52-80483 DIRECCI\u00d3N DE POSTGRADO 52-75798 52-55443 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"UTO","author_link":"https:\/\/www.uto.edu.bo\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Gu\u00eda Telef\u00f3nica – Universidad T\u00e9cnica de Oruro Gu\u00eda Telef\u00f3nica \ud83d\udd0d Todos Instituciones Directores Organizaciones Departamentos Facultades Mostrando todos los contactos TELEFONOS U.T.O. INSTITUCI\u00d3N TELEFONO FAX RELACIONES P\u00daBLICAS 52-50100 52-42215 RECTORADO 52-80650\/52-76045 52-42215 VICERRECTORADO 52-55543\/52-77548 52-83479 SECRETARIA GENERAL 52-80609 52-42215 DIRECTORES GENERALES DIRECCI\u00d3N TELEFONO FAX DIRECCI\u00d3N DE PLANIFICACI\u00d3N ACAD\u00c9MICA 52-80483 52-80483 DIRECCI\u00d3N DE POSTGRADO 52-75798 52-55443…","_links":{"self":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":7,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":1355,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/1355"}],"wp:attachment":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}