{"id":629,"date":"2026-08-27T20:59:26","date_gmt":"2026-08-27T20:59:26","guid":{"rendered":"https:\/\/vagar.cl\/?p=629"},"modified":"2026-08-28T03:46:34","modified_gmt":"2026-08-28T03:46:34","slug":"clinica-alemana","status":"publish","type":"post","link":"https:\/\/vagar.cl\/?p=629","title":{"rendered":"Cl\u00ednica alemana"},"content":{"rendered":"\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Coronavirus Covid-19: Claves para entender la enfermedad y protegerse - Cl\u00ednica Alemana\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/vlzxSleRnmg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Cuidados para un envejecimiento exitoso - Cl\u00ednica Alemana\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pQCistsx3k8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<style data-wp-block-html=\"css\">\n.portfolio-accordion-gallery {\n  display: flex;\n  gap: 16px;\n  width: 100%;\n  max-width: 1920px;\n  height: 520px;\n  margin: 40px auto;\n  box-sizing: border-box;\n}\n\n.gallery-card {\n  position: relative;\n  flex: 0.7;\n  height: 100%;\n  border-radius: 16px;\n  overflow: hidden;\n  cursor: pointer;\n  transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1), \n              transform 0.4s ease, \n              filter 0.4s ease;\n  filter: brightness(0.88);\n}\n\n.gallery-card:hover {\n  transform: translateY(-4px);\n  filter: brightness(0.98);\n}\n\n.gallery-card.active {\n  flex: 4;\n  filter: brightness(1);\n  cursor: default;\n}\n\n.gallery-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  border-radius: 16px;\n  transition: transform 0.6s ease;\n}\n\n.gallery-card.active img {\n  transform: scale(1.02);\n}\n\n@media (max-width: 768px) {\n  .portfolio-accordion-gallery {\n    flex-direction: column;\n    height: 800px;\n  }\n  .gallery-card {\n    flex: 1;\n  }\n  .gallery-card.active {\n    flex: 3;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction activateCard(element) {\n  if (element.classList.contains('active')) return;\n\n  const cards = document.querySelectorAll('.portfolio-accordion-gallery .gallery-card');\n  cards.forEach(card => card.classList.remove('active'));\n\n  element.classList.add('active');\n}\n<\/script>\n\n<div class=\"portfolio-accordion-gallery\">\n  <!-- Imagen 1 (Activa por defecto) -->\n  <div class=\"gallery-card active\" onclick=\"activateCard(this)\">\n    <img decoding=\"async\" src=\"https:\/\/vagar.cl\/wp-content\/uploads\/2026\/08\/escena_clinica-alemana_5.jpg\">\n  <\/div>\n\n  <!-- Imagen 2 -->\n  <div class=\"gallery-card\" onclick=\"activateCard(this)\">\n    <img decoding=\"async\" src=\"https:\/\/vagar.cl\/wp-content\/uploads\/2026\/08\/escena_clinica-alemana_6.jpg\">\n  <\/div>\n\n  <!-- Imagen 3 -->\n  <div class=\"gallery-card\" onclick=\"activateCard(this)\">\n    <img decoding=\"async\" src=\"https:\/\/vagar.cl\/wp-content\/uploads\/2026\/08\/escena_clinica-alemana_2.jpg\">\n  <\/div>\n\n  <!-- Imagen 4 -->\n  <div class=\"gallery-card\" onclick=\"activateCard(this)\">\n    <img decoding=\"async\" src=\"https:\/\/vagar.cl\/wp-content\/uploads\/2026\/08\/escena_clinica-alemana_1.jpg\">\n  <\/div>\n<\/div>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">El Proyecto consisti\u00f3 en el desarrollo de una serie de  piezas audiovisuales para Cl\u00ednica Alemana, desde la creaci\u00f3n de ilustraciones y recursos gr\u00e1ficos hasta su animaci\u00f3n. Se trabaj\u00f3 la composici\u00f3n, color, formas y narrativa visual, utilizando ilustraci\u00f3n digital y t\u00e9cnicas de animaci\u00f3n 2D, motion graphics, transiciones y composici\u00f3n para construir el relato audiovisual.<br><br><a href=\"https:\/\/www.clinicaalemana.cl\/\">https:\/\/www.clinicaalemana.cl\/<\/a><\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\"><br><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El Proyecto consisti\u00f3 en el desarrollo de una serie de piezas audiovisuales para Cl\u00ednica Alemana, desde la creaci\u00f3n de ilustraciones y recursos gr\u00e1ficos hasta su animaci\u00f3n. Se trabaj\u00f3 la composici\u00f3n, color, formas y narrativa visual, utilizando ilustraci\u00f3n digital y t\u00e9cnicas de animaci\u00f3n 2D, motion graphics, transiciones y composici\u00f3n para construir el relato audiovisual. https:\/\/www.clinicaalemana.cl\/<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_angie_page":false,"page_builder":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-629","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts\/629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=629"}],"version-history":[{"count":8,"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts\/629\/revisions"}],"predecessor-version":[{"id":683,"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts\/629\/revisions\/683"}],"wp:attachment":[{"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}