Herramientas para Estudiantes \u00b7 Consejo de Estudiantes<\/title>\r\n <style>\r\n \/* ===================================================\r\n TODO AISLADO EN #tools-uo (NO afecta al resto)\r\n NO FONDOS OSCUROS (forzado claro)\r\n =================================================== *\/\r\n :root { color-scheme: light; }\r\n\r\n #tools-uo{\r\n --brand:#03827C; --brand-2:#006d77; --accent:#10b3a4;\r\n --bg:#ffffff; --bg-soft:#f7fbfb; --paper:#ffffff;\r\n --text:#183549; --muted:#5b6d7a; --line:#e8eef2; --shadow:0 14px 30px rgba(0,0,0,.08);\r\n --r-lg:20px; --r-md:14px; --r-sm:10px;\r\n }\r\n\r\n \/* Base *\/\r\n #tools-uo{ font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Inter, Roboto, \"Helvetica Neue\", Arial; background:var(--bg); color:var(--text); line-height:1.55; }\r\n #tools-uo *, #tools-uo *::before, #tools-uo *::after{ box-sizing:border-box; }\r\n #tools-uo a{ color:var(--brand-2); text-decoration: none; }\r\n #tools-uo a:hover{ text-decoration: underline; }\r\n #tools-uo :focus-visible{ outline:2px solid rgba(0,109,119,.85); outline-offset:2px; border-radius:10px; box-shadow: 0 0 0 3px rgba(0,109,119,.18); }\r\n #tools-uo .wrap{ max-width:1180px; margin:0 auto; padding: clamp(14px,2.8vw,28px); display:grid; gap: clamp(14px,2vw,24px); }\r\n\r\n \/* Hero *\/\r\n #tools-uo .hero{\r\n background: linear-gradient(145deg, rgba(3,130,124,.06), rgba(16,179,164,.05)), var(--paper);\r\n border:1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow);\r\n padding: clamp(18px, 3.2vw, 28px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px;\r\n position:relative; overflow:hidden;\r\n }\r\n #tools-uo .hero-title{ display:flex; align-items:center; gap:12px; min-width:0; }\r\n #tools-uo .hero .icon{\r\n width:52px; height:52px; display:grid; place-items:center; border-radius:14px;\r\n background:linear-gradient(180deg, var(--brand), var(--brand-2)); color:#fff; box-shadow:0 10px 24px rgba(0,109,119,.25);\r\n flex:0 0 auto;\r\n }\r\n #tools-uo h1{ margin:0; font-size: clamp(1.25rem, 2.2vw + .6rem, 2rem); letter-spacing:.2px; }\r\n #tools-uo .subtitle{ margin:4px 0 0; color:var(--muted); }\r\n\r\n \/* Barra \u00edndice (toc) *\/\r\n #tools-uo .toc{\r\n position: sticky; top: 10px; z-index: 2;\r\n background: var(--paper); border:1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow);\r\n padding: 10px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;\r\n }\r\n #tools-uo .toc .links{ display:flex; flex-wrap:wrap; gap:8px; }\r\n #tools-uo .toc a.toc-link{\r\n display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;\r\n background: var(--bg-soft); border:1px solid var(--line); color:var(--brand-2); font-weight:700; text-decoration:none;\r\n }\r\n #tools-uo .toc a.toc-link:hover{ background:#eef6f5; }\r\n #tools-uo .toc .count{ color:var(--muted); font-size:.95rem; }\r\n\r\n \/* Filtros y buscador *\/\r\n #tools-uo .filters{\r\n display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;\r\n background: var(--paper); border:1px solid var(--line); border-radius:14px; padding:10px 12px;\r\n }\r\n #tools-uo .chips{ display:flex; flex-wrap:wrap; gap:8px; }\r\n #tools-uo .chip{\r\n padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--bg-soft); color:var(--brand-2); font-weight:700; font-size:.92rem; cursor:pointer; user-select:none;\r\n }\r\n #tools-uo .chip[aria-pressed=\"true\"]{ background:#eef6f5; border-color:rgba(3,130,124,.25); color:var(--brand); }\r\n #tools-uo .search{\r\n flex:1 1 260px; display:flex; align-items:center; gap:8px; background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; padding:8px 10px;\r\n }\r\n #tools-uo .search input{\r\n width:100%; border:0; background:transparent; color:inherit; font-size:1rem; outline:none;\r\n }\r\n\r\n \/* Secciones *\/\r\n #tools-uo .section{\r\n background: var(--paper); border:1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow);\r\n padding: clamp(16px,2vw,20px);\r\n }\r\n #tools-uo .section h2{\r\n margin: 6px 8px 14px; font-size: clamp(1.1rem, 1.4vw + .6rem, 1.45rem);\r\n display:flex; align-items:center; gap:10px;\r\n }\r\n #tools-uo .badge{\r\n font-size:.82rem; font-weight:800; color:#fff; background: linear-gradient(180deg, var(--brand), var(--brand-2));\r\n padding: 6px 10px; border-radius: 10px;\r\n }\r\n\r\n \/* Grid *\/\r\n #tools-uo .grid{\r\n display:grid; gap: clamp(14px, 2.2vw, 24px);\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n }\r\n\r\n \/* Card *\/\r\n #tools-uo .card{\r\n position:relative; background:var(--paper); border:1px solid var(--line); border-radius:16px; box-shadow: var(--shadow);\r\n display:flex; flex-direction:column; min-height:220px; overflow:hidden; transition: transform .18s ease, box-shadow .18s ease;\r\n }\r\n #tools-uo .card:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.12); }\r\n #tools-uo .card-header{\r\n height:82px; display:grid; place-items:center;\r\n background: radial-gradient(120px 60px at 10% 120%, rgba(3,130,124,.10), transparent 60%), linear-gradient(180deg, rgba(3,130,124,.10), rgba(0,0,0,0));\r\n border-bottom:1px dashed var(--line);\r\n }\r\n #tools-uo .card .ico{\r\n width:46px; height:46px; border-radius:12px; display:grid; place-items:center; color:#fff;\r\n background: linear-gradient(180deg, var(--brand), var(--brand-2));\r\n box-shadow: 0 10px 22px rgba(0,109,119,.22);\r\n }\r\n #tools-uo .card-body{ padding: 14px 14px 8px; display:flex; flex-direction:column; gap:8px; }\r\n #tools-uo .card h3{ margin: 2px 0 0; font-size:1.05rem; line-height:1.35; }\r\n #tools-uo .card h3 a{ color:var(--text); text-decoration:none; }\r\n #tools-uo .card h3 a:hover{ color:var(--brand-2); }\r\n #tools-uo .card p{ margin: 4px 0 12px; color:var(--muted); text-align: justify; }\r\n #tools-uo .card-actions{ padding: 0 14px 14px; margin-top:auto; }\r\n #tools-uo .btn{\r\n display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; cursor:pointer; text-decoration:none; user-select:none;\r\n border:1px solid rgba(0,109,119,.28); background:linear-gradient(180deg, var(--brand), var(--brand-2)); color:#fff; font-weight:800;\r\n box-shadow:0 10px 22px rgba(0,109,119,.22);\r\n }\r\n #tools-uo .btn:active{ transform: translateY(1px); }\r\n\r\n \/* Ayudas *\/\r\n #tools-uo .status{ color:var(--muted); font-size:.95rem; }\r\n #tools-uo .results[hidden]{ display:none !important; }\r\n #tools-uo mark{ background:#fff0a6; color: inherit; border-radius:6px; padding:0 2px; }\r\n\r\n \/* Nota *\/\r\n #tools-uo .note{\r\n color:var(--muted); font-size:.95rem; text-align:center;\r\n border:1px dashed var(--line); border-radius:14px; padding:12px;\r\n background: var(--paper);\r\n }\r\n\r\n \/* Reduce motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n #tools-uo .card, #tools-uo .btn{ transition: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<section id=\"tools-uo\" aria-label=\"Herramientas para Estudiantes\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hero\" aria-labelledby=\"titulo\">\r\n <div class=\"hero-title\">\r\n <div class=\"icon\" aria-hidden=\"true\">\r\n \r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14.7 6.3a4 4 0 1 0-5.66 5.66l8.49 8.49a2 2 0 0 0 2.83 0l.71-.71a2 2 0 0 0 0-2.83z\"\/>\r\n <path d=\"M8.6 11.4 7 13\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"titulo\">Herramientas para Estudiantes<\/h1>\r\n <p class=\"subtitle\">Accesos r\u00e1pidos, gu\u00edas y utilidades del Consejo de Estudiantes (UniOvi).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <nav class=\"toc\" aria-label=\"\u00cdndice y b\u00fasqueda\">\r\n <div class=\"links\" role=\"list\">\r\n <a class=\"toc-link\" href=\"#imprescindibles\" data-scroll>Imprescindibles <span class=\"badge\" id=\"b-core\">5<\/span><\/a>\r\n <a class=\"toc-link\" href=\"#otras\" data-scroll>Otras herramientas <span class=\"badge\" id=\"b-extra\">6<\/span><\/a>\r\n <\/div>\r\n <div class=\"count status\" aria-live=\"polite\">\r\n <span id=\"count\">11 herramientas<\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"filters\" aria-label=\"Filtros\">\r\n <div class=\"chips\" role=\"group\" aria-label=\"Filtrar por categor\u00eda\">\r\n <button class=\"chip\" data-chip=\"all\" aria-pressed=\"true\">Todo<\/button>\r\n <button class=\"chip\" data-chip=\"comunidad\" aria-pressed=\"false\">Comunidad<\/button>\r\n <button class=\"chip\" data-chip=\"guias\" aria-pressed=\"false\">Gu\u00edas<\/button>\r\n <button class=\"chip\" data-chip=\"tramites\" aria-pressed=\"false\">Tr\u00e1mites<\/button>\r\n <button class=\"chip\" data-chip=\"salud\" aria-pressed=\"false\">Salud<\/button>\r\n <button class=\"chip\" data-chip=\"mapas\" aria-pressed=\"false\">Mapas<\/button>\r\n <\/div>\r\n <form class=\"search\" role=\"search\" onsubmit=\"return false;\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-3.5-3.5\"><\/path>\r\n <\/svg>\r\n <label for=\"q\" class=\"visually-hidden\">Buscar herramientas<\/label>\r\n <input id=\"q\" type=\"search\" placeholder=\"Buscar herramientas, gu\u00edas o tr\u00e1mites\u2026\" autocomplete=\"off\" aria-label=\"Buscar herramientas\"\/>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <section id=\"imprescindibles\" class=\"section\" aria-labelledby=\"h-imp\">\r\n <h2 id=\"h-imp\">\r\n <span>Imprescindibles<\/span>\r\n <span class=\"badge\">Prioridad<\/span>\r\n <\/h2>\r\n <div class=\"grid\" data-group=\"core\" aria-live=\"polite\">\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"comunidad\"\r\n data-title=\"Tabl\u00f3n de Anuncios (Intranet)\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/intranet\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/intranet\/\" target=\"_blank\" rel=\"noopener\">Tabl\u00f3n de Anuncios<\/a><\/h3>\r\n <p>Espacio privado para publicar y consultar anuncios de alojamiento, intercambios, actividades y m\u00e1s.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/intranet\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Tr\u00e1mites de la Universidad de Oviedo\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/tramites-uniovi\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16l4-2 4 2 4-2 4 2V8z\"\/><path d=\"M14 2v6h6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/tramites-uniovi\/\" target=\"_blank\" rel=\"noopener\">Tr\u00e1mites de la UO<\/a><\/h3>\r\n <p>Informaci\u00f3n centralizada sobre procedimientos, becas, ayudas y otros tr\u00e1mites universitarios.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/tramites-uniovi\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"POD\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/pod-centros\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><path d=\"m9 15 2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\" target=\"_blank\" rel=\"noopener\">Plan de Organizaci\u00f3n Docente<\/a><\/h3>\r\n <p>Horarios, calendarios de ex\u00e1menes, gu\u00edas docentes, tribunales de evaluaci\u00f3n y profesorado asignado a cada grupo.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/pod-centros\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Calendario de tr\u00e1mites abiertos\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><path d=\"m9 15 2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\" target=\"_blank\" rel=\"noopener\">Calendario de tr\u00e1mites abiertos<\/a><\/h3>\r\n <p>Consulta de un vistazo los plazos activos de convocatorias y procedimientos.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"salud\"\r\n data-title=\"Atenci\u00f3n Psicol\u00f3gica (PAE)\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/atencion-psicologica\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 22l7.8-8.6 1-1a5.5 5.5 0 0 0 0-7.8z\"\/>\r\n <path d=\"M7 13l2-2 2 2 3-3 3 3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/atencion-psicologica\/\" target=\"_blank\" rel=\"noopener\">Atenci\u00f3n Psicol\u00f3gica<\/a><\/h3>\r\n <p>Apoyo gratuito y confidencial 24\/7 a trav\u00e9s del Programa de Atenci\u00f3n al Estudiante (PAE).<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/atencion-psicologica\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"guias\"\r\n data-title=\"Gu\u00eda de Supervivencia\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-supervivencia\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M4 4v15.5A2.5 2.5 0 0 1 6.5 22H20V6a2 2 0 0 0-2-2H6.5A2.5 2.5 0 0 0 4 6.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-supervivencia\/\" target=\"_blank\" rel=\"noopener\">Gu\u00eda de Supervivencia<\/a><\/h3>\r\n <p>Conoce mejor la Universidad de Oviedo y resuelve dudas frecuentes como estudiante.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-supervivencia\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"otras\" class=\"section\" aria-labelledby=\"h-oth\">\r\n <h2 id=\"h-oth\">\r\n <span>Otras herramientas<\/span>\r\n <\/h2>\r\n <div class=\"grid\" data-group=\"extra\" aria-live=\"polite\">\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"mapas\"\r\n data-title=\"Mapa de las salas de estudio\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/mapa-de-centros-de-estudio\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 1 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/mapa-de-centros-de-estudio\/\" target=\"_blank\" rel=\"noopener\">Mapa de las salas de estudio<\/a><\/h3>\r\n <p>Localiza salas disponibles en vacaciones y durante el curso.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/mapa-de-centros-de-estudio\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"comunidad\"\r\n data-title=\"Grupos de WhatsApp\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/grupos-de-whatsapp-general\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/grupos-de-whatsapp-general\/\" target=\"_blank\" rel=\"noopener\">Grupos de WhatsApp<\/a><\/h3>\r\n <p>Interact\u00faa con otros estudiantes y mantente al d\u00eda en canales verificados.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/grupos-de-whatsapp-general\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Calendario de d\u00edas h\u00e1biles\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-dias-inhabiles\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-dias-inhabiles\/\" target=\"_blank\" rel=\"noopener\">Calendario d\u00edas h\u00e1biles<\/a><\/h3>\r\n <p>Calcula plazos administrativos internos en funci\u00f3n de d\u00edas h\u00e1biles\/inh\u00e1biles.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-dias-inhabiles\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Repositorio legislativo\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/repositorio-legislacion\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 7h18v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><path d=\"M3 7l3-4h12l3 4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/repositorio-legislacion\/\" target=\"_blank\" rel=\"noopener\">Repositorio legislativo<\/a><\/h3>\r\n <p>Normas y reglamentos de la Universidad de Oviedo en un \u00fanico espacio.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/repositorio-legislacion\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"guias comunidad\"\r\n data-title=\"Gu\u00eda sobre asociaciones universitarias\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-asociaciones\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-asociaciones\/\" target=\"_blank\" rel=\"noopener\">Gu\u00eda sobre asociaciones universitarias<\/a><\/h3>\r\n <p>C\u00f3mo crear, gestionar y hacer crecer una asociaci\u00f3n estudiantil en la UniOvi.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-asociaciones\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"guias comunidad\"\r\n data-title=\"Gu\u00eda de la representaci\u00f3n estudiantil\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 11l18-5v12l-18-5v-2z\"\/><path d=\"M11 19a2 2 0 0 1-4 0v-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\" target=\"_blank\" rel=\"noopener\">Gu\u00eda de la representaci\u00f3n estudiantil<\/a><\/h3>\r\n <p>Derechos, deberes y procedimientos clave para representar con seguridad.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n <p class=\"note\">Consejo de Estudiantes \u00b7 Si detectas alg\u00fan enlace roto o quieres proponer una nueva herramienta, escribe a <a href=\"mailto:cestudiantes@uniovi.es\">cestudiantes@uniovi.es<\/a>.<\/p>\r\n <\/div>\r\n\r\n \r\n <script>\r\n (function(){\r\n const root = document.querySelector('#tools-uo');\r\n const groups = {\r\n core: root.querySelector('[data-group=\"core\"]'),\r\n extra: root.querySelector('[data-group=\"extra\"]')\r\n };\r\n const cards = [...root.querySelectorAll('.card.results')];\r\n const chips = [...root.querySelectorAll('.chip')];\r\n const input = root.querySelector('#q');\r\n const count = root.querySelector('#count');\r\n const bCore = root.querySelector('#b-core');\r\n const bExtra = root.querySelector('#b-extra');\r\n\r\n \/\/ Helpers\r\n const norm = s => (s||'').toLowerCase().normalize('NFD').replace(\/\\p{Diacritic}\/gu,'');\r\n const belongs = (el, groupNode) => groupNode.contains(el);\r\n const setCount = (n) => count.textContent = `${n} herramienta${n===1?'':'s'}`;\r\n const smooth = (e) => { e.preventDefault(); const id = e.currentTarget.getAttribute('href'); const el = root.querySelector(id); if(el){ el.scrollIntoView({behavior:'smooth', block:'start'}); } };\r\n\r\n \/\/ State\r\n const state = { chip:'all', q:'' };\r\n\r\n \/\/ Apply filters\r\n function apply(){\r\n const tag = state.chip;\r\n const q = norm(state.q);\r\n let visible = 0, vc=0, ve=0;\r\n\r\n \/\/ Reset previous highlights\r\n cards.forEach(c=>{\r\n const t = c.querySelector('h3 a'); const d = c.querySelector('p');\r\n t.innerHTML = t.textContent; d.innerHTML = d.textContent;\r\n });\r\n\r\n cards.forEach(card=>{\r\n const tags = (card.getAttribute('data-tags')||'').split(\/\\s+\/);\r\n const title = card.getAttribute('data-title')||'';\r\n const desc = (card.querySelector('p')?.textContent)||'';\r\n const matchesTag = (tag==='all') || tags.includes(tag);\r\n const matchesQ = !q || norm(title+' '+desc).includes(q);\r\n const show = matchesTag && matchesQ;\r\n card.style.display = show ? '' : 'none';\r\n if(show){ visible++; highlight(card, q); if(belongs(card, groups.core)) vc++; else if(belongs(card, groups.extra)) ve++; }\r\n });\r\n\r\n \/\/ show\/hide sections if empty\r\n groups.core.parentElement.style.display = vc ? '' : 'none';\r\n groups.extra.parentElement.style.display = ve ? '' : 'none';\r\n\r\n bCore.textContent = vc; bExtra.textContent = ve;\r\n setCount(visible);\r\n }\r\n\r\n \/\/ Highlight match\r\n function highlight(card, q){\r\n if(!q) return;\r\n const re = new RegExp(`(${q.replace(\/[.*+?^${}()|[\\]\\\\]\/g,'\\\\$&')})`,'ig');\r\n const t = card.querySelector('h3 a'); const d = card.querySelector('p');\r\n const H = (el)=>{ el.innerHTML = el.textContent.replace(re, '<mark>$1<\/mark>'); };\r\n H(t); H(d);\r\n }\r\n\r\n \/\/ Chip click\r\n chips.forEach(ch=>{\r\n ch.addEventListener('click', ()=>{\r\n chips.forEach(x=>x.setAttribute('aria-pressed','false'));\r\n ch.setAttribute('aria-pressed','true');\r\n state.chip = ch.dataset.chip;\r\n apply();\r\n });\r\n });\r\n\r\n \/\/ Search typing (debounced)\r\n let t; input.addEventListener('input', (e)=>{\r\n state.q = e.target.value || '';\r\n clearTimeout(t); t = setTimeout(apply, 90);\r\n });\r\n\r\n \/\/ Card keyboard: Enter\/Space opens main link\r\n cards.forEach(card=>{\r\n card.addEventListener('keydown', (e)=>{\r\n if(e.key==='Enter' || e.key===' '){\r\n e.preventDefault();\r\n const href = card.getAttribute('data-href') || card.querySelector('a[href]')?.href;\r\n if(href) window.open(href, '_blank', 'noopener');\r\n }\r\n });\r\n });\r\n\r\n \/\/ TOC smooth scroll\r\n root.querySelectorAll('a[data-scroll]').forEach(a=> a.addEventListener('click', smooth));\r\n\r\n \/\/ Initial counts\r\n bCore.textContent = groups.core.querySelectorAll('.card.results').length;\r\n bExtra.textContent = groups.extra.querySelectorAll('.card.results').length;\r\n setCount(cards.length);\r\n\r\n \/\/ Reveal animation\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(en=>{\r\n if(en.isIntersecting){\r\n en.target.animate([{opacity:.0, transform:'translateY(8px)'},{opacity:1, transform:'none'}],{duration:220, easing:'ease-out'});\r\n io.unobserve(en.target);\r\n }\r\n });\r\n }, {threshold:.12});\r\n cards.forEach(c=>io.observe(c));\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n \/* util a11y *\/\r\n #tools-uo .visually-hidden{\r\n position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;\r\n }\r\n <\/style>\r\n<\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Herramientas para Estudiantes \u00b7 Consejo de Estudiantes Herramientas para Estudiantes Accesos r\u00e1pidos, gu\u00edas y utilidades del Consejo de Estudiantes (UniOvi). Imprescindibles 5 Otras herramientas 6 11 herramientas Todo Comunidad Gu\u00edas Tr\u00e1mites Salud Mapas Buscar herramientas Imprescindibles Prioridad Tabl\u00f3n de Anuncios Espacio privado para publicar y consultar anuncios de alojamiento, intercambios, actividades y m\u00e1s. Abrir Tr\u00e1mites… <a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/herramientas-para-estudiantes\/\" rel=\"bookmark\">Leer m\u00e1s »<span class=\"screen-reader-text\">Herramientas para estudiantes<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-10539","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/10539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/comments?post=10539"}],"version-history":[{"count":9,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/10539\/revisions"}],"predecessor-version":[{"id":17407,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/10539\/revisions\/17407"}],"wp:attachment":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/media?parent=10539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Herramientas para Estudiantes \u00b7 Consejo de Estudiantes<\/title>\r\n <style>\r\n \/* ===================================================\r\n TODO AISLADO EN #tools-uo (NO afecta al resto)\r\n NO FONDOS OSCUROS (forzado claro)\r\n =================================================== *\/\r\n :root { color-scheme: light; }\r\n\r\n #tools-uo{\r\n --brand:#03827C; --brand-2:#006d77; --accent:#10b3a4;\r\n --bg:#ffffff; --bg-soft:#f7fbfb; --paper:#ffffff;\r\n --text:#183549; --muted:#5b6d7a; --line:#e8eef2; --shadow:0 14px 30px rgba(0,0,0,.08);\r\n --r-lg:20px; --r-md:14px; --r-sm:10px;\r\n }\r\n\r\n \/* Base *\/\r\n #tools-uo{ font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Inter, Roboto, \"Helvetica Neue\", Arial; background:var(--bg); color:var(--text); line-height:1.55; }\r\n #tools-uo *, #tools-uo *::before, #tools-uo *::after{ box-sizing:border-box; }\r\n #tools-uo a{ color:var(--brand-2); text-decoration: none; }\r\n #tools-uo a:hover{ text-decoration: underline; }\r\n #tools-uo :focus-visible{ outline:2px solid rgba(0,109,119,.85); outline-offset:2px; border-radius:10px; box-shadow: 0 0 0 3px rgba(0,109,119,.18); }\r\n #tools-uo .wrap{ max-width:1180px; margin:0 auto; padding: clamp(14px,2.8vw,28px); display:grid; gap: clamp(14px,2vw,24px); }\r\n\r\n \/* Hero *\/\r\n #tools-uo .hero{\r\n background: linear-gradient(145deg, rgba(3,130,124,.06), rgba(16,179,164,.05)), var(--paper);\r\n border:1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow);\r\n padding: clamp(18px, 3.2vw, 28px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px;\r\n position:relative; overflow:hidden;\r\n }\r\n #tools-uo .hero-title{ display:flex; align-items:center; gap:12px; min-width:0; }\r\n #tools-uo .hero .icon{\r\n width:52px; height:52px; display:grid; place-items:center; border-radius:14px;\r\n background:linear-gradient(180deg, var(--brand), var(--brand-2)); color:#fff; box-shadow:0 10px 24px rgba(0,109,119,.25);\r\n flex:0 0 auto;\r\n }\r\n #tools-uo h1{ margin:0; font-size: clamp(1.25rem, 2.2vw + .6rem, 2rem); letter-spacing:.2px; }\r\n #tools-uo .subtitle{ margin:4px 0 0; color:var(--muted); }\r\n\r\n \/* Barra \u00edndice (toc) *\/\r\n #tools-uo .toc{\r\n position: sticky; top: 10px; z-index: 2;\r\n background: var(--paper); border:1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow);\r\n padding: 10px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;\r\n }\r\n #tools-uo .toc .links{ display:flex; flex-wrap:wrap; gap:8px; }\r\n #tools-uo .toc a.toc-link{\r\n display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;\r\n background: var(--bg-soft); border:1px solid var(--line); color:var(--brand-2); font-weight:700; text-decoration:none;\r\n }\r\n #tools-uo .toc a.toc-link:hover{ background:#eef6f5; }\r\n #tools-uo .toc .count{ color:var(--muted); font-size:.95rem; }\r\n\r\n \/* Filtros y buscador *\/\r\n #tools-uo .filters{\r\n display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;\r\n background: var(--paper); border:1px solid var(--line); border-radius:14px; padding:10px 12px;\r\n }\r\n #tools-uo .chips{ display:flex; flex-wrap:wrap; gap:8px; }\r\n #tools-uo .chip{\r\n padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--bg-soft); color:var(--brand-2); font-weight:700; font-size:.92rem; cursor:pointer; user-select:none;\r\n }\r\n #tools-uo .chip[aria-pressed=\"true\"]{ background:#eef6f5; border-color:rgba(3,130,124,.25); color:var(--brand); }\r\n #tools-uo .search{\r\n flex:1 1 260px; display:flex; align-items:center; gap:8px; background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; padding:8px 10px;\r\n }\r\n #tools-uo .search input{\r\n width:100%; border:0; background:transparent; color:inherit; font-size:1rem; outline:none;\r\n }\r\n\r\n \/* Secciones *\/\r\n #tools-uo .section{\r\n background: var(--paper); border:1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow);\r\n padding: clamp(16px,2vw,20px);\r\n }\r\n #tools-uo .section h2{\r\n margin: 6px 8px 14px; font-size: clamp(1.1rem, 1.4vw + .6rem, 1.45rem);\r\n display:flex; align-items:center; gap:10px;\r\n }\r\n #tools-uo .badge{\r\n font-size:.82rem; font-weight:800; color:#fff; background: linear-gradient(180deg, var(--brand), var(--brand-2));\r\n padding: 6px 10px; border-radius: 10px;\r\n }\r\n\r\n \/* Grid *\/\r\n #tools-uo .grid{\r\n display:grid; gap: clamp(14px, 2.2vw, 24px);\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n }\r\n\r\n \/* Card *\/\r\n #tools-uo .card{\r\n position:relative; background:var(--paper); border:1px solid var(--line); border-radius:16px; box-shadow: var(--shadow);\r\n display:flex; flex-direction:column; min-height:220px; overflow:hidden; transition: transform .18s ease, box-shadow .18s ease;\r\n }\r\n #tools-uo .card:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.12); }\r\n #tools-uo .card-header{\r\n height:82px; display:grid; place-items:center;\r\n background: radial-gradient(120px 60px at 10% 120%, rgba(3,130,124,.10), transparent 60%), linear-gradient(180deg, rgba(3,130,124,.10), rgba(0,0,0,0));\r\n border-bottom:1px dashed var(--line);\r\n }\r\n #tools-uo .card .ico{\r\n width:46px; height:46px; border-radius:12px; display:grid; place-items:center; color:#fff;\r\n background: linear-gradient(180deg, var(--brand), var(--brand-2));\r\n box-shadow: 0 10px 22px rgba(0,109,119,.22);\r\n }\r\n #tools-uo .card-body{ padding: 14px 14px 8px; display:flex; flex-direction:column; gap:8px; }\r\n #tools-uo .card h3{ margin: 2px 0 0; font-size:1.05rem; line-height:1.35; }\r\n #tools-uo .card h3 a{ color:var(--text); text-decoration:none; }\r\n #tools-uo .card h3 a:hover{ color:var(--brand-2); }\r\n #tools-uo .card p{ margin: 4px 0 12px; color:var(--muted); text-align: justify; }\r\n #tools-uo .card-actions{ padding: 0 14px 14px; margin-top:auto; }\r\n #tools-uo .btn{\r\n display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; cursor:pointer; text-decoration:none; user-select:none;\r\n border:1px solid rgba(0,109,119,.28); background:linear-gradient(180deg, var(--brand), var(--brand-2)); color:#fff; font-weight:800;\r\n box-shadow:0 10px 22px rgba(0,109,119,.22);\r\n }\r\n #tools-uo .btn:active{ transform: translateY(1px); }\r\n\r\n \/* Ayudas *\/\r\n #tools-uo .status{ color:var(--muted); font-size:.95rem; }\r\n #tools-uo .results[hidden]{ display:none !important; }\r\n #tools-uo mark{ background:#fff0a6; color: inherit; border-radius:6px; padding:0 2px; }\r\n\r\n \/* Nota *\/\r\n #tools-uo .note{\r\n color:var(--muted); font-size:.95rem; text-align:center;\r\n border:1px dashed var(--line); border-radius:14px; padding:12px;\r\n background: var(--paper);\r\n }\r\n\r\n \/* Reduce motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n #tools-uo .card, #tools-uo .btn{ transition: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<section id=\"tools-uo\" aria-label=\"Herramientas para Estudiantes\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hero\" aria-labelledby=\"titulo\">\r\n <div class=\"hero-title\">\r\n <div class=\"icon\" aria-hidden=\"true\">\r\n \r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14.7 6.3a4 4 0 1 0-5.66 5.66l8.49 8.49a2 2 0 0 0 2.83 0l.71-.71a2 2 0 0 0 0-2.83z\"\/>\r\n <path d=\"M8.6 11.4 7 13\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"titulo\">Herramientas para Estudiantes<\/h1>\r\n <p class=\"subtitle\">Accesos r\u00e1pidos, gu\u00edas y utilidades del Consejo de Estudiantes (UniOvi).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <nav class=\"toc\" aria-label=\"\u00cdndice y b\u00fasqueda\">\r\n <div class=\"links\" role=\"list\">\r\n <a class=\"toc-link\" href=\"#imprescindibles\" data-scroll>Imprescindibles <span class=\"badge\" id=\"b-core\">5<\/span><\/a>\r\n <a class=\"toc-link\" href=\"#otras\" data-scroll>Otras herramientas <span class=\"badge\" id=\"b-extra\">6<\/span><\/a>\r\n <\/div>\r\n <div class=\"count status\" aria-live=\"polite\">\r\n <span id=\"count\">11 herramientas<\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"filters\" aria-label=\"Filtros\">\r\n <div class=\"chips\" role=\"group\" aria-label=\"Filtrar por categor\u00eda\">\r\n <button class=\"chip\" data-chip=\"all\" aria-pressed=\"true\">Todo<\/button>\r\n <button class=\"chip\" data-chip=\"comunidad\" aria-pressed=\"false\">Comunidad<\/button>\r\n <button class=\"chip\" data-chip=\"guias\" aria-pressed=\"false\">Gu\u00edas<\/button>\r\n <button class=\"chip\" data-chip=\"tramites\" aria-pressed=\"false\">Tr\u00e1mites<\/button>\r\n <button class=\"chip\" data-chip=\"salud\" aria-pressed=\"false\">Salud<\/button>\r\n <button class=\"chip\" data-chip=\"mapas\" aria-pressed=\"false\">Mapas<\/button>\r\n <\/div>\r\n <form class=\"search\" role=\"search\" onsubmit=\"return false;\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-3.5-3.5\"><\/path>\r\n <\/svg>\r\n <label for=\"q\" class=\"visually-hidden\">Buscar herramientas<\/label>\r\n <input id=\"q\" type=\"search\" placeholder=\"Buscar herramientas, gu\u00edas o tr\u00e1mites\u2026\" autocomplete=\"off\" aria-label=\"Buscar herramientas\"\/>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <section id=\"imprescindibles\" class=\"section\" aria-labelledby=\"h-imp\">\r\n <h2 id=\"h-imp\">\r\n <span>Imprescindibles<\/span>\r\n <span class=\"badge\">Prioridad<\/span>\r\n <\/h2>\r\n <div class=\"grid\" data-group=\"core\" aria-live=\"polite\">\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"comunidad\"\r\n data-title=\"Tabl\u00f3n de Anuncios (Intranet)\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/intranet\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/intranet\/\" target=\"_blank\" rel=\"noopener\">Tabl\u00f3n de Anuncios<\/a><\/h3>\r\n <p>Espacio privado para publicar y consultar anuncios de alojamiento, intercambios, actividades y m\u00e1s.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/intranet\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Tr\u00e1mites de la Universidad de Oviedo\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/tramites-uniovi\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16l4-2 4 2 4-2 4 2V8z\"\/><path d=\"M14 2v6h6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/tramites-uniovi\/\" target=\"_blank\" rel=\"noopener\">Tr\u00e1mites de la UO<\/a><\/h3>\r\n <p>Informaci\u00f3n centralizada sobre procedimientos, becas, ayudas y otros tr\u00e1mites universitarios.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/tramites-uniovi\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"POD\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/pod-centros\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><path d=\"m9 15 2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\" target=\"_blank\" rel=\"noopener\">Plan de Organizaci\u00f3n Docente<\/a><\/h3>\r\n <p>Horarios, calendarios de ex\u00e1menes, gu\u00edas docentes, tribunales de evaluaci\u00f3n y profesorado asignado a cada grupo.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/pod-centros\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Calendario de tr\u00e1mites abiertos\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><path d=\"m9 15 2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\" target=\"_blank\" rel=\"noopener\">Calendario de tr\u00e1mites abiertos<\/a><\/h3>\r\n <p>Consulta de un vistazo los plazos activos de convocatorias y procedimientos.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-tramites-de-la-universidad\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"salud\"\r\n data-title=\"Atenci\u00f3n Psicol\u00f3gica (PAE)\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/atencion-psicologica\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 22l7.8-8.6 1-1a5.5 5.5 0 0 0 0-7.8z\"\/>\r\n <path d=\"M7 13l2-2 2 2 3-3 3 3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/atencion-psicologica\/\" target=\"_blank\" rel=\"noopener\">Atenci\u00f3n Psicol\u00f3gica<\/a><\/h3>\r\n <p>Apoyo gratuito y confidencial 24\/7 a trav\u00e9s del Programa de Atenci\u00f3n al Estudiante (PAE).<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/atencion-psicologica\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"guias\"\r\n data-title=\"Gu\u00eda de Supervivencia\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-supervivencia\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M4 4v15.5A2.5 2.5 0 0 1 6.5 22H20V6a2 2 0 0 0-2-2H6.5A2.5 2.5 0 0 0 4 6.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-supervivencia\/\" target=\"_blank\" rel=\"noopener\">Gu\u00eda de Supervivencia<\/a><\/h3>\r\n <p>Conoce mejor la Universidad de Oviedo y resuelve dudas frecuentes como estudiante.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-supervivencia\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"otras\" class=\"section\" aria-labelledby=\"h-oth\">\r\n <h2 id=\"h-oth\">\r\n <span>Otras herramientas<\/span>\r\n <\/h2>\r\n <div class=\"grid\" data-group=\"extra\" aria-live=\"polite\">\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"mapas\"\r\n data-title=\"Mapa de las salas de estudio\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/mapa-de-centros-de-estudio\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 1 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/mapa-de-centros-de-estudio\/\" target=\"_blank\" rel=\"noopener\">Mapa de las salas de estudio<\/a><\/h3>\r\n <p>Localiza salas disponibles en vacaciones y durante el curso.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/mapa-de-centros-de-estudio\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"comunidad\"\r\n data-title=\"Grupos de WhatsApp\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/grupos-de-whatsapp-general\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/grupos-de-whatsapp-general\/\" target=\"_blank\" rel=\"noopener\">Grupos de WhatsApp<\/a><\/h3>\r\n <p>Interact\u00faa con otros estudiantes y mantente al d\u00eda en canales verificados.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/grupos-de-whatsapp-general\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Calendario de d\u00edas h\u00e1biles\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-dias-inhabiles\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-dias-inhabiles\/\" target=\"_blank\" rel=\"noopener\">Calendario d\u00edas h\u00e1biles<\/a><\/h3>\r\n <p>Calcula plazos administrativos internos en funci\u00f3n de d\u00edas h\u00e1biles\/inh\u00e1biles.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/calendario-dias-inhabiles\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"tramites\"\r\n data-title=\"Repositorio legislativo\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/repositorio-legislacion\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 7h18v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><path d=\"M3 7l3-4h12l3 4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/repositorio-legislacion\/\" target=\"_blank\" rel=\"noopener\">Repositorio legislativo<\/a><\/h3>\r\n <p>Normas y reglamentos de la Universidad de Oviedo en un \u00fanico espacio.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/repositorio-legislacion\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"guias comunidad\"\r\n data-title=\"Gu\u00eda sobre asociaciones universitarias\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-asociaciones\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-asociaciones\/\" target=\"_blank\" rel=\"noopener\">Gu\u00eda sobre asociaciones universitarias<\/a><\/h3>\r\n <p>C\u00f3mo crear, gestionar y hacer crecer una asociaci\u00f3n estudiantil en la UniOvi.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-asociaciones\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card results\" tabindex=\"0\"\r\n data-tags=\"guias comunidad\"\r\n data-title=\"Gu\u00eda de la representaci\u00f3n estudiantil\"\r\n data-href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\">\r\n <div class=\"card-header\">\r\n <div class=\"ico\" aria-hidden=\"true\">\r\n \r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 11l18-5v12l-18-5v-2z\"\/><path d=\"M11 19a2 2 0 0 1-4 0v-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3><a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\" target=\"_blank\" rel=\"noopener\">Gu\u00eda de la representaci\u00f3n estudiantil<\/a><\/h3>\r\n <p>Derechos, deberes y procedimientos clave para representar con seguridad.<\/p>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\" target=\"_blank\" rel=\"noopener\">Abrir<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n <p class=\"note\">Consejo de Estudiantes \u00b7 Si detectas alg\u00fan enlace roto o quieres proponer una nueva herramienta, escribe a <a href=\"mailto:cestudiantes@uniovi.es\">cestudiantes@uniovi.es<\/a>.<\/p>\r\n <\/div>\r\n\r\n \r\n <script>\r\n (function(){\r\n const root = document.querySelector('#tools-uo');\r\n const groups = {\r\n core: root.querySelector('[data-group=\"core\"]'),\r\n extra: root.querySelector('[data-group=\"extra\"]')\r\n };\r\n const cards = [...root.querySelectorAll('.card.results')];\r\n const chips = [...root.querySelectorAll('.chip')];\r\n const input = root.querySelector('#q');\r\n const count = root.querySelector('#count');\r\n const bCore = root.querySelector('#b-core');\r\n const bExtra = root.querySelector('#b-extra');\r\n\r\n \/\/ Helpers\r\n const norm = s => (s||'').toLowerCase().normalize('NFD').replace(\/\\p{Diacritic}\/gu,'');\r\n const belongs = (el, groupNode) => groupNode.contains(el);\r\n const setCount = (n) => count.textContent = `${n} herramienta${n===1?'':'s'}`;\r\n const smooth = (e) => { e.preventDefault(); const id = e.currentTarget.getAttribute('href'); const el = root.querySelector(id); if(el){ el.scrollIntoView({behavior:'smooth', block:'start'}); } };\r\n\r\n \/\/ State\r\n const state = { chip:'all', q:'' };\r\n\r\n \/\/ Apply filters\r\n function apply(){\r\n const tag = state.chip;\r\n const q = norm(state.q);\r\n let visible = 0, vc=0, ve=0;\r\n\r\n \/\/ Reset previous highlights\r\n cards.forEach(c=>{\r\n const t = c.querySelector('h3 a'); const d = c.querySelector('p');\r\n t.innerHTML = t.textContent; d.innerHTML = d.textContent;\r\n });\r\n\r\n cards.forEach(card=>{\r\n const tags = (card.getAttribute('data-tags')||'').split(\/\\s+\/);\r\n const title = card.getAttribute('data-title')||'';\r\n const desc = (card.querySelector('p')?.textContent)||'';\r\n const matchesTag = (tag==='all') || tags.includes(tag);\r\n const matchesQ = !q || norm(title+' '+desc).includes(q);\r\n const show = matchesTag && matchesQ;\r\n card.style.display = show ? '' : 'none';\r\n if(show){ visible++; highlight(card, q); if(belongs(card, groups.core)) vc++; else if(belongs(card, groups.extra)) ve++; }\r\n });\r\n\r\n \/\/ show\/hide sections if empty\r\n groups.core.parentElement.style.display = vc ? '' : 'none';\r\n groups.extra.parentElement.style.display = ve ? '' : 'none';\r\n\r\n bCore.textContent = vc; bExtra.textContent = ve;\r\n setCount(visible);\r\n }\r\n\r\n \/\/ Highlight match\r\n function highlight(card, q){\r\n if(!q) return;\r\n const re = new RegExp(`(${q.replace(\/[.*+?^${}()|[\\]\\\\]\/g,'\\\\$&')})`,'ig');\r\n const t = card.querySelector('h3 a'); const d = card.querySelector('p');\r\n const H = (el)=>{ el.innerHTML = el.textContent.replace(re, '<mark>$1<\/mark>'); };\r\n H(t); H(d);\r\n }\r\n\r\n \/\/ Chip click\r\n chips.forEach(ch=>{\r\n ch.addEventListener('click', ()=>{\r\n chips.forEach(x=>x.setAttribute('aria-pressed','false'));\r\n ch.setAttribute('aria-pressed','true');\r\n state.chip = ch.dataset.chip;\r\n apply();\r\n });\r\n });\r\n\r\n \/\/ Search typing (debounced)\r\n let t; input.addEventListener('input', (e)=>{\r\n state.q = e.target.value || '';\r\n clearTimeout(t); t = setTimeout(apply, 90);\r\n });\r\n\r\n \/\/ Card keyboard: Enter\/Space opens main link\r\n cards.forEach(card=>{\r\n card.addEventListener('keydown', (e)=>{\r\n if(e.key==='Enter' || e.key===' '){\r\n e.preventDefault();\r\n const href = card.getAttribute('data-href') || card.querySelector('a[href]')?.href;\r\n if(href) window.open(href, '_blank', 'noopener');\r\n }\r\n });\r\n });\r\n\r\n \/\/ TOC smooth scroll\r\n root.querySelectorAll('a[data-scroll]').forEach(a=> a.addEventListener('click', smooth));\r\n\r\n \/\/ Initial counts\r\n bCore.textContent = groups.core.querySelectorAll('.card.results').length;\r\n bExtra.textContent = groups.extra.querySelectorAll('.card.results').length;\r\n setCount(cards.length);\r\n\r\n \/\/ Reveal animation\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(en=>{\r\n if(en.isIntersecting){\r\n en.target.animate([{opacity:.0, transform:'translateY(8px)'},{opacity:1, transform:'none'}],{duration:220, easing:'ease-out'});\r\n io.unobserve(en.target);\r\n }\r\n });\r\n }, {threshold:.12});\r\n cards.forEach(c=>io.observe(c));\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n \/* util a11y *\/\r\n #tools-uo .visually-hidden{\r\n position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;\r\n }\r\n <\/style>\r\n<\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Herramientas para Estudiantes \u00b7 Consejo de Estudiantes Herramientas para Estudiantes Accesos r\u00e1pidos, gu\u00edas y utilidades del Consejo de Estudiantes (UniOvi). Imprescindibles 5 Otras herramientas 6 11 herramientas Todo Comunidad Gu\u00edas Tr\u00e1mites Salud Mapas Buscar herramientas Imprescindibles Prioridad Tabl\u00f3n de Anuncios Espacio privado para publicar y consultar anuncios de alojamiento, intercambios, actividades y m\u00e1s. Abrir Tr\u00e1mites… <a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/herramientas-para-estudiantes\/\" rel=\"bookmark\">Leer m\u00e1s »<span class=\"screen-reader-text\">Herramientas para estudiantes<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-10539","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/10539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/comments?post=10539"}],"version-history":[{"count":9,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/10539\/revisions"}],"predecessor-version":[{"id":17407,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/10539\/revisions\/17407"}],"wp:attachment":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/media?parent=10539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}