{"id":38,"date":"2025-03-21T11:45:40","date_gmt":"2025-03-21T10:45:40","guid":{"rendered":"https:\/\/ceperoccidente.es\/wordpress\/?page_id=38"},"modified":"2026-03-05T17:40:23","modified_gmt":"2026-03-05T16:40:23","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ceperoccidente.es\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a93d55d e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"a93d55d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2476069 elementor-widget elementor-widget-html\" data-id=\"2476069\" 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          <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<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/uso-basicos-de-idiomas-ingles\/\">Uso B\u00e1sico de Idiomas<\/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<\/a><\/li>\r\n          <li><a href=\"https:\/\/ceperoccidente.es\/index.php\/fomento-de-la-cultura-emprendedora\/\">Fomento de la Cultura Emprendedora<\/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<\/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<\/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  .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  .menu-principal > li > a.active, .menu-principal > li:hover > a {\r\n    background-color: #7cc087;\r\n    color: #ffffff;\r\n  }\r\n\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    navLinks.forEach(link => {\r\n      if (link.href === currentUrl) {\r\n        link.classList.add(\"active\");\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<style>\r\n  .tooltip-container { position: relative; display: inline-block; }\r\n\r\n  .tooltip-text {\r\n    visibility: hidden;\r\n    width: 280px;\r\n    background-color: #2e4a34;\r\n    color: #fff;\r\n    text-align: left;\r\n    border-radius: 16px;\r\n    position: absolute;\r\n    z-index: 999999; \r\n    bottom: 100%; \r\n    left: 50%;\r\n    margin-left: -140px;\r\n    margin-bottom: 20px; \r\n    opacity: 0;\r\n    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\r\n    transform: translateY(10px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n    font-family: 'Segoe UI', sans-serif;\r\n    text-transform: none;\r\n    line-height: 1.4;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tooltip-text::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 25px;\r\n    background: transparent;\r\n  }\r\n\r\n  .tooltip-img {\r\n    width: 100%;\r\n    height: 130px;\r\n    object-fit: cover;\r\n    border-bottom: 2px solid #7cc087;\r\n    display: block;\r\n    border-top-left-radius: 16px;\r\n    border-top-right-radius: 16px;\r\n  }\r\n\r\n  .tooltip-content {\r\n    padding: 15px;\r\n    background-color: #2e4a34;\r\n    border-left: 1.5px solid #7cc087;\r\n    border-right: 1.5px solid #7cc087;\r\n    border-bottom: 1.5px solid #7cc087;\r\n    border-bottom-left-radius: 16px;\r\n    border-bottom-right-radius: 16px;\r\n  }\r\n\r\n  .tooltip-text::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -10px;\r\n    border-width: 10px;\r\n    border-style: solid;\r\n    border-color: #7cc087 transparent transparent transparent;\r\n  }\r\n\r\n  .tooltip-container:hover .tooltip-text {\r\n    visibility: visible;\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .tooltip-header { color: #7cc087; font-weight: 800; font-size: 1.05em; margin-bottom: 8px; text-transform: uppercase; }\r\n  .info-item { font-size: 0.9em; margin-bottom: 4px; display: block; color: rgba(255,255,255,0.9); }\r\n  \r\n  .social-icons-container { \r\n    display: flex; \r\n    justify-content: center; \r\n    gap: 15px; \r\n    margin-top: 12px; \r\n    padding-top: 10px; \r\n    border-top: 1px solid rgba(124, 192, 135, 0.2); \r\n    flex-wrap: wrap; \r\n  }\r\n\r\n  .label-iconos {\r\n    width: 100%;\r\n    text-align: center;\r\n    color: #7cc087;\r\n    font-size: 0.75em;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* ESTILO PARA LOS HOVERS DE LOS ICONOS *\/\r\n  .icon-link { \r\n    width: 36px; \r\n    height: 36px; \r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    border-radius: 50%; \r\n    transition: transform 0.2s ease; \r\n    background: white; \r\n    text-decoration: none;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Tooltip personalizado para los iconos blancos *\/\r\n  .icon-link:hover::after {\r\n    content: attr(data-title);\r\n    position: absolute;\r\n    bottom: 125%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #7cc087;\r\n    color: white;\r\n    padding: 5px 10px;\r\n    border-radius: 6px;\r\n    font-size: 11px;\r\n    white-space: nowrap;\r\n    font-weight: bold;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  .icon-svg { width: 22px; height: 22px; }\r\n  \r\n  .btn-transparente {\r\n    text-decoration: none;\r\n    color: #7cc087 !important;\r\n    text-transform: uppercase;\r\n    background: transparent; \r\n    border-radius: 12px;\r\n    padding: 15px 25px;\r\n    border: 1.5px solid #7cc087;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    min-width: 200px;\r\n    font-size: 0.9em;\r\n  }\r\n\r\n  .btn-transparente:hover {\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    transform: translateY(-3px);\r\n  }\r\n<\/style>\r\n\r\n<div style=\"position: relative; text-align: center; padding: 100px 20px; font-family: 'Segoe UI', sans-serif;\">\r\n  \r\n  <div style=\"position: relative; z-index: 1; display: inline-block; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); padding: 25px 40px; border-radius: 15px; margin-bottom: 80px; border: 1px solid rgba(255, 255, 255, 0.1);\">\r\n    <h1 style=\"margin: 0;\">\r\n      <span style=\"display: block; font-weight: 300; font-size: 0.45em; letter-spacing: 6px; color: #ffffff; text-transform: uppercase;\">Centro de Educaci\u00f3n Permanente<\/span>\r\n      <span style=\"font-size: 1.3em; color: #7cc087; text-transform: uppercase;\">Occidente <strong>C\u00f3rdoba<\/strong><\/span>\r\n    <\/h1>\r\n    <hr style=\"width: 100%; border: 0; border-top: 2px solid #7cc087; margin: 15px auto 0;\">\r\n  <\/div>\r\n\r\n  <div style=\"display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; max-width: 1100px; margin: 0 auto; position: relative; z-index: 10;\">\r\n    \r\n    <div class=\"tooltip-container\">\r\n      <a href=\"#\" style=\"text-decoration: none; color: white; text-transform: uppercase; background: #578f64; border-radius: 12px; padding: 15px 25px; border: 1.5px solid #7cc087; display: inline-block; min-width: 200px; font-size: 0.9em; transition: 0.3s;\">\r\n         Sede <strong>PRINCIPAL<\/strong>\r\n      <\/a>\r\n      <div class=\"tooltip-text\">\r\n        <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/C.E-Photoroom.jpg\" class=\"tooltip-img\">\r\n        <div class=\"tooltip-content\">\r\n            <div class=\"tooltip-header\">C.E.P.E.R OCCIDENTE<\/div>\r\n            <span class=\"info-item\">Ctra. Palma del R\u00edo km 2<\/span>\r\n            <span class=\"info-item\">671 59 72 52<\/span>\r\n            <span class=\"info-item\">ceperoccidente@gmail.com<\/span>\r\n            <div class=\"social-icons-container\">\r\n              <span class=\"label-iconos\">AULAS<\/span>\r\n              <a href=\"https:\/\/iesaverroes.org\/\" target=\"_blank\" class=\"icon-link\" data-title=\"IES Averroes\">\r\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"#2e4a34\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM3.89 9L12 4.58 20.11 9 12 13.42 3.89 9zM12 15.5l-7-3.82v3.82l7 3.82 7-3.82v-3.82l-7 3.82z\"\/><\/svg>\r\n              <\/a>\r\n              <a href=\"https:\/\/blogsaverroes.juntadeandalucia.es\/ceipmaimonideselhigueron\/\" target=\"_blank\" class=\"icon-link\" data-title=\"Higuer\u00f3n - CEIP\">\r\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"#2e4a34\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM3.89 9L12 4.58 20.11 9 12 13.42 3.89 9zM12 15.5l-7-3.82v3.82l7 3.82 7-3.82v-3.82l-7 3.82z\"\/><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tooltip-container\">\r\n      <a href=\"#\" class=\"btn-transparente\">SEP <strong>Guadarroman<\/strong><\/a>\r\n      <div class=\"tooltip-text\">\r\n        <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Fachada-SEP-Guadarroman.jpeg\" class=\"tooltip-img\">\r\n        <div class=\"tooltip-content\">\r\n            <div class=\"tooltip-header\">SEP GUADARROMAN<\/div>\r\n            <span class=\"info-item\">Calle Turia s\/n, 14710 C\u00f3rdoba<\/span>\r\n            <span class=\"info-item\">689 18 85 66<\/span>\r\n            <span class=\"info-item\">sepvillarubia@gmail.com<\/span>\r\n            <div class=\"social-icons-container\">\r\n              <a href=\"https:\/\/www.facebook.com\/sep.guadarroman.3\/\" target=\"_blank\" class=\"icon-link\" data-title=\"Facebook\">\r\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" fill=\"#1877F2\"\/><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"tooltip-container\">\r\n      <a href=\"https:\/\/canoa79.wixsite.com\/sepluisdegongora\/our-school\" class=\"btn-transparente\">SEP <strong>Luis G\u00f3ngora<\/strong><\/a>\r\n      <div class=\"tooltip-text\">\r\n        <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/WhatsApp-Image-2025-05-15-at-21.31.39.jpeg\" class=\"tooltip-img\">\r\n        <div class=\"tooltip-content\">\r\n            <div class=\"tooltip-header\">SEP LUIS G\u00d3NGORA<\/div>\r\n            <span class=\"info-item\">C. Priego de C\u00f3rdoba, C\u00f3rdoba<\/span>\r\n            <span class=\"info-item\">636 79 13 64<\/span>\r\n            <span class=\"info-item\">14500674.edu@juntadeandalucia.es<\/span>\r\n            <div class=\"social-icons-container\">\r\n              <a href=\"https:\/\/www.facebook.com\/Fjurtor\/\" target=\"_blank\" class=\"icon-link\" data-title=\"Facebook\">\r\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" fill=\"#1877F2\"\/><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tooltip-container\">\r\n      <a href=\"#\" class=\"btn-transparente\">SEP <strong>Cruz Conde<\/strong><\/a>\r\n      <div class=\"tooltip-text\">\r\n        <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Diseno-sin-titulo-1.jpg\" class=\"tooltip-img\">\r\n        <div class=\"tooltip-content\">\r\n            <div class=\"tooltip-header\">SEP PARQUE CRUZ CONDE<\/div>\r\n            <span class=\"info-item\">C\/Pintor Sorolla s\/n, C\u00f3rdoba<\/span>\r\n            <span class=\"info-item\">689 18 85 66<\/span>\r\n            <span class=\"info-item\">14500698.edu@juntadeandalucia.es<\/span>\r\n            <div class=\"social-icons-container\">\r\n              <a href=\"https:\/\/www.facebook.com\/p\/SEP-Parque-Cruz-Conde-100068121286572\/\" target=\"_blank\" class=\"icon-link\" data-title=\"Facebook\">\r\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" fill=\"#1877F2\"\/><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\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-cd1bc85 e-con-full e-flex e-con e-parent\" data-id=\"cd1bc85\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-37d94dc e-con-full e-flex e-con e-child\" data-id=\"37d94dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ecb01d elementor-widget elementor-widget-html\" data-id=\"3ecb01d\" 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 class=\"faq-container\">\r\n    <h2 style=\"text-align: center; color: #5a8e62; text-transform: uppercase; letter-spacing: 2px; font-size: 1.1em; margin-bottom: 25px; font-weight: 300;\">Informaci\u00f3n de Inter\u00e9s<\/h2>\r\n\r\n    <div class=\"faq-wrapper\" id=\"faq-1\">\r\n        <div class=\"faq-item\" onclick=\"toggleAnswer(1)\">\r\n            Secretar\u00eda <span class=\"faq-icon\">+<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n            <div class=\"faq-content\">\r\n                <p style=\"margin: 0; color: #3d5a42; font-weight: normal; font-size: 0.95em; line-height: 1.6;\">\r\n                    \ud83d\udd39 <b>Martes:<\/b> 11:00 a 13:00<br>\r\n                    \ud83d\udd39 <b>Mi\u00e9rcoles:<\/b> 16:00 a 20:30<br>\r\n                    \ud83d\udd39 <b>Viernes:<\/b> 11:00 a 13:00\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-wrapper\" id=\"faq-2\">\r\n        <div class=\"faq-item\" onclick=\"toggleAnswer(2)\">\r\n            Calendario escolar <span class=\"faq-icon\">+<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n            <div class=\"faq-content\">\r\n                <a href=\"https:\/\/www.fsieandalucia.es\/documentos\/Concertada\/2024\/Calendarios_escolares\/CALENDARIO_COLOR_2024-2025.pdf\" \r\n                   target=\"_blank\" style=\"color: #7cc087; text-decoration: none; font-weight: bold; display: flex; align-items: center; gap: 8px;\">\r\n                    \ud83d\udcc5 Acceder al calendario oficial \u2197\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-wrapper\" id=\"faq-3\">\r\n        <div class=\"faq-item\" onclick=\"toggleAnswer(3)\">\r\n            Requisitos <span class=\"faq-icon\">+<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n            <div class=\"faq-content\">\r\n                <p style=\"margin: 0; color: #3d5a42; font-weight: normal;\">Ser mayor de 18 a\u00f1os.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-wrapper\" id=\"faq-4\">\r\n        <div class=\"faq-item\" onclick=\"toggleAnswer(4)\">\r\n            Plazos de matr\u00edcula <span class=\"faq-icon\">+<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n            <div class=\"faq-content\">\r\n                <p style=\"margin: 0; color: #3d5a42; font-weight: normal; font-size: 0.95em;\">\r\n                    \u2705 <b>Junio:<\/b> Primer plazo.<br>\r\n                    \u2705 <b>Septiembre - Diciembre:<\/b> Segundo plazo.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .faq-container {\r\n        background: white;\r\n        padding: 30px;\r\n        border-radius: 20px;\r\n        width: 100%;\r\n        max-width: 400px;\r\n        margin: 20px auto;\r\n        font-family: 'Segoe UI', Roboto, sans-serif;\r\n        border: 1px solid rgba(124, 192, 135, 0.3);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .faq-wrapper {\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .faq-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 15px 20px;\r\n        background: rgba(124, 192, 135, 0.1);\r\n        color: #5a8e62;\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        text-transform: uppercase;\r\n        font-size: 0.85em;\r\n        font-weight: bold;\r\n        letter-spacing: 1px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .faq-item:hover {\r\n        background: #7cc087;\r\n        color: white;\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    .faq-icon {\r\n        font-size: 1.2em;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    \/* Animaci\u00f3n de apertura suave *\/\r\n    .faq-answer {\r\n        display: grid;\r\n        grid-template-rows: 0fr;\r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;\r\n        background: white;\r\n        border-radius: 0 0 12px 12px;\r\n        margin-top: -8px;\r\n        border: 1px solid rgba(124, 192, 135, 0.2);\r\n        border-top: none;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .faq-content {\r\n        overflow: hidden;\r\n        padding: 0 20px;\r\n        transition: padding 0.4s ease;\r\n    }\r\n\r\n    \/* Estado Activo *\/\r\n    .faq-wrapper.active .faq-answer {\r\n        grid-template-rows: 1fr;\r\n        padding-bottom: 20px;\r\n        padding-top: 15px;\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .faq-wrapper.active .faq-item {\r\n        background: #7cc087;\r\n        color: white;\r\n        border-radius: 12px 12px 0 0;\r\n        transform: scale(1);\r\n    }\r\n\r\n    .faq-wrapper.active .faq-icon {\r\n        transform: rotate(45deg); \/* El + se convierte en x elegante *\/\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function toggleAnswer(index) {\r\n        const allItems = document.querySelectorAll('.faq-wrapper');\r\n        const currentItem = document.getElementById(\"faq-\" + index);\r\n        \r\n        \/\/ Opcional: Cerrar los dem\u00e1s al abrir uno (estilo acorde\u00f3n \u00fanico)\r\n        allItems.forEach(item => {\r\n            if (item !== currentItem) item.classList.remove('active');\r\n        });\r\n\r\n        currentItem.classList.toggle('active');\r\n    }\r\n<\/script>\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-4b88d5b e-flex e-con-boxed e-con e-child\" data-id=\"4b88d5b\" 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-8e4add3 elementor-widget elementor-widget-html\" data-id=\"8e4add3\" 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<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    GALER\u00cdA <strong style=\"color: #7cc087;\">OCCIDENTE<\/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 0px auto; opacity: 0.7;\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e65bdc9 elementor-widget elementor-widget-gallery\" data-id=\"e65bdc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/IMG_4783.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"IMG_4783\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjA3LCJ1cmwiOiJodHRwczpcL1wvY2VwZXJvY2NpZGVudGUuZXNcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9JTUdfNDc4My5qcGciLCJzbGlkZXNob3ciOiJlNjViZGM5In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/IMG_4783.jpg\" data-width=\"300\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/WhatsApp-Image-2025-05-15-at-21.31.39.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"WhatsApp Image 2025-05-15 at 21.31.39\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTc4OCwidXJsIjoiaHR0cHM6XC9cL2NlcGVyb2NjaWRlbnRlLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wNVwvV2hhdHNBcHAtSW1hZ2UtMjAyNS0wNS0xNS1hdC0yMS4zMS4zOS5qcGVnIiwic2xpZGVzaG93IjoiZTY1YmRjOSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/WhatsApp-Image-2025-05-15-at-21.31.39-300x300.jpeg\" data-width=\"300\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Fachada-SEP-Guadarroman.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"Fachada SEP Guadarrom\u00e1n\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjA2NiwidXJsIjoiaHR0cHM6XC9cL2NlcGVyb2NjaWRlbnRlLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wNVwvRmFjaGFkYS1TRVAtR3VhZGFycm9tYW4uanBlZyIsInNsaWRlc2hvdyI6ImU2NWJkYzkifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Fachada-SEP-Guadarroman-300x225.jpeg\" data-width=\"300\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Diseno-sin-titulo-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"Dise\u00f1o sin t\u00edtulo - 1\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjA3MCwidXJsIjoiaHR0cHM6XC9cL2NlcGVyb2NjaWRlbnRlLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wNVwvRGlzZW5vLXNpbi10aXR1bG8tMS5qcGciLCJzbGlkZXNob3ciOiJlNjViZGM5In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Diseno-sin-titulo-1-300x133.jpg\" data-width=\"300\" data-height=\"133\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/slide.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"slide\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjA0LCJ1cmwiOiJodHRwczpcL1wvY2VwZXJvY2NpZGVudGUuZXNcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9zbGlkZS5qcGciLCJzbGlkZXNob3ciOiJlNjViZGM5In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/slide.jpg\" data-width=\"275\" data-height=\"183\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Diseno-sin-titulo.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"Dise\u00f1o sin t\u00edtulo\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMSwidXJsIjoiaHR0cHM6XC9cL2NlcGVyb2NjaWRlbnRlLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wNVwvRGlzZW5vLXNpbi10aXR1bG8ucG5nIiwic2xpZGVzaG93IjoiZTY1YmRjOSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/05\/Diseno-sin-titulo-225x300.png\" data-width=\"225\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/slide-2.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"slide 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjAzLCJ1cmwiOiJodHRwczpcL1wvY2VwZXJvY2NpZGVudGUuZXNcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9zbGlkZS0yLmpwZyIsInNsaWRlc2hvdyI6ImU2NWJkYzkifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/slide-2.jpg\" data-width=\"259\" data-height=\"194\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/slide-3.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e65bdc9\" data-elementor-lightbox-title=\"slide 3\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjAyLCJ1cmwiOiJodHRwczpcL1wvY2VwZXJvY2NpZGVudGUuZXNcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9zbGlkZS0zLmpwZyIsInNsaWRlc2hvdyI6ImU2NWJkYzkifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/03\/slide-3.jpg\" data-width=\"259\" data-height=\"194\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecf1672 e-flex e-con-boxed e-con e-parent\" data-id=\"ecf1672\" 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-8e9b5eb elementor-widget elementor-widget-html\" data-id=\"8e9b5eb\" 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=\"background-color: #2e4a34; width: 100vw; margin-left: calc(-50vw + 50%); padding: 60px 0; display: flex; flex-direction: column; align-items: center;\">\r\n\r\n\r\n\r\n  <section style=\"display: flex; justify-content: center; width: 100%; padding: 0 20px;\">\r\n    <div style=\"\r\n      width: 100%; \r\n      max-width: 800px; \r\n      background: #578f64; \r\n      backdrop-filter: blur(10px); \r\n      -webkit-backdrop-filter: blur(10px);\r\n      padding: 25px; \r\n      border-radius: 20px; \r\n      border: 3px solid #7cc087; \r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.3);\">\r\n      \r\n      <p style=\"color: #ffffff; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; font-size: 0.85em; letter-spacing: 2px; display: flex; align-items: center; gap: 10px;\">\r\n        <span style=\"font-size: 1.2em;\">\ud83c\udfa5<\/span> Video de Graduaci\u00f3n\r\n      <\/p>\r\n\r\n      <div style=\"width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 12px; background: #000; box-shadow: 0 5px 15px rgba(0,0,0,0.5);\">\r\n        <video id=\"videoInicio\" controls style=\"width: 100%; height: 100%; object-fit: contain;\">\r\n          <source src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2025\/06\/Video-de-graduacion-\u2010-Hecho-con-Clipchamp-1.mp4\" type=\"video\/mp4\">\r\n          Tu navegador no soporta el video.\r\n        <\/video>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n\r\n<\/div>\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-afbdeed e-flex e-con-boxed e-con e-parent\" data-id=\"afbdeed\" 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-3442900 elementor-widget elementor-widget-html\" data-id=\"3442900\" 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 style=\"padding: 60px 20px; font-family: 'Segoe UI', Roboto, sans-serif; background-color: #578f64; border-radius:10px;\">\r\n    \r\n    \r\n    <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 style=\"color: #578f64; text-transform: uppercase; letter-spacing: 3px; font-size: 2em; margin-bottom: 10px; background: #ffffff; padding: 10px; margin: 10px 280px 0px 280px; border-radius: 10px; border: 3px solid #; \">\u00daltimas Noticias<\/h2>\r\n    <\/div>\r\n\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;\">\r\n\r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-img\" style=\"background-image: url('https:\/\/brunoticias.com\/wp-content\/uploads\/2021\/03\/8-de-Marzo.jpg');\"><\/div>\r\n            <div class=\"noticia-body\">\r\n                <span class=\"noticia-fecha\">8 de marzo 2026<\/span>\r\n                <h3 class=\"noticia-titulo\">Celebraci\u00f3n del Dia de la Mujer <\/h3>\r\n                <p class=\"noticia-resumen\">En nuestro centro rendimos homenaje a la lucha y los logros de las mujeres a lo largo de la historia. A trav\u00e9s de diversas actividades, reflexionamos sobre la importancia de la igualdad en el \u00e1mbito laboral y social.<\/p>\r\n                <a href=\"#\" class=\"noticia-link\"><\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n       \r\n\r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-img\" style=\"background-image: url('https:\/\/www.laguiago.com\/wp-content\/uploads\/2024\/11\/alhambra-granada.jpg');\"><\/div>\r\n            <div class=\"noticia-body\">\r\n                <span class=\"noticia-fecha\">12 de marzo 2026<\/span>\r\n                <h3 class=\"noticia-titulo\">Excursi\u00f3n a Granada<\/h3>\r\n                <p class=\"noticia-resumen\">El viaje incluir\u00e1 una visita guiada por la majestuosa Alhambra, un recorrido hist\u00f3rico por el emblem\u00e1tico barrio del Albaic\u00edn y un paseo por el inolvidable Paseo de los Tristes.<\/p>\r\n                <a href=\"#\" class=\"noticia-link\"><\/a>\r\n            <\/div>\r\n        <\/article>\r\n        \r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-img\" style=\"background-image: url('https:\/\/turismoposadas.es\/wp-content\/uploads\/2018\/04\/parque-periurbano-la-sierrezuela.jpg');\"><\/div>\r\n            <div class=\"noticia-body\">\r\n                <span class=\"noticia-fecha\">14 de abril 2026<\/span>\r\n                <h3 class=\"noticia-titulo\">Perol en La Sierrezuela Posadas<\/h3>\r\n                <p class=\"noticia-resumen\">Disfrutamos del tradicional perol cordob\u00e9s en un entorno natural privilegiado, compartiendo risas, senderismo y buenos momentos entre compa\u00f1eros y compa\u00f1eras.<\/p>\r\n                <a href=\"#\" class=\"noticia-link\"><\/a>\r\n            <\/div>\r\n        <\/article>\r\n        \r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-img\" style=\"background-image: url('https:\/\/gbvm.knoios.com\/mmedia\/19836\/imagen-ilustrativa--dia-del-libro-20541.jpg');\"><\/div>\r\n            <div class=\"noticia-body\">\r\n                <span class=\"noticia-fecha\">23 de abril 2026<\/span>\r\n                <h3 class=\"noticia-titulo\">Dia del libro<\/h3>\r\n                <p class=\"noticia-resumen\">En nuestro centro, conmemoramos esta fecha fomentando el placer de la lectura como una herramienta de libertad y aprendizaje continuo. Entre p\u00e1ginas y relatos, descubrimos nuevos mundos y compartimos historias que nos unen.<\/p>\r\n                <a href=\"#\" class=\"noticia-link\"><\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .noticia-card {\r\n        background: white;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        border: 1px solid #eef2ef;\r\n        display: flex;\r\n        flex-direction: column;\r\n        border: 3px solid #7cc087;\r\n    }\r\n\r\n    .noticia-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 15px 30px rgba(124, 192, 135, 0.2);\r\n    }\r\n\r\n    .noticia-img {\r\n        width: 100%;\r\n        height: 200px;\r\n        background-size: cover;\r\n        background-position: center;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .noticia-card:hover .noticia-img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .noticia-body {\r\n        padding: 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .noticia-fecha {\r\n        color: #7cc087;\r\n        font-size: 0.85em;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .noticia-titulo {\r\n        color: #2e4a34;\r\n        margin: 0 0 15px 0;\r\n        font-size: 1.25em;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .noticia-resumen {\r\n        color: #666;\r\n        font-size: 0.95em;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .noticia-link {\r\n        color: #2e4a34;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        font-size: 0.9em;\r\n        transition: color 0.3s ease;\r\n        align-self: flex-start;\r\n    }\r\n\r\n    .noticia-link:hover {\r\n        color: #7cc087;\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<div class=\"elementor-element elementor-element-d4674f8 e-con-full e-flex e-con e-parent\" data-id=\"d4674f8\" 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-8960da3 elementor-widget elementor-widget-html\" data-id=\"8960da3\" 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=\"background-color: #2e4a34; width: 100vw; margin-left: calc(-50vw + 50%); padding: 60px 0; display: flex; justify-content: center;\">\r\n\r\n  <div style=\"display: flex; justify-content: center; align-items: stretch; gap: 20px; flex-wrap: wrap; padding: 0 20px; font-family: 'Segoe UI', Roboto, sans-serif; max-width: 1100px; width: 100%;\">\r\n    \r\n    <div style=\"background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid rgba(124, 192, 135, 0.4); box-shadow: 0 10px 30px rgba(0,0,0,0.2); padding: 25px; flex: 1; min-width: 300px; transition: 0.3s; display: flex; flex-direction: column;\">\r\n      <h2 style=\"color: #3d5a42; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; margin-top: 0; border-bottom: 2px solid #7cc087; padding-bottom: 10px; align-self: flex-start;\">\r\n        Datos del Centro\r\n      <\/h2>\r\n      <div style=\"margin-top: 15px; color: #444; line-height: 1.6; font-size: 0.9em;\">\r\n        <p style=\"margin: 10px 0;\"><strong>\ud83d\udccd Nombre:<\/strong> CEPER OCCIDENTE<\/p>\r\n        <p style=\"margin: 10px 0;\"><strong>\ud83c\udfe0 Direcci\u00f3n:<\/strong> Ctra. Palma del R\u00edo Km.2<\/p>\r\n        <p style=\"margin: 10px 0;\"><strong>\ud83d\udcde Tel\u00e9fono:<\/strong> 957 37 95 37 \/ 671 59 72 52<\/p>\r\n        <p style=\"margin: 10px 0;\"><strong>\u2709\ufe0f Email:<\/strong> <a href=\"mailto:ceperoccidente@gmail.com\" style=\"color: #5a8e62; text-decoration: none; font-weight: bold;\">ceperoccidente@gmail.com<\/a><\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid rgba(124, 192, 135, 0.4); box-shadow: 0 10px 30px rgba(0,0,0,0.2); padding: 25px; flex: 1; min-width: 300px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n      <div>\r\n        <h2 style=\"color: #3d5a42; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; margin-top: 0; border-bottom: 2px solid #7cc087; padding-bottom: 10px; align-self: flex-start;\">\r\n          Solicitar Informaci\u00f3n\r\n        <\/h2>\r\n        <p style=\"margin-top: 15px; color: #555; line-height: 1.5; font-size: 0.9em;\">\r\n          \u00bfTienes alguna duda o consulta sobre nuestros servicios o programas? Env\u00edanos tu mensaje a trav\u00e9s del formulario oficial.\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div style=\"margin-top: 20px;\">\r\n        <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfQ9nd5ZVeaipzW8zSdVzgicx2LpxaOSsN0iUunHJ8N3XI3sw\/viewform?usp=dialog\" \r\n           target=\"_blank\"\r\n           onmouseover=\"this.style.background='#5a8e62'; this.style.transform='translateY(-3px)'; this.style.boxShadow='0 5px 15px rgba(124, 192, 135, 0.4)';\" \r\n           onmouseout=\"this.style.background='#7cc087'; this.style.transform='translateY(0)'; this.style.boxShadow='none';\"\r\n           style=\"text-decoration: none; color: white; background: #7cc087; padding: 12px 20px; border-radius: 10px; font-weight: bold; text-transform: uppercase; font-size: 0.85em; transition: all 0.3s ease; display: block; text-align: center;\">\r\n           Ir al Formulario\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\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-cd43073 e-flex e-con-boxed e-con e-parent\" data-id=\"cd43073\" 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-e7677cd elementor-widget elementor-widget-html\" data-id=\"e7677cd\" 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-38","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":809,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":4158,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/4158"}],"wp:attachment":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}