{"id":54,"date":"2025-03-25T09:49:12","date_gmt":"2025-03-25T08:49:12","guid":{"rendered":"https:\/\/ceperoccidente.es\/wordpress\/?page_id=54"},"modified":"2026-03-04T16:33:29","modified_gmt":"2026-03-04T15:33:29","slug":"contacto-c-e-per-y-sus-secciones","status":"publish","type":"page","link":"https:\/\/ceperoccidente.es\/index.php\/contacto-c-e-per-y-sus-secciones\/","title":{"rendered":"Horario y Organigrama"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f63531 e-flex e-con-boxed e-con e-parent\" data-id=\"0f63531\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b03a2fc elementor-widget elementor-widget-html\" data-id=\"b03a2fc\" 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<div style=\"position: relative; z-index: 10000; width: 100%; margin-bottom: 20px;\">\r\n  <nav class=\"nav-ceper\">\r\n    <ul class=\"menu-principal\" id=\"main-nav\">\r\n      <li><a href=\"https:\/\/ceperoccidente.es\/\">Inicio<\/a><\/li>\r\n      \r\n      <li class=\"tiene-submenu\">\r\n        <a href=\"#\">Centro \u25be<\/a>\r\n        <ul class=\"submenu\">\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/contacto-c-e-per-y-sus-secciones\/\">Horario y Organigrama<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li class=\"tiene-submenu\">\r\n        <a href=\"#\">Secretar\u00eda \u25be<\/a>\r\n        <ul class=\"submenu\">\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/secretaria-virtual-2\/\">Secretar\u00eda Virtual<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/becas-secretaria\/\">Becas<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/horarios-secretaria\/\">Horarios<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li class=\"tiene-submenu\">\r\n        <a href=\"#\">Oferta Educativa \u25be<\/a>\r\n        <ul class=\"submenu large-menu\">\r\n          <li class=\"titulo-seccion\">Titulaciones<\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/preparacion-pruebas-para-la-obtencion-del-titulo-de-graduado-en-eso-para-mayores-de-18-anos\/\">Preparaci\u00f3n de Obtenci\u00f3n Graduado ESO<\/a><\/li>\r\n                    <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/tutoria-de-apoyo-al-estudio-de-eso\/\">Tutor\u00eda de Apoyo al estudio<\/a><\/li>\r\n\r\n          <li class=\"separador\"><\/li>\r\n          <li class=\"titulo-seccion\">Ciudadan\u00eda Activa<\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/interculturalidad-y-lengua-espanola-para-personas-procedentes-de-otros-paises\/\">Interculturalidad, Cultura y Lengua Espa\u00f1ola\r\n<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/uso-basicos-de-idiomas-ingles\/\">Uso B\u00e1sico de Idiomas\r\n<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/tecnologia-de-la-informacion-y-la-comunicacion\/\">Uso B\u00e1sico de las TIC\r\n<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/fomento-de-la-cultura-emprendedora\/\">Fomento de la Cultura Emprendedora\r\n<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/patrimonio-cultural-de-andalucia-y-del-medio-ambiente\/\">Patrimonio Cultural y Medioambiental de Andaluc\u00eda\r\n<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/habitos-de-vida-saludable-y-prevencion-de-riesgos-laborales\/\">H\u00e1bitos de Vida Saludable\r\n<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li class=\"tiene-submenu\">\r\n        <a href=\"#\">Matriculaci\u00f3n \u25be<\/a>\r\n        <ul class=\"submenu\">\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/matricula-curso\/\">Matriculaci\u00f3n del Curso<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/plazos-matricula\/\">Plazos Matr\u00edcula<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/impresos-de-matricula\/\">Impresos de Matr\u00edcula<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li class=\"tiene-submenu\">\r\n        <a href=\"#\">Recursos \u25be<\/a>\r\n        <ul class=\"submenu\">\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/documentos\/\">Documentos<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/planesproyectos-y-programas-2\/\">Planes y Proyectos<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/blogs-recursos\/\">Blogs<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/actividades\/\">Actividades<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<style>\r\n  \/* ... (Tus estilos anteriores se mantienen igual) ... *\/\r\n  .nav-ceper {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    border-radius: 50px;\r\n    border: 1px solid #7cc087;\r\n    padding: 5px 25px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    font-family: 'Segoe UI', Arial, sans-serif;\r\n  }\r\n\r\n  .menu-principal {\r\n    list-style: none;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .menu-principal > li {\r\n    position: relative;\r\n    padding: 15px 0;\r\n  }\r\n\r\n  .menu-principal > li > a {\r\n    text-decoration: none;\r\n    color: #3d5a42;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    padding: 10px 15px;\r\n    border-radius: 20px;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  \/* ESTADO ACTIVO (Marcado cuando est\u00e1s en la p\u00e1gina) *\/\r\n  .menu-principal > li > a.active {\r\n    background-color: #7cc087;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Mantener el hover *\/\r\n  .menu-principal > li:hover > a {\r\n    background-color: #7cc087;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Submen\u00fas y resto de estilos... *\/\r\n  .submenu {\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    background: white;\r\n    min-width: 260px;\r\n    border: 1px solid #7cc087;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n    padding: 10px 0;\r\n    list-style: none;\r\n    transform: translateY(10px);\r\n    transition: all 0.3s ease;\r\n    z-index: 10001;\r\n  }\r\n\r\n  .tiene-submenu:hover .submenu {\r\n    visibility: visible;\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .submenu li a {\r\n    padding: 12px 20px;\r\n    color: #444;\r\n    text-decoration: none;\r\n    display: block;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .submenu li a:hover, .submenu li a.active-sub {\r\n    background: #f0f9f2;\r\n    color: #3d5a42;\r\n    padding-left: 25px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .titulo-seccion { padding: 8px 20px; font-weight: bold; color: #7cc087; font-size: 11px; text-transform: uppercase; }\r\n  .separador { height: 1px; background: #eee; margin: 5px 0; }\r\n  .large-menu { min-width: 320px; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const currentUrl = window.location.href;\r\n    const navLinks = document.querySelectorAll(\".menu-principal a\");\r\n\r\n    navLinks.forEach(link => {\r\n      \/\/ Si la URL del enlace coincide con la actual\r\n      if (link.href === currentUrl) {\r\n        \/\/ Colorea el enlace principal\r\n        link.classList.add(\"active\");\r\n        \r\n        \/\/ Si el enlace est\u00e1 dentro de un submen\u00fa, colorea tambi\u00e9n el padre\r\n        const parentSubmenu = link.closest(\".submenu\");\r\n        if (parentSubmenu) {\r\n          const mainCategory = parentSubmenu.parentElement.querySelector(\"a\");\r\n          mainCategory.classList.add(\"active\");\r\n          link.classList.add(\"active-sub\");\r\n        }\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<h2 style=\"color: white; text-transform: uppercase; letter-spacing: 4px; font-size: 1.2em; margin-bottom: 3px; font-weight: 300; text-align: center;\">\r\n    HORARIOS\r\n<\/h2>\r\n\r\n<hr style=\"width: 150px; max-width: 90%; border: 0; border-top: 1px solid white; margin: 0 auto -20px auto; opacity: 0.7;\">\r\n\r\n<div class=\"info-centros-container\">\r\n    <div class=\"centro-card\" id=\"card-1\">\r\n        <div class=\"centro-header\" onclick=\"gestionarAcordeon(1)\">\r\n            <i class=\"fas fa-school\"><\/i>\r\n            <span>CEPer Occidente<\/span>\r\n            <span class=\"centro-icon\" id=\"btn-1\">+<\/span>\r\n        <\/div>\r\n        <div class=\"centro-content\">\r\n            <div class=\"padding-interno\">\r\n                <div class=\"seccion-info\">\r\n                    <h5>Secretar\u00eda:<\/h5>\r\n                    <ul>\r\n                        <li><strong>Martes:<\/strong> 11:00 a 13:00h<\/li>\r\n                        <li><strong>Viernes:<\/strong> 11:00 a 13:00h<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Clases Ma\u00f1ana:<\/h5>\r\n                    <p>De martes a viernes de 09:00 a 13:00h.<\/p>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Clases Tarde:<\/h5>\r\n                    <p>De lunes a viernes de 16:00 a 21:00h.<\/p>\r\n                <\/div>\r\n\r\n                <div style=\"text-align: center; margin-top: 20px; padding-top: 15px; border-top: 1px dashed #eee;\">\r\n                    <a href=\"https:\/\/ceperoccidente.es\/index.php\/ceper-horarios-clase\/\"  class=\"btn-horarios-clase\">\r\n                        <i class=\"fas fa-clock\"><\/i> Horarios de clase\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"centro-card\" id=\"card-2\">\r\n        <div class=\"centro-header\" onclick=\"gestionarAcordeon(2)\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <span>SEP Parque Cruz Conde<\/span>\r\n            <span class=\"centro-icon\" id=\"btn-2\">+<\/span>\r\n        <\/div>\r\n        <div class=\"centro-content\">\r\n            <div class=\"padding-interno\">\r\n                <div class=\"seccion-info\">\r\n                    <h5>Secretar\u00eda:<\/h5>\r\n                    <ul><li><strong>Viernes:<\/strong> 10:00 a 13:00h.<\/li><\/ul>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Clases diurno:<\/h5>\r\n                    <p>Viernes de 09:00 a 14:00h.<\/p>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Tarde-nocturno:<\/h5>\r\n                    <p>L-J de 16:00 a 21:00h (seg\u00fan ense\u00f1anza).<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"centro-card\" id=\"card-3\">\r\n        <div class=\"centro-header\" onclick=\"gestionarAcordeon(3)\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <span>SEP Guadarrom\u00e1n<\/span>\r\n            <span class=\"centro-icon\" id=\"btn-3\">+<\/span>\r\n        <\/div>\r\n        <div class=\"centro-content\">\r\n            <div class=\"padding-interno\">\r\n                <div class=\"seccion-info\">\r\n                    <h5>Secretar\u00eda:<\/h5>\r\n                    <ul><li><strong>Viernes:<\/strong> 10:00 a 13:00h.<\/li><\/ul>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Clases diurno:<\/h5>\r\n                    <p>Viernes de 09:00 a 14:00h.<\/p>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Tarde-nocturno:<\/h5>\r\n                    <p>L-J de 16:00 a 21:00h (seg\u00fan ense\u00f1anza).<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"centro-card\" id=\"card-4\">\r\n        <div class=\"centro-header\" onclick=\"gestionarAcordeon(4)\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <span>SEP Luis de G\u00f3ngora<\/span>\r\n            <span class=\"centro-icon\" id=\"btn-4\">+<\/span>\r\n        <\/div>\r\n        <div class=\"centro-content\">\r\n            <div class=\"padding-interno\">\r\n                <div class=\"seccion-info\">\r\n                    <h5>Secretar\u00eda:<\/h5>\r\n                    <ul><li><strong>Viernes:<\/strong> 10:00 a 13:00h.<\/li><\/ul>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Clases diurno:<\/h5>\r\n                    <p>Viernes de 09:00 a 14:00h.<\/p>\r\n                <\/div>\r\n                <div class=\"seccion-info\">\r\n                    <h5>Tarde-nocturno:<\/h5>\r\n                    <p>L-J de 16:00 a 21:00h (seg\u00fan ense\u00f1anza).<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .info-centros-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        justify-content: center;\r\n        padding: 40px 10px;\r\n        font-family: 'Segoe UI', Arial, sans-serif;\r\n    }\r\n\r\n    .centro-card {\r\n        flex: 1 1 260px;\r\n        max-width: 320px;\r\n        background: white;\r\n        border-radius: 8px;\r\n        border: 1px solid #e0e0e0;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n        overflow: hidden;\r\n        transition: transform 0.3s ease;\r\n        height: fit-content;\r\n    }\r\n\r\n    .centro-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: #7cc087;\r\n    }\r\n\r\n    .centro-header {\r\n        background-color: #2e4a34;\r\n        color: white;\r\n        padding: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        cursor: pointer;\r\n        font-weight: 600;\r\n        font-size: 0.85em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .centro-icon {\r\n        margin-left: auto;\r\n        font-size: 1.2em;\r\n        color: #7cc087;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .centro-content {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.5s ease-out;\r\n        background-color: #fff;\r\n    }\r\n\r\n    .padding-interno {\r\n        padding: 20px;\r\n        border-top: 3px solid #7cc087;\r\n    }\r\n\r\n    .seccion-info h5 {\r\n        color: #2e4a34;\r\n        margin: 0 0 5px 0;\r\n        font-size: 0.95em;\r\n        font-weight: bold;\r\n        text-decoration: underline dotted #7cc087;\r\n    }\r\n\r\n    .seccion-info p, .seccion-info li {\r\n        margin: 0 0 8px 0;\r\n        font-size: 0.9em;\r\n        color: #555;\r\n        list-style: none;\r\n    }\r\n\r\n    .seccion-info ul { padding: 0; margin: 0; }\r\n\r\n    \/* Estilos del nuevo bot\u00f3n *\/\r\n    .btn-horarios-clase {\r\n        display: inline-block;\r\n        background-color: #7cc087;\r\n        color: white !important;\r\n        text-decoration: none !important;\r\n        padding: 10px 20px;\r\n        border-radius: 30px;\r\n        font-size: 0.85em;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .btn-horarios-clase:hover {\r\n        background-color: #2e4a34;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .btn-horarios-clase i {\r\n        margin-right: 8px;\r\n    }\r\n\r\n    \/* Estado expandido *\/\r\n    .centro-card.is-open .centro-content {\r\n        max-height: 600px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function gestionarAcordeon(id) {\r\n        const todasLasCards = document.querySelectorAll('.centro-card');\r\n        const cardActual = document.getElementById('card-' + id);\r\n        const iconoActual = document.getElementById('btn-' + id);\r\n\r\n        const yaEstabaAbierta = cardActual.classList.contains('is-open');\r\n\r\n        todasLasCards.forEach((card, index) => {\r\n            card.classList.remove('is-open');\r\n            const btn = document.getElementById('btn-' + (index + 1));\r\n            btn.textContent = \"+\";\r\n            btn.style.color = \"#7cc087\";\r\n        });\r\n\r\n        if (!yaEstabaAbierta) {\r\n            cardActual.classList.add('is-open');\r\n            iconoActual.textContent = \"\u2212\";\r\n            iconoActual.style.color = \"#f44336\";\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2141337 e-con-full e-flex e-con e-parent\" data-id=\"2141337\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a27eef7 elementor-widget elementor-widget-image\" data-id=\"a27eef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"822\" height=\"432\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/1-2.png\" class=\"attachment-full size-full wp-image-3022\" alt=\"\" srcset=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/1-2.png 822w, https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/1-2-300x158.png 300w, https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/1-2-768x404.png 768w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1ba11d e-flex e-con-boxed e-con e-parent\" data-id=\"b1ba11d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35bc95a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"35bc95a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caef301 e-flex e-con-boxed e-con e-parent\" data-id=\"caef301\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-737ab60 elementor-widget elementor-widget-image\" data-id=\"737ab60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/image2url.com\/r2\/default\/images\/1772560154753-6b103d4d-0334-46b0-9aa1-c9122115ef64.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d4b604 e-flex e-con-boxed e-con e-parent\" data-id=\"9d4b604\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4caa901 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4caa901\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef9756a e-con-full e-flex e-con e-parent\" data-id=\"ef9756a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d7e563 elementor-widget elementor-widget-image\" data-id=\"9d7e563\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/image2url.com\/r2\/default\/images\/1772043318337-3dcec0bf-dbf3-4eae-883e-d77c0f4f9b2c.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33f06c3 e-flex e-con-boxed e-con e-parent\" data-id=\"33f06c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88c0c85 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"88c0c85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a785348 e-flex e-con-boxed e-con e-parent\" data-id=\"a785348\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74fc008 elementor-widget elementor-widget-html\" data-id=\"74fc008\" 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<div style=\"padding: 60px 20px; text-align: center; font-family: 'Segoe UI', Arial, sans-serif;\">\r\n\r\n  <h2 style=\"color: white; text-transform: uppercase; letter-spacing: 4px; font-size: 1.2em; margin-bottom: 8px; font-weight: 300;\">\r\n    Plataformas <strong style=\"color: #7cc087;\">Educativas<\/strong>\r\n  <\/h2>\r\n  \r\n    <hr style=\"width: 350px; max-width: 90%; border: 0; border-top: 1px solid white; margin: 0 auto 40px auto; opacity: 0.7;\">\r\n \r\n  \r\n  <div style=\"display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; align-items: flex-start;\">\r\n    \r\n    <a href=\"https:\/\/seneca.juntadeandalucia.es\/seneca\/jsp\/portalpasen\/\" target=\"_blank\" class=\"card-plataforma\">\r\n      <div class=\"img-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/th.bing.com\/th\/id\/R.c5ac93e091112fd7688a30610f1a63a7?rik=Q2nKiDWdzzk3gg&riu=http%3a%2f%2fwww.iesae.com%2fwp-content%2fuploads%2f2021%2f09%2fipasen_logo-02.png&ehk=4xLV9%2fZlGR7dPgnuttxUuzlsiw1l1rtGnpDPa%2b8q6uM%3d&risl=&pid=ImgRaw&r=0\" alt=\"iPasen\">\r\n      <\/div>\r\n      <span class=\"texto-hover\">Acceder<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/www.juntadeandalucia.es\/educacion\/eaprendizaje\/moodle-centros\/\" target=\"_blank\" class=\"card-plataforma\">\r\n      <div class=\"img-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/tse2.mm.bing.net\/th\/id\/OIP.IFpP7JgbUeovX2Pn56KqagAAAA?cb=defcachec2&rs=1&pid=ImgDetMain&o=7&rm=3\" alt=\"Moodle\">\r\n      <\/div>\r\n      <span class=\"texto-hover\">Acceder<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/seneca.juntadeandalucia.es\/seneca\/jsp\/portal\/\" target=\"_blank\" class=\"card-plataforma\">\r\n      <div class=\"img-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.iesgrupocantico.org\/wp-content\/uploads\/2019\/11\/seneca-imagen.png\" alt=\"S\u00e9neca\">\r\n      <\/div>\r\n      <span class=\"texto-hover\">Acceder<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .card-plataforma {\r\n    text-decoration: none;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 20px;\r\n    padding: 10px;\r\n    width: 280px;\r\n    height: 140px; \/* Altura fija para evitar que crezca *\/\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n    position: relative; \/* Necesario para el texto absoluto *\/\r\n    overflow: visible;\r\n  }\r\n\r\n  .card-plataforma .img-container {\r\n    background: white;\r\n    width: 100%;\r\n    height: 120px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px;\r\n    box-shadow: inset 0 2px 10px rgba(0,0,0,0.05);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .card-plataforma img {\r\n    max-width: 100%;\r\n    max-height: 80px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Texto en posici\u00f3n absoluta para que no afecte al flujo del dise\u00f1o *\/\r\n  .texto-hover {\r\n    color: #7cc087;\r\n    text-transform: uppercase;\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    bottom: -10px; \/* Aparecer\u00e1 por debajo del borde *\/\r\n    opacity: 0;\r\n    transition: all 0.3s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Efecto Hover corregido *\/\r\n  .card-plataforma:hover {\r\n    transform: translateY(-10px);\r\n    background: rgba(255, 255, 255, 0.25);\r\n    border-color: #7cc087;\r\n    box-shadow: 0 15px 45px rgba(124, 192, 135, 0.3);\r\n  }\r\n\r\n  \/* El texto simplemente aparece sin mover la caja *\/\r\n  .card-plataforma:hover .texto-hover {\r\n    opacity: 1;\r\n    bottom: 15px; \/* Sube un poco dentro de la tarjeta al hacer hover *\/\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Centro \u25be Horario y Organigrama Secretar\u00eda \u25be Secretar\u00eda Virtual Becas Horarios Oferta Educativa \u25be Titulaciones Preparaci\u00f3n de Obtenci\u00f3n Graduado ESO Tutor\u00eda de Apoyo al estudio Ciudadan\u00eda Activa Interculturalidad, Cultura y Lengua Espa\u00f1ola Uso B\u00e1sico de Idiomas Uso B\u00e1sico de las TIC Fomento de la Cultura Emprendedora Patrimonio Cultural y Medioambiental de Andaluc\u00eda H\u00e1bitos de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":218,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":4162,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions\/4162"}],"wp:attachment":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}