{"id":59,"date":"2026-04-16T04:40:53","date_gmt":"2026-04-16T04:40:53","guid":{"rendered":"https:\/\/testmed.click\/jaimecastillo\/?page_id=59"},"modified":"2026-04-16T22:01:20","modified_gmt":"2026-04-16T22:01:20","slug":"cirugia-hepatobiliar","status":"publish","type":"page","link":"https:\/\/testmed.click\/jaimecastillo\/cirugia-hepatobiliar\/","title":{"rendered":"Cirug\u00eda hepatobiliar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"59\" class=\"elementor elementor-59\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5128a2 e-con-full e-flex e-con e-parent\" data-id=\"b5128a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2cfe83 elementor-widget elementor-widget-html\" data-id=\"a2cfe83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     DR. JAIME CASTILLO \u2014 CIRUG\u00cdA HEPATOBILIAR\r\n     SECCI\u00d3N 1: HERO (sin botones) + SECCI\u00d3N 2: QU\u00c9 ES\r\n     ============================================================ -->\r\n\r\n<style>\r\n.jc-hb-hero * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hb-hero {\r\n  --navy:       #0d1f3c;\r\n  --navy-mid:   #1a3260;\r\n  --blue:       #1e5fa8;\r\n  --cyan:       #38b6d4;\r\n  --cyan-light: #6dd0e8;\r\n  --gray-light: #c8d3e4;\r\n  --gray-mid:   #8899b4;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--navy);\r\n  padding: 72px 60px 80px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.jc-hb-hero::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(56,182,212,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(56,182,212,0.04) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n}\r\n.jc-hb-hero::after {\r\n  content: '';\r\n  position: absolute; top: -80px; right: -80px;\r\n  width: 480px; height: 480px;\r\n  background: radial-gradient(circle, rgba(56,182,212,0.1) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.jc-hb-hero__inner {\r\n  position: relative; z-index: 1; max-width: 860px;\r\n  padding-top: 48px;\r\n}\r\n\r\n.jc-hb-hero__breadcrumb {\r\n  display: flex; align-items: center; gap: 8px; margin-bottom: 32px;\r\n}\r\n.jc-hb-hero__breadcrumb a {\r\n  font-family: 'DM Mono', monospace; font-size: 11px; color: var(--gray-mid);\r\n  text-decoration: none; letter-spacing: 0.08em; transition: color 0.2s;\r\n}\r\n.jc-hb-hero__breadcrumb a:hover { color: var(--cyan); }\r\n.jc-hb-hero__breadcrumb span { font-size: 11px; color: rgba(136,153,180,0.4); }\r\n.jc-hb-hero__breadcrumb-current {\r\n  font-family: 'DM Mono', monospace; font-size: 11px;\r\n  color: var(--cyan); letter-spacing: 0.08em;\r\n}\r\n\r\n.jc-hb-hero__eyebrow {\r\n  display: flex; align-items: center; gap: 12px; margin-bottom: 24px;\r\n}\r\n.jc-hb-hero__eyebrow-line { width: 40px; height: 2px; background: var(--cyan); flex-shrink: 0; }\r\n.jc-hb-hero__eyebrow-text {\r\n  font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 500;\r\n  color: var(--cyan); letter-spacing: 0.18em; text-transform: uppercase;\r\n}\r\n\r\n.jc-hb-hero__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(40px, 5vw, 68px);\r\n  font-weight: 600; color: #ffffff; line-height: 1.05; margin-bottom: 12px;\r\n}\r\n.jc-hb-hero__title em { font-style: italic; color: var(--cyan-light); }\r\n\r\n.jc-hb-hero__tag {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(56,182,212,0.12); border: 1px solid rgba(56,182,212,0.25);\r\n  border-radius: 20px; padding: 6px 16px; margin-bottom: 28px;\r\n}\r\n.jc-hb-hero__tag span {\r\n  font-family: 'DM Mono', monospace; font-size: 11px;\r\n  color: var(--cyan); font-weight: 500; letter-spacing: 0.1em;\r\n}\r\n\r\n.jc-hb-hero__desc {\r\n  font-size: 16px; line-height: 1.78; color: var(--gray-light);\r\n  font-weight: 300; max-width: 780px;\r\n}\r\n.jc-hb-hero__desc strong { color: #ffffff; font-weight: 500; }\r\n\r\n@media (max-width: 900px) {\r\n  .jc-hb-hero { padding: 72px 32px 64px; }\r\n  .jc-hb-hero__inner { padding-top: 32px; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-hb-hero { padding: 72px 20px 52px; }\r\n  .jc-hb-hero__inner { padding-top: 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-hb-hero\">\r\n  <div class=\"jc-hb-hero__inner\">\r\n\r\n    <div class=\"jc-hb-hero__breadcrumb\">\r\n      <a href=\"https:\/\/testmed.click\/jaimecastillo\/home\/\">Inicio<\/a>\r\n      <span>\/<\/span>\r\n      <span class=\"jc-hb-hero__breadcrumb-current\">Cirug\u00eda Hepatobiliar<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jc-hb-hero__eyebrow\">\r\n      <div class=\"jc-hb-hero__eyebrow-line\"><\/div>\r\n      <span class=\"jc-hb-hero__eyebrow-text\">Especialidad \u00b7 H\u00edgado, Ves\u00edcula y V\u00edas Biliares<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"jc-hb-hero__title\">\r\n      Cirug\u00edas<br>\r\n      <em>Hepatobiliar<\/em>\r\n    <\/h1>\r\n\r\n    <div class=\"jc-hb-hero__tag\">\r\n      <span>\ud83e\udec1<\/span>\r\n      <span>H\u00edgado \u00b7 Ves\u00edcula \u00b7 V\u00edas Biliares<\/span>\r\n    <\/div>\r\n\r\n    <p class=\"jc-hb-hero__desc\">\r\n      El sistema hepatobiliar \u2014compuesto por el h\u00edgado, la ves\u00edcula biliar y las v\u00edas biliares\u2014 cumple funciones esenciales en la digesti\u00f3n y el metabolismo. Las enfermedades que afectan estos \u00f3rganos pueden requerir <strong>tratamiento quir\u00fargico especializado<\/strong>. Mi compromiso es brindarte una atenci\u00f3n precisa, segura y personalizada, enfocada en tu bienestar integral.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     SECCI\u00d3N 2: \u00bfQU\u00c9 ES LA CIRUG\u00cdA HEPATOBILIAR?\r\n     fondo: #ffffff \u2014 sin cambios\r\n     ============================================================ -->\r\n\r\n<style>\r\n.jc-hb-que * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hb-que {\r\n  --navy:      #0d1f3c;\r\n  --blue:      #1e5fa8;\r\n  --cyan:      #38b6d4;\r\n  --off-white: #eef1f7;\r\n  --gray-mid:  #8899b4;\r\n  --text-dark: #0a1628;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: #ffffff;\r\n  padding: 96px 60px;\r\n}\r\n\r\n.jc-hb-que__inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n\r\n.jc-hb-que__label { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }\r\n.jc-hb-que__label-num { font-family: 'DM Mono', monospace; font-size: 11px; color: var(--cyan); font-weight: 500; }\r\n.jc-hb-que__label-line { width: 30px; height: 1px; background: var(--cyan); }\r\n.jc-hb-que__label-text { font-size: 11px; color: var(--gray-mid); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }\r\n\r\n.jc-hb-que__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(28px, 3.2vw, 44px);\r\n  font-weight: 600; color: var(--text-dark); line-height: 1.1; margin-bottom: 24px;\r\n}\r\n.jc-hb-que__title em { font-style: italic; color: var(--blue); }\r\n\r\n.jc-hb-que__text {\r\n  font-size: 15px; line-height: 1.78; color: #4a5568;\r\n  font-weight: 300; margin-bottom: 18px;\r\n}\r\n.jc-hb-que__text strong { color: var(--navy); font-weight: 600; }\r\n\r\n.jc-hb-que__list-intro {\r\n  font-size: 14px; font-weight: 500; color: var(--navy);\r\n  margin-bottom: 14px; margin-top: 8px;\r\n}\r\n\r\n.jc-hb-que__list { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.jc-hb-que__list li {\r\n  display: flex; align-items: flex-start; gap: 11px;\r\n  font-size: 14px; color: #4a5568; line-height: 1.55;\r\n}\r\n.jc-hb-que__list-dot {\r\n  width: 7px; height: 7px; background: var(--cyan);\r\n  border-radius: 50%; margin-top: 6px; flex-shrink: 0;\r\n}\r\n.jc-hb-que__list li strong { color: var(--navy); font-weight: 600; }\r\n\r\n.jc-hb-que__box {\r\n  background: var(--off-white); border-radius: 16px;\r\n  padding: 36px 40px; border-left: 4px solid var(--cyan);\r\n  position: sticky; top: 100px;\r\n}\r\n.jc-hb-que__box-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 22px; font-weight: 600; color: var(--navy); margin-bottom: 8px;\r\n}\r\n.jc-hb-que__box-sub {\r\n  font-size: 13px; color: var(--gray-mid); font-weight: 300;\r\n  margin-bottom: 28px; line-height: 1.55;\r\n}\r\n\r\n.jc-hb-que__organs { display: flex; flex-direction: column; gap: 14px; }\r\n\r\n.jc-hb-que__organ-item {\r\n  display: flex; align-items: flex-start; gap: 14px;\r\n  padding: 16px; background: #ffffff; border-radius: 10px;\r\n  border: 1px solid rgba(30,95,168,0.08); transition: border-color 0.2s;\r\n}\r\n.jc-hb-que__organ-item:hover { border-color: var(--cyan); }\r\n\r\n.jc-hb-que__organ-icon {\r\n  width: 38px; height: 38px; background: var(--navy);\r\n  border-radius: 9px; display: flex; align-items: center;\r\n  justify-content: center; font-size: 17px; flex-shrink: 0;\r\n}\r\n.jc-hb-que__organ-name { font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 3px; }\r\n.jc-hb-que__organ-desc { font-size: 12px; color: #6b7a91; line-height: 1.5; font-weight: 300; }\r\n\r\n.jc-hb-que__callout {\r\n  display: flex; align-items: flex-start; gap: 12px;\r\n  background: rgba(30,95,168,0.07); border-radius: 10px;\r\n  padding: 16px 18px; margin-top: 20px;\r\n}\r\n.jc-hb-que__callout-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }\r\n.jc-hb-que__callout-text { font-size: 13px; color: var(--navy); line-height: 1.6; }\r\n.jc-hb-que__callout-text strong { font-weight: 600; }\r\n\r\n@media (max-width: 900px) {\r\n  .jc-hb-que { padding: 64px 32px; }\r\n  .jc-hb-que__inner { grid-template-columns: 1fr; gap: 44px; }\r\n  .jc-hb-que__box { position: static; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-hb-que { padding: 48px 20px; }\r\n  .jc-hb-que__box { padding: 28px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-hb-que\">\r\n  <div class=\"jc-hb-que__inner\">\r\n\r\n    <div>\r\n      <div class=\"jc-hb-que__label\">\r\n        <span class=\"jc-hb-que__label-num\">01<\/span>\r\n        <div class=\"jc-hb-que__label-line\"><\/div>\r\n        <span class=\"jc-hb-que__label-text\">Informaci\u00f3n general<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"jc-hb-que__title\">\r\n        \u00bfQu\u00e9 es la cirug\u00eda<br>\r\n        <em>hepatobiliar?<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"jc-hb-que__text\">\r\n        La cirug\u00eda hepatobiliar se enfoca en el <strong>tratamiento quir\u00fargico de enfermedades del h\u00edgado, la ves\u00edcula biliar y los conductos biliares<\/strong>. Estas patolog\u00edas pueden ser benignas o malignas, y muchas de ellas requieren un manejo experto debido a la complejidad de estos \u00f3rganos.\r\n      <\/p>\r\n      <p class=\"jc-hb-que__text\">\r\n        Utilizando t\u00e9cnicas modernas y m\u00ednimamente invasivas, el objetivo es resolver cada condici\u00f3n con la mayor precisi\u00f3n, minimizando el riesgo quir\u00fargico y favoreciendo una recuperaci\u00f3n m\u00e1s r\u00e1pida.\r\n      <\/p>\r\n\r\n      <p class=\"jc-hb-que__list-intro\">Entre las condiciones m\u00e1s frecuentes se encuentran:<\/p>\r\n\r\n      <ul class=\"jc-hb-que__list\">\r\n        <li><div class=\"jc-hb-que__list-dot\"><\/div><span><strong>C\u00e1lculos biliares (colelitiasis)<\/strong> \u2014 presencia de piedras en la ves\u00edcula<\/span><\/li>\r\n        <li><div class=\"jc-hb-que__list-dot\"><\/div><span><strong>Colecistitis<\/strong> \u2014 inflamaci\u00f3n aguda o cr\u00f3nica de la ves\u00edcula<\/span><\/li>\r\n        <li><div class=\"jc-hb-que__list-dot\"><\/div><span><strong>Tumores hep\u00e1ticos<\/strong> \u2014 benignos o malignos que requieren resecci\u00f3n<\/span><\/li>\r\n        <li><div class=\"jc-hb-que__list-dot\"><\/div><span><strong>Enfermedades de las v\u00edas biliares<\/strong> \u2014 obstrucciones, estenosis, coledocolitiasis<\/span><\/li>\r\n        <li><div class=\"jc-hb-que__list-dot\"><\/div><span><strong>Quistes hep\u00e1ticos<\/strong> \u2014 simples o hidat\u00eddicos que requieren manejo quir\u00fargico<\/span><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div>\r\n      <div class=\"jc-hb-que__box\">\r\n        <h3 class=\"jc-hb-que__box-title\">Sistema hepatobiliar<\/h3>\r\n        <p class=\"jc-hb-que__box-sub\">Los tres \u00f3rganos que conforman este sistema y su funci\u00f3n:<\/p>\r\n\r\n        <div class=\"jc-hb-que__organs\">\r\n          <div class=\"jc-hb-que__organ-item\">\r\n            <div class=\"jc-hb-que__organ-icon\">\ud83e\udec1<\/div>\r\n            <div>\r\n              <div class=\"jc-hb-que__organ-name\">H\u00edgado<\/div>\r\n              <div class=\"jc-hb-que__organ-desc\">El \u00f3rgano m\u00e1s grande del cuerpo. Filtra la sangre, produce bilis y participa en cientos de procesos metab\u00f3licos esenciales.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"jc-hb-que__organ-item\">\r\n            <div class=\"jc-hb-que__organ-icon\">\ud83d\udc9b<\/div>\r\n            <div>\r\n              <div class=\"jc-hb-que__organ-name\">Ves\u00edcula biliar<\/div>\r\n              <div class=\"jc-hb-que__organ-desc\">Almacena y concentra la bilis producida por el h\u00edgado para liberarla durante la digesti\u00f3n de grasas.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"jc-hb-que__organ-item\">\r\n            <div class=\"jc-hb-que__organ-icon\">\ud83d\udd00<\/div>\r\n            <div>\r\n              <div class=\"jc-hb-que__organ-name\">V\u00edas biliares<\/div>\r\n              <div class=\"jc-hb-que__organ-desc\">Red de conductos que transportan la bilis desde el h\u00edgado y la ves\u00edcula hacia el intestino delgado.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jc-hb-que__callout\">\r\n          <div class=\"jc-hb-que__callout-icon\">\u2695\ufe0f<\/div>\r\n          <p class=\"jc-hb-que__callout-text\">\r\n            Cada caso es evaluado con <strong>estudios de imagen y ex\u00e1menes especializados<\/strong> para planificar el tratamiento m\u00e1s seguro y efectivo.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fc0a71 e-con-full e-flex e-con e-parent\" data-id=\"3fc0a71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0287677 elementor-widget elementor-widget-html\" data-id=\"0287677\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.jc-hbp * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hbp {\r\n  --navy:      #0d1f3c;\r\n  --navy-mid:  #1a3260;\r\n  --blue:      #1e5fa8;\r\n  --cyan:      #38b6d4;\r\n  --cyan-light:#6dd0e8;\r\n  --off-white: #eef1f7;\r\n  --gray-mid:  #8899b4;\r\n  --text-dark: #0a1628;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--off-white);\r\n  padding: 96px 60px;\r\n}\r\n\r\n\/* ---- HEADER ---- *\/\r\n.jc-hbp__label {\r\n  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;\r\n}\r\n.jc-hbp__label-num { font-family: 'DM Mono', monospace; font-size: 11px; color: var(--cyan); font-weight: 500; }\r\n.jc-hbp__label-line { width: 30px; height: 1px; background: var(--cyan); }\r\n.jc-hbp__label-text { font-size: 11px; color: var(--gray-mid); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }\r\n\r\n.jc-hbp__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(30px, 3.5vw, 50px);\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  line-height: 1.1;\r\n  margin-bottom: 14px;\r\n}\r\n.jc-hbp__title em { font-style: italic; color: var(--blue); }\r\n\r\n.jc-hbp__subtitle {\r\n  font-size: 15px;\r\n  color: #4a5568;\r\n  font-weight: 300;\r\n  line-height: 1.65;\r\n  max-width: 680px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n\/* ---- GRID: 2 columnas, 2 filas ---- *\/\r\n.jc-hbp__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\/* ---- CARD ---- *\/\r\n.jc-hbp__card {\r\n  background: #ffffff;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(30,95,168,0.08);\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: all 0.32s ease;\r\n}\r\n.jc-hbp__card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 24px 56px rgba(30,95,168,0.12);\r\n  border-color: rgba(56,182,212,0.35);\r\n}\r\n\r\n\/* Accent top bar *\/\r\n.jc-hbp__card-accent {\r\n  height: 5px;\r\n  background: linear-gradient(90deg, var(--blue), var(--cyan));\r\n}\r\n\r\n\/* Card header *\/\r\n.jc-hbp__card-header {\r\n  background: var(--navy);\r\n  padding: 28px 32px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n}\r\n.jc-hbp__card-num {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 10px;\r\n  color: rgba(56,182,212,0.6);\r\n  letter-spacing: 0.1em;\r\n  display: block;\r\n  margin-bottom: 6px;\r\n}\r\n.jc-hbp__card-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 23px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  line-height: 1.2;\r\n}\r\n.jc-hbp__card-icon {\r\n  width: 44px; height: 44px;\r\n  background: rgba(56,182,212,0.14);\r\n  border: 1px solid rgba(56,182,212,0.25);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Card body *\/\r\n.jc-hbp__card-body {\r\n  padding: 28px 32px;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.jc-hbp__card-desc {\r\n  font-size: 14px;\r\n  line-height: 1.72;\r\n  color: #4a5568;\r\n  font-weight: 300;\r\n  flex: 1;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\/* Tags *\/\r\n.jc-hbp__card-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n  margin-bottom: 26px;\r\n}\r\n.jc-hbp__tag {\r\n  display: inline-block;\r\n  background: var(--off-white);\r\n  color: var(--navy-mid);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  padding: 4px 10px;\r\n  border-radius: 20px;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  font-family: 'DM Mono', monospace;\r\n  border: 1px solid rgba(30,95,168,0.1);\r\n}\r\n\r\n\/* CTA *\/\r\n.jc-hbp__card-cta {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  width: 100%;\r\n  padding: 13px 20px;\r\n  background: var(--navy);\r\n  color: #ffffff;\r\n  border-radius: 8px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: background 0.25s, color 0.25s;\r\n  border: none;\r\n  cursor: pointer;\r\n  letter-spacing: 0.02em;\r\n}\r\n.jc-hbp__card-cta:hover {\r\n  background: var(--cyan);\r\n  color: var(--navy);\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 900px) {\r\n  .jc-hbp { padding: 64px 32px; }\r\n  .jc-hbp__grid { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-hbp { padding: 48px 20px; }\r\n  .jc-hbp__card-header, .jc-hbp__card-body { padding: 22px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-hbp\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"jc-hbp__label\">\r\n    <span class=\"jc-hbp__label-num\">02<\/span>\r\n    <div class=\"jc-hbp__label-line\"><\/div>\r\n    <span class=\"jc-hbp__label-text\">T\u00e9cnicas quir\u00fargicas<\/span>\r\n  <\/div>\r\n\r\n  <h2 class=\"jc-hbp__title\">\r\n    Procedimientos<br>\r\n    <em>que realizo<\/em>\r\n  <\/h2>\r\n\r\n  <p class=\"jc-hbp__subtitle\">\r\n    Cada intervenci\u00f3n es planificada cuidadosamente, considerando las caracter\u00edsticas de cada paciente y utilizando t\u00e9cnicas modernas que favorecen una recuperaci\u00f3n m\u00e1s r\u00e1pida.\r\n  <\/p>\r\n\r\n  <!-- Grid 2x2 -->\r\n  <div class=\"jc-hbp__grid\">\r\n\r\n    <!-- Card 1: Colecistectom\u00eda laparosc\u00f3pica -->\r\n    <div class=\"jc-hbp__card\">\r\n      <div class=\"jc-hbp__card-accent\"><\/div>\r\n      <div class=\"jc-hbp__card-header\">\r\n        <div>\r\n          <span class=\"jc-hbp__card-num\">PROC \u2014 01<\/span>\r\n          <div class=\"jc-hbp__card-name\">Colecistectom\u00eda Laparosc\u00f3pica<\/div>\r\n        <\/div>\r\n        <div class=\"jc-hbp__card-icon\">\u2702\ufe0f<\/div>\r\n      <\/div>\r\n      <div class=\"jc-hbp__card-body\">\r\n        <p class=\"jc-hbp__card-desc\">\r\n          Extirpaci\u00f3n de la ves\u00edcula biliar mediante cirug\u00eda m\u00ednimamente invasiva. Es el tratamiento m\u00e1s com\u00fan para los c\u00e1lculos biliares sintom\u00e1ticos y la colecistitis. Permite una recuperaci\u00f3n r\u00e1pida \u2014generalmente en 24 a 48 horas\u2014 con m\u00ednimo dolor postoperatorio y cicatrices casi imperceptibles.\r\n        <\/p>\r\n        <div class=\"jc-hbp__card-tags\">\r\n          <span class=\"jc-hbp__tag\">Laparosc\u00f3pica<\/span>\r\n          <span class=\"jc-hbp__tag\">Ambulatoria<\/span>\r\n          <span class=\"jc-hbp__tag\">C\u00e1lculos biliares<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/testmed.click\/jaimecastillo\/contacto\/\" class=\"jc-hbp__card-cta\">\ud83d\udcc5 Agendar evaluaci\u00f3n<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Resecci\u00f3n hep\u00e1tica -->\r\n    <div class=\"jc-hbp__card\">\r\n      <div class=\"jc-hbp__card-accent\"><\/div>\r\n      <div class=\"jc-hbp__card-header\">\r\n        <div>\r\n          <span class=\"jc-hbp__card-num\">PROC \u2014 02<\/span>\r\n          <div class=\"jc-hbp__card-name\">Resecci\u00f3n Hep\u00e1tica<\/div>\r\n        <\/div>\r\n        <div class=\"jc-hbp__card-icon\">\ud83e\udec1<\/div>\r\n      <\/div>\r\n      <div class=\"jc-hbp__card-body\">\r\n        <p class=\"jc-hbp__card-desc\">\r\n          Procedimientos destinados a extirpar tumores o lesiones hep\u00e1ticas, preservando al m\u00e1ximo la funci\u00f3n del \u00f3rgano. Pueden realizarse por v\u00eda laparosc\u00f3pica o abierta seg\u00fan la extensi\u00f3n y localizaci\u00f3n de la lesi\u00f3n. Requieren una planificaci\u00f3n quir\u00fargica detallada y un equipo multidisciplinario.\r\n        <\/p>\r\n        <div class=\"jc-hbp__card-tags\">\r\n          <span class=\"jc-hbp__tag\">Tumores hep\u00e1ticos<\/span>\r\n          <span class=\"jc-hbp__tag\">Met\u00e1stasis<\/span>\r\n          <span class=\"jc-hbp__tag\">Compleja<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/testmed.click\/jaimecastillo\/contacto\/\" class=\"jc-hbp__card-cta\">\ud83d\udcc5 Agendar evaluaci\u00f3n<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Cirug\u00eda de la v\u00eda biliar -->\r\n    <div class=\"jc-hbp__card\">\r\n      <div class=\"jc-hbp__card-accent\"><\/div>\r\n      <div class=\"jc-hbp__card-header\">\r\n        <div>\r\n          <span class=\"jc-hbp__card-num\">PROC \u2014 03<\/span>\r\n          <div class=\"jc-hbp__card-name\">Cirug\u00eda de la V\u00eda Biliar<\/div>\r\n        <\/div>\r\n        <div class=\"jc-hbp__card-icon\">\ud83d\udd00<\/div>\r\n      <\/div>\r\n      <div class=\"jc-hbp__card-body\">\r\n        <p class=\"jc-hbp__card-desc\">\r\n          Tratamiento de obstrucciones, lesiones o tumores en los conductos biliares. Incluye procedimientos de reconstrucci\u00f3n biliodigestiva, exploraci\u00f3n y drenaje de la v\u00eda biliar. Fundamental en casos de coledocolitiasis, estenosis biliares y colangiocarcinoma.\r\n        <\/p>\r\n        <div class=\"jc-hbp__card-tags\">\r\n          <span class=\"jc-hbp__tag\">Obstrucciones<\/span>\r\n          <span class=\"jc-hbp__tag\">Coledocolitiasis<\/span>\r\n          <span class=\"jc-hbp__tag\">Reconstructiva<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/testmed.click\/jaimecastillo\/contacto\/\" class=\"jc-hbp__card-cta\">\ud83d\udcc5 Agendar evaluaci\u00f3n<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4: Cirug\u00eda laparosc\u00f3pica avanzada -->\r\n    <div class=\"jc-hbp__card\">\r\n      <div class=\"jc-hbp__card-accent\"><\/div>\r\n      <div class=\"jc-hbp__card-header\">\r\n        <div>\r\n          <span class=\"jc-hbp__card-num\">PROC \u2014 04<\/span>\r\n          <div class=\"jc-hbp__card-name\">Cirug\u00eda Laparosc\u00f3pica Avanzada<\/div>\r\n        <\/div>\r\n        <div class=\"jc-hbp__card-icon\">\ud83d\udd2c<\/div>\r\n      <\/div>\r\n      <div class=\"jc-hbp__card-body\">\r\n        <p class=\"jc-hbp__card-desc\">\r\n          Aplicaci\u00f3n de t\u00e9cnicas m\u00ednimamente invasivas en procedimientos complejos, con menores tiempos de recuperaci\u00f3n y menor riesgo de complicaciones. Permite abordar patolog\u00edas hep\u00e1ticas y biliares que antes requer\u00edan cirug\u00eda abierta, con resultados equivalentes y mayor comodidad para el paciente.\r\n        <\/p>\r\n        <div class=\"jc-hbp__card-tags\">\r\n          <span class=\"jc-hbp__tag\">M\u00ednimamente invasiva<\/span>\r\n          <span class=\"jc-hbp__tag\">Alta complejidad<\/span>\r\n          <span class=\"jc-hbp__tag\">Recuperaci\u00f3n r\u00e1pida<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/testmed.click\/jaimecastillo\/contacto\/\" class=\"jc-hbp__card-cta\">\ud83d\udcc5 Agendar evaluaci\u00f3n<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb0accd e-con-full e-flex e-con e-parent\" data-id=\"cb0accd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b74a0bf elementor-widget elementor-widget-html\" data-id=\"b74a0bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.jc-hbc * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hbc {\r\n  --navy:      #0d1f3c;\r\n  --navy-mid:  #1a3260;\r\n  --blue:      #1e5fa8;\r\n  --cyan:      #38b6d4;\r\n  --cyan-light:#6dd0e8;\r\n  --off-white: #eef1f7;\r\n  --gray-mid:  #8899b4;\r\n  --text-dark: #0a1628;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: #ffffff;\r\n  padding: 96px 60px;\r\n}\r\n\r\n.jc-hbc__inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n\r\n\/* LEFT *\/\r\n.jc-hbc__label {\r\n  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;\r\n}\r\n.jc-hbc__label-num { font-family: 'DM Mono', monospace; font-size: 11px; color: var(--cyan); font-weight: 500; }\r\n.jc-hbc__label-line { width: 30px; height: 1px; background: var(--cyan); }\r\n.jc-hbc__label-text { font-size: 11px; color: var(--gray-mid); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }\r\n\r\n.jc-hbc__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(28px, 3vw, 44px);\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  line-height: 1.1;\r\n  margin-bottom: 22px;\r\n}\r\n.jc-hbc__title em { font-style: italic; color: var(--blue); }\r\n\r\n.jc-hbc__intro {\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  color: #4a5568;\r\n  font-weight: 300;\r\n  margin-bottom: 30px;\r\n}\r\n.jc-hbc__intro strong { color: var(--navy); font-weight: 600; }\r\n\r\n.jc-hbc__criteria {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 13px;\r\n  margin-bottom: 30px;\r\n}\r\n.jc-hbc__criteria li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n  padding: 15px 17px;\r\n  background: var(--off-white);\r\n  border-radius: 10px;\r\n  border-left: 3px solid var(--cyan);\r\n  font-size: 14px;\r\n  color: #4a5568;\r\n  line-height: 1.55;\r\n  transition: background 0.2s;\r\n}\r\n.jc-hbc__criteria li:hover { background: #e4eaf5; }\r\n.jc-hbc__criteria-check {\r\n  width: 22px; height: 22px;\r\n  background: var(--cyan);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 11px;\r\n  color: white;\r\n  font-weight: 700;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n.jc-hbc__criteria li strong { color: var(--navy); font-weight: 600; }\r\n\r\n.jc-hbc__note {\r\n  font-size: 14px;\r\n  line-height: 1.72;\r\n  color: #4a5568;\r\n  font-weight: 300;\r\n}\r\n.jc-hbc__note strong { color: var(--navy); font-weight: 600; }\r\n\r\n\/* RIGHT: diagnostic card *\/\r\n.jc-hbc__diag-card {\r\n  background: var(--navy);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  position: sticky;\r\n  top: 100px;\r\n}\r\n.jc-hbc__diag-header {\r\n  background: linear-gradient(135deg, var(--navy-mid), var(--blue));\r\n  padding: 28px 32px;\r\n  border-bottom: 1px solid rgba(56,182,212,0.18);\r\n}\r\n.jc-hbc__diag-header-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  margin-bottom: 5px;\r\n}\r\n.jc-hbc__diag-header-sub {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 11px;\r\n  color: var(--cyan-light);\r\n  letter-spacing: 0.07em;\r\n}\r\n\r\n.jc-hbc__diag-body { padding: 28px 32px; }\r\n\r\n.jc-hbc__symptom-list {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 11px;\r\n  margin-bottom: 22px;\r\n}\r\n.jc-hbc__symptom-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 11px;\r\n}\r\n.jc-hbc__symptom-icon {\r\n  font-size: 15px;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n.jc-hbc__symptom-text {\r\n  font-size: 13px;\r\n  color: var(--gray-mid);\r\n  line-height: 1.55;\r\n}\r\n.jc-hbc__symptom-text strong { color: #ffffff; font-weight: 600; }\r\n\r\n\/* Warning callout *\/\r\n.jc-hbc__warning {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  background: rgba(56,182,212,0.09);\r\n  border-radius: 10px;\r\n  padding: 16px 18px;\r\n  margin-bottom: 22px;\r\n}\r\n.jc-hbc__warning-icon { font-size: 17px; flex-shrink: 0; }\r\n.jc-hbc__warning-text { font-size: 12px; color: var(--gray-mid); line-height: 1.6; }\r\n.jc-hbc__warning-text strong { color: var(--cyan-light); font-weight: 600; }\r\n\r\n\/* CTA inside card *\/\r\n.jc-hbc__diag-cta {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  width: 100%;\r\n  padding: 14px;\r\n  background: var(--cyan);\r\n  color: var(--navy);\r\n  border-radius: 8px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: background 0.25s, transform 0.25s;\r\n}\r\n.jc-hbc__diag-cta:hover { background: #ffffff; transform: translateY(-1px); }\r\n\r\n@media (max-width: 900px) {\r\n  .jc-hbc { padding: 64px 32px; }\r\n  .jc-hbc__inner { grid-template-columns: 1fr; gap: 44px; }\r\n  .jc-hbc__diag-card { position: static; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-hbc { padding: 48px 20px; }\r\n  .jc-hbc__diag-header, .jc-hbc__diag-body { padding: 22px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-hbc\" id=\"candidatos\">\r\n  <div class=\"jc-hbc__inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div>\r\n      <div class=\"jc-hbc__label\">\r\n        <span class=\"jc-hbc__label-num\">03<\/span>\r\n        <div class=\"jc-hbc__label-line\"><\/div>\r\n        <span class=\"jc-hbc__label-text\">Criterios de indicaci\u00f3n<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"jc-hbc__title\">\r\n        \u00bfQui\u00e9nes son<br>\r\n        <em>candidatos?<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"jc-hbc__intro\">\r\n        La indicaci\u00f3n quir\u00fargica depende del <strong>diagn\u00f3stico espec\u00edfico y de la evaluaci\u00f3n cl\u00ednica integral<\/strong>. En general, pueden ser candidatos pacientes que:\r\n      <\/p>\r\n\r\n      <ul class=\"jc-hbc__criteria\">\r\n        <li>\r\n          <div class=\"jc-hbc__criteria-check\">\u2713<\/div>\r\n          <span>Presentan <strong>s\u00edntomas por c\u00e1lculos biliares<\/strong> \u2014 c\u00f3licos, inflamaci\u00f3n o complicaciones<\/span>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"jc-hbc__criteria-check\">\u2713<\/div>\r\n          <span>Tienen <strong>enfermedades hep\u00e1ticas<\/strong> que requieren resecci\u00f3n parcial del h\u00edgado<\/span>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"jc-hbc__criteria-check\">\u2713<\/div>\r\n          <span>Presentan <strong>obstrucciones o alteraciones en la v\u00eda biliar<\/strong> que afectan la digesti\u00f3n<\/span>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"jc-hbc__criteria-check\">\u2713<\/div>\r\n          <span>Han sido <strong>diagnosticados con tumores hep\u00e1ticos o biliares<\/strong> que requieren manejo quir\u00fargico<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <p class=\"jc-hbc__note\">\r\n        Cada caso es evaluado de forma individual, apoyado en <strong>estudios de imagen y ex\u00e1menes especializados<\/strong> para determinar el tratamiento m\u00e1s adecuado.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: diagnostic card -->\r\n    <div>\r\n      <div class=\"jc-hbc__diag-card\">\r\n        <div class=\"jc-hbc__diag-header\">\r\n          <div class=\"jc-hbc__diag-header-title\">S\u00edntomas de alerta<\/div>\r\n          <div class=\"jc-hbc__diag-header-sub\">Consulta si presentas alguno de estos:<\/div>\r\n        <\/div>\r\n        <div class=\"jc-hbc__diag-body\">\r\n\r\n          <ul class=\"jc-hbc__symptom-list\">\r\n            <li class=\"jc-hbc__symptom-item\">\r\n              <span class=\"jc-hbc__symptom-icon\">\u26a0\ufe0f<\/span>\r\n              <span class=\"jc-hbc__symptom-text\"><strong>Dolor en hipocondrio derecho<\/strong> \u2014 especialmente tras comidas grasas<\/span>\r\n            <\/li>\r\n            <li class=\"jc-hbc__symptom-item\">\r\n              <span class=\"jc-hbc__symptom-icon\">\u26a0\ufe0f<\/span>\r\n              <span class=\"jc-hbc__symptom-text\"><strong>Ictericia<\/strong> \u2014 coloraci\u00f3n amarilla de piel y ojos<\/span>\r\n            <\/li>\r\n            <li class=\"jc-hbc__symptom-item\">\r\n              <span class=\"jc-hbc__symptom-icon\">\u26a0\ufe0f<\/span>\r\n              <span class=\"jc-hbc__symptom-text\"><strong>N\u00e1useas o v\u00f3mitos<\/strong> persistentes asociados a comidas<\/span>\r\n            <\/li>\r\n            <li class=\"jc-hbc__symptom-item\">\r\n              <span class=\"jc-hbc__symptom-icon\">\u26a0\ufe0f<\/span>\r\n              <span class=\"jc-hbc__symptom-text\"><strong>Fiebre con escalofr\u00edos<\/strong> \u2014 posible colangitis o colecistitis aguda<\/span>\r\n            <\/li>\r\n            <li class=\"jc-hbc__symptom-item\">\r\n              <span class=\"jc-hbc__symptom-icon\">\u26a0\ufe0f<\/span>\r\n              <span class=\"jc-hbc__symptom-text\"><strong>P\u00e9rdida de peso inexplicada<\/strong> con alteraciones digestivas<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"jc-hbc__warning\">\r\n            <span class=\"jc-hbc__warning-icon\">\u2139\ufe0f<\/span>\r\n            <p class=\"jc-hbc__warning-text\">\r\n              <strong>Una evaluaci\u00f3n oportuna puede marcar una gran diferencia.<\/strong> Muchas patolog\u00edas hepatobiliares tienen mejor pron\u00f3stico con diagn\u00f3stico temprano.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <a href=\"https:\/\/testmed.click\/jaimecastillo\/contacto\/\" class=\"jc-hbc__diag-cta\">\r\n            \ud83d\udcc5 Agendar consulta ahora\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.jc-hb-cta * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hb-cta {\r\n  --navy:       #0d1f3c;\r\n  --cyan:       #38b6d4;\r\n  --cyan-light: #6dd0e8;\r\n  --gray-light: #c8d3e4;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--navy);\r\n  padding: 96px 60px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.jc-hb-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -100px; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 700px; height: 400px;\r\n  background: radial-gradient(ellipse, rgba(56,182,212,0.1) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.jc-hb-cta__inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  gap: 60px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.jc-hb-cta__label {\r\n  display: flex; align-items: center; gap: 10px; margin-bottom: 16px;\r\n}\r\n.jc-hb-cta__label-line { width: 30px; height: 2px; background: var(--cyan); }\r\n.jc-hb-cta__label-text {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 11px; color: var(--cyan); font-weight: 500;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n}\r\n\r\n.jc-hb-cta__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(32px, 3.5vw, 52px);\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  line-height: 1.1;\r\n  margin-bottom: 18px;\r\n}\r\n.jc-hb-cta__title em { font-style: italic; color: var(--cyan-light); }\r\n\r\n.jc-hb-cta__desc {\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  color: var(--gray-light);\r\n  font-weight: 300;\r\n  max-width: 560px;\r\n}\r\n.jc-hb-cta__desc strong { color: #ffffff; font-weight: 500; }\r\n\r\n.jc-hb-cta__actions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 13px;\r\n  flex-shrink: 0;\r\n  min-width: 220px;\r\n}\r\n\r\n.jc-hb-cta__btn-primary {\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  background: var(--cyan); color: var(--navy);\r\n  padding: 16px 28px; border-radius: 9px;\r\n  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700;\r\n  text-decoration: none; transition: all 0.25s; white-space: nowrap;\r\n}\r\n.jc-hb-cta__btn-primary:hover {\r\n  background: #ffffff; transform: translateY(-2px);\r\n  box-shadow: 0 10px 28px rgba(56,182,212,0.3);\r\n}\r\n\r\n.jc-hb-cta__btn-outline {\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  background: transparent; color: var(--gray-light);\r\n  padding: 14px 28px; border-radius: 9px;\r\n  border: 1px solid rgba(200,211,228,0.25);\r\n  font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500;\r\n  text-decoration: none; transition: all 0.25s; white-space: nowrap;\r\n}\r\n.jc-hb-cta__btn-outline:hover { border-color: var(--cyan); color: var(--cyan); }\r\n\r\n@media (max-width: 900px) {\r\n  .jc-hb-cta { padding: 64px 32px; }\r\n  .jc-hb-cta__inner { grid-template-columns: 1fr; gap: 36px; }\r\n  .jc-hb-cta__actions { flex-direction: row; min-width: unset; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-hb-cta { padding: 52px 20px; }\r\n  .jc-hb-cta__actions { flex-direction: column; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-hb-cta\" id=\"agendar\">\r\n  <div class=\"jc-hb-cta__inner\">\r\n    <div>\r\n      <div class=\"jc-hb-cta__label\">\r\n        <div class=\"jc-hb-cta__label-line\"><\/div>\r\n        <span class=\"jc-hb-cta__label-text\">Tu salud no puede esperar<\/span>\r\n      <\/div>\r\n      <h2 class=\"jc-hb-cta__title\">\r\n        Da el<br>\r\n        <em>primer paso<\/em>\r\n      <\/h2>\r\n      <p class=\"jc-hb-cta__desc\">\r\n        Si presentas s\u00edntomas o has sido diagnosticado con una enfermedad hepatobiliar, te invito a agendar una consulta. <strong>Una evaluaci\u00f3n oportuna puede marcar una gran diferencia<\/strong> en tu salud.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.jc-hbcli * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hbcli {\r\n  --navy:      #0d1f3c;\r\n  --blue:      #1e5fa8;\r\n  --cyan:      #38b6d4;\r\n  --cyan-light:#6dd0e8;\r\n  --off-white: #eef1f7;\r\n  --gray-mid:  #8899b4;\r\n  --text-dark: #0a1628;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--off-white);\r\n  padding: 96px 60px;\r\n}\r\n\r\n.jc-hbcli__label { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }\r\n.jc-hbcli__label-num { font-family: 'DM Mono', monospace; font-size: 11px; color: var(--cyan); font-weight: 500; }\r\n.jc-hbcli__label-line { width: 30px; height: 1px; background: var(--cyan); }\r\n.jc-hbcli__label-text { font-size: 11px; color: var(--gray-mid); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }\r\n\r\n.jc-hbcli__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(28px, 3vw, 44px);\r\n  font-weight: 600; color: var(--text-dark); line-height: 1.1;\r\n  margin-bottom: 48px;\r\n}\r\n.jc-hbcli__title em { font-style: italic; color: var(--blue); }\r\n\r\n.jc-hbcli__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }\r\n\r\n.jc-hbcli__card {\r\n  background: #ffffff; border-radius: 16px; overflow: hidden;\r\n  border: 1px solid rgba(30,95,168,0.08); transition: all 0.3s;\r\n}\r\n.jc-hbcli__card:hover { border-color: var(--cyan); transform: translateY(-4px); box-shadow: 0 16px 40px rgba(30,95,168,0.1); }\r\n\r\n.jc-hbcli__card-header {\r\n  background: var(--navy); padding: 22px 28px;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.jc-hbcli__logo-box {\r\n  width: 44px; height: 44px; background: rgba(56,182,212,0.14);\r\n  border: 1px solid rgba(56,182,212,0.28); border-radius: 9px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Cormorant Garamond', serif; font-size: 15px;\r\n  font-weight: 700; color: var(--cyan);\r\n}\r\n.jc-hbcli__card-header-name { font-size: 12px; font-weight: 600; color: #ffffff; letter-spacing: 0.03em; }\r\n\r\n.jc-hbcli__card-body { padding: 26px 28px; }\r\n.jc-hbcli__card-name {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 20px;\r\n  font-weight: 600; color: var(--navy); margin-bottom: 16px; line-height: 1.2;\r\n}\r\n.jc-hbcli__card-info { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }\r\n.jc-hbcli__info-row { display: flex; align-items: flex-start; gap: 9px; }\r\n.jc-hbcli__info-icon { font-size: 13px; margin-top: 1px; opacity: 0.6; flex-shrink: 0; }\r\n.jc-hbcli__info-text { font-size: 13px; color: #6b7a91; line-height: 1.5; }\r\n.jc-hbcli__info-text strong { display: block; color: var(--text-dark); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 1px; }\r\n.jc-hbcli__btn {\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  width: 100%; padding: 12px; background: var(--navy); color: #ffffff;\r\n  border-radius: 8px; font-family: 'DM Sans', sans-serif; font-size: 13px;\r\n  font-weight: 600; text-decoration: none; transition: background 0.25s, color 0.25s;\r\n}\r\n.jc-hbcli__btn:hover { background: var(--cyan); color: var(--navy); }\r\n\r\n@media (max-width: 900px) {\r\n  .jc-hbcli { padding: 64px 32px; }\r\n  .jc-hbcli__grid { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 540px) { .jc-hbcli { padding: 48px 20px; } }\r\n<\/style>\r\n\r\n<div class=\"jc-hbcli\">\r\n\r\n  <div class=\"jc-hbcli__label\">\r\n    <span class=\"jc-hbcli__label-num\">05<\/span>\r\n    <div class=\"jc-hbcli__label-line\"><\/div>\r\n    <span class=\"jc-hbcli__label-text\">Centros de atenci\u00f3n<\/span>\r\n  <\/div>\r\n  <h2 class=\"jc-hbcli__title\">Me encuentras <em>en estos centros<\/em><\/h2>\r\n\r\n  <div class=\"jc-hbcli__grid\">\r\n\r\n    <div class=\"jc-hbcli__card\">\r\n      <div class=\"jc-hbcli__card-header\">\r\n        <div class=\"jc-hbcli__logo-box\">CLC<\/div>\r\n        <span class=\"jc-hbcli__card-header-name\">Las Condes<\/span>\r\n      <\/div>\r\n      <div class=\"jc-hbcli__card-body\">\r\n        <h3 class=\"jc-hbcli__card-name\">Cl\u00ednica Las Condes<\/h3>\r\n        <div class=\"jc-hbcli__card-info\">\r\n          <div class=\"jc-hbcli__info-row\"><span class=\"jc-hbcli__info-icon\">\ud83d\udccd<\/span><div class=\"jc-hbcli__info-text\"><strong>Direcci\u00f3n<\/strong>Estoril 450, Las Condes<\/div><\/div>\r\n          <div class=\"jc-hbcli__info-row\"><span class=\"jc-hbcli__info-icon\">\ud83d\udcde<\/span><div class=\"jc-hbcli__info-text\"><strong>Tel\u00e9fono<\/strong>(2) 2610 8000<\/div><\/div>\r\n        <\/div>\r\n        <a href=\"tel:+56226108000\" class=\"jc-hbcli__btn\">\ud83d\udcc5 Agendar hora<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jc-hbcli__card\">\r\n      <div class=\"jc-hbcli__card-header\">\r\n        <div class=\"jc-hbcli__logo-box\">IND<\/div>\r\n        <span class=\"jc-hbcli__card-header-name\">Providencia<\/span>\r\n      <\/div>\r\n      <div class=\"jc-hbcli__card-body\">\r\n        <h3 class=\"jc-hbcli__card-name\">Cl\u00ednica INDISA<\/h3>\r\n        <div class=\"jc-hbcli__card-info\">\r\n          <div class=\"jc-hbcli__info-row\"><span class=\"jc-hbcli__info-icon\">\ud83d\udccd<\/span><div class=\"jc-hbcli__info-text\"><strong>Direcci\u00f3n<\/strong>Av. Sta. Mar\u00eda 1810, Providencia<\/div><\/div>\r\n          <div class=\"jc-hbcli__info-row\"><span class=\"jc-hbcli__info-icon\">\ud83d\udcde<\/span><div class=\"jc-hbcli__info-text\"><strong>Tel\u00e9fono<\/strong>(2) 2362 5555<\/div><\/div>\r\n        <\/div>\r\n        <a href=\"tel:+56223625555\" class=\"jc-hbcli__btn\">\ud83d\udcc5 Agendar hora<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jc-hbcli__card\">\r\n      <div class=\"jc-hbcli__card-header\">\r\n        <div class=\"jc-hbcli__logo-box\">HCU<\/div>\r\n        <span class=\"jc-hbcli__card-header-name\">Independencia<\/span>\r\n      <\/div>\r\n      <div class=\"jc-hbcli__card-body\">\r\n        <h3 class=\"jc-hbcli__card-name\">Hospital Cl\u00ednico U. de Chile<\/h3>\r\n        <div class=\"jc-hbcli__card-info\">\r\n          <div class=\"jc-hbcli__info-row\"><span class=\"jc-hbcli__info-icon\">\ud83d\udccd<\/span><div class=\"jc-hbcli__info-text\"><strong>Direcci\u00f3n<\/strong>Dr. Carlos Lorca Tobar 999, Independencia<\/div><\/div>\r\n          <div class=\"jc-hbcli__info-row\"><span class=\"jc-hbcli__info-icon\">\ud83d\udcde<\/span><div class=\"jc-hbcli__info-text\"><strong>Tel\u00e9fono<\/strong>(2) 2978 8000<\/div><\/div>\r\n        <\/div>\r\n        <a href=\"tel:+56229788000\" class=\"jc-hbcli__btn\">\ud83d\udcc5 Agendar hora<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\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>Inicio \/ Cirug\u00eda Hepatobiliar Especialidad \u00b7 H\u00edgado, Ves\u00edcula y V\u00edas Biliares Cirug\u00edas Hepatobiliar \ud83e\udec1 H\u00edgado \u00b7 Ves\u00edcula \u00b7 V\u00edas Biliares El sistema hepatobiliar \u2014compuesto por el h\u00edgado, la ves\u00edcula biliar y las v\u00edas biliares\u2014 cumple funciones esenciales en la digesti\u00f3n y el metabolismo. Las enfermedades que afectan estos \u00f3rganos pueden requerir tratamiento quir\u00fargico especializado. Mi [&hellip;]<\/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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":13,"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages\/59\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}