{"id":14900,"date":"2025-08-02T23:34:35","date_gmt":"2025-08-02T23:34:35","guid":{"rendered":"https:\/\/www.unioviedo.es\/cestudiantes\/?page_id=14900"},"modified":"2025-11-08T10:53:50","modified_gmt":"2025-11-08T10:53:50","slug":"programa-de-mentoria-epi","status":"publish","type":"page","link":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/programa-de-mentoria-epi\/","title":{"rendered":"Programa de mentor\u00eda &#8211; EPI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14900\" class=\"elementor elementor-14900\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e181a58 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e181a58\" data-element_type=\"section\" data-e-type=\"section\">\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-a222d23\" data-id=\"a222d23\" 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-32e83fd elementor-widget elementor-widget-html\" data-id=\"32e83fd\" 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<section id=\"certificado-asistencia\" aria-labelledby=\"ca-title\">\r\n  <div class=\"ca__inner\">\r\n    <!-- ENCABEZADO -->\r\n    <header class=\"ca__header\">\r\n      <h2 id=\"ca-title\" class=\"ca__h\">Porgrama de Mentor\u00eda - EPI<\/h2>\r\n    <\/header>\r\n\r\n\r\n<style>\r\n\/* ==================================================\r\n   Scope aislado: #certificado-asistencia\r\n   ================================================== *\/\r\n#certificado-asistencia{\r\n  --brand:#00827C;\r\n  --brand-2:#6EC1E4;\r\n  --ink:#0f172a;\r\n  --muted:#475569;\r\n  --paper:#ffffff;\r\n  --ring:rgba(2,6,23,.10);\r\n  --ring-2:rgba(2,6,23,.16);\r\n  --shadow:0 10px 26px rgba(2,6,23,.08);\r\n  --radius:16px;\r\n\r\n  color:var(--ink);\r\n  font-family: inherit;\r\n}\r\n#certificado-asistencia *{ box-sizing:border-box; min-inline-size:0; }\r\n#certificado-asistencia p{ text-align:justify; }\r\n\r\n\/* Contenedor *\/\r\n#certificado-asistencia .ca__inner{\r\n  max-width:min(1080px,96vw);\r\n  margin:0 auto;\r\n  padding: clamp(12px,2vw,18px);\r\n}\r\n\r\n\/* Encabezado *\/\r\n#certificado-asistencia .ca__header{ text-align:center; margin: clamp(8px,2vw,16px) 0; }\r\n#certificado-asistencia .ca__h{\r\n  margin:0;\r\n  font-weight:800;\r\n  letter-spacing:.01em;\r\n  font-size: clamp(1.25rem, 1rem + 2vw, 2.1rem);\r\n  line-height:1.12;\r\n}\r\n#certificado-asistencia .ca__h::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:min(220px,55%);\r\n  height:6px;\r\n  margin:12px auto 0;\r\n  border-radius:999px;\r\n  background:linear-gradient(90deg,var(--brand),var(--brand-2));\r\n  box-shadow:0 6px 16px rgba(0,0,0,.08);\r\n}\r\n#certificado-asistencia .ca__lead{\r\n  margin:.6rem auto 0;\r\n  color:var(--muted);\r\n  max-width:70ch;\r\n  font-size:clamp(.95rem,.9rem + .25vw,1.05rem);\r\n}\r\n\r\n\/* Grid principal *\/\r\n#certificado-asistencia .ca__grid{\r\n  display:grid;\r\n  gap: clamp(12px,2vw,18px);\r\n  grid-template-columns: 1fr;\r\n  align-items:start;\r\n  margin: clamp(12px,2vw,18px) 0 clamp(16px,2.4vw,22px);\r\n}\r\n@media (min-width: 880px){\r\n  #certificado-asistencia .ca__grid{\r\n    grid-template-columns: .9fr 1.1fr;\r\n  }\r\n}\r\n\r\n\/* Tarjetas *\/\r\n#certificado-asistencia .ca__card{\r\n  background:var(--paper);\r\n  border:1px solid var(--ring);\r\n  border-radius:var(--radius);\r\n  box-shadow:var(--shadow);\r\n  padding: clamp(14px,2vw,18px);\r\n}\r\n#certificado-asistencia .ca__info p{ margin:.5rem 0; }\r\n\r\n\/* Titulares h3 + iconos *\/\r\n#certificado-asistencia .ca__h3{\r\n  display:flex; align-items:center; gap:8px;\r\n  margin:0 0 8px 0;\r\n  font-weight:750;\r\n  font-size:clamp(1.05rem,1rem + .25vw,1.25rem);\r\n}\r\n#certificado-asistencia .ca__ico{\r\n  width:20px; height:20px; color:var(--brand);\r\n  fill:currentColor;\r\n}\r\n\r\n\/* Enlaces y notas *\/\r\n#certificado-asistencia .ca__link{\r\n  color:var(--brand);\r\n  text-decoration:underline;\r\n  text-underline-offset:2px;\r\n}\r\n#certificado-asistencia .ca__link:hover{ color:#046d6a; }\r\n#certificado-asistencia .ca__note{\r\n  margin-top:.75rem;\r\n  padding:10px 12px;\r\n  border-radius:12px;\r\n  background:#fff8e7;\r\n  border:1px solid #fde4b1;\r\n  color:#8a5a00;\r\n}\r\n#certificado-asistencia .ca__muted{\r\n  margin-top:.75rem;\r\n  color:var(--muted);\r\n  font-size:.95rem;\r\n}\r\n\r\n\/* ---------- Estilo del shortcode Fluent Forms (scoped) ---------- *\/\r\n#certificado-asistencia .ca__shortcode{\r\n  margin-top:4px;\r\n}\r\n\r\n\/* Ajustes generales del contenedor de Fluent Forms *\/\r\n#certificado-asistencia .fluentform_wrapper_6,\r\n#certificado-asistencia .fluentform_wrapper_7,\r\n#certificado-asistencia .fluentform{\r\n  --ff-gap: clamp(8px,1.6vw,12px);\r\n}\r\n\r\n\/* Grupo de campos *\/\r\n#certificado-asistencia .fluentform .ff-el-group{\r\n  margin-bottom: var(--ff-gap) !important;\r\n}\r\n\r\n\/* Inputs *\/\r\n#certificado-asistencia .fluentform .ff-el-form-control{\r\n  border:1px solid var(--ring-2) !important;\r\n  border-radius:12px !important;\r\n  padding:10px 12px !important;\r\n  box-shadow:none !important;\r\n  width:100% !important;\r\n}\r\n#certificado-asistencia .fluentform .ff-el-form-control:focus{\r\n  outline:2px solid rgba(0,130,124,.2) !important;\r\n  border-color: var(--brand) !important;\r\n}\r\n\r\n\/* Etiquetas *\/\r\n#certificado-asistencia .fluentform .ff-el-input--label label{\r\n  font-weight:650 !important;\r\n  color:var(--ink) !important;\r\n}\r\n\r\n\/* Checkbox\/Radio *\/\r\n#certificado-asistencia .fluentform .ff-el-form-check-label{\r\n  line-height:1.45;\r\n}\r\n\r\n\/* Bot\u00f3n enviar *\/\r\n#certificado-asistencia .fluentform .ff-btn-submit{\r\n  background: linear-gradient(180deg, var(--brand), var(--brand-2)) !important;\r\n  border: 1px solid var(--ring-2) !important;\r\n  color:#fff !important;\r\n  font-weight:700 !important;\r\n  border-radius:12px !important;\r\n  padding:10px 14px !important;\r\n  box-shadow:0 8px 18px rgba(2,6,23,.08) !important;\r\n  transition: transform .12s ease, box-shadow .2s ease !important;\r\n}\r\n#certificado-asistencia .fluentform .ff-btn-submit:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow:0 12px 24px rgba(2,6,23,.12) !important;\r\n}\r\n\r\n\/* Mensajes de error *\/\r\n#certificado-asistencia .fluentform .ff-el-is-error .ff-el-form-control{\r\n  border-color:#e03131 !important;\r\n}\r\n#certificado-asistencia .fluentform .text-danger,\r\n#certificado-asistencia .fluentform .ff-el-is-error .ff-el-help{\r\n  color:#b42318 !important;\r\n}\r\n\r\n\/* Responsivo extra-peque\u00f1o *\/\r\n@media (max-width: 480px){\r\n  #certificado-asistencia .ca__h{ font-size: clamp(1.15rem, 4.8vw, 1.6rem); }\r\n  #certificado-asistencia .ca__h3{ gap:6px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb9839 elementor-widget elementor-widget-html\" data-id=\"2eb9839\" 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  <title>Selector de Perfil<\/title>\r\n<\/head>\r\n<body>\r\n\r\n  <div id=\"mentoria-perfil-widget\" style=\"\r\n      max-width: 800px;\r\n      margin: 4em auto;\r\n      padding: 1.5em;\r\n      background: #fff;\r\n      border: 1px solid #ddd;\r\n      border-radius: 6px;\r\n      font-family: Arial, sans-serif;\r\n  \">\r\n    <h2 style=\"\r\n        margin-bottom: 1em;\r\n        color: #0073aa;\r\n        font-size: 1.25rem;\r\n    \">\r\n      \u00bfQu\u00e9 rol vas a desempe\u00f1ar?\r\n    <\/h2>\r\n\r\n    <form id=\"mentoria-perfil-form\">\r\n      <label style=\"display:flex; align-items:center; margin:0.8em 0; cursor:pointer;\">\r\n        <input type=\"radio\" name=\"rol\" value=\"mentor\" style=\"margin-right:0.6em;\">\r\n        Mentor\/a (soy estudiante de segundo curso o superior de grado, o de m\u00e1ster)\r\n      <\/label>\r\n      <label style=\"display:flex; align-items:center; margin:0.8em 0; cursor:pointer;\">\r\n        <input type=\"radio\" name=\"rol\" value=\"mentorizado\" style=\"margin-right:0.6em;\">\r\n        Mentorizado\/a (soy estudiante de nuevo ingreso \/ de primer curso de grado)\r\n      <\/label>\r\n\r\n      <div id=\"mentoria-perfil-error\" style=\"color:#a00; min-height:1.2em; margin-bottom:0.8em;\"><\/div>\r\n\r\n      <button type=\"submit\" style=\"\r\n          width: 100%;\r\n          padding: 0.75em;\r\n          background: #0073aa;\r\n          color: #fff;\r\n          border: none;\r\n          border-radius: 4px;\r\n          font-size: 1rem;\r\n          cursor: pointer;\r\n      \">\r\n        Continuar\r\n      <\/button>\r\n    <\/form>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var form = document.getElementById('mentoria-perfil-form');\r\n      var errorDiv = document.getElementById('mentoria-perfil-error');\r\n      var urls = {\r\n        mentor:      'https:\/\/forms.office.com\/e\/4Vq9jsiFpu',\r\n        mentorizado: 'https:\/\/forms.office.com\/e\/7MBtQ277uU'\r\n      };\r\n\r\n      form.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        errorDiv.textContent = '';\r\n        var sel = form.querySelector('input[name=\"rol\"]:checked');\r\n        if (!sel) {\r\n          errorDiv.textContent = 'Por favor, selecciona un perfil.';\r\n          return;\r\n        }\r\n        window.location.assign(urls[sel.value]);\r\n      });\r\n    })();\r\n  <\/script>\r\n\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>Porgrama de Mentor\u00eda &#8211; EPI Selector de Perfil \u00bfQu\u00e9 rol vas a desempe\u00f1ar? Mentor\/a (soy estudiante de segundo curso o superior de grado, o de m\u00e1ster) Mentorizado\/a (soy estudiante de nuevo ingreso \/ de primer curso de grado) Continuar<\/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-14900","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/14900","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=14900"}],"version-history":[{"count":10,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/14900\/revisions"}],"predecessor-version":[{"id":16477,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/14900\/revisions\/16477"}],"wp:attachment":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/media?parent=14900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}