{"id":4133,"date":"2026-03-05T17:03:14","date_gmt":"2026-03-05T16:03:14","guid":{"rendered":"https:\/\/ceperoccidente.es\/?page_id=4133"},"modified":"2026-03-05T17:07:11","modified_gmt":"2026-03-05T16:07:11","slug":"habitos-de-vida-saludable","status":"publish","type":"page","link":"https:\/\/ceperoccidente.es\/index.php\/habitos-de-vida-saludable\/","title":{"rendered":"H\u00e1bitos de Vida Saludable"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4133\" class=\"elementor elementor-4133\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bee978 e-flex e-con-boxed e-con e-parent\" data-id=\"1bee978\" 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-71abe4a elementor-widget elementor-widget-html\" data-id=\"71abe4a\" 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>\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-5248aab e-flex e-con-boxed e-con e-parent\" data-id=\"5248aab\" 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-dbb29bc elementor-widget elementor-widget-html\" data-id=\"dbb29bc\" 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<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/css\/lightbox.min.css\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n    .galeria-wrapper {\r\n        background-color: #2C4A35; \/* Verde institucional *\/\r\n        padding: 40px 20px;\r\n        border-radius: 15px;\r\n        font-family: 'Segoe UI', Roboto, sans-serif;\r\n    }\r\n\r\n    .galeria-card {\r\n        background-color: #ffffff;\r\n        border-radius: 15px;\r\n        padding: 30px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .galeria-header {\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .galeria-header h2 {\r\n        color: #2C4A35;\r\n        text-transform: uppercase;\r\n        font-weight: 900;\r\n        margin: 0;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .galeria-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .galeria-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 10px;\r\n        height: 200px;\r\n        display: block;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .galeria-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    \/* Efectos al pasar el rat\u00f3n *\/\r\n    .galeria-item:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .galeria-item:hover img {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Overlay sutil *\/\r\n    .galeria-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(44, 74, 53, 0.4); \/* Verde con transparencia *\/\r\n        color: white;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 2rem;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .galeria-item:hover::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .galeria-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .galeria-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .galeria-header h2 { font-size: 1.5rem; }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .galeria-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"galeria-wrapper\">\r\n    <div class=\"galeria-card\">\r\n        \r\n        <div class=\"galeria-header\">\r\n            <h2>H\u00e1bitos de Vida Saludable<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"galeria-grid\">\r\n            <a href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/principal.jpeg\" class=\"galeria-item\" data-lightbox=\"perol\" data-title=\"H\u00e1bitos\">\r\n                <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/principal.jpeg\" alt=\"Perol 1\">\r\n            <\/a>\r\n            <a href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/4622fa81-b093-489b-b655-bc1f2812f96c.jpeg\" class=\"galeria-item\" data-lightbox=\"perol\" data-title=\"H\u00e1bitos\">\r\n                <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/4622fa81-b093-489b-b655-bc1f2812f96c.jpeg\" alt=\"Perol 2\">\r\n            <\/a>\r\n            <a href=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/e7dc5f4a-afac-4718-9d1f-f9e86b562f1a.jpeg\" class=\"galeria-item\" data-lightbox=\"perol\" data-title=\"H\u00e1bitos\">\r\n                <img decoding=\"async\" src=\"https:\/\/ceperoccidente.es\/wp-content\/uploads\/2026\/02\/e7dc5f4a-afac-4718-9d1f-f9e86b562f1a.jpeg\" alt=\"Perol 3\">\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/js\/lightbox.min.js\"><\/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\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-4133","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/4133","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=4133"}],"version-history":[{"count":4,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/4133\/revisions"}],"predecessor-version":[{"id":4137,"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/pages\/4133\/revisions\/4137"}],"wp:attachment":[{"href":"https:\/\/ceperoccidente.es\/index.php\/wp-json\/wp\/v2\/media?parent=4133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}