{"id":38,"date":"2026-04-15T07:19:07","date_gmt":"2026-04-15T07:19:07","guid":{"rendered":"https:\/\/testmed.click\/jaimecastillo\/?page_id=38"},"modified":"2026-04-17T10:09:56","modified_gmt":"2026-04-17T10:09:56","slug":"home","status":"publish","type":"page","link":"https:\/\/testmed.click\/jaimecastillo\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d00e1ae e-con-full e-flex e-con e-parent\" data-id=\"d00e1ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-690b5ab elementor-widget elementor-widget-html\" data-id=\"690b5ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.jc-hero * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-hero {\r\n  --navy:       #0d2340;\r\n  --navy-mid:   #1a3a6b;\r\n  --blue:       #1a5299;\r\n  --cyan:       #29a8d4;\r\n  --cyan-light: #5ec8e8;\r\n  --gray-light: #c8d3e4;\r\n  --gray-mid:   #8899b4;\r\n  --white:      #f8f9fc;\r\n  --off-white:  #eef2f8;\r\n  font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n.jc-hero {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 90vh;\r\n  background: var(--navy);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.jc-hero__left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 80px 64px 80px 60px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.jc-hero__left::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: -56px; top: 0; bottom: 0;\r\n  width: 112px;\r\n  background: var(--navy);\r\n  clip-path: polygon(0 0, 46% 0, 100% 100%, 0 100%);\r\n  z-index: 3;\r\n}\r\n\r\n.jc-hero__eyebrow {\r\n  display: flex; align-items: center; gap: 12px; margin-bottom: 28px;\r\n}\r\n.jc-hero__eyebrow-line {\r\n  width: 40px; height: 2px;\r\n  background: var(--cyan);\r\n  flex-shrink: 0;\r\n}\r\n.jc-hero__eyebrow-text {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 11px; font-weight: 500;\r\n  color: var(--cyan);\r\n  letter-spacing: 0.18em; text-transform: uppercase;\r\n}\r\n\r\n.jc-hero__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(42px, 4.5vw, 68px);\r\n  font-weight: 600; color: #ffffff;\r\n  line-height: 1.04; margin-bottom: 10px;\r\n}\r\n.jc-hero__title em {\r\n  font-style: italic;\r\n  color: var(--cyan-light);\r\n}\r\n\r\n.jc-hero__specialty {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 12px; font-weight: 500;\r\n  color: var(--cyan);\r\n  letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 28px;\r\n}\r\n\r\n.jc-hero__desc {\r\n  font-size: 15px; line-height: 1.75; color: var(--gray-light);\r\n  font-weight: 300; max-width: 440px; margin-bottom: 48px;\r\n}\r\n.jc-hero__desc strong { color: #ffffff; font-weight: 500; }\r\n\r\n.jc-hero__actions { display: flex; gap: 16px; flex-wrap: wrap; }\r\n\r\n.jc-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: var(--cyan);\r\n  color: var(--navy);\r\n  padding: 14px 28px; border-radius: 8px;\r\n  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600;\r\n  text-decoration: none; letter-spacing: 0.02em;\r\n  transition: all 0.25s ease; border: none; cursor: pointer;\r\n}\r\n.jc-btn-primary:hover {\r\n  background: #ffffff; color: var(--navy);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(41,168,212,0.35);\r\n}\r\n\r\n.jc-btn-outline {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: transparent; color: var(--gray-light);\r\n  padding: 14px 28px; border-radius: 8px;\r\n  border: 1px solid rgba(200,211,228,0.3);\r\n  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500;\r\n  text-decoration: none; transition: all 0.25s ease;\r\n}\r\n.jc-btn-outline:hover { border-color: var(--cyan); color: var(--cyan); }\r\n\r\n.jc-hero__right {\r\n  position: relative; overflow: hidden;\r\n  background: #162d52;\r\n  min-height: 500px;\r\n}\r\n.jc-hero__photo {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center top; display: block;\r\n}\r\n.jc-hero__photo-overlay {\r\n  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;\r\n  background: linear-gradient(to top, rgba(13,35,64,0.6), transparent);\r\n  pointer-events: none;\r\n}\r\n\r\n.jc-hero__badge {\r\n  position: absolute; bottom: 28px; right: 28px;\r\n  background: rgba(13,35,64,0.92);\r\n  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n  border: 1px solid rgba(41,168,212,0.28);\r\n  border-radius: 14px; padding: 20px 22px; max-width: 210px; z-index: 4;\r\n}\r\n.jc-hero__badge-icon {\r\n  width: 34px; height: 34px;\r\n  background: var(--cyan);\r\n  border-radius: 8px; display: flex; align-items: center;\r\n  justify-content: center; font-size: 17px; margin-bottom: 10px;\r\n}\r\n.jc-hero__badge-title {\r\n  font-size: 12px; font-weight: 600; color: #ffffff;\r\n  margin-bottom: 5px; line-height: 1.3;\r\n}\r\n.jc-hero__badge-desc { font-size: 11px; color: var(--gray-mid); line-height: 1.55; }\r\n\r\n@media (max-width: 900px) {\r\n  .jc-hero { grid-template-columns: 1fr; min-height: auto; }\r\n  .jc-hero__left { padding: 60px 32px 56px; order: 2; }\r\n  .jc-hero__left::after { display: none; }\r\n  .jc-hero__right { order: 1; min-height: 55vw; max-height: 480px; }\r\n  .jc-hero__title { font-size: clamp(36px, 8vw, 52px); }\r\n  .jc-hero__desc { max-width: 100%; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-hero__left { padding: 48px 24px; }\r\n  .jc-hero__actions { flex-direction: column; }\r\n  .jc-btn-primary, .jc-btn-outline { justify-content: center; }\r\n  .jc-hero__badge { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-hero\">\r\n\r\n  <div class=\"jc-hero__left\">\r\n\r\n    <div class=\"jc-hero__eyebrow\">\r\n      <div class=\"jc-hero__eyebrow-line\"><\/div>\r\n      <span class=\"jc-hero__eyebrow-text\">Cirujano especialista \u00b7 Santiago, Chile<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"jc-hero__title\">\r\n      Dr. Jaime<br>\r\n      <em>Castillo<\/em>\r\n    <\/h1>\r\n\r\n    <p class=\"jc-hero__specialty\">\r\n      Cirug\u00eda Digestiva &nbsp;\u00b7&nbsp; Obesidad &nbsp;\u00b7&nbsp; Hepatobiliar\r\n    <\/p>\r\n\r\n    <p class=\"jc-hero__desc\">\r\n      Con m\u00e1s de 20 a\u00f1os de experiencia, ofrezco tratamiento integral de enfermedades digestivas, metab\u00f3licas y hepatobiliares con <strong>t\u00e9cnicas modernas, seguras y m\u00ednimamente invasivas<\/strong>. Atiendo en 3 centros de excelencia en Santiago, con acompa\u00f1amiento cercano en cada etapa de tu tratamiento.\r\n    <\/p>\r\n\r\n    <div class=\"jc-hero__actions\">\r\n      <a href=\"https:\/\/testmed.click\/jaimecastillo\/contacto\/\" class=\"jc-btn-primary\">\r\n        \ud83d\udcc5 Agendar consulta\r\n      <\/a>\r\n      <a href=\"https:\/\/testmed.click\/jaimecastillo\/sobre-mi\/\" class=\"jc-btn-outline\">\r\n        Conocer m\u00e1s &rarr;\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"jc-hero__right\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/testmed.click\/jaimecastillo\/wp-content\/uploads\/2026\/04\/MG_2125-scaled.jpg\"\r\n      alt=\"Dr. Jaime Castillo \u2014 Cirujano Especialista\"\r\n      class=\"jc-hero__photo\"\r\n    >\r\n    <div class=\"jc-hero__photo-overlay\"><\/div>\r\n\r\n    <div class=\"jc-hero__badge\">\r\n      <div class=\"jc-hero__badge-icon\">\ud83c\udfe5<\/div>\r\n      <div class=\"jc-hero__badge-title\">Enfoque integral y personalizado<\/div>\r\n      <div class=\"jc-hero__badge-desc\">Cada paciente recibe una evaluaci\u00f3n personalizada para el tratamiento m\u00e1s adecuado.<\/div>\r\n    <\/div>\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-153685a e-con-full e-flex e-con e-parent\" data-id=\"153685a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd4dd6 elementor-widget elementor-widget-html\" data-id=\"0fd4dd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ---- RESET ---- *\/\r\n.jc-esp * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-esp {\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\/* ---- HEADER ---- *\/\r\n.jc-esp__header {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  margin-bottom: 56px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.jc-esp__label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 14px;\r\n}\r\n.jc-esp__label-num {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 11px;\r\n  color: var(--cyan);\r\n  font-weight: 500;\r\n}\r\n.jc-esp__label-line {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: var(--cyan);\r\n}\r\n.jc-esp__label-text {\r\n  font-size: 11px;\r\n  color: var(--gray-mid);\r\n  font-weight: 500;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jc-esp__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(32px, 3.5vw, 50px);\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  line-height: 1.1;\r\n}\r\n.jc-esp__title em {\r\n  font-style: italic;\r\n  color: var(--blue);\r\n}\r\n\r\n.jc-esp__header-link {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--blue);\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  white-space: nowrap;\r\n  padding-bottom: 3px;\r\n  border-bottom: 1px solid var(--blue);\r\n  transition: gap 0.2s;\r\n  flex-shrink: 0;\r\n}\r\n.jc-esp__header-link:hover { gap: 12px; }\r\n\r\n\/* ---- GRID ---- *\/\r\n.jc-esp__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 3px;\r\n  background: var(--off-white);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ---- CARD ---- *\/\r\n.jc-esp__card {\r\n  background: #ffffff;\r\n  padding: 44px 36px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* Top accent bar on hover *\/\r\n.jc-esp__card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--blue), var(--cyan));\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.35s ease;\r\n}\r\n.jc-esp__card:hover::before { transform: scaleX(1); }\r\n.jc-esp__card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 20px 56px rgba(30,95,168,0.11);\r\n}\r\n\r\n.jc-esp__card-num {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 10px;\r\n  color: var(--gray-mid);\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 22px;\r\n  display: block;\r\n}\r\n\r\n.jc-esp__card-icon {\r\n  width: 54px;\r\n  height: 54px;\r\n  background: var(--off-white);\r\n  border-radius: 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  margin-bottom: 22px;\r\n  transition: background 0.3s;\r\n  flex-shrink: 0;\r\n}\r\n.jc-esp__card:hover .jc-esp__card-icon {\r\n  background: linear-gradient(135deg, var(--blue), var(--cyan));\r\n}\r\n\r\n.jc-esp__card-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: var(--navy);\r\n  margin-bottom: 14px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.jc-esp__card-desc {\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  color: #6b7a91;\r\n  font-weight: 300;\r\n  flex: 1;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.jc-esp__card-cta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--blue);\r\n  transition: gap 0.2s;\r\n}\r\n.jc-esp__card:hover .jc-esp__card-cta { gap: 13px; }\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 900px) {\r\n  .jc-esp {\r\n    padding: 64px 32px;\r\n  }\r\n  .jc-esp__grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .jc-esp__header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .jc-esp { padding: 48px 20px; }\r\n  .jc-esp__card { padding: 32px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-esp\">\r\n\r\n  <!-- Section header -->\r\n  <div class=\"jc-esp__header\">\r\n    <div>\r\n      <div class=\"jc-esp__label\">\r\n        <span class=\"jc-esp__label-num\">01<\/span>\r\n        <div class=\"jc-esp__label-line\"><\/div>\r\n        <span class=\"jc-esp__label-text\">\u00c1reas de especializaci\u00f3n<\/span>\r\n      <\/div>\r\n      <h2 class=\"jc-esp__title\">\r\n        Cirug\u00edas que<br>\r\n        <em>transforman vidas<\/em>\r\n      <\/h2>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Cards grid -->\r\n  <div class=\"jc-esp__grid\">\r\n\r\n    <!-- Card 1: Obesidad -->\r\n    <a href=\"\/cirugia-obesidad\/\" class=\"jc-esp__card\">\r\n      <span class=\"jc-esp__card-num\">ESP &mdash; 01<\/span>\r\n      <div class=\"jc-esp__card-icon\">\u2696\ufe0f<\/div>\r\n      <h3 class=\"jc-esp__card-title\">Cirug\u00eda de Obesidad<\/h3>\r\n      <p class=\"jc-esp__card-desc\">\r\n        La obesidad es una enfermedad cr\u00f3nica que requiere un enfoque multidisciplinario. La cirug\u00eda bari\u00e1trica es una herramienta eficaz para lograr p\u00e9rdida de peso sostenida y mejorar enfermedades asociadas.\r\n      <\/p>\r\n      <div class=\"jc-esp__card-cta\">Ver m\u00e1s &rarr;<\/div>\r\n    <\/a>\r\n\r\n    <!-- Card 2: Hepatobiliar -->\r\n    <a href=\"\/cirugia-hepatobiliar\/\" class=\"jc-esp__card\">\r\n      <span class=\"jc-esp__card-num\">ESP &mdash; 02<\/span>\r\n      <div class=\"jc-esp__card-icon\">\ud83e\udec1<\/div>\r\n      <h3 class=\"jc-esp__card-title\">Cirug\u00eda Hepatobiliar<\/h3>\r\n      <p class=\"jc-esp__card-desc\">\r\n        El tratamiento de enfermedades del h\u00edgado, ves\u00edcula y v\u00edas biliares requiere precisi\u00f3n y experiencia quir\u00fargica. Mi objetivo es ofrecer soluciones seguras y efectivas, adaptadas a cada diagn\u00f3stico.\r\n      <\/p>\r\n      <div class=\"jc-esp__card-cta\">Ver m\u00e1s &rarr;<\/div>\r\n    <\/a>\r\n\r\n    <!-- Card 3: Digestiva -->\r\n    <a href=\"\/cirugia-digestiva\/\" class=\"jc-esp__card\">\r\n      <span class=\"jc-esp__card-num\">ESP &mdash; 03<\/span>\r\n      <div class=\"jc-esp__card-icon\">\ud83e\udec0<\/div>\r\n      <h3 class=\"jc-esp__card-title\">Cirug\u00eda Digestiva<\/h3>\r\n      <p class=\"jc-esp__card-desc\">\r\n        Las enfermedades del sistema digestivo pueden afectar significativamente la calidad de vida. La cirug\u00eda digestiva permite tratar una amplia variedad de patolog\u00edas de forma efectiva.\r\n      <\/p>\r\n      <div class=\"jc-esp__card-cta\">Ver m\u00e1s &rarr;<\/div>\r\n    <\/a>\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-7777840 e-con-full e-flex e-con e-parent\" data-id=\"7777840\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7abbc38 elementor-widget elementor-widget-html\" data-id=\"7abbc38\" 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-sobre * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-sobre {\r\n  --navy:       #102848;  \r\n  --navy-mid:   #1e4070;   \r\n  --blue:       #1a5299;\r\n  --cyan:       #29a8d4;   \r\n  --cyan-light: #5ec8e8;   \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  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 640px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* LEFT: PHOTO *\/\r\n.jc-sobre__photo-col {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 520px;\r\n  background: #162e50;    \r\n}\r\n.jc-sobre__photo {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center top; display: block;\r\n}\r\n.jc-sobre__photo-fade {\r\n  position: absolute;\r\n  top: 0; right: 0; bottom: 0;\r\n  width: 55%;\r\n  background: linear-gradient(to right, transparent, var(--navy));\r\n  pointer-events: none;\r\n}\r\n\r\n\/* RIGHT: CONTENT *\/\r\n.jc-sobre__content {\r\n  padding: 96px 72px 96px 56px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Label *\/\r\n.jc-sobre__label {\r\n  display: flex; align-items: center; gap: 10px; margin-bottom: 20px;\r\n}\r\n.jc-sobre__label-num {\r\n  font-family: 'DM Mono', monospace; font-size: 11px;\r\n  color: var(--cyan); font-weight: 500;\r\n}\r\n.jc-sobre__label-line { width: 30px; height: 1px; background: var(--cyan); }\r\n.jc-sobre__label-text {\r\n  font-size: 11px; color: var(--gray-mid); font-weight: 500;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n}\r\n\r\n\/* Title *\/\r\n.jc-sobre__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(32px, 3.2vw, 48px);\r\n  font-weight: 600; color: #ffffff; line-height: 1.1; margin-bottom: 24px;\r\n}\r\n.jc-sobre__title em { font-style: italic; color: var(--cyan-light); }\r\n\r\n\/* Text *\/\r\n.jc-sobre__text {\r\n  font-size: 15px; line-height: 1.78; color: var(--gray-light);\r\n  font-weight: 300; margin-bottom: 18px;\r\n}\r\n\r\n\/* Highlights *\/\r\n.jc-sobre__highlights {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 32px 0;\r\n}\r\n.jc-sobre__highlight-item { display: flex; align-items: flex-start; gap: 10px; }\r\n.jc-sobre__dot {\r\n  width: 6px; height: 6px;\r\n  background: var(--cyan); \r\n  border-radius: 50%; margin-top: 7px; flex-shrink: 0;\r\n}\r\n.jc-sobre__highlight-text { font-size: 13px; color: var(--gray-light); line-height: 1.5; }\r\n\r\n\/* CTA *\/\r\n.jc-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: var(--cyan);  \r\n  color: var(--navy);\r\n  padding: 14px 28px; border-radius: 8px;\r\n  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600;\r\n  text-decoration: none; letter-spacing: 0.02em;\r\n  transition: all 0.25s ease; align-self: flex-start;\r\n}\r\n.jc-btn-primary:hover {\r\n  background: #ffffff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(41,168,212,0.35); \r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n  .jc-sobre { grid-template-columns: 1fr; }\r\n  .jc-sobre__photo-col { min-height: 380px; max-height: 480px; order: 1; }\r\n  .jc-sobre__photo-fade {\r\n    width: 100%; top: auto; right: 0; bottom: 0; height: 40%;\r\n    background: linear-gradient(to top, var(--navy), transparent);\r\n  }\r\n  .jc-sobre__content { padding: 56px 32px; order: 2; }\r\n  .jc-sobre__highlights { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 540px) {\r\n  .jc-sobre__content { padding: 48px 20px; }\r\n  .jc-sobre__photo-col { min-height: 300px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-sobre\" id=\"sobre\">\r\n\r\n  <div class=\"jc-sobre__photo-col\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/testmed.click\/jaimecastillo\/wp-content\/uploads\/2026\/04\/MG_2119-scaled.jpg\"\r\n      alt=\"Dr. Jaime Castillo \u2014 Cirujano Digestivo\"\r\n      class=\"jc-sobre__photo\"\r\n    >\r\n    <div class=\"jc-sobre__photo-fade\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"jc-sobre__content\">\r\n\r\n    <div class=\"jc-sobre__label\">\r\n      <span class=\"jc-sobre__label-num\">02<\/span>\r\n      <div class=\"jc-sobre__label-line\"><\/div>\r\n      <span class=\"jc-sobre__label-text\">Sobre el doctor<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"jc-sobre__title\">\r\n      Un cirujano que<br>\r\n      <em>conoce a sus pacientes<\/em>\r\n    <\/h2>\r\n\r\n    <p class=\"jc-sobre__text\">\r\n      Mi pr\u00e1ctica quir\u00fargica est\u00e1 enfocada en el tratamiento integral de enfermedades digestivas, metab\u00f3licas y hepatobiliares, utilizando t\u00e9cnicas modernas, seguras y m\u00ednimamente invasivas.\r\n    <\/p>\r\n    <p class=\"jc-sobre__text\">\r\n      Cada paciente recibe una evaluaci\u00f3n personalizada para definir el tratamiento m\u00e1s adecuado, con un acompa\u00f1amiento cercano en todo el proceso.\r\n    <\/p>\r\n\r\n    <div class=\"jc-sobre__highlights\">\r\n      <div class=\"jc-sobre__highlight-item\">\r\n        <div class=\"jc-sobre__dot\"><\/div>\r\n        <span class=\"jc-sobre__highlight-text\">Cirug\u00eda bari\u00e1trica y metab\u00f3lica<\/span>\r\n      <\/div>\r\n      <div class=\"jc-sobre__highlight-item\">\r\n        <div class=\"jc-sobre__dot\"><\/div>\r\n        <span class=\"jc-sobre__highlight-text\">T\u00e9cnicas laparosc\u00f3picas avanzadas<\/span>\r\n      <\/div>\r\n      <div class=\"jc-sobre__highlight-item\">\r\n        <div class=\"jc-sobre__dot\"><\/div>\r\n        <span class=\"jc-sobre__highlight-text\">Cirug\u00eda hepatobiliar compleja<\/span>\r\n      <\/div>\r\n      <div class=\"jc-sobre__highlight-item\">\r\n        <div class=\"jc-sobre__dot\"><\/div>\r\n        <span class=\"jc-sobre__highlight-text\">Patolog\u00eda colorrectal<\/span>\r\n      <\/div>\r\n      <div class=\"jc-sobre__highlight-item\">\r\n        <div class=\"jc-sobre__dot\"><\/div>\r\n        <span class=\"jc-sobre__highlight-text\">Hernia y pared abdominal<\/span>\r\n      <\/div>\r\n      <div class=\"jc-sobre__highlight-item\">\r\n        <div class=\"jc-sobre__dot\"><\/div>\r\n        <span class=\"jc-sobre__highlight-text\">Reflujo gastroesof\u00e1gico<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/testmed.click\/jaimecastillo\/sobre-mi\/\" class=\"jc-btn-primary\">\r\n      Ver perfil completo &rarr;\r\n    <\/a>\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-b1ef973 e-con-full e-flex e-con e-parent\" data-id=\"b1ef973\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea1bed elementor-widget elementor-widget-html\" data-id=\"9ea1bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ---- RESET ---- *\/\r\n.jc-cli * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-cli {\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\/* ---- SECTION HEADER ---- *\/\r\n.jc-cli__label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 14px;\r\n}\r\n.jc-cli__label-num {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 11px;\r\n  color: var(--cyan);\r\n  font-weight: 500;\r\n}\r\n.jc-cli__label-line {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: var(--cyan);\r\n}\r\n.jc-cli__label-text {\r\n  font-size: 11px;\r\n  color: var(--gray-mid);\r\n  font-weight: 500;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jc-cli__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(32px, 3.5vw, 50px);\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  line-height: 1.1;\r\n  margin-top: 4px;\r\n}\r\n.jc-cli__title em {\r\n  font-style: italic;\r\n  color: var(--blue);\r\n}\r\n\r\n\/* ---- INTRO BANNER ---- *\/\r\n.jc-cli__intro {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  background: var(--navy);\r\n  border-radius: 14px;\r\n  padding: 26px 32px;\r\n  margin: 40px 0;\r\n}\r\n.jc-cli__intro-icon { font-size: 26px; flex-shrink: 0; }\r\n.jc-cli__intro-text {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 20px;\r\n  color: #ffffff;\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n}\r\n.jc-cli__intro-text strong {\r\n  font-weight: 600;\r\n  color: var(--cyan-light);\r\n}\r\n\r\n\/* ---- CARDS GRID ---- *\/\r\n.jc-cli__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n}\r\n\r\n\/* ---- CARD ---- *\/\r\n.jc-cli__card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(30,95,168,0.1);\r\n  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;\r\n}\r\n.jc-cli__card:hover {\r\n  border-color: var(--cyan);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 40px rgba(30,95,168,0.1);\r\n}\r\n\r\n\/* Card header bar *\/\r\n.jc-cli__card-header {\r\n  background: var(--navy);\r\n  padding: 24px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.jc-cli__card-logo-box {\r\n  width: 46px;\r\n  height: 46px;\r\n  background: rgba(56,182,212,0.14);\r\n  border: 1px solid rgba(56,182,212,0.28);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: var(--cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* If a real logo image is available *\/\r\n.jc-cli__card-logo-img {\r\n  width: 46px;\r\n  height: 46px;\r\n  object-fit: contain;\r\n  border-radius: 8px;\r\n}\r\n\r\n.jc-cli__card-header-name {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  letter-spacing: 0.04em;\r\n  text-align: right;\r\n}\r\n\r\n\/* Card body *\/\r\n.jc-cli__card-body { padding: 28px; }\r\n\r\n.jc-cli__card-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 21px;\r\n  font-weight: 600;\r\n  color: var(--navy);\r\n  margin-bottom: 18px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.jc-cli__card-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 11px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.jc-cli__info-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n.jc-cli__info-icon {\r\n  font-size: 13px;\r\n  margin-top: 1px;\r\n  opacity: 0.65;\r\n  flex-shrink: 0;\r\n}\r\n.jc-cli__info-text {\r\n  font-size: 13px;\r\n  color: #6b7a91;\r\n  line-height: 1.5;\r\n  font-weight: 400;\r\n}\r\n.jc-cli__info-text strong {\r\n  display: block;\r\n  color: var(--text-dark);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.07em;\r\n  margin-bottom: 1px;\r\n}\r\n\r\n\/* Agendar button *\/\r\n.jc-cli__btn {\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: 12px 16px;\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  border: 1px solid transparent;\r\n  transition: background 0.25s, color 0.25s;\r\n  cursor: pointer;\r\n}\r\n.jc-cli__btn: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-cli { padding: 64px 32px; }\r\n  .jc-cli__grid { grid-template-columns: 1fr; }\r\n  .jc-cli__intro { flex-wrap: wrap; }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .jc-cli { padding: 48px 20px; }\r\n  .jc-cli__card-body { padding: 22px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-cli\" id=\"clinicas\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"jc-cli__label\">\r\n    <span class=\"jc-cli__label-num\">03<\/span>\r\n    <div class=\"jc-cli__label-line\"><\/div>\r\n    <span class=\"jc-cli__label-text\">Centros de atenci\u00f3n<\/span>\r\n  <\/div>\r\n  <h2 class=\"jc-cli__title\">\r\n    Me encuentras <em>en estos centros<\/em>\r\n  <\/h2>\r\n\r\n  <!-- Intro banner -->\r\n  <div class=\"jc-cli__intro\">\r\n    <div class=\"jc-cli__intro-icon\">\ud83d\udccd<\/div>\r\n    <p class=\"jc-cli__intro-text\">\r\n      Atiendo en <strong>3 centros de excelencia<\/strong> en Santiago\r\n      para que elijas el m\u00e1s conveniente para ti.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- Cards -->\r\n  <div class=\"jc-cli__grid\">\r\n\r\n    <!-- CL\u00cdNICA LAS CONDES -->\r\n    <div class=\"jc-cli__card\">\r\n      <div class=\"jc-cli__card-header\">\r\n        <!--\r\n          INSTRUCCI\u00d3N: Si tienes el logo de Cl\u00ednica Las Condes,\r\n          reemplaza el div .jc-cli__card-logo-box por:\r\n          <img decoding=\"async\" src=\"URL_LOGO_CLC\" class=\"jc-cli__card-logo-img\" alt=\"Cl\u00ednica Las Condes\">\r\n        -->\r\n        <div class=\"jc-cli__card-logo-box\">CLC<\/div>\r\n        <span class=\"jc-cli__card-header-name\">Las Condes<\/span>\r\n      <\/div>\r\n      <div class=\"jc-cli__card-body\">\r\n        <h3 class=\"jc-cli__card-name\">Cl\u00ednica Las Condes<\/h3>\r\n        <div class=\"jc-cli__card-info\">\r\n          <div class=\"jc-cli__info-row\">\r\n            <span class=\"jc-cli__info-icon\">\ud83d\udccd<\/span>\r\n            <div class=\"jc-cli__info-text\">\r\n              <strong>Direcci\u00f3n<\/strong>\r\n              Estoril 450, Las Condes\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"jc-cli__info-row\">\r\n            <span class=\"jc-cli__info-icon\">\ud83d\udcde<\/span>\r\n            <div class=\"jc-cli__info-text\">\r\n              <strong>Tel\u00e9fono<\/strong>\r\n              (2) 2610 8000\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"tel:+56226108000\" class=\"jc-cli__btn\">\r\n          \ud83d\udcc5 Agendar hora\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CL\u00cdNICA INDISA -->\r\n    <div class=\"jc-cli__card\">\r\n      <div class=\"jc-cli__card-header\">\r\n        <!--\r\n          INSTRUCCI\u00d3N: Reemplaza con logo Cl\u00ednica INDISA si disponible\r\n        -->\r\n        <div class=\"jc-cli__card-logo-box\">IND<\/div>\r\n        <span class=\"jc-cli__card-header-name\">Providencia<\/span>\r\n      <\/div>\r\n      <div class=\"jc-cli__card-body\">\r\n        <h3 class=\"jc-cli__card-name\">Cl\u00ednica INDISA<\/h3>\r\n        <div class=\"jc-cli__card-info\">\r\n          <div class=\"jc-cli__info-row\">\r\n            <span class=\"jc-cli__info-icon\">\ud83d\udccd<\/span>\r\n            <div class=\"jc-cli__info-text\">\r\n              <strong>Direcci\u00f3n<\/strong>\r\n              Av. Sta. Mar\u00eda 1810, Providencia\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"jc-li__info-row jc-cli__info-row\">\r\n            <span class=\"jc-cli__info-icon\">\ud83d\udcde<\/span>\r\n            <div class=\"jc-cli__info-text\">\r\n              <strong>Tel\u00e9fono<\/strong>\r\n              (2) 2362 5555\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"tel:+56223625555\" class=\"jc-cli__btn\">\r\n          \ud83d\udcc5 Agendar hora\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- HOSPITAL CL\u00cdNICO U. DE CHILE -->\r\n    <div class=\"jc-cli__card\">\r\n      <div class=\"jc-cli__card-header\">\r\n        <!--\r\n          INSTRUCCI\u00d3N: Reemplaza con logo Hospital Cl\u00ednico U. de Chile si disponible\r\n        -->\r\n        <div class=\"jc-cli__card-logo-box\">HCU<\/div>\r\n        <span class=\"jc-cli__card-header-name\">Independencia<\/span>\r\n      <\/div>\r\n      <div class=\"jc-cli__card-body\">\r\n        <h3 class=\"jc-li__card-name jc-cli__card-name\">Hospital Cl\u00ednico U. de Chile<\/h3>\r\n        <div class=\"jc-cli__card-info\">\r\n          <div class=\"jc-cli__info-row\">\r\n            <span class=\"jc-cli__info-icon\">\ud83d\udccd<\/span>\r\n            <div class=\"jc-cli__info-text\">\r\n              <strong>Direcci\u00f3n<\/strong>\r\n              Dr. Carlos Lorca Tobar 999, Independencia\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"jc-cli__info-row\">\r\n            <span class=\"jc-cli__info-icon\">\ud83d\udcde<\/span>\r\n            <div class=\"jc-cli__info-text\">\r\n              <strong>Tel\u00e9fono<\/strong>\r\n              (2) 2978 8000\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"tel:+56229788000\" class=\"jc-cli__btn\">\r\n          \ud83d\udcc5 Agendar hora\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.jc-cli__grid -->\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-b2c1332 e-con-full e-flex e-con e-parent\" data-id=\"b2c1332\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96ec29 elementor-widget elementor-widget-html\" data-id=\"f96ec29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ---- RESET ---- *\/\r\n.jc-test * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-test {\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  --gold:      #c4a35a;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: #ffffff;\r\n  padding: 96px 60px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Decorative large quote mark *\/\r\n.jc-test::before {\r\n  content: '\\201C';\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 60px;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 280px;\r\n  color: var(--off-white);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  font-weight: 700;\r\n  z-index: 0;\r\n}\r\n\r\n\/* ---- SECTION HEADER ---- *\/\r\n.jc-test__header {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.jc-test__label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 14px;\r\n}\r\n.jc-test__label-num {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 11px;\r\n  color: var(--cyan);\r\n  font-weight: 500;\r\n}\r\n.jc-test__label-line {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: var(--cyan);\r\n}\r\n.jc-test__label-text {\r\n  font-size: 11px;\r\n  color: var(--gray-mid);\r\n  font-weight: 500;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jc-test__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(32px, 3.5vw, 50px);\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  line-height: 1.1;\r\n}\r\n.jc-test__title em {\r\n  font-style: italic;\r\n  color: var(--blue);\r\n}\r\n\r\n\/* ---- GRID ---- *\/\r\n.jc-test__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* ---- CARD ---- *\/\r\n.jc-test__card {\r\n  background: var(--off-white);\r\n  border-radius: 16px;\r\n  padding: 36px;\r\n  border: 1px solid transparent;\r\n  transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;\r\n}\r\n.jc-test__card:hover {\r\n  border-color: var(--cyan);\r\n  background: #ffffff;\r\n  box-shadow: 0 12px 40px rgba(30,95,168,0.08);\r\n}\r\n\r\n.jc-test__stars {\r\n  display: flex;\r\n  gap: 3px;\r\n  margin-bottom: 20px;\r\n}\r\n.jc-test__star { color: var(--gold); font-size: 14px; }\r\n\r\n.jc-test__text {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 19px;\r\n  font-style: italic;\r\n  color: var(--text-dark);\r\n  line-height: 1.55;\r\n  margin-bottom: 24px;\r\n  font-weight: 400;\r\n}\r\n\r\n.jc-test__divider {\r\n  width: 36px;\r\n  height: 2px;\r\n  background: var(--cyan);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.jc-test__author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.jc-test__avatar {\r\n  width: 42px;\r\n  height: 42px;\r\n  background: linear-gradient(135deg, var(--blue), var(--cyan));\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  flex-shrink: 0;\r\n}\r\n.jc-test__name {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--navy);\r\n}\r\n.jc-test__procedure {\r\n  font-size: 11px;\r\n  color: var(--gray-mid);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 900px) {\r\n  .jc-test { padding: 64px 32px; }\r\n  .jc-test__grid { grid-template-columns: 1fr; }\r\n  .jc-test::before { display: none; }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .jc-test { padding: 48px 20px; }\r\n  .jc-test__card { padding: 28px 22px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-test\" id=\"testimonios\">\r\n\r\n  <div class=\"jc-test__header\">\r\n    <div class=\"jc-test__label\">\r\n      <span class=\"jc-test__label-num\">04<\/span>\r\n      <div class=\"jc-test__label-line\"><\/div>\r\n      <span class=\"jc-test__label-text\">Opiniones de pacientes<\/span>\r\n    <\/div>\r\n    <h2 class=\"jc-test__title\">\r\n      Lo que dicen<br>\r\n      <em>nuestros pacientes<\/em>\r\n    <\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"jc-test__grid\">\r\n\r\n    <!-- Testimonio 1 -->\r\n    <div class=\"jc-test__card\">\r\n      <div class=\"jc-test__stars\">\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n      <\/div>\r\n      <p class=\"jc-test__text\">\r\n        \"El Dr. Castillo me cambi\u00f3 la vida. Su seguimiento personalizado y la explicaci\u00f3n clara de cada paso del proceso me dieron mucha confianza.\"\r\n      <\/p>\r\n      <div class=\"jc-test__divider\"><\/div>\r\n      <div class=\"jc-test__author\">\r\n        <div class=\"jc-test__avatar\">M<\/div>\r\n        <div>\r\n          <div class=\"jc-test__name\">Mar\u00eda Jos\u00e9 R.<\/div>\r\n          <div class=\"jc-test__procedure\">Cirug\u00eda bari\u00e1trica \u00b7 Cl\u00ednica Las Condes<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Testimonio 2 -->\r\n    <div class=\"jc-test__card\">\r\n      <div class=\"jc-test__stars\">\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n      <\/div>\r\n      <p class=\"jc-test__text\">\r\n        \"Excelente profesional y persona. Me oper\u00e9 de la ves\u00edcula y todo sali\u00f3 perfectamente. Muy atento antes, durante y despu\u00e9s de la cirug\u00eda.\"\r\n      <\/p>\r\n      <div class=\"jc-test__divider\"><\/div>\r\n      <div class=\"jc-test__author\">\r\n        <div class=\"jc-test__avatar\">C<\/div>\r\n        <div>\r\n          <div class=\"jc-test__name\">Carlos P.<\/div>\r\n          <div class=\"jc-test__procedure\">Cirug\u00eda hepatobiliar \u00b7 Hospital U. de Chile<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Testimonio 3 -->\r\n    <div class=\"jc-test__card\">\r\n      <div class=\"jc-test__stars\">\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n        <span class=\"jc-test__star\">\u2605<\/span>\r\n      <\/div>\r\n      <p class=\"jc-test__text\">\r\n        \"Lo recomiendo absolutamente. Muy profesional, explica todo con claridad y transmite mucha seguridad. El resultado fue mejor de lo esperado.\"\r\n      <\/p>\r\n      <div class=\"jc-test__divider\"><\/div>\r\n      <div class=\"jc-test__author\">\r\n        <div class=\"jc-test__avatar\">A<\/div>\r\n        <div>\r\n          <div class=\"jc-test__name\">Ana L.<\/div>\r\n          <div class=\"jc-test__procedure\">Cirug\u00eda digestiva \u00b7 Cl\u00ednica INDISA<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     DR. JAIME CASTILLO \u2014 SECCI\u00d3N INSTAGRAM FEED\r\n     Instrucciones Elementor:\r\n     - Crear secci\u00f3n nueva > fondo color #0d1f3c\r\n     - Ancho: Full Width\r\n     - Padding secci\u00f3n: 0\r\n     - OPCI\u00d3N A (recomendada): Instalar plugin Smash Balloon\r\n       Social Photo Feed y usar su shortcode dentro de esta secci\u00f3n\r\n     - OPCI\u00d3N B: Pegar este c\u00f3digo HTML como placeholder\r\n       hasta tener el plugin configurado\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ---- RESET ---- *\/\r\n.jc-ig * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.jc-ig {\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-mid:  #8899b4;\r\n  font-family: 'DM Sans', sans-serif;\r\n  background: var(--navy);\r\n  padding: 80px 60px;\r\n  text-align: center;\r\n}\r\n\r\n\/* ---- HANDLE PILL ---- *\/\r\n.jc-ig__handle {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  background: rgba(56,182,212,0.12);\r\n  border: 1px solid rgba(56,182,212,0.25);\r\n  border-radius: 24px;\r\n  padding: 7px 18px;\r\n  margin-bottom: 20px;\r\n}\r\n.jc-ig__handle span {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 12px;\r\n  color: var(--cyan);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* ---- TITLE ---- *\/\r\n.jc-ig__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(30px, 3.5vw, 44px);\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  margin-bottom: 12px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.jc-ig__subtitle {\r\n  font-size: 14px;\r\n  color: var(--gray-mid);\r\n  font-weight: 300;\r\n  margin-bottom: 44px;\r\n}\r\n\r\n\/* ---- FEED PLACEHOLDER ---- *\/\r\n\/* Remove this block once Smash Balloon is configured *\/\r\n.jc-ig__placeholder-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 4px;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  max-width: 900px;\r\n  margin: 0 auto 40px;\r\n}\r\n.jc-ig__placeholder-item {\r\n  aspect-ratio: 1;\r\n  background: var(--navy-mid);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: opacity 0.25s;\r\n}\r\n.jc-ig__placeholder-item:hover { opacity: 0.8; }\r\n.jc-ig__placeholder-item:nth-child(1) { background: linear-gradient(135deg, #1a3260, #0d1f3c); }\r\n.jc-ig__placeholder-item:nth-child(2) { background: linear-gradient(135deg, #0d1f3c, #1e5fa8); }\r\n.jc-ig__placeholder-item:nth-child(3) { background: linear-gradient(135deg, #38b6d4, #1e5fa8); }\r\n.jc-ig__placeholder-item:nth-child(4) { background: linear-gradient(135deg, #1e5fa8, #1a3260); }\r\n.jc-ig__placeholder-icon { font-size: 26px; opacity: 0.4; }\r\n.jc-ig__placeholder-text {\r\n  font-size: 10px;\r\n  color: var(--gray-mid);\r\n  font-family: 'DM Mono', monospace;\r\n  text-align: center;\r\n  opacity: 0.6;\r\n  padding: 0 8px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ---- SMASH BALLOON CONTAINER ---- *\/\r\n\/* Uncomment and use once plugin is active *\/\r\n\/*\r\n.jc-ig__feed-container {\r\n  max-width: 960px;\r\n  margin: 0 auto 40px;\r\n}\r\n*\/\r\n\r\n\/* ---- CTA BUTTON ---- *\/\r\n.jc-ig__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--cyan);\r\n  color: var(--navy);\r\n  padding: 14px 28px;\r\n  border-radius: 8px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  letter-spacing: 0.02em;\r\n  transition: all 0.25s ease;\r\n}\r\n.jc-ig__cta:hover {\r\n  background: #ffffff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(56,182,212,0.35);\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 900px) {\r\n  .jc-ig { padding: 64px 32px; }\r\n  .jc-ig__placeholder-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .jc-ig { padding: 48px 20px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jc-ig\" id=\"instagram\">\r\n\r\n  <div class=\"jc-ig__handle\">\r\n    <span>\ud83d\udcf7<\/span>\r\n    <span>@dr.jaimecastillo<\/span>\r\n  <\/div>\r\n\r\n  <h2 class=\"jc-ig__title\">S\u00edgueme en Instagram<\/h2>\r\n  <p class=\"jc-ig__subtitle\">\r\n    Contenido educativo sobre salud digestiva, obesidad y cirug\u00eda hepatobiliar\r\n  <\/p>\r\n\r\n  <!--\r\n    INSTRUCCI\u00d3N \u2014 SMASH BALLOON:\r\n    1. Instalar plugin \"Smash Balloon Social Photo Feed\"\r\n    2. Conectar cuenta @dr.jaimecastillo\r\n    3. Crear feed, copiar el shortcode (ej: [instagram-feed feed=1])\r\n    4. Reemplazar el bloque .jc-ig__placeholder-grid por:\r\n       <div class=\"jc-ig__feed-container\">[instagram-feed feed=1]<\/div>\r\n    5. Eliminar el bloque placeholder y su CSS\r\n  -->\r\n\r\n  <!-- PLACEHOLDER \u2014 eliminar cuando Smash Balloon est\u00e9 activo -->\r\n  <div class=\"jc-ig__placeholder-grid\">\r\n    <div class=\"jc-ig__placeholder-item\">\r\n      <div class=\"jc-ig__placeholder-icon\">\ud83e\udec0<\/div>\r\n      <span class=\"jc-ig__placeholder-text\">C\u00e1ncer de Colon<\/span>\r\n    <\/div>\r\n    <div class=\"jc-ig__placeholder-item\">\r\n      <div class=\"jc-ig__placeholder-icon\">\u2696\ufe0f<\/div>\r\n      <span class=\"jc-ig__placeholder-text\">D\u00eda Mundial de la Obesidad<\/span>\r\n    <\/div>\r\n    <div class=\"jc-ig__placeholder-item\">\r\n      <div class=\"jc-ig__placeholder-icon\">\ud83c\udfe5<\/div>\r\n      <span class=\"jc-ig__placeholder-text\">\u00bfCu\u00e1ndo consultar?<\/span>\r\n    <\/div>\r\n    <div class=\"jc-ig__placeholder-item\">\r\n      <div class=\"jc-ig__placeholder-icon\">\ud83d\udc8a<\/div>\r\n      <span class=\"jc-ig__placeholder-text\">Quiste pancre\u00e1tico<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a\r\n    href=\"https:\/\/www.instagram.com\/dr.jaimecastillo\/\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    class=\"jc-ig__cta\"\r\n  >\r\n    Ver perfil en Instagram &rarr;\r\n  <\/a>\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>Cirujano especialista \u00b7 Santiago, Chile Dr. Jaime Castillo Cirug\u00eda Digestiva &nbsp;\u00b7&nbsp; Obesidad &nbsp;\u00b7&nbsp; Hepatobiliar Con m\u00e1s de 20 a\u00f1os de experiencia, ofrezco tratamiento integral de enfermedades digestivas, metab\u00f3licas y hepatobiliares con t\u00e9cnicas modernas, seguras y m\u00ednimamente invasivas. Atiendo en 3 centros de excelencia en Santiago, con acompa\u00f1amiento cercano en cada etapa de tu tratamiento. \ud83d\udcc5 [&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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":22,"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/pages\/38\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/testmed.click\/jaimecastillo\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}