Card con Hover<\/title>\r\n <style>\r\n .container-flex {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n justify-content: center;\r\n }\r\n\r\n .card {\r\n width: 300px;\r\n background: #fff;\r\n border-radius: 16px;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n font-family: 'Roboto SemiCondensed', sans-serif;\r\n }\r\n\r\n .card img {\r\n width: 80px;\r\n margin: 0 auto 10px;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .card .title {\r\n font-weight: 700;\r\n font-size: 18px;\r\n color: #800046;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .card .description {\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.3;\r\n color: #333;\r\n\r\n \/* Oculta inicialmente *\/\r\n opacity: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transform: translateY(20px);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n \/* Mostrar con slide-up *\/\r\n .card:hover .description {\r\n opacity: 1;\r\n max-height: 300px; \/* suficiente para el texto *\/\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container-flex\">\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/06\/faviconV2.png\" alt=\"Logo Hospitalidad\" \/>\r\n <div class=\"title\">Somos Una gran familia, unida por el valor de la Hospitalidad:<\/div>\r\n <div class=\"description\">\r\n Junto a m\u00e1s de 11.000 colaboradores y voluntarios; y alrededor de 900 Hermanas, en m\u00e1s de 85 centros socio-sanitarios ubicados en 25 pa\u00edses, unimos humanidad y ciencia ofreciendo un servicio de calidad asistencial.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/06\/faviconV2.png\" alt=\"Logo Hospitalidad\" \/>\r\n <div class=\"title\">Una Congregaci\u00f3n de mujeres libres, apasionadas por la vida, unidas por el amor, la oraci\u00f3n y el servicio.<\/div>\r\n <div class=\"description\">\r\n Llevando el mensaje evangelizador de Jes\u00fas como Buen Samaritano y con Mar\u00eda, Primera Hospitalaria, a trav\u00e9s del testimonio de nuestra acci\u00f3n configurando un proyecto integral de asistencia a los m\u00e1s vulnerables.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\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-873a577 e-flex e-con-boxed e-con e-parent\" data-id=\"873a577\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8abb08c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"8abb08c\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t<div class=\"elementor-element elementor-element-b6b8a17 e-con-full e-flex e-con e-child\" data-id=\"b6b8a17\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9cdf92 elementor-widget elementor-widget-heading\" data-id=\"a9cdf92\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Valores hospitalarios<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c04b4c elementor-widget elementor-widget-text-editor\" data-id=\"4c04b4c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elemento clave de la identidad de nuestra Instituci\u00f3n; ellos manifiestan la originalidad de nuestra Acci\u00f3n y son rasgo diferencial y apreciado de nuestra Obra.<\/p><p>En cuanto valores humanos, que en nuestra tradici\u00f3n brotan del Evangelio, son asumidos por todos; se encarnan en cada cultura; orientan las decisiones de los responsables e inspiran el actuar de cada uno en su tarea.<\/p><p>Podemos sintetizar todos nuestros valores en uno s\u00f3lo: <strong><span style=\"background-color: #8c0052; color: white; padding: 5px; border-radius: 3px;\">HOSPITALIDAD<\/span><\/strong><\/p>\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-c19b8cd e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"c19b8cd\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-427c5b7 elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"427c5b7\" data-element_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=\"800\" height=\"960\" src=\"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-853x1024.jpg\" class=\"attachment-large size-large wp-image-832\" alt=\"\" srcset=\"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-853x1024.jpg 853w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-250x300.jpg 250w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-768x922.jpg 768w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-1279x1536.jpg 1279w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283.jpg 1596w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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 class=\"elementor-element elementor-element-1748726 elementor-widget-mobile__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"1748726\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" 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\" width=\"250\" height=\"300\" src=\"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-250x300.jpg\" class=\"attachment-medium size-medium wp-image-832\" alt=\"\" srcset=\"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-250x300.jpg 250w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-853x1024.jpg 853w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-768x922.jpg 768w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283-1279x1536.jpg 1279w, https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/07\/aea2bffe7f88b7a5b2d6774d5b4198d803155bc0-1-scaled-e1758117276283.jpg 1596w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/>\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 class=\"elementor-element elementor-element-12f69ee elementor-widget elementor-widget-spacer\" data-id=\"12f69ee\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-3098804 e-flex e-con-boxed e-con e-parent\" data-id=\"3098804\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-00be95e e-con-full e-flex e-con e-child\" data-id=\"00be95e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4b4f02 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d4b4f02\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Valores Hospitalarios<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\r\n .hc-card-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 30px 10px;\r\n }\r\n\r\n .hc-card {\r\n background-size: cover;\r\n background-position: center;\r\n border-radius: 16px;\r\n width: 260px;\r\n min-height: 280px;\r\n padding: 20px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n color: white;\r\n overflow: hidden;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n }\r\n\r\n .hc-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.6); \/* Mayor opacidad para legibilidad *\/\r\n z-index: 0;\r\n }\r\n\r\n .hc-card-title,\r\n .hc-card-subtitle {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hc-card-title {\r\n font-weight: 700;\r\n font-size: 20px;\r\n margin-top: auto;\r\n }\r\n\r\n .hc-card-subtitle {\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: max-height 0.4s ease, opacity 0.4s ease;\r\n font-size: 15px;\r\n margin-top: 10px;\r\n }\r\n\r\n @media (min-width: 769px) {\r\n .hc-card:hover .hc-card-title {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .hc-card:hover .hc-card-subtitle {\r\n max-height: 200px;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hc-card {\r\n width: 45%;\r\n }\r\n\r\n .hc-card-subtitle {\r\n max-height: none;\r\n opacity: 1;\r\n overflow: visible;\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n .hc-card {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"hc-card-grid\">\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/09\/yaounde3-1-scaled.jpg');\">\r\n <div class=\"hc-card-title\">Sensibilidad por los excluidos<\/div>\r\n <div class=\"hc-card-subtitle\">Nuestra Hospitalidad conlleva y alimenta la empat\u00eda preferentemente con los excluidos por enfermedades o limitaciones ps\u00edquicas.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/08\/Servicio-a-los-enfermos-y-necesitados-scaled.jpg');\">\r\n <div class=\"hc-card-title\">Servicio a los enfermos y necesitados<\/div>\r\n <div class=\"hc-card-subtitle\">Todo y todos estamos al servicio de las personas que atendemos; ellas son el centro de nuestra organizaci\u00f3n.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/08\/Acogida-liberadora-scaled.jpg');\">\r\n <div class=\"hc-card-title\">Acogida liberadora<\/div>\r\n <div class=\"hc-card-subtitle\">Nos caracterizamos por la calidez de la acogida con paciente gratuidad. A la vez que pretendemos la m\u00e1s alta rehabilitaci\u00f3n, cuidamos con calor de hogar.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/08\/Salud-integral.jpg');\">\r\n <div class=\"hc-card-title\">Salud integral<\/div>\r\n <div class=\"hc-card-subtitle\">Nuestro trabajo abarca todas las dimensiones de la persona seg\u00fan el humanismo integral. Curar y cuidar es nuestra propuesta.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/08\/Calidad-profesional.jpg');\">\r\n <div class=\"hc-card-title\">Calidad profesional<\/div>\r\n <div class=\"hc-card-subtitle\">Ofrecemos un servicio efectivo gracias al rigor en nuestra labor, la eficiencia en la gesti\u00f3n, el trabajo en equipo y la capacidad de adaptaci\u00f3n. Apostamos por la formaci\u00f3n continua y la actualizaci\u00f3n permanente de nuestros profesionales.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/09\/K_Holst_064_web.jpg');\">\r\n <div class=\"hc-card-title\">Humanidad en la atenci\u00f3n<\/div>\r\n <div class=\"hc-card-subtitle\">Cultivamos expl\u00edcita y pr\u00e1cticamente la humanizaci\u00f3n en los planteamientos y en cada concreta actividad. Nuestra atenci\u00f3n es un encuentro humano que prioriza la dignidad de la persona.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/08\/Etica-en-toda-actuacion.jpg');\">\r\n <div class=\"hc-card-title\">\u00c9tica en toda actuaci\u00f3n<\/div>\r\n <div class=\"hc-card-subtitle\">Nos exigimos ser \u00e9ticos, seg\u00fan los criterios de la bio\u00e9tica y el principio de la Hospitalidad, en todo nuestro actuar.<\/div>\r\n <\/div>\r\n <div class=\"hc-card\" style=\"background-image: url('https:\/\/dev2.lamachi.com\/hospitalarias\/wp-content\/uploads\/2025\/08\/Conciencia-historica-scaled.jpg');\">\r\n <div class=\"hc-card-title\">Conciencia hist\u00f3rica<\/div>\r\n <div class=\"hc-card-subtitle\">Fomentamos la conciencia individual y colectiva de formar parte de la historia hospitalaria, fieles a los or\u00edgenes, protagonistas del presente y constructores del futuro hospitalario.<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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-553da6b e-flex e-con-boxed e-con e-parent\" data-id=\"553da6b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-448a624 elementor-invisible elementor-widget elementor-widget-video\" data-id=\"448a624\" data-element_type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=bF7XTGnpuAo","_animation":"fadeInUp","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Misi\u00f3n y valores La misi\u00f3n de la congregaci\u00f3n encarna y expresa el carisma de la Hospitalidad\u00a0 Una misi\u00f3n que nace de un carisma fundacional que sigue vivo hoy.\u00a0 Nuestra misi\u00f3n es acoger, apoyar, acompa\u00f1ar y cuidar, viviendo y transmitiendo la hospitalidad a cada persona con respeto, profesionalidad y cercan\u00eda, de forma integral, respetando su dignidad […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-822","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/pages\/822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/comments?post=822"}],"version-history":[{"count":217,"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/pages\/822\/revisions"}],"predecessor-version":[{"id":59753,"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/pages\/822\/revisions\/59753"}],"wp:attachment":[{"href":"https:\/\/dev2.lamachi.com\/hospitalarias\/wp-json\/wp\/v2\/media?parent=822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}