{"id":121,"date":"2026-05-14T10:18:43","date_gmt":"2026-05-14T10:18:43","guid":{"rendered":"https:\/\/iesbalmasedabhi.com\/?page_id=121"},"modified":"2026-09-16T08:18:36","modified_gmt":"2026-09-16T08:18:36","slug":"orientacion","status":"publish","type":"page","link":"https:\/\/iesbalmasedabhi.com\/eu\/orientacion\/","title":{"rendered":"Orientazioa"},"content":{"rendered":"<style>\n  * { box-sizing: border-box; }\n\n  body {\n    font-family: 'Open Sans', sans-serif;\n    background: #f4f5f7;\n    padding: 50px 0 40px;\n  }\n\n  .layout {\n    display: flex;\n    gap: 24px;\n    width: 90%;\n    max-width: 1500px;\n    margin: 0 auto;\n    align-items: flex-start;\n    padding-top: 50px;\n  }\n\n  \/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\n  .sidebar {\n    flex: 0 0 220px;\n    background: #fff;\n    border-radius: 0 8px 8px 0;\n    padding: 0 0 20px;\n    position: relative;\n    padding-top: 50px;\n    box-shadow: 0 2px 8px rgba(44,62,107,0.10);\n  }\n\n  .sidebar-icon {\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 60px;\n    background: #2c3e6b;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .sidebar-icon svg {\n    width: 32px;\n    height: 32px;\n    fill: #fff;\n  }\n\n  .sidebar h2 {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #2c3e6b;\n    text-align: center;\n    padding: 12px 0 16px;\n    border-bottom: 2px solid #2c3e6b;\n    margin: 0 20px 8px;\n  }\n\n  .sidebar nav a {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 20px;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: #444;\n    text-decoration: none;\n    transition: background .2s;\n  }\n\n  .sidebar nav a:hover {\n    background: #eef1f7;\n  }\n\n  .sidebar nav a.active {\n    background: #dde3f0;\n    color: #2c3e6b;\n  }\n\n  .sidebar nav a + a {\n    border-top: 1px solid #eee;\n  }\n\n  .sidebar nav a svg {\n    width: 18px;\n    height: 18px;\n    fill: #3a6fa8;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 MAIN CARD \u2500\u2500 *\/\n  .main {\n    flex: 1;\n    background: #fff;\n    border-radius: 8px 0 0 8px;\n    padding: 0 0 40px;\n    position: relative;\n    padding-top: 50px;\n    box-shadow: 0 2px 8px rgba(44,62,107,0.10);\n    min-height: 400px;\n  }\n\n  .main-icon {\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 60px;\n    background: #3a6fa8;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .main-icon svg {\n    width: 34px;\n    height: 34px;\n    fill: #fff;\n  }\n\n  .main h1 {\n    font-family: 'Raleway', sans-serif;\n    font-size: 20px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #2c3e6b;\n    text-align: center;\n    padding: 12px 30px 20px;\n    border-bottom: 2px solid #e0e4ee;\n    margin-bottom: 30px;\n  }\n\n  \/* \u2500\u2500 CONTENT AREA \u2500\u2500 *\/\n  .content-area {\n    padding: 20px 30px 30px;\n    color: #555;\n    font-size: 14px;\n    line-height: 1.8;\n    text-align: center;\n  }\n\n  \/* \u2500\u2500 BOT\u00d3N ORIENTACI\u00d3N \u2500\u2500 *\/\n  .orientation-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 14px 28px;\n    background: #3a6fa8;\n    color: #fff;\n    text-decoration: none;\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    border-radius: 6px;\n    box-shadow: 0 3px 8px rgba(44,62,107,0.18);\n    transition: all 0.25s ease;\n  }\n\n  .orientation-link:hover {\n    background: #2c3e6b;\n    color: #fff;\n    transform: translateY(-2px);\n    box-shadow: 0 5px 12px rgba(44,62,107,0.25);\n  }\n\n  .orientation-link svg {\n    width: 20px;\n    height: 20px;\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  .orientation-description {\n    margin: 0 0 20px;\n    color: #666;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 1.7;\n  }\n\n  .orientation-description strong {\n    color: #2c3e6b;\n  }\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"layout\">\n\n  <!-- SIDEBAR -->\n  <aside class=\"sidebar\">\n\n    <div class=\"sidebar-icon\">\n      <svg viewbox=\"0 0 24 24\" fill=\"#fff\">\n        <path d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z\"\/>\n      <\/svg>\n    <\/div>\n\n    <h2>Zerbitzuak<\/h2>\n\n    <nav>\n\n      <a href=\"https:\/\/iesbalmasedabhi.com\/eu\/secretaria\/\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 002-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n        <\/svg>\n        Idazkaritza\n      <\/a>\n\n      <!-- ORIENTACI\u00d3N: se abre en una pesta\u00f1a nueva -->\n      <a href=\"https:\/\/sites.google.com\/a\/iesbalmasedabhi.com\/balmasedabhi\/orientazioa\"\n         target=\"_blank\"\n         rel=\"noopener noreferrer\">\n\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M12 2a5 5 0 100 10A5 5 0 0012 2zm0 8a3 3 0 110-6 3 3 0 010 6zm7 3h-2.18A7.001 7.001 0 005.18 13H3a1 1 0 00-1 1v5a1 1 0 001 1h18a1 1 0 001-1v-5a1 1 0 00-1-1zm-1 5H5v-3.07A5.002 5.002 0 0112 12c2.35 0 4.36 1.62 4.9 3.93L19 16v3z\"\/>\n        <\/svg>\n\n        Orientazioa\n      <\/a>\n\n      <a href=\"https:\/\/iesbalmasedabhi.com\/eu\/departamentos\/\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 002-2zm-7 3a3 3 0 110 6 3 3 0 010-6zm6 12H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1V18z\"\/>\n        <\/svg>\n        Mintegiak\n      <\/a>\n\n      <a href=\"https:\/\/iesbalmasedabhi.com\/eu\/comedor\/\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M18.5 3H6a2 2 0 00-2 2v15a1 1 0 001 1h14a1 1 0 001-1V5a2 2 0 00-1.5-1.94zM16 15H8v-2h8v2zm0-4H8V9h8v2z\"\/>\n        <\/svg>\n        Jantokia\n      <\/a>\n\n      <a href=\"https:\/\/iesbalmasedabhi.com\/eu\/transporte-escolar\/\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2h-1V1h-2zm3 18H5V8h14v11z\"\/>\n        <\/svg>\n        Eskola-garraioa\n      <\/a>\n\n    <\/nav>\n  <\/aside>\n\n  <!-- MAIN CONTENT -->\n  <main class=\"main\">\n\n    <div class=\"main-icon\">\n      <svg viewbox=\"0 0 24 24\">\n        <path d=\"M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 002-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n      <\/svg>\n    <\/div>\n\n    <h1>Orientazioa<\/h1>\n\n    <div class=\"content-area\">\n\n      <p class=\"orientation-description\">\n        Jo ezazu zentroko <strong>Orientazioa<\/strong> atalera; bertan, intereseko informazioa eta baliabideak aurkituko dituzu.\n      <\/p>\n\n      <a\n        class=\"orientation-link\"\n        href=\"https:\/\/sites.google.com\/a\/iesbalmasedabhi.com\/balmasedabhi\/orientazioa\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42L17.59 5H14V3z\"\/>\n          <path d=\"M19 19H5V5h6V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-6h-2v6z\"\/>\n        <\/svg>\n        Orientaziora sartu\n      <\/a>\n\n    <\/div>\n\n  <\/main>\n<\/div>\n\n<script>\n(function() {\n  \/\/ Detecta si la URL actual contiene el prefijo de idioma \/eu\/\n  var currentPath = window.location.pathname;\n  var isEuskera = currentPath.indexOf('\/eu\/') === 0 || currentPath.indexOf('\/eu\/') !== -1;\n\n  if (isEuskera) {\n    var links = document.querySelectorAll('.sidebar nav a');\n\n    links.forEach(function(link) {\n      var href = link.getAttribute('href');\n\n      if (\n        href &&\n        href.indexOf('iesbalmasedabhi.com') !== -1 &&\n        href.indexOf('\/eu\/') === -1\n      ) {\n        \/\/ Inserta \/eu\/ despu\u00e9s del dominio\n        var newHref = href.replace(\n          'iesbalmasedabhi.com\/',\n          'iesbalmasedabhi.com\/eu\/'\n        );\n\n        link.setAttribute('href', newHref);\n      }\n    });\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Servicios Secretar\u00eda Orientaci\u00f3n Departamentos Comedor Transporte Escolar Orientaci\u00f3n Accede al espacio de Orientaci\u00f3n del centro, donde encontrar\u00e1s informaci\u00f3n y recursos de inter\u00e9s. Acceder a Orientaci\u00f3n<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":8,"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":1431,"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/pages\/121\/revisions\/1431"}],"wp:attachment":[{"href":"https:\/\/iesbalmasedabhi.com\/eu\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}