{"id":653,"date":"2026-08-28T02:53:02","date_gmt":"2026-08-28T02:53:02","guid":{"rendered":"https:\/\/vagar.cl\/?p=653"},"modified":"2026-08-28T03:37:17","modified_gmt":"2026-08-28T03:37:17","slug":"crew","status":"publish","type":"post","link":"https:\/\/vagar.cl\/?p=653","title":{"rendered":"Crew \/ A-bordo"},"content":{"rendered":"\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\/a-bordo_1.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\/a-bordo_2.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\/logo_crew.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\/crew_1.jpg\">\n  <\/div>\n<\/div>\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\/crew-interfaz_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\/crew-interfaz_4.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\/crew-interfaz_3.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\/crew-interfaz_2.jpg\">\n  <\/div>\n<\/div>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Desarrollo de identidad de marca para el proyecto de transformaci\u00f3n digital del sistema de Personal Embarcado de Humboldt. El trabajo incluy\u00f3 la creaci\u00f3n de logotipos para las nuevas plataformas y herramientas digitales, Crew Controller y la app A-bordo, adem\u00e1s del desarrollo de conceptos visuales y dise\u00f1o de interfaz que comunicar\u00eda beneficios a tripulaciones y equipos administrativos.<br><br><a href=\"https:\/\/ultranav.cl\/\">https:\/\/ultranav.cl\/<\/a><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollo de identidad de marca para el proyecto de transformaci\u00f3n digital del sistema de Personal Embarcado de Humboldt. El trabajo incluy\u00f3 la creaci\u00f3n de logotipos para las nuevas plataformas y herramientas digitales, Crew Controller y la app A-bordo, adem\u00e1s del desarrollo de conceptos visuales y dise\u00f1o de interfaz que comunicar\u00eda beneficios a tripulaciones y equipos [&hellip;]<\/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-653","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts\/653","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=653"}],"version-history":[{"count":9,"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts\/653\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/vagar.cl\/index.php?rest_route=\/wp\/v2\/posts\/653\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vagar.cl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}