{"id":903,"date":"2025-12-17T13:36:18","date_gmt":"2025-12-17T12:36:18","guid":{"rendered":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/?page_id=903"},"modified":"2026-05-21T12:53:16","modified_gmt":"2026-05-21T10:53:16","slug":"red-de-orientacion","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/red-de-orientacion\/","title":{"rendered":"Servicios de Orientaci\u00f3n"},"content":{"rendered":"<div id=\"pl-gb903-6aad36771d358\"  class=\"panel-layout panel-layout\" ><div id=\"pg-gb903-6aad36771d358-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-gb903-6aad36771d358-0\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-gb903-6aad36771d358-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb903-6aad36771d358-0-0-0\" class=\"so-panel widget widget_sow-hero panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-hero so-widget-sow-hero-default-93415d0e2dbf-903 so-widget-fittext-wrapper\"\n\t\t\t data-fit-text-compressor=\"0.85\"\n\t\t>\t\t\t\t<div class=\"sow-slider-base\" style=\"display: none\" tabindex=\"0\">\n\t\t\t\t\t<ul\n\t\t\t\t\tclass=\"sow-slider-images\"\n\t\t\t\t\tdata-settings=\"{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}\"\n\t\t\t\t\t\t\t\t\t\tdata-anchor-id=\"\"\n\t\t\t\t>\t\t<li class=\"sow-slider-image\" style=\"visibility: visible;;background-color: #333333\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t<div style=\"background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,85,149,0.05) 50%, rgba(255,255,255,1) 100%);padding: 50px 0;text-align: center;border-top: 1px solid #eee;border-bottom: 1px solid #eee\">\n<h1 style=\"font-family: Arial, sans-serif !important;font-size: 45px;font-weight: 900;color: #005595;margin: 0;letter-spacing: -1px\">SERVICIOS DE <span style=\"font-weight: 300;color: #333\">ORIENTACI\u00d3N<\/span><\/h1>\n<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t<\/ul>\t\t\t\t<ol class=\"sow-slider-pagination\">\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"0\" aria-label=\"Display slide 1\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-next\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"next\" aria-label=\"Next slide\" data-action=\"next\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-right\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-prev\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"previous\" aria-label=\"Previous slide\" data-action=\"prev\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-left\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-gb903-6aad36771d358-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-gb903-6aad36771d358-1\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-gb903-6aad36771d358-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb903-6aad36771d358-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><style>\n    \/* 1. ANIMACI\u00d3N DE ENTRADA *\/\n    @keyframes fadeInUp {\n        from { \n            opacity: 0; \n            transform: translateY(30px); \n        }\n        to { \n            opacity: 1; \n            transform: translateY(0); \n        }\n    }\n\n    \/* 2. CONTENEDOR PRINCIPAL FLUIDO *\/\n    .seccion-orientacion-fluida {\n        max-width: 1100px;\n        margin: 30px auto;\n        padding: 20px;\n        font-family: 'Segoe UI', Arial, sans-serif;\n    }\n\n    \/* Envoltura flex horizontal *\/\n    .timeline-hz-fluida {\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        gap: 30px;\n        position: relative;\n    }\n\n    \/* 3. L\u00cdNEA CONECTOR HORIZONTAL CENTRAL *\/\n    .timeline-hz-fluida::before {\n        content: '';\n        position: absolute;\n        top: 50px; \/* Centrada exactamente a la mitad de los c\u00edrculos de 100px *\/\n        left: 10%;\n        right: 10%;\n        height: 2px;\n        background: linear-gradient(to right, #005595 0%, #cbd5e1 50%, #005595 100%);\n        z-index: 0;\n    }\n\n    \/* 4. BLOQUE DE \u00cdTEM FLUIDO (SIN CAJAS) *\/\n    .item-orienta-fluido {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center; \/* Centrado absoluto de todos los componentes *\/\n        text-align: center;\n        position: relative;\n        z-index: 1;\n        padding: 0 5px;\n        animation: fadeInUp 0.8s ease-out both;\n    }\n\n    \/* Retrasos de animaci\u00f3n en cascada *\/\n    .item-orienta-fluido:nth-child(1) { animation-delay: 0.1s; }\n    .item-orienta-fluido:nth-child(2) { animation-delay: 0.2s; }\n    .item-orienta-fluido:nth-child(3) { animation-delay: 0.3s; }\n    .item-orienta-fluido:nth-child(4) { animation-delay: 0.4s; }\n\n    \/* 5. C\u00cdRCULO DIN\u00c1MICO (100px) *\/\n    .numero-fluido-contenedor {\n        width: 100px;\n        height: 100px;\n        background: #ffffff;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-bottom: 20px;\n        border: 2px solid #005595;\n        box-shadow: 0 4px 15px rgba(0,85,149,0.1);\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        z-index: 2;\n    }\n\n    .item-orienta-fluido:hover .numero-fluido-contenedor {\n        background: linear-gradient(135deg, #005595 0%, #003366 100%);\n        border-color: transparent;\n        transform: rotate(360deg) scale(1.1);\n        box-shadow: 0 8px 25px rgba(0,85,149,0.25);\n    }\n\n    .numero-fluido-estilo {\n        font-size: 45px;\n        font-weight: 300;\n        color: #005595;\n        transition: 0.4s;\n    }\n\n    .item-orienta-fluido:hover .numero-fluido-estilo {\n        color: #ffffff;\n        font-weight: bold;\n    }\n\n    \/* 6. TEXTOS FLUIDOS Y CENTRADOS *\/\n    .info-fluida-contenedor {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n    }\n\n    .info-fluida-contenedor h3 {\n        color: #005595;\n        font-size: 19px;\n        margin: 0 0 12px 0 !important;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        font-weight: 700;\n        transition: 0.3s;\n    }\n\n    .item-orienta-fluido:hover h3 {\n        color: #F39C12;\n    }\n\n    .info-fluida-contenedor p {\n        color: #4a5568;\n        line-height: 1.6;\n        font-size: 14.5px;\n        margin: 0 0 20px 0 !important;\n        max-width: 280px; \/* Ajustado para mantener una lectura \u00f3ptima en 4 columnas *\/\n    }\n\n    \/* 7. BOT\u00d3N ESTILIZADO EN FORMATO P\u00cdLDORA *\/\n    .boton-fluido-pildora {\n        display: inline-block;\n        padding: 10px 25px;\n        background: #F39C12;\n        color: white !important;\n        text-decoration: none;\n        border-radius: 50px;\n        font-weight: bold;\n        font-size: 13.5px;\n        transition: all 0.3s ease;\n        border: 2px solid #F39C12;\n        box-shadow: 0 4px 10px rgba(243, 156, 18, 0.2);\n    }\n\n    .boton-fluido-pildora:hover {\n        background: transparent;\n        color: #F39C12 !important;\n        box-shadow: 0 6px 20px rgba(243, 156, 18, 0.35);\n        transform: translateY(-2px);\n    }\n\n    \/* 8. RESPONSIVE (Transformaci\u00f3n fluida a lista vertical en tablets y m\u00f3viles) *\/\n    @media (max-width: 900px) {\n        .timeline-hz-fluida {\n            flex-direction: column;\n            gap: 50px;\n            align-items: center;\n        }\n        .timeline-hz-fluida::before { \n            display: none; \n        }\n        .info-fluida-contenedor p {\n            max-width: 100%;\n        }\n    }\n<\/style>\n\n<div class=\"seccion-orientacion-fluida\">\n    <div class=\"timeline-hz-fluida\">\n\n        <div class=\"item-orienta-fluido\">\n            <div class=\"numero-fluido-contenedor\">\n                <span class=\"numero-fluido-estilo\">1<\/span>\n            <\/div>\n            <div class=\"info-fluida-contenedor\">\n                <h3>Protocolo de derivaci\u00f3n<\/h3>\n                <p>Conozca el procedimiento oficial para la detecci\u00f3n de se\u00f1ales de alerta en el aula y los pasos establecidos para derivar de forma temprana.<\/p>\n                <a href=\"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/derivacion-eeagd\/\" class=\"boton-fluido-pildora\" target=\"_blank\">Ver Protocolo<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-orienta-fluido\">\n            <div class=\"numero-fluido-contenedor\">\n                <span class=\"numero-fluido-estilo\">2<\/span>\n            <\/div>\n            <div class=\"info-fluida-contenedor\">\n                <h3>Evaluaci\u00f3n psicopedag\u00f3gica<\/h3>\n                <p>An\u00e1lisis del proceso hol\u00edstico de recogida de informaci\u00f3n, determinando la competencia curricular y variables del entorno.<\/p>\n                <a href=\"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/evaluacion\/\" class=\"boton-fluido-pildora\" target=\"_blank\">Ver Evaluaci\u00f3n<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-orienta-fluido\">\n            <div class=\"numero-fluido-contenedor\">\n                <span class=\"numero-fluido-estilo\">3<\/span>\n            <\/div>\n            <div class=\"info-fluida-contenedor\">\n                <h3>Respuesta educativa<\/h3>\n                <p>Explore las propuestas de escolarizaci\u00f3n, adaptaciones metodol\u00f3gicas y medidas espec\u00edficas de atenci\u00f3n a la diversidad.<\/p>\n                <a href=\"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/respuesta-educativa-2\/\" class=\"boton-fluido-pildora\" target=\"_blank\">Ver Medidas<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-orienta-fluido\">\n            <div class=\"numero-fluido-contenedor\">\n                <span class=\"numero-fluido-estilo\">4<\/span>\n            <\/div>\n            <div class=\"info-fluida-contenedor\">\n                <h3>Asesoramiento<\/h3>\n                <p>Acceda a las pautas pr\u00e1cticas, herramientas y recursos especializados destinados a los equipos docentes y familias.<\/p>\n                <a href=\"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/asesoramiento\/\" class=\"boton-fluido-pildora\" target=\"_blank\">Ver Asesoramiento<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    html {\n        scroll-behavior: smooth;\n    }\n\n    .btn-subir-or {\n        position: fixed;\n        bottom: 30px;\n        right: 30px;\n        width: 50px;\n        height: 50px;\n        background-color: #F39C12;\n        color: white !important;\n        text-align: center;\n        line-height: 45px;\n        font-size: 30px;\n        border-radius: 50%;\n        text-decoration: none !important;\n        z-index: 9999;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        transition: all 0.3s ease;\n        border: 2px solid white;\n    }\n\n    .btn-subir-or:hover {\n        background-color: #005595;\n        transform: scale(1.1) translateY(-5px);\n        box-shadow: 0 6px 20px rgba(0,0,0,0.3);\n    }\n\n    .btn-subir-or::before {\n        content: '\u2191';\n        font-weight: bold;\n    }\n\n    @media (max-width: 480px) {\n        .btn-subir-or {\n            bottom: 15px;\n            right: 15px;\n            width: 40px;\n            height: 40px;\n            line-height: 35px;\n        }\n    }\n<\/style>\n\n<a href=\"#\" class=\"btn-subir-or\" title=\"Volver arriba\"><\/a><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-903","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"eoep.alteracionesdesarrollo.madrid","author_link":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/author\/cuenta_eoep-alteracionesdesarrollo-madrid\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":null,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/pages\/903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/comments?post=903"}],"version-history":[{"count":6,"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/pages\/903\/revisions"}],"predecessor-version":[{"id":1810,"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/pages\/903\/revisions\/1810"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=903"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/eoep.alteracionesdesarrollo.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}