{"id":491,"date":"2023-03-07T18:23:57","date_gmt":"2023-03-07T18:23:57","guid":{"rendered":"https:\/\/www.unioviedo.es\/cestudiantes\/?page_id=491"},"modified":"2025-11-08T09:09:37","modified_gmt":"2025-11-08T09:09:37","slug":"estructura-de-la-representacion-estudiantil","status":"publish","type":"page","link":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/estructura-de-la-representacion-estudiantil\/","title":{"rendered":"Estructura de la representaci\u00f3n estudiantil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"491\" class=\"elementor elementor-491\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-99897e1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"99897e1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-83adab1\" data-id=\"83adab1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c7b9603 elementor-widget elementor-widget-html\" data-id=\"c7b9603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <meta name=\"theme-color\" content=\"#03827C\" \/>\r\n  <title>Representaci\u00f3n estudiantil \u00b7 Universidad de Oviedo<\/title>\r\n\r\n  <style>\r\n    \/* =====================================================\r\n       .cde-scope \u2014 UI SCOPED (no afecta al resto de la web)\r\n       - Ritmo vertical claro y ancho de lectura controlado\r\n       - \u00cdndice tipo \u201cchips\u201d + barra de progreso\r\n       - Tarjetas con cabecera y pie; \u201cVer im\u00e1genes\u201d integrado\r\n       - FAB \u201cSubir\u201d mejorado: anillo de progreso, tooltip y microinteracciones\r\n       ===================================================== *\/\r\n\r\n    .cde-scope{\r\n      --bg:#ffffff; --ink:#0b1320; --muted:#5b667a; --line:#e6edf5;\r\n      --brand:#036c67; --brand-2:#0fb7b0; --brand-3:#9be3dd; --brand-4:#e1faf7;\r\n      --cta:#03827C; --cta-2:#10b8b0; --cta-hover:#066e69;\r\n\r\n      \/* Espaciado *\/\r\n      --s-1:6px; --s0:8px; --s1:12px; --s2:16px; --s3:20px; --s4:24px; --s5:28px; --s6:32px;\r\n      --radius-xl:22px; --radius-lg:18px; --radius-md:12px;\r\n      --shadow-sm:0 4px 14px rgba(3,108,103,.08);\r\n      --shadow-md:0 10px 26px rgba(3,108,103,.16);\r\n\r\n      font-family: system-ui,-apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, \"Helvetica Neue\", Arial;\r\n      color:var(--ink); background:var(--bg);\r\n      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n    }\r\n    .cde-scope *{box-sizing:border-box}\r\n\r\n    \/* Contenedores *\/\r\n    .cde-scope .wrap{max-width:1080px; margin:0 auto; padding:var(--s2) var(--s2) var(--s6)}\r\n    .cde-scope .measure{max-width:76ch; margin-inline:auto}\r\n\r\n    \/* Barra de progreso discreta (superior) *\/\r\n    .cde-scope .progress{position:sticky; top:0; left:0; height:3px; width:100%;\r\n      background:linear-gradient(90deg, var(--brand-3), transparent); border-radius:999px; overflow:hidden; z-index:30}\r\n    .cde-scope .progress > i{display:block; height:100%; width:0%; background:linear-gradient(90deg, var(--cta), var(--cta-2))}\r\n\r\n    \/* HERO *\/\r\n    .cde-scope .hero{\r\n      position:relative; overflow:clip; border-bottom:1px solid var(--line);\r\n      background: radial-gradient(60% 80% at 50% 0%, #f7fffe 0%, #ffffff 60%);\r\n      padding:var(--s4) 0 var(--s3);\r\n    }\r\n    .cde-scope .hero .title{display:grid; place-items:center; gap:var(--s0); text-align:center; padding:var(--s1) 0}\r\n    .cde-scope .hero h1{\r\n      font-size:clamp(22px,3.2vw,34px); margin:0; font-weight:900; letter-spacing:.2px; line-height:1.15;\r\n      background:linear-gradient(90deg,#036c67,#10b8b0); -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    }\r\n    .cde-scope .hero p{margin:0; color:var(--muted); font-size:clamp(14px,1.6vw,16px)}\r\n    .cde-scope .hero .waves{position:absolute; inset:auto 0 -1px 0; height:52px; opacity:.85; pointer-events:none}\r\n\r\n    \/* \u00cdndice *\/\r\n    .cde-scope .toc-wrap{display:grid; justify-items:center; gap:var(--s0); margin:var(--s2) 0 var(--s3)}\r\n    .cde-scope .toc-label{font-weight:800; letter-spacing:.18px; color:var(--muted); font-size:12px; text-transform:uppercase}\r\n    .cde-scope .toc{position:sticky; top:12px; z-index:12; display:flex; gap:10px; flex-wrap:wrap; justify-content:center}\r\n    .cde-scope .chip{\r\n      display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;\r\n      border:1px solid #d7f3f1; background:#f9fffe; color:#055a56;\r\n      font-weight:800; font-size:13px; text-decoration:none; box-shadow:var(--shadow-sm);\r\n      transition:transform .12s ease, background .12s ease, box-shadow .12s ease;\r\n    }\r\n    .cde-scope .chip .dot{width:6px;height:6px;border-radius:50%;background:var(--brand)}\r\n    .cde-scope .chip:hover{transform:translateY(-1px); background:#f2fffd; box-shadow:var(--shadow-md)}\r\n    .cde-scope .chip.is-active{background:#e9fffb;border-color:#b7ece9}\r\n    .cde-scope .chip.is-active .dot{background:#034a46}\r\n\r\n    \/* Secciones \/ Tarjetas *\/\r\n    .cde-scope .section{margin:var(--s5) 0; scroll-margin-top:18px}\r\n    .cde-scope .card{\r\n      border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; overflow:hidden; box-shadow:var(--shadow-sm);\r\n    }\r\n    .cde-scope .card-head{padding:var(--s3) var(--s3) var(--s2)}\r\n    .cde-scope .card-foot{\r\n      border-top:1px solid var(--line);\r\n      background:linear-gradient(180deg,#ffffff,#fbfffe);\r\n      padding:var(--s1) var(--s3) var(--s2);\r\n    }\r\n\r\n    .cde-scope .kicker{\r\n      display:inline-flex; align-items:center; gap:8px; padding:5px 12px; border-radius:999px;\r\n      background:linear-gradient(180deg,#eefcff,#e9fbfa); color:#0b5b57; border:1px solid #d7eef4; font-weight:800; font-size:12px; margin-bottom:var(--s1)\r\n    }\r\n    .cde-scope .kicker svg{width:14px;height:14px}\r\n    .cde-scope h2{\r\n      font-size:clamp(18px,2.4vw,24px); margin:0 0 var(--s1); font-weight:900; letter-spacing:.2px;\r\n      position:relative; display:inline-block; padding-bottom:4px;\r\n    }\r\n    .cde-scope h2::after{\r\n      content:\"\"; position:absolute; left:0; right:0; bottom:-2px; height:6px; border-radius:999px;\r\n      background:linear-gradient(90deg, transparent, var(--brand-4), transparent);\r\n    }\r\n\r\n    \/* Texto y listas *\/\r\n    .cde-scope .stack > * + *{margin-top:var(--s1)}\r\n    .cde-scope p{margin:0; line-height:1.68}\r\n    .cde-scope ul{margin:0 0 0 1.1rem}\r\n    .cde-scope li{margin:6px 0; line-height:1.58}\r\n    .cde-scope li::marker{color:var(--brand)}\r\n    .cde-scope a{color:var(--brand); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px}\r\n\r\n    \/* Expansor integrado en pie de tarjeta *\/\r\n    .cde-scope details.expander{border:1px dashed transparent; border-radius:var(--radius-md)}\r\n    .cde-scope details.expander > summary{\r\n      list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:10px 0;\r\n      margin:0; font-weight:800;\r\n    }\r\n    .cde-scope details.expander > summary::-webkit-details-marker{display:none}\r\n    .cde-scope .toggle .ico{width:14px;height:14px;color:var(--brand);display:inline-grid;place-items:center}\r\n    .cde-scope .toggle .chev{width:14px;height:14px;color:var(--muted);display:inline-grid;place-items:center;transition:transform .18s ease}\r\n    .cde-scope .expander[open] .toggle .chev{transform:rotate(180deg)}\r\n    .cde-scope .expander-body{display:grid; grid-template-rows:0fr; transition:grid-template-rows .22s ease; padding:0}\r\n    .cde-scope details[open] .expander-body{grid-template-rows:1fr; padding:0}\r\n    .cde-scope .expander-body > *{overflow:hidden}\r\n\r\n    \/* Figuras *\/\r\n    .cde-scope figure{margin:0}\r\n    .cde-scope .media{border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-top:var(--s1)}\r\n    .cde-scope .media img{display:block; width:100%; height:auto; aspect-ratio:16\/9; object-fit:cover; transition:transform .3s ease}\r\n    .cde-scope .media:hover img{transform:scale(1.015)}\r\n    .cde-scope figcaption{font-size:12px; color:var(--muted); margin-top:var(--s0)}\r\n\r\n    \/* Botones *\/\r\n    .cde-scope .btns{display:flex; flex-wrap:wrap; gap:10px; margin-top:var(--s2); justify-content:center}\r\n    .cde-scope .btn{\r\n      appearance:none; border:1px solid #cfe9e7; background:linear-gradient(180deg, var(--cta), var(--cta-hover));\r\n      color:#fff; text-decoration:none; cursor:pointer; font-weight:800; letter-spacing:.1px;\r\n      padding:10px 16px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center;\r\n      min-height:42px; min-width:220px; max-width:100%; text-align:center; box-shadow:var(--shadow-md);\r\n    }\r\n    .cde-scope .btn svg{width:16px;height:16px;margin-right:8px}\r\n    .cde-scope .btn:hover{filter:brightness(1.02)}\r\n    .cde-scope .btn.alt{background:#ffffff; color:var(--cta); border-color:#cfe9e7; box-shadow:var(--shadow-sm)}\r\n    .cde-scope .btn.alt:hover{background:#f6fffe}\r\n\r\n    \/* =============== FAB \u201cSubir\u201d MEJORADO =============== *\/\r\n    .cde-scope .fab{\r\n      position:fixed; right:22px; bottom:22px; z-index:40; opacity:0; pointer-events:none;\r\n      transition:opacity .18s ease, transform .18s ease;\r\n    }\r\n    .cde-scope .fab.is-visible{opacity:1; pointer-events:auto}\r\n\r\n    .cde-scope .fab-btn{\r\n      position:relative; isolation:isolate;\r\n      width:56px; height:56px; border-radius:999px; border:none; cursor:pointer;\r\n      background:linear-gradient(180deg, var(--cta), var(--cta-2));\r\n      color:#fff; box-shadow:var(--shadow-md); display:grid; place-items:center;\r\n      transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;\r\n    }\r\n    .cde-scope .fab-btn:hover{transform:translateY(-2px); filter:brightness(1.03)}\r\n    .cde-scope .fab-btn:active{transform:translateY(0)}\r\n    .cde-scope .fab-btn:focus-visible{outline:3px solid var(--brand-2); outline-offset:4px}\r\n\r\n    \/* Anillo de progreso *\/\r\n    .cde-scope .fab-ring{\r\n      position:absolute; inset:-6px; transform:rotate(-90deg); pointer-events:none;\r\n      filter:drop-shadow(0 2px 6px rgba(3,108,103,.18));\r\n    }\r\n    .cde-scope .fab-ring .ring-bg{fill:none; stroke:#eaf7f6; stroke-width:4}\r\n    .cde-scope .fab-ring .ring-prog{fill:none; stroke:#10b8b0; stroke-width:4; stroke-linecap:round; stroke-dasharray:0 1; stroke-dashoffset:0; transition:stroke-dashoffset .12s linear}\r\n\r\n    \/* Icono flecha *\/\r\n    .cde-scope .fab-ico{\r\n      display:inline-grid; place-items:center; width:22px; height:22px; z-index:1;\r\n      transition:transform .18s ease;\r\n    }\r\n    .cde-scope .fab-btn:hover .fab-ico{ transform:translateY(-2px) }\r\n    @media (prefers-reduced-motion: reduce){\r\n      .cde-scope .fab-btn, .cde-scope .fab-ico{ transition:none!important }\r\n    }\r\n\r\n    \/* Tooltip *\/\r\n    .cde-scope .fab-tip{\r\n      position:absolute; right:64px; bottom:50%; translate:0 50%;\r\n      background:#0e2a2a; color:#fff; font-size:12px; padding:6px 8px; border-radius:8px;\r\n      opacity:0; pointer-events:none; white-space:nowrap; transition:opacity .12s ease, transform .12s ease;\r\n      box-shadow:0 6px 18px rgba(0,0,0,.15);\r\n    }\r\n    .cde-scope .fab-btn:hover .fab-tip, .cde-scope .fab-btn:focus-visible + .fab-tip,\r\n    .cde-scope .fab-btn:focus-visible .fab-tip{ opacity:1; transform:translateY(-2px) }\r\n    @media (max-width:520px){\r\n      .cde-scope .fab-tip{ display:none }\r\n    }\r\n\r\n    \/* Accesibilidad \/ motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .cde-scope *{animation:none!important; transition:none!important; scroll-behavior:auto!important}\r\n    }\r\n\r\n    \/* Impresi\u00f3n *\/\r\n    @media print{\r\n      .cde-scope .hero, .cde-scope .progress, .cde-scope .toc-wrap, .cde-scope .btns, .cde-scope details.expander > summary, .cde-scope .fab{display:none!important}\r\n      .cde-scope details[open] .expander-body{display:block}\r\n      .cde-scope .wrap{padding:0}\r\n    }\r\n\r\n    .sr-only{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  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"cde-scope\" role=\"region\" aria-label=\"Representaci\u00f3n estudiantil \u2013 Universidad de Oviedo\">\r\n    <!-- Progreso -->\r\n    <div class=\"progress\" aria-hidden=\"true\"><i><\/i><\/div>\r\n\r\n    <!-- HERO -->\r\n    <header class=\"hero\">\r\n      <div class=\"wrap\">\r\n        <div class=\"title measure\">\r\n          <h1>Representaci\u00f3n estudiantil<\/h1>\r\n          <p>Gu\u00eda visual y pr\u00e1ctica del Consejo de Estudiantes y sus \u00f3rganos<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <svg class=\"waves\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n        <path d=\"M0,0 C300,90 900,0 1200,80 L1200,120 L0,120 Z\" fill=\"#e7fffb\"><\/path>\r\n      <\/svg>\r\n    <\/header>\r\n\r\n    <main class=\"wrap\">\r\n      <!-- \u00cdndice -->\r\n      <div class=\"toc-wrap\">\r\n        <div class=\"toc-label\">\u00cdndice<\/div>\r\n        <nav class=\"toc\" aria-label=\"\u00cdndice de secciones\">\r\n          <a class=\"chip\" href=\"#s1\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Delegaciones<\/a>\r\n          <a class=\"chip\" href=\"#s2\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Composici\u00f3n<\/a>\r\n          <a class=\"chip\" href=\"#s3\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Consejo<\/a>\r\n          <a class=\"chip\" href=\"#s4\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Pleno<\/a>\r\n          <a class=\"chip\" href=\"#s5\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Resumen<\/a>\r\n          <a class=\"chip\" href=\"#s6\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Recursos<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n      <!-- 01 Delegaciones -->\r\n      <section id=\"s1\" class=\"section\">\r\n        <article class=\"card measure\" aria-labelledby=\"h-deleg\">\r\n          <div class=\"card-head\">\r\n            <span class=\"kicker\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 7h16M4 12h10M4 17h7\"\/><\/svg>\r\n              Delegaciones\r\n            <\/span>\r\n            <h2 id=\"h-deleg\" class=\"sr-only\">Delegaciones de Estudiantes<\/h2>\r\n            <div class=\"stack\">\r\n              <p>El tejido representativo de la Universidad de Oviedo se organiza, en primer lugar, por las <strong>Delegaciones de Estudiantes<\/strong>. Por cada centro hay una Delegaci\u00f3n, siendo en total <a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/delegaciones-de-estudiantes\/\" target=\"_blank\" rel=\"noopener\">17 Delegaciones<\/a> en toda la Universidad.<\/p>\r\n              <div class=\"btns\">\r\n                <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/delegaciones-de-estudiantes\/\" target=\"_blank\" rel=\"noopener\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n                  Sobre las Delegaciones\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Pie de tarjeta con el expansor de im\u00e1genes INTEGRADO -->\r\n          <div class=\"card-foot\">\r\n            <details class=\"expander\">\r\n              <summary class=\"toggle\">\r\n                <span class=\"ico\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"8\" cy=\"10\" r=\"1\"\/><path d=\"M3 16l4-4 3 3 4-4 7 7\"\/><\/svg>\r\n                <\/span>\r\n                <span>Ver im\u00e1genes<\/span>\r\n                <span class=\"chev\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n              <\/summary>\r\n              <div class=\"expander-body\">\r\n                <figure class=\"measure\">\r\n                  <div class=\"media\">\r\n                    <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.unioviedo.es\/cestudiantes\/wp-content\/uploads\/2023\/08\/\u00bfComo-puedo-participar-en-el-funcionamiento-de-la-representacion-estudiantil-1024x576.jpg\" alt=\"\u00bfC\u00f3mo participar en la representaci\u00f3n estudiantil?\" \/>\r\n                  <\/div>\r\n                  <figcaption>Participaci\u00f3n y funcionamiento de la representaci\u00f3n estudiantil.<\/figcaption>\r\n                <\/figure>\r\n                <figure class=\"measure\">\r\n                  <div class=\"media\">\r\n                    <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.unioviedo.es\/cestudiantes\/wp-content\/uploads\/2023\/04\/2-1-1024x576.png\" alt=\"Esquema de delegaciones de estudiantes por centro\" \/>\r\n                  <\/div>\r\n                  <figcaption>Esquema de delegaciones por centro.<\/figcaption>\r\n                <\/figure>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n\r\n      <!-- 02 Composici\u00f3n -->\r\n      <section id=\"s2\" class=\"section\">\r\n        <article class=\"card measure\" aria-labelledby=\"h-comp\">\r\n          <div class=\"card-head\">\r\n            <span class=\"kicker\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 21v-2a4 4 0 0 0-3-3.87M4 21v-2a4 4 0 0 1 3-3.87M7 7a4 4 0 1 0 0 8m10 0a4 4 0 1 0 0-8\"\/><\/svg>\r\n              Composici\u00f3n\r\n            <\/span>\r\n            <h2 id=\"h-comp\">\u00bfC\u00f3mo se compone una Delegaci\u00f3n?<\/h2>\r\n            <div class=\"stack\">\r\n              <p>La Delegaci\u00f3n de cada centro coordina la defensa de los derechos e intereses del estudiantado. <strong>Se compone<\/strong> de representantes en:<\/p>\r\n              <ul>\r\n                <li>Consejo de Facultad\/Escuela.<\/li>\r\n                <li>Consejo de Departamento.<\/li>\r\n                <li>Claustro.<\/li>\r\n              <\/ul>\r\n              <p>Internamente se elige cada dos a\u00f1os la <strong>presidencia<\/strong> y la <strong>secretar\u00eda<\/strong>.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-foot\">\r\n            <details class=\"expander\">\r\n              <summary class=\"toggle\">\r\n                <span class=\"ico\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 1 0 7-7l-7 7z\"\/><path d=\"M8 11a5 5 0 1 1-7 7l7-7z\"\/><\/svg>\r\n                <\/span>\r\n                <span>Enlaces relacionados<\/span>\r\n                <span class=\"chev\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n              <\/summary>\r\n              <div class=\"expander-body\">\r\n                <div class=\"btns measure\">\r\n                  <a class=\"btn alt\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/claustro\/\" target=\"_blank\" rel=\"noopener\">Sobre el Claustro<\/a>\r\n                  <a class=\"btn alt\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/junta-centro\/\" target=\"_blank\" rel=\"noopener\">Consejos de Centro<\/a>\r\n                  <a class=\"btn alt\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/consejo-departamento\/\" target=\"_blank\" rel=\"noopener\">Consejo de Departamento<\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n\r\n      <!-- 03 Consejo de Estudiantes \/ Gobierno -->\r\n      <section id=\"s3\" class=\"section\">\r\n        <article class=\"card measure\" aria-labelledby=\"h-cg\">\r\n          <div class=\"card-head\">\r\n            <span class=\"kicker\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>\r\n              Consejo\r\n            <\/span>\r\n            <h2 id=\"h-cg\">Consejo de Estudiantes y Consejo de Gobierno<\/h2>\r\n            <div class=\"stack\">\r\n              <p>Cada Delegaci\u00f3n elige a sus representantes en el <strong>Consejo de Estudiantes<\/strong> (m\u00e1ximo \u00f3rgano de coordinaci\u00f3n y representaci\u00f3n estudiantil).<\/p>\r\n              <p>Cada una de las 17 Delegaciones puede elegir <strong>de 1 a 4<\/strong> representantes (seg\u00fan tama\u00f1o del centro).<\/p>\r\n              <p>Adem\u00e1s, el Claustro renueva cada dos a\u00f1os a sus representantes en el <strong>Consejo de Gobierno<\/strong>. Las 6 personas elegidas tambi\u00e9n forman parte del Consejo de Estudiantes.<\/p>\r\n              <div class=\"btns\">\r\n                <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/consejo-de-gobierno\/\" target=\"_blank\" rel=\"noopener\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n                  Sobre el Consejo de Gobierno\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-foot\">\r\n            <details class=\"expander\">\r\n              <summary class=\"toggle\">\r\n                <span class=\"ico\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n                <\/span>\r\n                <span>Ver esquema<\/span>\r\n                <span class=\"chev\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n              <\/summary>\r\n              <div class=\"expander-body\">\r\n                <figure class=\"measure\">\r\n                  <div class=\"media\">\r\n                    <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.unioviedo.es\/cestudiantes\/wp-content\/uploads\/2023\/04\/4-1024x576.png\" alt=\"Esquema de relaci\u00f3n entre Consejo de Estudiantes y Consejo de Gobierno\" \/>\r\n                  <\/div>\r\n                  <figcaption>Relaci\u00f3n entre Consejo de Estudiantes y Consejo de Gobierno.<\/figcaption>\r\n                <\/figure>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n\r\n      <!-- 04 Pleno del Consejo -->\r\n      <section id=\"s4\" class=\"section\">\r\n        <article class=\"card measure\" aria-labelledby=\"h-pleno\">\r\n          <div class=\"card-head\">\r\n            <span class=\"kicker\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 12h18\"\/><path d=\"M12 3v18\"\/><\/svg>\r\n              Pleno\r\n            <\/span>\r\n            <h2 id=\"h-pleno\">Pleno del Consejo de Estudiantes<\/h2>\r\n            <div class=\"stack\">\r\n              <p>Los 45 representantes de Delegaci\u00f3n, junto con el estudiantado del Consejo de Gobierno, forman el <strong>Pleno del Consejo de Estudiantes<\/strong>.<\/p>\r\n              <p>Este Pleno elige cada <strong>dos a\u00f1os<\/strong> a la presidencia, secretar\u00eda y tesorer\u00eda. Junto con la vicepresidencia, constituyen la Directiva del Consejo.<\/p>\r\n              <p>Para un mejor funcionamiento, existen vocal\u00edas y una <strong>Comisi\u00f3n de Gobierno<\/strong>.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-foot\">\r\n            <details class=\"expander\">\r\n              <summary class=\"toggle\">\r\n                <span class=\"ico\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h18\"\/><path d=\"M12 3v18\"\/><\/svg>\r\n                <\/span>\r\n                <span>Ver esquema<\/span>\r\n                <span class=\"chev\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n              <\/summary>\r\n              <div class=\"expander-body\">\r\n                <figure class=\"measure\">\r\n                  <div class=\"media\">\r\n                    <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.unioviedo.es\/cestudiantes\/wp-content\/uploads\/2023\/04\/5-1024x576.png\" alt=\"Organizaci\u00f3n del Pleno y la directiva del Consejo\" \/>\r\n                  <\/div>\r\n                  <figcaption>Organizaci\u00f3n del Pleno y su directiva.<\/figcaption>\r\n                <\/figure>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n\r\n      <!-- 05 Resumen -->\r\n      <section id=\"s5\" class=\"section\">\r\n        <article class=\"card measure\" aria-labelledby=\"h-resumen\">\r\n          <div class=\"card-head\">\r\n            <span class=\"kicker\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\r\n              Resumen\r\n            <\/span>\r\n            <h2 id=\"h-resumen\">En resumen\u2026<\/h2>\r\n            <div class=\"stack\">\r\n              <p>Una visi\u00f3n r\u00e1pida y visual de c\u00f3mo se articula la representaci\u00f3n estudiantil y c\u00f3mo se coordinan los distintos \u00f3rganos.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-foot\">\r\n            <details class=\"expander\">\r\n              <summary class=\"toggle\">\r\n                <span class=\"ico\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6h16\"\/><path d=\"M4 12h16\"\/><path d=\"M4 18h16\"\/><\/svg>\r\n                <\/span>\r\n                <span>Ver resumen gr\u00e1fico<\/span>\r\n                <span class=\"chev\" aria-hidden=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n              <\/summary>\r\n              <div class=\"expander-body\">\r\n                <figure class=\"measure\">\r\n                  <div class=\"media\">\r\n                    <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.unioviedo.es\/cestudiantes\/wp-content\/uploads\/2023\/04\/1-1-1024x576.png\" alt=\"Resumen de la organizaci\u00f3n de la representaci\u00f3n estudiantil\" \/>\r\n                  <\/div>\r\n                  <figcaption>Resumen visual de la organizaci\u00f3n.<\/figcaption>\r\n                <\/figure>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n\r\n      <!-- 06 Recursos -->\r\n      <section id=\"s6\" class=\"section\">\r\n        <article class=\"card measure\" aria-labelledby=\"h-recursos\">\r\n          <div class=\"card-head\">\r\n            <span class=\"kicker\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 20l9-5-9-5-9 5 9 5z\"\/><path d=\"M12 12V4\"\/><\/svg>\r\n              Recursos\r\n            <\/span>\r\n            <h2 id=\"h-recursos\" class=\"sr-only\">Recursos \u00fatiles<\/h2>\r\n            <div class=\"btns\">\r\n              <a class=\"btn\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/guia-representacion-estudiantil\/\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 19.5V4.6A1.6 1.6 0 0 1 5.6 3h8.8l5 5v11.5A1.5 1.5 0 0 1 18.9 21H6.5A2.5 2.5 0 0 1 4 19.5z\"\/><path d=\"M14 3v5h5\"\/><\/svg>\r\n                Gu\u00eda sobre representaci\u00f3n estudiantil\r\n              <\/a>\r\n              <a class=\"btn alt\" href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/composicioncde\/\" target=\"_blank\" rel=\"noopener\">\r\n                Composici\u00f3n actual\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n    <\/main>\r\n\r\n    <!-- FAB subir (mejorado) -->\r\n    <div class=\"fab\" aria-hidden=\"true\">\r\n      <button type=\"button\" class=\"fab-btn\" aria-label=\"Subir al inicio\" title=\"Subir al inicio (tecla Inicio)\">\r\n        <!-- Anillo de progreso -->\r\n        <svg class=\"fab-ring\" width=\"68\" height=\"68\" viewBox=\"0 0 56 56\" aria-hidden=\"true\">\r\n          <circle class=\"ring-bg\" cx=\"28\" cy=\"28\" r=\"23\"><\/circle>\r\n          <circle class=\"ring-prog\" cx=\"28\" cy=\"28\" r=\"23\"><\/circle>\r\n        <\/svg>\r\n        <!-- Flecha (chevr\u00f3n) -->\r\n        <span class=\"fab-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"6 15 12 9 18 15\"><\/polyline>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"fab-tip\" role=\"tooltip\">Subir<\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.querySelector('.cde-scope');\r\n      if(!root) return;\r\n      const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/\/ ===== Scroll suave + estado activo de chips\r\n      const chips = Array.from(root.querySelectorAll('.toc .chip'));\r\n      const sections = chips.map(c=> root.querySelector(c.getAttribute('href'))).filter(Boolean);\r\n\r\n      function setActiveChip(link){\r\n        const id = link.getAttribute('href');\r\n        chips.forEach(ch => ch.classList.toggle('is-active', ch.getAttribute('href') === id));\r\n      }\r\n\r\n      root.querySelectorAll('.toc a[href^=\"#\"]').forEach(a=>{\r\n        a.addEventListener('click', (e)=>{\r\n          const id = a.getAttribute('href'), target = root.querySelector(id);\r\n          if(!target) return;\r\n          e.preventDefault();\r\n          target.scrollIntoView({behavior: prefersReduced ? 'auto' : 'smooth', block:'start'});\r\n          setActiveChip(a);\r\n          history.pushState(null, \"\", id);\r\n        });\r\n        a.addEventListener('keydown', (ev)=>{\r\n          const i = chips.indexOf(a);\r\n          if(ev.key === 'ArrowRight'){ ev.preventDefault(); (chips[i+1]||chips[0]).focus(); }\r\n          if(ev.key === 'ArrowLeft'){ ev.preventDefault(); (chips[i-1]||chips.at(-1)).focus(); }\r\n        });\r\n      });\r\n\r\n      \/\/ ===== Resaltar chip seg\u00fan secci\u00f3n visible\r\n      const io = new IntersectionObserver((entries)=>{\r\n        const visible = entries.filter(e=>e.isIntersecting).sort((a,b)=>b.intersectionRatio - a.intersectionRatio)[0];\r\n        if(!visible) return;\r\n        const id = '#' + visible.target.id;\r\n        const link = chips.find(ch => ch.getAttribute('href') === id);\r\n        if(link) setActiveChip(link);\r\n      },{rootMargin:'-42% 0px -50% 0px', threshold:[0,.25,.5,.75,1]});\r\n      sections.forEach(s=> io.observe(s));\r\n\r\n      \/\/ ===== Barra de progreso superior\r\n      const progress = root.querySelector('.progress > i');\r\n      const onScrollBar = () =>{\r\n        const rect = root.getBoundingClientRect();\r\n        const total = rect.height - window.innerHeight;\r\n        const passed = Math.min(Math.max(-rect.top, 0), total);\r\n        const pct = total > 0 ? (passed\/total) : 0;\r\n        progress.style.width = (pct*100).toFixed(2) + '%';\r\n        return pct; \/\/ para reutilizar\r\n      };\r\n\r\n      \/\/ ===== FAB \"subir\" mejorado\r\n      const fabWrap = root.querySelector('.fab');\r\n      const fabBtn  = root.querySelector('.fab-btn');\r\n      const ring    = root.querySelector('.fab-ring .ring-prog');\r\n      const R = 23; \/\/ radio del c\u00edrculo del SVG\r\n      const C = 2 * Math.PI * R; \/\/ circunferencia\r\n      ring.style.strokeDasharray = C.toFixed(2) + ' ' + C.toFixed(2);\r\n\r\n      const toggleFab = () => {\r\n        \/\/ mostrar tras desplazamiento\r\n        fabWrap.classList.toggle('is-visible', window.scrollY > 560);\r\n        \/\/ actualizar anillo con el mismo % que la barra superior\r\n        const pct = onScrollBar();\r\n        const dashoffset = C * (1 - Math.max(0, Math.min(1, pct)));\r\n        ring.style.strokeDashoffset = dashoffset.toFixed(2);\r\n      };\r\n\r\n      \/\/ init + listeners\r\n      toggleFab();\r\n      window.addEventListener('scroll', toggleFab, {passive:true});\r\n      window.addEventListener('resize', toggleFab);\r\n\r\n      fabBtn.addEventListener('click', ()=>{\r\n        root.scrollIntoView({behavior: prefersReduced ? 'auto' : 'smooth', block:'start'});\r\n        if(chips[0]) setActiveChip(chips[0]);\r\n        history.replaceState(null,\"\", \"#s1\");\r\n      });\r\n\r\n      \/\/ Acceso por teclado (tecla Inicio \/ Home)\r\n      window.addEventListener('keydown', (e)=>{\r\n        if(e.key === 'Home'){\r\n          e.preventDefault();\r\n          fabBtn.click();\r\n        }\r\n      });\r\n\r\n      \/\/ Estado inicial de chips\r\n      if(location.hash){\r\n        const l = chips.find(ch => ch.getAttribute('href') === location.hash);\r\n        if(l) setActiveChip(l);\r\n      } else if(chips[0]) {\r\n        chips[0].classList.add('is-active');\r\n      }\r\n\r\n      \/\/ Primera medici\u00f3n para barra superior\r\n      onScrollBar();\r\n    })();\r\n  <\/script>\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>Representaci\u00f3n estudiantil \u00b7 Universidad de Oviedo Representaci\u00f3n estudiantil Gu\u00eda visual y pr\u00e1ctica del Consejo de Estudiantes y sus \u00f3rganos \u00cdndice Delegaciones Composici\u00f3n Consejo Pleno Resumen Recursos Delegaciones Delegaciones de Estudiantes El tejido representativo de la Universidad de Oviedo se organiza, en primer lugar, por las Delegaciones de Estudiantes. Por cada centro hay una Delegaci\u00f3n, siendo&hellip;&nbsp;<a href=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/estructura-de-la-representacion-estudiantil\/\" rel=\"bookmark\">Leer m\u00e1s &raquo;<span class=\"screen-reader-text\">Estructura de la representaci\u00f3n estudiantil<\/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-491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/491","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=491"}],"version-history":[{"count":15,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/491\/revisions"}],"predecessor-version":[{"id":16366,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/491\/revisions\/16366"}],"wp:attachment":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/media?parent=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}