/* DIRECTORIO: mismo contenedor, tipografía y azul que las páginas de carreras. */
@font-face{font-family:"Campus Directory Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/roboto-regular.ttf") format("truetype")}
@font-face{font-family:"Campus Directory Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/roboto-medium.ttf") format("truetype")}
@font-face{font-family:"Campus Directory Roboto";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/roboto-semibold.ttf") format("truetype")}
@font-face{font-family:"Campus Directory Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/roboto-bold.ttf") format("truetype")}
.directory-page,.directory-page .career-intro h1,.directory-page .directory-search input,.directory-page button{font-family:"Campus Directory Roboto",Roboto,Arial,sans-serif}
.directory-lines .career-button{background:#e9edf2;border-color:#d4dce6;color:#263b59}
.directory-lines .career-button:hover{background:#dbe2eb;border-color:#bbc8d9;color:#1b396a}
.directory-table thead th:last-child{white-space:nowrap}
.directory-introduction{font-size:17px;line-height:1.7;max-width:760px;color:#526278}.directory-introduction p{margin:0 0 18px}
.directory-lines{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.directory-lines .career-button{gap:12px;min-width:200px}.directory-lines svg{width:23px;height:23px;flex-shrink:0}.directory-lines small{display:block;font-size:12px;font-weight:400;opacity:.9}.directory-lines span{font-size:18px}
.directory-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:18px;background:#1b396a;color:#fff;padding:20px 38px}.directory-toolbar>label{font-weight:600;font-size:16px}.directory-search{display:flex;min-width:0;background:#fff;border-radius:6px;overflow:hidden}.directory-search input{min-width:0;width:100%;border:0;background:#fff;color:#25344a;padding:11px 13px;font:16px/1.4 "Segoe UI",Arial,sans-serif}.directory-search:focus-within{outline:3px solid #d9bc82;outline-offset:2px}.directory-clear{border:0;border-left:1px solid #dce3ec;padding:8px 12px;background:#eaf0f7;color:#1b396a;font:600 13px "Segoe UI",sans-serif;cursor:pointer}.directory-toolbar>p{margin:0;font-size:14px;white-space:nowrap}
.directory-body{padding:24px 30px 30px}.directory-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:15px;line-height:1.6}.directory-table th,.directory-table td{padding:16px 12px;vertical-align:top;border-bottom:1px solid #e0e5ec;overflow-wrap:anywhere}.directory-table thead th{color:#1b396a;background:#e9eef5;font-size:14px;font-weight:700}.directory-table thead th:nth-child(1){width:31%}.directory-table thead th:nth-child(2){width:24%}.directory-table thead th:nth-child(3){width:33%}.directory-table thead th:nth-child(4){width:12%}.directory-table tbody th{font-weight:600;color:#263b59}.directory-table tbody tr:nth-child(even){background:#f4f6f9}.directory-table tbody tr:hover{background:#edf2f8}.directory-table a{color:#1b396a;text-decoration:underline;text-underline-offset:3px}.directory-extension{display:inline-block;min-width:48px;padding:3px 8px;border-radius:5px;background:#e5ebf3;color:#1b396a;font-weight:600;text-align:center}.directory-empty{text-align:center;padding:28px 12px;color:#526278}.directory-page [hidden]{display:none!important}
@media(max-width:900px){.directory-toolbar{grid-template-columns:1fr auto;padding:20px 24px;gap:10px 16px}.directory-toolbar>label{grid-column:1/-1}.directory-body{padding:20px}.directory-table{font-size:14px}}
@media(max-width:640px){.directory-toolbar{padding:18px}.directory-toolbar>label{font-size:15px}.directory-toolbar>p{font-size:12px}.directory-search input{font-size:14px}.directory-body{padding:18px}.directory-table,.directory-table tbody{display:block}.directory-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.directory-table .directory-entry{display:block;border:1px solid #dce3ec;border-radius:7px;margin-bottom:16px;padding:15px;background:#fff}.directory-table tbody th,.directory-table tbody td{display:block;width:100%;padding:5px 0;border:0}.directory-table tbody th{font-size:16px;margin-bottom:9px;color:#1b396a}.directory-table td:not(:empty)::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:#63738b;margin-bottom:2px}.directory-table td:empty{display:none}.directory-lines{gap:10px}.directory-lines .career-button{min-width:0;flex:1 1 185px}}