{"id":1354,"date":"2023-04-08T15:48:02","date_gmt":"2023-04-08T15:48:02","guid":{"rendered":"https:\/\/www.unioviedo.es\/cestudiantes\/?page_id=1354"},"modified":"2025-11-08T10:32:56","modified_gmt":"2025-11-08T10:32:56","slug":"delegacion-marina","status":"publish","type":"page","link":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/delegacion-marina\/","title":{"rendered":"Delegaci\u00f3n Marina"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1354\" class=\"elementor elementor-1354\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e6f976e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e6f976e\" 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-592b97e\" data-id=\"592b97e\" 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-233cfb1 elementor-widget elementor-widget-html\" data-id=\"233cfb1\" 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<main id=\"content\" class=\"neve-main\">\r\n  <div data-elementor-type=\"wp-page\" data-elementor-id=\"1354\" class=\"elementor elementor-1354\" data-elementor-post-type=\"page\">\r\n    <!-- T\u00edtulo superior (no est\u00e9tico) eliminado a petici\u00f3n -->\r\n\r\n    <section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b90b85 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b90b85\" data-element_type=\"section\" data-settings='{\"background_background\":\"classic\"}'>\r\n      <div class=\"elementor-container elementor-column-gap-default\">\r\n        <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03918aa\" data-id=\"03918aa\" data-element_type=\"column\">\r\n          <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n            <div class=\"elementor-element elementor-element-310b557 elementor-widget elementor-widget-html\" data-id=\"310b557\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n              <div class=\"elementor-widget-container\">\r\n\r\n                <!-- =====================  Delegaci\u00f3n ESC. SUP. MARINA CIVIL \u00b7 Bloque SCOPED (v6.7 \u00b7 select en tablet\/m\u00f3vil; sin pesta\u00f1a Representantes)  ===================== -->\r\n                <div class=\"dmc-scope v6-2\" id=\"dmc-marina\" role=\"region\" aria-label=\"Delegaci\u00f3n de Estudiantes de la Escuela Superior de Marina Civil\">\r\n                  <!-- Iconos (si tu tema no los carga ya) -->\r\n                  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\r\n\r\n                  <style>\r\n                    \/* ==============================  S C O P E (solo #dmc-marina)  ============================== *\/\r\n                    #dmc-marina.dmc-scope.v6-2{\r\n                      --ink:#0f1524; --muted:#68738e; --line:#e8eef6; --bg:#ffffff;\r\n                      --brand:#03827C; --brand-2:#10b8b0; --brand-3:#e8fff9;\r\n                      --r-xl:18px; --r-lg:14px; --r-md:12px;\r\n                      --shadow-sm:0 4px 12px rgba(9,15,30,.08);\r\n                      --shadow-md:0 12px 28px rgba(9,15,30,.12);\r\n                      --fs-h1:clamp(24px,3.5vw,36px);\r\n                      --fs-h2:clamp(18px,2.4vw,24px);\r\n                      --fs-b:clamp(14px,1.2vw,16px);\r\n                      --fs-s:clamp(12px,1.05vw,13px);\r\n                      color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,\"Helvetica Neue\",Arial;\r\n                      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n                      position:relative; overflow-x:hidden; max-width:100%; width:100%;\r\n                      margin-bottom:clamp(14px,3.2vw,26px);\r\n                    }\r\n                    #dmc-marina.dmc-scope.v6-2 *{box-sizing:border-box; min-width:0}\r\n                    #dmc-marina .dmc-wrap{max-width:min(1100px, 100% - 2*clamp(12px,3vw,28px)); margin-inline:auto; width:100%}\r\n\r\n                    \/* ======= Cabecera ======= *\/\r\n                    #dmc-marina .dmc-hero{\r\n                      position:relative; overflow:hidden; border-radius:var(--r-xl);\r\n                      border:1px solid var(--line); box-shadow:var(--shadow-md); background:var(--bg);\r\n                      margin:clamp(14px,3vw,22px) auto 8px; isolation:isolate; width:100%;\r\n                    }\r\n                    #dmc-marina .dmc-hero::before{\r\n                      content:\"\"; position:absolute; inset:-40% -15% auto -15%; height:160px;\r\n                      background:radial-gradient(60% 120% at 50% 0%, var(--brand-3), transparent 70%); pointer-events:none; z-index:0;\r\n                    }\r\n                    #dmc-marina .dmc-head{position:relative; z-index:1; padding:clamp(16px,4.8vw,30px) clamp(14px,3.2vw,24px)}\r\n                    #dmc-marina .dmc-kicker{\r\n                      display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px;\r\n                      background:#f6fffe; border:1px solid #d7efec; color:#0a605a; font-weight:800; font-size:var(--fs-s); letter-spacing:.18px; text-transform:uppercase;\r\n                      max-width:100%;\r\n                    }\r\n                    #dmc-marina .dmc-title{\r\n                      margin:10px 0 6px; font-size:var(--fs-h1); font-weight:900; line-height:1.15; letter-spacing:.2px;\r\n                      background:linear-gradient(90deg,#055f5a 0%, #10b8b0 100%); -webkit-background-clip:text; background-clip:text; color:transparent;\r\n                      word-wrap:break-word;\r\n                    }\r\n                    #dmc-marina .dmc-sub{margin:0; color:var(--muted); font-size:var(--fs-b)}\r\n\r\n                    \/* ======= Grid ======= *\/\r\n                    #dmc-marina .dmc-grid{\r\n                      display:grid; gap:clamp(10px,1.6vw,16px);\r\n                      grid-template-columns:1fr;\r\n                      margin:8px 0 clamp(12px,2.4vw,18px); width:100%;\r\n                    }\r\n                    @media (min-width: 960px){ #dmc-marina .dmc-grid{ grid-template-columns:2fr 1fr; } }\r\n\r\n                    \/* ======= Tarjetas ======= *\/\r\n                    #dmc-marina .dmc-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r-xl); box-shadow:var(--shadow-sm); padding:clamp(12px,2vw,16px); width:100% }\r\n\r\n                    \/* ======= Selector m\u00f3vil\/tablet ======= *\/\r\n                    #dmc-marina .dmc-mobile-switch{ display:none; gap:8px; align-items:center; margin-bottom:8px }\r\n                    #dmc-marina .dmc-mobile-switch label{ font-weight:800; font-size:var(--fs-s); color:#0a605a }\r\n                    #dmc-marina .dmc-select{\r\n                      width:100%; padding:10px 12px; border-radius:12px; border:1px solid #cfe9e7; background:#f7fffe;\r\n                      font-weight:800; color:#0b5d58; outline:none;\r\n                    }\r\n                    #dmc-marina .dmc-select:focus{ box-shadow:0 0 0 3px rgba(16,184,176,.25) }\r\n\r\n                    \/* ======= TABLIST (PC) ======= *\/\r\n                    #dmc-marina .dmc-tabwrap{position:relative}\r\n                    #dmc-marina .dmc-tabwrap::before,\r\n                    #dmc-marina .dmc-tabwrap::after{\r\n                      content:\"\"; position:absolute; top:0; bottom:0; width:22px; pointer-events:none; z-index:1;\r\n                    }\r\n                    #dmc-marina .dmc-tabwrap::before{left:0; background:linear-gradient(to right, #fff, transparent)}\r\n                    #dmc-marina .dmc-tabwrap::after{right:0; background:linear-gradient(to left, #fff, transparent)}\r\n\r\n                    #dmc-marina .dmc-tabs{display:grid; gap:10px}\r\n                    #dmc-marina .dmc-tablist{\r\n                      position:relative; display:flex; gap:8px; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden;\r\n                      padding:8px 56px; \/* espacio para flechas (36px) *\/\r\n                      background:#f7fffe; border:1px solid #d9efed; border-radius:999px; scrollbar-width:none; overscroll-behavior-x:contain;\r\n                      -webkit-overflow-scrolling:touch; user-select:none; scroll-snap-type:x proximity; width:100%; max-width:100%;\r\n                      min-height:52px;\r\n                    }\r\n                    #dmc-marina .dmc-tablist::-webkit-scrollbar{display:none}\r\n\r\n                    #dmc-marina .dmc-scroll{\r\n                      position:absolute; top:50%; transform:translateY(-50%); z-index:2;\r\n                      width:36px; height:36px; border-radius:999px; border:1px solid #cfe9e7; background:#fff;\r\n                      display:grid; place-items:center; box-shadow:0 4px 10px rgba(3,130,124,.12); cursor:pointer;\r\n                    }\r\n                    #dmc-marina .dmc-scroll[disabled]{opacity:.35; cursor:not-allowed}\r\n                    #dmc-marina .dmc-scroll.prev{left:10px}\r\n                    #dmc-marina .dmc-scroll.next{right:10px}\r\n\r\n                    #dmc-marina .dmc-tab{\r\n                      appearance:none; border:none; background:transparent; cursor:pointer;\r\n                      display:inline-grid; grid-auto-flow:column; gap:8px; place-items:center;\r\n                      color:#0b5d58; font-weight:800; font-size:var(--fs-s); letter-spacing:.18px;\r\n                      padding:9px 12px; border-radius:999px; white-space:nowrap; position:relative;\r\n                      scroll-snap-align:center; transition:color .15s ease, transform .15s ease; flex:0 0 auto;\r\n                    }\r\n                    #dmc-marina .dmc-tab:active{ transform:scale(.98) }\r\n                    #dmc-marina .dmc-tab .ico{\r\n                      width:28px; height:28px; border-radius:50%; display:grid; place-items:center;\r\n                      background:transparent; border:1px solid transparent; box-shadow:none; transition:background .15s ease, box-shadow .15s ease, border-color .15s ease; flex:0 0 auto;\r\n                    }\r\n                    #dmc-marina .dmc-tab[aria-selected=\"true\"] .ico{ background:#fff; border-color:#cfe9e7; box-shadow:0 3px 10px rgba(3,130,124,.12) }\r\n                    #dmc-marina .dmc-tab i{font-size:14px}\r\n                    #dmc-marina .dmc-tab .lbl{ line-height:1; display:inline-block; max-width:72vw; overflow:hidden; text-overflow:ellipsis }\r\n                    #dmc-marina .dmc-tab[aria-selected=\"true\"]{ color:var(--brand) }\r\n                    #dmc-marina .dmc-tab:focus-visible{outline:3px solid var(--brand-2); outline-offset:2px; border-radius:999px}\r\n\r\n                    #dmc-marina .dmc-panel{display:none; padding:8px 2px 2px}\r\n                    #dmc-marina .dmc-panel[aria-hidden=\"false\"]{display:block; animation:dmc-fade .16s ease}\r\n                    @keyframes dmc-fade{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:translateY(0)}}\r\n\r\n                    \/* ======= IFRAME confinado ======= *\/\r\n                    #dmc-marina .dmc-iframe-shell{ width:100%; max-width:100%; border-radius:var(--r-lg); border:1px solid var(--line); overflow:auto; -webkit-overflow-scrolling:touch; box-shadow:0 6px 14px rgba(0,0,0,.06); background:#fff }\r\n                    #dmc-marina .dmc-iframe{ display:block; width:100%; max-width:100%; min-width:0; height:clamp(220px, 42vw, 360px); border:0 }\r\n\r\n                    \/* ======= Mapa ======= *\/\r\n                    #dmc-marina .dmc-map{border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); width:100%}\r\n                    #dmc-marina .dmc-map iframe{display:block; width:100%; height:clamp(220px, 42vw, 360px); border:0}\r\n\r\n                    \/* ======= Columna lateral ======= *\/\r\n                    #dmc-marina .dmc-side{\r\n                      display:grid; gap:12px; align-content:start; max-width:min(720px,100%); margin-inline:auto;\r\n                      grid-template-areas:\r\n                        \"actions\"\r\n                        \"figure\";\r\n                    }\r\n                    #dmc-marina .dmc-figure{grid-area:figure; border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--line); background:#f8fafc}\r\n                    #dmc-marina .dmc-figure img{\r\n                      display:block; width:100%; height:auto; object-fit:cover; aspect-ratio: 4\/3; max-width:100%;\r\n                      border-radius:var(--r-xl);\r\n                      max-height:clamp(180px, 42vw, 320px);\r\n                    }\r\n                    @media (min-width: 960px){\r\n                      #dmc-marina .dmc-side{\r\n                        grid-template-areas:\r\n                          \"figure\"\r\n                          \"actions\";\r\n                      }\r\n                      #dmc-marina .dmc-figure img{ aspect-ratio:4\/3; max-height:clamp(220px, 36vw, 380px); }\r\n                    }\r\n                    @media (max-width: 640px){\r\n                      #dmc-marina .dmc-head{padding:18px 16px}\r\n                      #dmc-marina .dmc-grid{gap:10px}\r\n                      #dmc-marina .dmc-card{padding:12px}\r\n                      #dmc-marina .dmc-figure img{ aspect-ratio:16\/9; max-height:clamp(160px, 48vw, 220px); }\r\n                    }\r\n\r\n                    \/* ======= Botones (Censo en vertical) ======= *\/\r\n                    #dmc-marina .dmc-actions{grid-area:actions; display:grid; gap:8px; grid-template-columns:1fr}\r\n                    #dmc-marina .dmc-cta{\r\n                      display:inline-grid; grid-auto-flow:column; gap:10px; place-items:center; text-decoration:none; font-weight:900;\r\n                      padding:12px 16px; border-radius:14px; min-height:44px; font-size:clamp(13px,1.1vw,15px);\r\n                      background:linear-gradient(180deg,#0a8f88,#06716c); color:#fff; border:1px solid #bfe7e4;\r\n                      box-shadow:0 8px 18px rgba(6,113,108,.18); justify-content:center; transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;\r\n                    }\r\n                    #dmc-marina .dmc-cta:hover{ filter:brightness(1.05); transform:translateY(-1px); box-shadow:0 10px 22px rgba(6,113,108,.22) }\r\n                    #dmc-marina .dmc-cta i{font-size:16px}\r\n                    #dmc-marina .dmc-cta.small{ background:#fff; color:var(--brand); border:1px solid #cfe9e7; box-shadow:none; font-weight:800 }\r\n\r\n                    \/* ======= Comportamiento responsive de tabs\/select ======= *\/\r\n                    @media (max-width: 960px){\r\n                      #dmc-marina .dmc-mobile-switch{ display:flex }\r\n                      #dmc-marina .dmc-tabwrap{ display:none } \/* en tablet\/m\u00f3vil NO hay barra con flechas *\/\r\n                    }\r\n\r\n                    @media (prefers-reduced-motion:reduce){\r\n                      #dmc-marina.dmc-scope.v6-2 *{transition:none!important; animation:none!important; scroll-behavior:auto!important}\r\n                    }\r\n                  <\/style>\r\n\r\n                  <!-- ==============================  C O N T E N I D O  ============================== -->\r\n                  <div class=\"dmc-wrap\">\r\n                    <!-- HERO (t\u00edtulo est\u00e9tico) -->\r\n                    <section class=\"dmc-hero\" aria-labelledby=\"dmc-h1\">\r\n                      <div class=\"dmc-head\">\r\n                        <span class=\"dmc-kicker\"><i class=\"fa-solid fa-graduation-cap\" aria-hidden=\"true\"><\/i> Delegaci\u00f3n de Estudiantes<\/span>\r\n                        <h1 id=\"dmc-h1\" class=\"dmc-title\">Escuela Superior de Marina Civil<\/h1>\r\n                        <p class=\"dmc-sub\">Contacto, canal de WhatsApp y certificados.<\/p>\r\n                      <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- GRID -->\r\n                    <div class=\"dmc-grid\">\r\n                      <!-- ====== IZQUIERDA: SELECT (tablet\/m\u00f3vil) + TABS (PC) ====== -->\r\n                      <section class=\"dmc-card dmc-tabs\" aria-label=\"Contenido de la Delegaci\u00f3n\">\r\n                        <!-- Selector m\u00f3vil\/tablet -->\r\n                        <div class=\"dmc-mobile-switch\">\r\n                          <label for=\"dmc-select\" id=\"dmc-select-lbl\"><i class=\"fa-solid fa-list\" aria-hidden=\"true\"><\/i> Ver:<\/label>\r\n                          <select id=\"dmc-select\" class=\"dmc-select\" aria-labelledby=\"dmc-select-lbl\">\r\n                            <option value=\"panel-c\" selected>Contacto<\/option>\r\n                            <option value=\"panel-w\">Canal\/Grupo<\/option>\r\n                            <option value=\"panel-cert\">Certificado<\/option>\r\n                            <!-- Si hubiera Sectorial, a\u00f1adir aqu\u00ed -->\r\n                          <\/select>\r\n                        <\/div>\r\n\r\n                        <!-- Barra de pesta\u00f1as (solo PC) -->\r\n                        <div class=\"dmc-tabwrap\">\r\n                          <button class=\"dmc-scroll prev\" type=\"button\" aria-label=\"Desplazar pesta\u00f1as a la izquierda\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n                          <button class=\"dmc-scroll next\" type=\"button\" aria-label=\"Desplazar pesta\u00f1as a la derecha\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n                          <div class=\"dmc-tablist\" role=\"tablist\" aria-label=\"Navegaci\u00f3n de pesta\u00f1as\">\r\n                            <!-- PRIMERA PESTA\u00d1A = Contacto -->\r\n                            <button class=\"dmc-tab\" role=\"tab\" id=\"tab-c\" aria-controls=\"panel-c\" aria-selected=\"true\" title=\"Contacto\">\r\n                              <span class=\"ico\"><i class=\"fa-solid fa-envelope\" aria-hidden=\"true\"><\/i><\/span>\r\n                              <span class=\"lbl\">Contacto<\/span>\r\n                            <\/button>\r\n                            <button class=\"dmc-tab\" role=\"tab\" id=\"tab-w\" aria-controls=\"panel-w\" aria-selected=\"false\" title=\"Canal o Grupo de WhatsApp\">\r\n                              <span class=\"ico\"><i class=\"fa-brands fa-whatsapp\" aria-hidden=\"true\"><\/i><\/span>\r\n                              <span class=\"lbl\">Canal\/Grupo<\/span>\r\n                            <\/button>\r\n                            <button class=\"dmc-tab\" role=\"tab\" id=\"tab-cert\" aria-controls=\"panel-cert\" aria-selected=\"false\" title=\"Certificado de representatividad\">\r\n                              <span class=\"ico\"><i class=\"fa-regular fa-file-lines\" aria-hidden=\"true\"><\/i><\/span>\r\n                              <span class=\"lbl\">Certificado<\/span>\r\n                            <\/button>\r\n                            <!-- Si hay Sectorial, mantener su pesta\u00f1a aqu\u00ed -->\r\n                          <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Paneles -->\r\n                        <div id=\"panel-c\" class=\"dmc-panel\" role=\"tabpanel\" aria-labelledby=\"tab-c\" aria-hidden=\"false\" tabindex=\"-1\">\r\n                          <p>Escr\u00edbenos a:<\/p>\r\n                          <div class=\"dmc-actions\" role=\"group\" aria-label=\"Accesos r\u00e1pidos\">\r\n                            <a class=\"dmc-cta small\" href=\"mailto:cestudiantes.marina@uniovi.es\"><i class=\"fa-solid fa-at\" aria-hidden=\"true\"><\/i> cestudiantes.marina@uniovi.es<\/a>\r\n                            <a class=\"dmc-cta small\" href=\"mailto:cestudiantes@uniovi.es\"><i class=\"fa-solid fa-at\" aria-hidden=\"true\"><\/i> cestudiantes@uniovi.es<\/a>\r\n                          <\/div>\r\n                          <p>\u00bfD\u00f3nde estamos?<\/p>\r\n                          <div class=\"dmc-map\">\r\n                            <iframe loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\r\n                              src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1ofyQueyF2m5sk1hKVRCTA5I2QQHEACPn&ehbc=2E312F\"\r\n                              title=\"Mapa \u00b7 Escuela Superior de Marina Civil\"><\/iframe>\r\n                          <\/div>\r\n                        <\/div>\r\n\r\n                        <div id=\"panel-w\" class=\"dmc-panel\" role=\"tabpanel\" aria-labelledby=\"tab-w\" aria-hidden=\"true\" tabindex=\"-1\">\r\n                          <p>Recibe avisos importantes (m\u00e1x. 2 al d\u00eda):<\/p>\r\n                          <div class=\"dmc-actions\" role=\"group\" aria-label=\"Enlaces de WhatsApp\">\r\n                            <a class=\"dmc-cta\" href=\"https:\/\/chat.whatsapp.com\/C2X7heJrUmw91xWVhuFYJ6\" target=\"_blank\" rel=\"noopener\">\r\n                              <i class=\"fa-brands fa-whatsapp\" aria-hidden=\"true\"><\/i> Abrir en WhatsApp\r\n                            <\/a>\r\n                            <button class=\"dmc-cta small\" type=\"button\" id=\"copy-wa-marina\" data-copy=\"https:\/\/chat.whatsapp.com\/C2X7heJrUmw91xWVhuFYJ6\">\r\n                              <i class=\"fa-regular fa-copy\" aria-hidden=\"true\"><\/i> Copiar enlace\r\n                            <\/button>\r\n                          <\/div>\r\n                          <p class=\"dmc-sub\" id=\"copy-wa-marina-note\" style=\"font-size:var(--fs-s)\" aria-live=\"polite\"><\/p>\r\n                        <\/div>\r\n\r\n                        <div id=\"panel-cert\" class=\"dmc-panel\" role=\"tabpanel\" aria-labelledby=\"tab-cert\" aria-hidden=\"true\" tabindex=\"-1\">\r\n                          <div class=\"dmc-iframe-shell\">\r\n                            <iframe class=\"dmc-iframe\"\r\n                                    src=\"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/certificados-de-representatividad\/\"\r\n                                    title=\"Certificados de representatividad\"\r\n                                    loading=\"lazy\"\r\n                                    referrerpolicy=\"no-referrer-when-downgrade\"\r\n                                    allowfullscreen><\/iframe>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/section>\r\n\r\n                      <!-- ====== DERECHA: ACCIONES + IMAGEN (en tablet\/m\u00f3vil las acciones van arriba) ====== -->\r\n                      <aside class=\"dmc-card dmc-side\" aria-label=\"Imagen y acceso al censo\">\r\n                        <figure class=\"dmc-figure\">\r\n                          <img decoding=\"async\" loading=\"lazy\"\r\n                               src=\"https:\/\/www.unioviedo.es\/cestudiantes\/wp-content\/uploads\/2023\/04\/MarinaGijon-1024x768.jpg\"\r\n                               alt=\"Escuela Superior de Marina Civil\">\r\n                        <\/figure>\r\n\r\n                        <div class=\"dmc-actions\">\r\n                          <a class=\"dmc-cta\" href=\"https:\/\/www.unioviedo.es\/cestudiantes?display_censo=1&centro_censo=Escuela+Superior+de+Marina+Civil\" target=\"_blank\" rel=\"noopener\" aria-label=\"Ver censo del centro en pesta\u00f1a nueva\">\r\n                            <i class=\"fa-regular fa-rectangle-list\" aria-hidden=\"true\"><\/i> Ver censo del centro\r\n                          <\/a>\r\n                          <!-- Si hubiera Instagram, a\u00f1adir aqu\u00ed otro .dmc-cta -->\r\n                        <\/div>\r\n                      <\/aside>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <!-- ==============================  J S  ============================== -->\r\n                  <script>\r\n                    (function(){\r\n                      const root = document.getElementById('dmc-marina');\r\n                      if(!root) return;\r\n\r\n                      const tablist  = root.querySelector('.dmc-tablist');\r\n                      const tabs     = Array.from(root.querySelectorAll('.dmc-tab'));\r\n                      const panels   = Array.from(root.querySelectorAll('.dmc-panel'));\r\n                      const prevBtn  = root.querySelector('.dmc-scroll.prev');\r\n                      const nextBtn  = root.querySelector('.dmc-scroll.next');\r\n                      const select   = root.querySelector('#dmc-select');\r\n\r\n                      function updateArrows(){\r\n                        if(!tablist || !prevBtn || !nextBtn) return;\r\n                        if(getComputedStyle(tablist).display === 'none') return; \/\/ en tablet\/m\u00f3vil no hay flechas\r\n                        const max = Math.max(0, tablist.scrollWidth - tablist.clientWidth - 1);\r\n                        prevBtn.disabled = tablist.scrollLeft <= 1;\r\n                        nextBtn.disabled = tablist.scrollLeft >= max;\r\n                      }\r\n\r\n                      function setActive(panelId, focusPanel=false){\r\n                        const btn = root.querySelector('[aria-controls=\"'+panelId+'\"]');\r\n                        tabs.forEach(t=>{\r\n                          const on = t===btn;\r\n                          t.setAttribute('aria-selected', on ? 'true':'false');\r\n                          const p = root.querySelector('#'+t.getAttribute('aria-controls'));\r\n                          if(p){\r\n                            p.setAttribute('aria-hidden', on ? 'false':'true');\r\n                            if(on && focusPanel){ p.focus?.(); }\r\n                          }\r\n                        });\r\n                        \/\/ sincroniza select\r\n                        if(select && select.value !== panelId) select.value = panelId;\r\n\r\n                        \/\/ centra tab activo en PC\r\n                        if(tablist && getComputedStyle(tablist).display !== 'none' && btn){\r\n                          const br = btn.getBoundingClientRect();\r\n                          const pr = tablist.getBoundingClientRect();\r\n                          if(br.left < pr.left || br.right > pr.right){\r\n                            tablist.scrollTo({left: btn.offsetLeft - pr.width\/2 + br.width\/2, behavior:'smooth'});\r\n                          }\r\n                        }\r\n                        updateArrows();\r\n                      }\r\n\r\n                      \/\/ Init: Contacto por defecto\r\n                      const initBtn = root.querySelector('#tab-c') || tabs[0];\r\n                      setActive(initBtn ? initBtn.getAttribute('aria-controls') : 'panel-c', false);\r\n                      window.requestAnimationFrame(updateArrows);\r\n\r\n                      \/\/ Tabs (PC)\r\n                      tabs.forEach(t => t.addEventListener('click', ()=> setActive(t.getAttribute('aria-controls'), true)));\r\n\r\n                      \/\/ Teclado accesible\r\n                      tablist?.addEventListener('keydown', (e)=>{\r\n                        const current = document.activeElement;\r\n                        const idx = tabs.indexOf(current);\r\n                        if(idx<0) return;\r\n                        let next = idx;\r\n                        if(e.key==='ArrowRight') next = (idx+1)%tabs.length;\r\n                        if(e.key==='ArrowLeft')  next = (idx-1+tabs.length)%tabs.length;\r\n                        if(e.key==='Home')       next = 0;\r\n                        if(e.key==='End')        next = tabs.length-1;\r\n                        if(next!==idx){\r\n                          e.preventDefault();\r\n                          tabs[next].focus();\r\n                          setActive(tabs[next].getAttribute('aria-controls'), true);\r\n                        }\r\n                      });\r\n\r\n                      \/\/ Flechas (PC)\r\n                      prevBtn?.addEventListener('click', ()=> { tablist.scrollBy({left:-240, behavior:'smooth'}); setTimeout(updateArrows, 250); });\r\n                      nextBtn?.addEventListener('click', ()=> { tablist.scrollBy({left: 240, behavior:'smooth'}); setTimeout(updateArrows, 250); });\r\n                      window.addEventListener('resize', updateArrows);\r\n\r\n                      \/\/ SELECT (tablet\/m\u00f3vil)\r\n                      select?.addEventListener('change', (e)=> setActive(e.target.value, true));\r\n\r\n                      \/\/ Copiar enlace WhatsApp\r\n                      const copyBtn = root.querySelector('#copy-wa-marina');\r\n                      const note = root.querySelector('#copy-wa-marina-note');\r\n                      copyBtn?.addEventListener('click', async ()=>{\r\n                        try{\r\n                          await navigator.clipboard.writeText(copyBtn.dataset.copy);\r\n                          note.textContent = 'Enlace copiado al portapapeles.';\r\n                        }catch{\r\n                          note.textContent = 'No se pudo copiar. Selecciona y copia manualmente.';\r\n                        }\r\n                        setTimeout(()=> note.textContent='', 3000);\r\n                      });\r\n                    })();\r\n                  <\/script>\r\n                <\/div>\r\n                <!-- =====================  \/Delegaci\u00f3n MARINA CIVIL  ===================== -->\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/main>\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>Delegaci\u00f3n de Estudiantes Escuela Superior de Marina Civil Contacto, canal de WhatsApp y certificados. Ver: ContactoCanal\/GrupoCertificado Contacto Canal\/Grupo Certificado Escr\u00edbenos a: cestudiantes.marina@uniovi.es cestudiantes@uniovi.es \u00bfD\u00f3nde estamos? Recibe avisos importantes (m\u00e1x. 2 al d\u00eda): Abrir en WhatsApp Copiar enlace Ver censo del centro<\/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-1354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/1354","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=1354"}],"version-history":[{"count":3,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/1354\/revisions"}],"predecessor-version":[{"id":16444,"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/pages\/1354\/revisions\/16444"}],"wp:attachment":[{"href":"https:\/\/www.unioviedo.es\/cestudiantes\/index.php\/wp-json\/wp\/v2\/media?parent=1354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}