{"id":1663,"date":"2026-03-12T10:12:49","date_gmt":"2026-03-12T13:12:49","guid":{"rendered":"https:\/\/webdae.uta.cl\/?page_id=1663"},"modified":"2026-03-12T10:12:49","modified_gmt":"2026-03-12T13:12:49","slug":"actividades-convivencia-universitaria","status":"publish","type":"page","link":"https:\/\/webdae.uta.cl\/index.php\/actividades-convivencia-universitaria\/","title":{"rendered":"Actividades Convivencia Universitaria"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Modelo de Convivencia Universitaria y Salud Mental<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n    <style>\n\/* Variables y estilos generales *\/\n#convivencia-universitaria-design {\n  font-family: 'Poppins', sans-serif;\n  --primary: #005a87; \/* Azul oscuro principal *\/\n  --secondary: #009cde; \/* Azul claro para acentos *\/\n  --accent: #ffc400; \/* Amarillo para resaltar *\/\n  --text: #023047; \/* Texto oscuro *\/\n  --light-text: #4a4a4a; \/* Texto secundario *\/\n  --light-bg: #f6f8fa; \/* Fondo claro *\/\n  --card-bg: #ffffff; \/* Fondo de tarjetas *\/\n  --border: #e0e0e0; \/* Color de borde *\/\n  --shadow-light: 0 4px 12px rgba(0,0,0,0.08); \/* Sombra suave *\/\n  --shadow-medium: 0 8px 20px rgba(0,0,0,0.12); \/* Sombra media *\/\n  background: var(--light-bg);\n  min-height: 100vh; \/* Asegura que el fondo cubra toda la altura *\/\n  display: flex;\n  flex-direction: column;\n  color: var(--light-text);\n  line-height: 1.6;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n.container {\n  max-width: 1100px;\n  margin: 40px auto;\n  padding: 30px;\n  background: var(--card-bg);\n  border-radius: 14px;\n  box-shadow: var(--shadow-medium);\n  flex-grow: 1; \/* Permite que el contenedor crezca *\/\n}\n\n\/* Header *\/\nheader { text-align: center; margin-bottom: 40px; }\nheader h1 {\n  color: var(--primary);\n  font-size: 2.6rem;\n  margin-bottom: 10px;\n  font-weight: 700;\n}\nheader h2 {\n  color: var(--secondary);\n  font-weight: 500;\n  font-size: 1.6rem;\n  margin-bottom: 15px;\n}\n.descripcion {\n  max-width: 800px;\n  margin: 15px auto 0;\n  color: var(--light-text);\n  line-height: 1.7;\n  font-size: 1.05rem;\n}\n\n\/* Beneficiaries Section *\/\n.beneficiaries-section {\n    margin-top: 40px;\n    padding: 25px;\n    background: #fdfdfd;\n    border-radius: 12px;\n    border: 1px solid var(--border);\n    box-shadow: var(--shadow-light);\n    margin-bottom: 30px;\n}\n\n.beneficiaries-section h2 {\n    color: var(--primary);\n    font-size: 2rem;\n    margin-bottom: 30px;\n    text-align: center;\n    font-weight: 700;\n}\n\n.beneficiary-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    justify-content: center;\n}\n\n.beneficiary-card {\n    background: var(--card-bg);\n    padding: 25px;\n    border-radius: 10px;\n    border: 1px solid var(--border);\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    text-align: center;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.beneficiary-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 6px 18px rgba(0,0,0,0.1);\n}\n\n.beneficiary-card .icon-large {\n    font-size: 3rem;\n    color: var(--secondary);\n    margin-bottom: 15px;\n}\n\n.beneficiary-card h3 {\n    color: var(--primary);\n    font-size: 1.3rem;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.beneficiary-card p {\n    color: var(--light-text);\n    font-size: 0.98rem;\n    margin-bottom: 0;\n}\n\n\/* Accordion for Programs *\/\n.program-accordion-section {\n    margin-top: 40px;\n    margin-bottom: 30px;\n}\n\n.program-accordion-section h2 {\n    color: var(--primary);\n    font-size: 2rem;\n    margin-bottom: 30px;\n    text-align: center;\n    font-weight: 700;\n}\n\n.accordion {\n  margin-top: 20px; \/* Espacio entre acordeones *\/\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: var(--shadow-light);\n  border: 1px solid var(--border);\n}\n.accordion:first-of-type {\n    margin-top: 0; \/* No hay margen superior para el primer acorde\u00f3n *\/\n}\n\n.accordion-toggle { display: none; }\n\n.accordion-header {\n  padding: 20px;\n  background: #fff;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 600;\n  font-size: 1.15rem;\n  color: var(--primary);\n  transition: background-color 0.3s ease;\n}\n\n.accordion-header:hover { background: #f0f8ff; \/* Un azul muy claro al pasar el rat\u00f3n *\/ }\n\n.icon { transition: transform .3s ease; }\n\n.accordion-toggle:checked + label .icon {\n  transform: rotate(180deg);\n}\n\n.accordion-content {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height .6s ease-out, padding .6s ease-out;\n  padding: 0 25px;\n  background: #f9f9f9;\n}\n\n.accordion-toggle:checked + label + .accordion-content {\n  max-height: 1200px; \/* Suficiente para el contenido *\/\n  padding: 25px;\n}\n\n\/* Details within Accordion *\/\n.details h4 {\n  margin: 20px 0 10px;\n  border-bottom: 2px solid var(--secondary);\n  padding-bottom: 8px;\n  color: var(--primary);\n  font-size: 1.3rem;\n  font-weight: 600;\n}\n.details h4:first-of-type {\n  margin-top: 0;\n}\n\n.details p {\n  margin-bottom: 15px;\n  line-height: 1.7;\n  color: var(--light-text);\n}\n\n.details ul { list-style: none; margin-top: 15px; }\n.details li {\n  padding-left: 28px;\n  position: relative;\n  margin-bottom: 8px;\n  color: var(--light-text);\n  font-size: 1rem;\n}\n\n.details li::before {\n  content: \"\\f058\"; \/* Icono de checkmark de Font Awesome *\/\n  font-family: \"Font Awesome 6 Free\";\n  font-weight: 900;\n  position: absolute;\n  left: 0;\n  color: var(--secondary);\n  font-size: 1.1rem;\n}\n.details li strong {\n  color: var(--text);\n}\n.details li a {\n  color: var(--light);\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\n.details li a:hover {\n  color: var(--primary);\n  text-decoration: underline;\n}\n\n\n\/* Media Queries para Responsividad *\/\n@media(max-width: 992px) {\n  .container { margin: 30px auto; padding: 25px; }\n  header h1 { font-size: 2.2rem; }\n  header h2 { font-size: 1.4rem; }\n  .descripcion { font-size: 1rem; }\n  .beneficiaries-section h2 { font-size: 1.8rem; }\n  .beneficiary-card .icon-large { font-size: 2.5rem; }\n  .beneficiary-card h3 { font-size: 1.2rem; }\n  .program-accordion-section h2 { font-size: 1.8rem; }\n  .accordion-header { font-size: 1.05rem; padding: 18px; }\n  .accordion-content { padding: 0 20px; }\n  .accordion-toggle:checked + label + .accordion-content { padding: 20px; }\n  .details h4 { font-size: 1.2rem; }\n  .details li { font-size: 0.95rem; }\n}\n\n@media(max-width: 768px) {\n  .container { margin: 20px auto; padding: 20px 15px; }\n  header h1 { font-size: 1.8rem; }\n  header h2 { font-size: 1.1rem; }\n  .descripcion { font-size: 0.95rem; }\n  .beneficiaries-section h2 { font-size: 1.5rem; }\n  .beneficiary-grid { grid-template-columns: 1fr; }\n  .beneficiary-card .icon-large { font-size: 2rem; }\n  .beneficiary-card h3 { font-size: 1.1rem; }\n  .program-accordion-section h2 { font-size: 1.5rem; }\n  .accordion-header { font-size: 1rem; padding: 15px; }\n  .accordion-content { padding: 0 15px; }\n  .accordion-toggle:checked + label + .accordion-content { padding: 15px; }\n  .details h4 { font-size: 1.1rem; }\n  .details li { font-size: 0.9rem; }\n}\n    <\/style>\n<\/head>\n<body>\n    <div id=\"convivencia-universitaria-design\">\n        <div class=\"container\">\n            <header>\n                <h1>Modelo de Convivencia Universitaria y Salud Mental<\/h1>\n                <h2>Impactando positivamente a toda la comunidad universitaria.<\/h2>\n                <p class=\"descripcion\">\n                    La implementaci\u00f3n de este modelo de Convivencia Universitaria y Salud Mental impactar\u00eda positivamente en toda la comunidad universitaria, fomentando un ambiente de apoyo, respeto y desarrollo integral.\n                <\/p>\n            <\/header>\n\n            <section class=\"beneficiaries-section\">\n                <h2>Beneficiarios Principales<\/h2>\n                <div class=\"beneficiary-grid\">\n                    <div class=\"beneficiary-card\">\n                        <i class=\"fa-solid fa-user-graduate icon-large\"><\/i>\n                        <h3>Estudiantes de Pre-grado<\/h3>\n                        <p>Apoyo en su desarrollo acad\u00e9mico y personal.<\/p>\n                    <\/div>\n                    <div class=\"beneficiary-card\">\n                        <i class=\"fa-solid fa-user-tie icon-large\"><\/i>\n                        <h3>Estudiantes de Post-grado<\/h3>\n                        <p>Recursos para manejar el estr\u00e9s y la carga acad\u00e9mica.<\/p>\n                    <\/div>\n                    <div class=\"beneficiary-card\">\n                        <i class=\"fa-solid fa-chalkboard-user icon-large\"><\/i>\n                        <h3>Acad\u00e9micos\/as<\/h3>\n                        <p>Herramientas para promover un ambiente de aula saludable.<\/p>\n                    <\/div>\n                    <div class=\"beneficiary-card\">\n                        <i class=\"fa-solid fa-briefcase icon-large\"><\/i>\n                        <h3>Funcionarios\/as<\/h3>\n                        <p>Programas de bienestar y apoyo en el entorno laboral.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"program-accordion-section\">\n                <h2>Programas y Actividades<\/h2>\n\n                <div class=\"accordion\">\n                    <input type=\"checkbox\" id=\"sana-convivencia\" class=\"accordion-toggle\" checked>\n                    <label for=\"sana-convivencia\" class=\"accordion-header\">\n                        PROMOCI\u00d3N DE SANA CONVIVENCIA\n                        <i class=\"icon fa-solid fa-chevron-down\"><\/i>\n                    <\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"details\">\n                            <h4>Espacios de di\u00e1logo y reflexi\u00f3n<\/h4>\n                            <ul>\n                                <li>Organizar Mesas redondas sobre temas de inter\u00e9s com\u00fan.<\/li>\n                                <li>Facilitar actividades deportivas y culturales.<\/li>\n                                <li>Voluntariado y actividades de servicio a la comunidad.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"accordion\">\n                    <input type=\"checkbox\" id=\"salud-mental\" class=\"accordion-toggle\">\n                    <label for=\"salud-mental\" class=\"accordion-header\">\n                        ACTIVIDADES PROMOTORAS Y FORMATIVAS DE SALUD MENTAL\n                        <i class=\"icon fa-solid fa-chevron-down\"><\/i>\n                    <\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"details\">\n                            <h4>Talleres y charlas<\/h4>\n                            <ul>\n                                <li>Grupos de apoyo.<\/li>\n                                <li>Charlas informativas.<\/li>\n                                <li>Programas de bienestar.<\/li>\n                                <li>Capacitaciones para docentes.<\/li>\n                                <li>Actividades recreativas y culturales.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Modelo de Convivencia Universitaria y Salud Mental Modelo de Convivencia Universitaria y Salud Mental Impactando positivamente a toda la comunidad universitaria. La implementaci\u00f3n de este modelo de Convivencia Universitaria y Salud Mental impactar\u00eda positivamente en toda la comunidad universitaria, fomentando un ambiente de apoyo, respeto y desarrollo integral. Beneficiarios Principales Estudiantes de Pre-grado Apoyo en&#8230;<\/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-1663","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/1663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/comments?post=1663"}],"version-history":[{"count":1,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/1663\/revisions"}],"predecessor-version":[{"id":1664,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/1663\/revisions\/1664"}],"wp:attachment":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/media?parent=1663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}