{"id":231,"date":"2022-11-09T19:52:32","date_gmt":"2022-11-09T19:52:32","guid":{"rendered":"https:\/\/cab.org.bo\/web\/?page_id=231"},"modified":"2026-04-25T16:22:19","modified_gmt":"2026-04-25T16:22:19","slug":"directorio-cena-cab","status":"publish","type":"page","link":"https:\/\/cab.org.bo\/web\/directorio-cena-cab\/","title":{"rendered":"Directorio CENA CAB"},"content":{"rendered":"\n<section class=\"cab-directorio\">\n  <div class=\"cab-directorio__inner\">\n    <div class=\"cab-directorio__grid\" id=\"cab-dir-grid\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- POPUP -->\n<div class=\"cab-dir-popup\" id=\"cab-dir-popup\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\">\n  <div class=\"cab-dir-popup__backdrop\" id=\"cab-dir-backdrop\"><\/div>\n  <div class=\"cab-dir-popup__box\">\n    <button class=\"cab-dir-popup__close\" id=\"cab-dir-close\" aria-label=\"Cerrar\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n    <div class=\"cab-dir-popup__content\" id=\"cab-dir-popup-content\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nconst directorio = [\n  {\n    nombre: \"Arq. Ernesto C\u00e9sar Urzagasti Saldias\",\n    cargo: \"Presidente\",\n    departamento: \"Santa Cruz\",\n    foto: \"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/Urzagasti.jpg\",\n    bio: \"Es arquitecto por la Universidad Privada de Santa Cruz UPSA. Es docente universitario desde 2005, Desarrolla su experiencia profesional en dise\u00f1o y construcci\u00f3n de arquitectura comercial, ef\u00edmera y dise\u00f1o industrial. Ha ganado concursos de dise\u00f1o en El Alto, La Paz, Trinidad, Tarija y Santa Cruz. En el \u00e1mbito gremial ha sido Vicepresidente del Colegio de Arquitectos de Santa Cruz, Presidente de la Sociedad de Estudios Patrimoniales SEPA, y es Director de la Bienal de Arquitectura de Santa Cruz desde 2014.\"\n  },\n  {\n    nombre: \"Arq. Elvio Daga Mansilla\",\n    cargo: \"Vice Presidente\",\n    departamento: \"Santa Cruz\",\n    foto: \"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/Daga.jpg\",\n    bio: \"Es arquitecto por la Universidad Federal de Rio Grande do Sul, Brasil. Es un profesional con amplia experiencia en cargos de la gesti\u00f3n p\u00fablica, ha sido docente en universidades de Honduras y Bolivia. En el \u00e1mbito gremial ha sido miembro de las directivas de los Colegios de Arquitectos de Santa Cruz y de Bolivia, fue presidente del Tribunal Nacional de \u00c9tica de Bolivia y presidente de los Tribunales Electorales de los colegios de arquitectos de Santa Cruz y de Bolivia.\"\n  },\n  {\n    nombre: \"Arq. Ewaldo Duran Canelas Calla\u00fa\",\n    cargo: \"Secretario General\",\n    departamento: \"Santa Cruz\",\n    foto: \"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/Duran-Canelas.jpg\",\n    bio: \"Es arquitecto por la Universidad Privada de Santa Cruz UPSA. Es un profesional con amplia experiencia en el dise\u00f1o arquitect\u00f3nico y la construcci\u00f3n civil de mediana y alta complejidad. Su especialidad radica en edificios de tipolog\u00eda hospitalaria y oficinas bancarias. En el \u00e1mbito gremial ha sido miembro del Comit\u00e9 Electoral del Colegio de Arquitectos de Santa Cruz.\"\n  },\n  {\n    nombre: \"Arq. Mar\u00eda Fabiola Rodr\u00edguez Hatfield\",\n    cargo: \"Secretaria de Hacienda\",\n    departamento: \"Santa Cruz\",\n    foto: \"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/Rodriguez.jpeg\",\n    bio: \"Es arquitecta por la Universidad Cat\u00f3lica Boliviana UCB. Posee estudios de maestr\u00eda en Madrid y Barcelona, Espa\u00f1a. Desarrolla su experiencia profesional en el \u00e1mbito privado en arquitectura y dise\u00f1o interior, as\u00ed como emprendimientos privados en mobiliario y luminotecnia. En el \u00e1mbito gremial es miembro de la Sociedad de Estudios Tecnol\u00f3gicos SETEC del Colegio de Arquitectos de Santa Cruz.\"\n  },\n  {\n    nombre: \"Arq. Alberto Mart\u00edn Mar\u00edn Banzer\",\n    cargo: \"Vocal\",\n    departamento: \"Santa Cruz\",\n    foto: \"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/Marin.jpg\",\n    bio: \"Es arquitecto por la Universidad Privada de Santa Cruz UPSA. Es un profesional con amplia experiencia en la construcci\u00f3n y direcci\u00f3n de obras civiles, su especialidad est\u00e1 en viviendas unifamiliares y edificios de equipamiento p\u00fablico. En el \u00e1mbito gremial ha sido miembro del Tribunal Electoral, Comisi\u00f3n de Conciliaci\u00f3n y Tribunal de \u00c9tica Profesional del Colegio de Arquitectos de Santa Cruz.\"\n  }\n];\n\nconst grid  = document.getElementById(\"cab-dir-grid\");\nconst popup = document.getElementById(\"cab-dir-popup\");\nconst box   = document.getElementById(\"cab-dir-popup-content\");\nconst close = document.getElementById(\"cab-dir-close\");\nconst bdrop = document.getElementById(\"cab-dir-backdrop\");\n\ndirectorio.forEach((m, i) => {\n  const card = document.createElement(\"article\");\n  card.className = \"cab-dir-card\";\n  card.setAttribute(\"tabindex\", \"0\");\n  card.setAttribute(\"role\", \"button\");\n  card.setAttribute(\"aria-label\", `Ver perfil de ${m.nombre}`);\n  card.innerHTML = `\n    <div class=\"cab-dir-card__photo\">\n      <img src=\"${m.foto}\" alt=\"${m.nombre}\" loading=\"lazy\" decoding=\"async\">\n    <\/div>\n    <div class=\"cab-dir-card__info\">\n      <span class=\"cab-dir-card__cargo\">${m.cargo}<\/span>\n      <h3 class=\"cab-dir-card__nombre\">${m.nombre}<\/h3>\n      <span class=\"cab-dir-card__dpto\">${m.departamento}<\/span>\n    <\/div>\n    <span class=\"cab-dir-card__hover-label\">Ver perfil<\/span>\n  `;\n  card.addEventListener(\"click\", () => openPopup(i));\n  card.addEventListener(\"keydown\", e => { if (e.key === \"Enter\" || e.key === \" \") openPopup(i); });\n  grid.appendChild(card);\n});\n\nfunction openPopup(i) {\n  const m = directorio[i];\n  box.innerHTML = `\n    <div class=\"cab-dir-popup__header\">\n      <div class=\"cab-dir-popup__photo\">\n        <img decoding=\"async\" src=\"${m.foto}\" alt=\"${m.nombre}\">\n      <\/div>\n      <div>\n        <p class=\"cab-dir-popup__cargo\">${m.cargo}<\/p>\n        <h2 class=\"cab-dir-popup__nombre\">${m.nombre}<\/h2>\n        <p class=\"cab-dir-popup__dpto\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"13\" height=\"13\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          ${m.departamento}\n        <\/p>\n      <\/div>\n    <\/div>\n    <p class=\"cab-dir-popup__bio\">${m.bio}<\/p>\n  `;\n  popup.setAttribute(\"aria-hidden\", \"false\");\n  popup.classList.add(\"is-open\");\n  document.body.style.overflow = \"hidden\";\n}\n\nfunction closePopup() {\n  popup.classList.remove(\"is-open\");\n  popup.setAttribute(\"aria-hidden\", \"true\");\n  document.body.style.overflow = \"\";\n}\n\nclose.addEventListener(\"click\", closePopup);\nbdrop.addEventListener(\"click\", closePopup);\ndocument.addEventListener(\"keydown\", e => { if (e.key === \"Escape\") closePopup(); });\n<\/script>\n\n<style>\n.cab-directorio {\n  padding: 0;\n  background: transparent;\n  font-family: \"Sofia Sans\", sans-serif;\n}\n\n.cab-directorio__inner {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.cab-directorio__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n\/* Card *\/\n.cab-dir-card {\n  background: #fff;\n  border: 1px solid #e3e6ea;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n}\n\n.cab-dir-card:hover,\n.cab-dir-card:focus-visible {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(0,0,0,.09);\n  border-color: #1d9b97;\n  outline: none;\n}\n\n.cab-dir-card__photo {\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  overflow: hidden;\n  background: #eaedf0;\n}\n\n.cab-dir-card__photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.4s ease;\n}\n\n.cab-dir-card:hover .cab-dir-card__photo img {\n  transform: scale(1.04);\n}\n\n.cab-dir-card__info {\n  padding: 16px 16px 24px;\n}\n\n.cab-dir-card__cargo {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #f27322;\n  margin-bottom: 6px;\n}\n\n.cab-dir-card__nombre {\n  margin: 0 0 6px;\n  font-size: 1rem;\n  font-weight: 700;\n  color: #111;\n  line-height: 1.3;\n}\n\n.cab-dir-card__dpto {\n  font-size: 0.8rem;\n  color: #777;\n}\n\n.cab-dir-card__hover-label {\n  position: absolute;\n  bottom: 14px;\n  right: 14px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #1d9b97;\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 0.2s, transform 0.2s;\n}\n\n.cab-dir-card:hover .cab-dir-card__hover-label,\n.cab-dir-card:focus-visible .cab-dir-card__hover-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Popup *\/\n.cab-dir-popup {\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.cab-dir-popup.is-open {\n  display: flex;\n}\n\n.cab-dir-popup__backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(10, 15, 25, 0.65);\n  backdrop-filter: blur(3px);\n}\n\n.cab-dir-popup__box {\n  position: relative;\n  background: #fff;\n  width: 100%;\n  max-width: 480px;\n  padding: 32px;\n  z-index: 1;\n  animation: cabPopupIn 0.28s ease;\n}\n\n@keyframes cabPopupIn {\n  from { opacity: 0; transform: translateY(18px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.cab-dir-popup__close {\n  position: absolute !important;\n  top: 14px !important;\n  right: 14px !important;\n  width: 32px !important;\n  height: 32px !important;\n  border: 1px solid #e3e6ea !important;\n  background: #f6f7f8 !important;\n  display: grid !important;\n  place-items: center !important;\n  cursor: pointer !important;\n  color: #444 !important;\n  border-radius: 2px !important;\n  transition: background 0.2s, color 0.2s !important;\n  padding: 7px !important;\n}\n\n.cab-dir-popup__close:hover {\n  background: #f27322 !important;\n  color: #fff !important;\n  border-color: #f27322 !important;\n}\n\n.cab-dir-popup__header {\n  display: flex;\n  gap: 18px;\n  align-items: flex-start;\n  margin-bottom: 16px;\n}\n\n.cab-dir-popup__photo {\n  width: 90px;\n  height: 90px;\n  flex: 0 0 90px;\n  overflow: hidden;\n  background: #eaedf0;\n  border: 2px solid #1d9b97;\n  border-radius: 2px;\n}\n\n.cab-dir-popup__photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n}\n\n.cab-dir-popup__cargo {\n  margin: 0 0 4px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #f27322;\n}\n\n.cab-dir-popup__nombre {\n  margin: 0 0 6px;\n  font-size: 1.2rem !important;\n  font-weight: 700;\n  color: #111;\n  line-height: 1.25;\n}\n\n.cab-dir-popup__dpto {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 0.82rem;\n  color: #666;\n}\n\n.cab-dir-popup__bio {\n  font-size: 0.9rem;\n  color: #444;\n  line-height: 1.6;\n  padding-top: 14px;\n  border-top: 1px solid #eee;\n  margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .cab-directorio__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 560px) {\n  .cab-directorio__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cab-dir-popup__box {\n    padding: 22px 16px;\n  }\n}\n<\/style>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/directorio-cena-cab-2026-2-1024x621.jpeg\" alt=\"\" class=\"wp-image-2338\" srcset=\"https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/directorio-cena-cab-2026-2-1024x621.jpeg 1024w, https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/directorio-cena-cab-2026-2-300x182.jpeg 300w, https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/directorio-cena-cab-2026-2-768x466.jpeg 768w, https:\/\/cab.org.bo\/web\/wp-content\/uploads\/2026\/04\/directorio-cena-cab-2026-2.jpeg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Directorio 2026 &#8211; 2028<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/pages\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":45,"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":2339,"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/pages\/231\/revisions\/2339"}],"wp:attachment":[{"href":"https:\/\/cab.org.bo\/web\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}