{"id":18,"date":"2026-06-22T17:25:00","date_gmt":"2026-06-22T17:25:00","guid":{"rendered":"https:\/\/hdarquitectos.24-siete.co\/?page_id=18"},"modified":"2026-06-26T21:37:19","modified_gmt":"2026-06-26T21:37:19","slug":"inicio","status":"publish","type":"page","link":"https:\/\/hdarquitectos.24-siete.co\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fd3366 e-flex e-con-boxed e-con e-parent\" data-id=\"1fd3366\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6adb011 e-flex e-con-boxed e-con e-parent\" data-id=\"6adb011\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0896518 elementor-widget elementor-widget-html\" data-id=\"0896518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======= HERO EDITORIAL \u2014 HDarquitectos ======= -->\n<style>\n  :root {\n    --hd-ease: cubic-bezier(.4,0,.2,1);\n    --hd-serif: 'Cormorant Garamond', 'Times New Roman', serif;\n    --hd-sans: 'Inter', -apple-system, sans-serif;\n  }\n\n  .hd-hero {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    min-height: 580px;\n    overflow: hidden;\n    background: #1c1a16;\n  }\n\n  \/* ---- Slides ---- *\/\n  .hd-slide {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center 30%;\n    opacity: 0;\n    transform: scale(1.05);\n    transition: opacity 2s var(--hd-ease), transform 9s var(--hd-ease);\n    will-change: opacity, transform;\n  }\n  .hd-slide.active {\n    opacity: 1;\n    transform: scale(1.0);\n  }\n  .hd-slide.leaving {\n    opacity: 0;\n    transform: scale(0.98);\n    transition: opacity 1.8s var(--hd-ease), transform 9s var(--hd-ease);\n  }\n\n  \/* ---- Velo \u2014 tonos c\u00e1lidos, no negro puro ---- *\/\n  .hd-hero__veil {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    \/* Capa base: vi\u00f1eta c\u00e1lida oscura (sin negro fr\u00edo) *\/\n    background:\n      linear-gradient(to right,\n        rgba(28,22,14,.78) 0%,\n        rgba(28,22,14,.22) 52%,\n        rgba(28,22,14,.04) 100%),\n      linear-gradient(to bottom,\n        rgba(20,16,10,.35) 0%,\n        rgba(20,16,10,0)   38%),\n      linear-gradient(to top,\n        rgba(20,16,10,.60) 0%,\n        rgba(20,16,10,.18) 48%,\n        rgba(20,16,10,0)   78%);\n  }\n\n  \/* ---- Layout ---- *\/\n  .hd-hero__layout {\n    position: absolute;\n    inset: 0;\n    z-index: 5;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto 1fr auto;\n    padding: 0 clamp(28px, 5.5vw, 80px);\n  }\n\n  \/* ---- Contador (sup derecha) ---- *\/\n  .hd-hero__counter {\n    grid-column: 2;\n    grid-row: 1;\n    align-self: end;\n    justify-self: end;\n    padding-top: clamp(108px, 15vh, 148px);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-family: var(--hd-sans);\n    font-size: 10px;\n    letter-spacing: .22em;\n    color: rgba(245,240,228,.35);\n  }\n  .hd-hero__counter-current {\n    font-size: 20px;\n    font-weight: 300;\n    color: rgba(245,240,228,.80);\n    line-height: 1;\n    font-family: var(--hd-serif);\n  }\n  .hd-hero__counter-line {\n    width: 24px;\n    height: 1px;\n    background: rgba(245,240,228,.2);\n  }\n\n  \/* ---- Bloque de texto (izq, centro) ---- *\/\n  .hd-hero__body {\n    grid-column: 1;\n    grid-row: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding-bottom: clamp(88px, 13vh, 140px);\n    max-width: 600px;\n  }\n\n  .hd-hero__tag {\n    font-family: var(--hd-sans);\n    font-size: 10px;\n    letter-spacing: .3em;\n    text-transform: uppercase;\n    color: rgba(245,240,228,.45);\n    margin-bottom: 26px;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n  .hd-hero__tag::before {\n    content: \"\";\n    display: block;\n    width: 22px;\n    height: 1px;\n    background: rgba(245,240,228,.3);\n    flex-shrink: 0;\n  }\n\n  .hd-hero__title {\n    font-family: var(--hd-serif);\n    font-weight: 300;\n    font-size: clamp(46px, 7vw, 92px);\n    line-height: .97;\n    color: #F5F0E4;\n    margin: 0 0 28px;\n    letter-spacing: -.015em;\n  }\n  .hd-hero__title em {\n    font-style: italic;\n    color: rgba(245,240,228,.62);\n  }\n\n  .hd-hero__desc {\n    font-family: var(--hd-sans);\n    font-size: clamp(12.5px, 1.15vw, 14px);\n    line-height: 1.9;\n    color: rgba(245,240,228,.52);\n    font-weight: 300;\n    max-width: 400px;\n    margin-bottom: 40px;\n  }\n\n  .hd-hero__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    font-family: var(--hd-sans);\n    font-size: 10.5px;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n    color: rgba(245,240,228,.62);\n    text-decoration: none;\n    transition: color .45s var(--hd-ease), gap .45s var(--hd-ease);\n    width: fit-content;\n  }\n  .hd-hero__cta::after {\n    content: \"\";\n    display: block;\n    width: 32px;\n    height: 1px;\n    background: currentColor;\n    transition: width .55s var(--hd-ease);\n    flex-shrink: 0;\n  }\n  .hd-hero__cta:hover { color: #F5F0E4; gap: 20px; }\n  .hd-hero__cta:hover::after { width: 52px; }\n\n  \/* ---- Footer hero: nombre + dots (inf derecha) ---- *\/\n  .hd-hero__footer {\n    grid-column: 2;\n    grid-row: 3;\n    justify-self: end;\n    align-self: end;\n    padding-bottom: clamp(88px, 13vh, 140px);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 14px;\n  }\n\n  .hd-hero__project-label {\n    font-family: var(--hd-sans);\n    font-size: 10px;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: rgba(245,240,228,.32);\n    text-align: right;\n    transition: opacity .6s;\n    max-width: 220px;\n    line-height: 1.5;\n  }\n\n  .hd-hero__progress {\n    display: flex;\n    gap: 7px;\n    align-items: center;\n  }\n  .hd-hero__dot {\n    width: 18px;\n    height: 1px;\n    background: rgba(245,240,228,.18);\n    transition: background .5s, width .5s var(--hd-ease);\n    cursor: pointer;\n  }\n  .hd-hero__dot.active {\n    background: rgba(245,240,228,.75);\n    width: 30px;\n  }\n  .hd-hero__dot:hover { background: rgba(245,240,228,.45); }\n\n  \/* ---- Indicador de scroll (centro derecha) ---- *\/\n  .hd-hero__scrollbar {\n    position: absolute;\n    right: clamp(28px, 5.5vw, 80px);\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 6;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n  }\n  .hd-hero__scrollbar-track {\n    width: 1px;\n    height: 56px;\n    background: rgba(245,240,228,.1);\n    position: relative;\n    overflow: hidden;\n  }\n  .hd-hero__scrollbar-thumb {\n    position: absolute;\n    top: 0; left: 0;\n    width: 1px;\n    height: 0%;\n    background: rgba(245,240,228,.5);\n    transition: height 7s linear;\n  }\n  .hd-hero__scrollbar-thumb.running { height: 100%; }\n  .hd-hero__scrollbar span {\n    font-family: var(--hd-sans);\n    font-size: 8.5px;\n    letter-spacing: .26em;\n    text-transform: uppercase;\n    color: rgba(245,240,228,.28);\n    writing-mode: vertical-lr;\n    margin-top: 8px;\n  }\n\n  \/* ================================================\n     MOBILE \u2014 redise\u00f1o completo\n     ================================================ *\/\n  @media (max-width: 768px) {\n\n    .hd-hero {\n      height: 100svh; \/* safe area en m\u00f3viles modernos *\/\n      min-height: 620px;\n    }\n\n    \/* Una sola columna, el texto ocupa todo el ancho *\/\n    .hd-hero__layout {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto 1fr auto;\n      padding: 0 28px;\n    }\n\n    \/* Contador: peque\u00f1o, arriba izquierda, debajo del header *\/\n    .hd-hero__counter {\n      grid-column: 1;\n      grid-row: 1;\n      justify-self: start;\n      align-self: start;\n      padding-top: clamp(104px, 17vh, 128px);\n    }\n\n    \/* Texto: m\u00e1s compacto y legible en pantalla chica *\/\n    .hd-hero__body {\n      grid-column: 1;\n      grid-row: 2;\n      justify-content: flex-end;\n      padding-bottom: 32px;\n      max-width: 100%;\n    }\n\n    .hd-hero__title {\n      font-size: clamp(40px, 11.5vw, 58px);\n      margin-bottom: 20px;\n    }\n\n    .hd-hero__desc {\n      font-size: 13px;\n      max-width: 100%;\n      margin-bottom: 28px;\n      \/* En m\u00f3vil ocultamos el br del HTML para que fluya natural *\/\n      line-height: 1.8;\n    }\n    \/* Oculta los <br> del desc en m\u00f3vil *\/\n    .hd-hero__desc br { display: none; }\n\n    \/* Footer: izquierda, debajo del texto *\/\n    .hd-hero__footer {\n      grid-column: 1;\n      grid-row: 3;\n      justify-self: start;\n      align-items: flex-start;\n      padding-bottom: clamp(32px, 6vh, 52px);\n    }\n\n    .hd-hero__project-label {\n      text-align: left;\n      max-width: 100%;\n    }\n\n    \/* Velo en m\u00f3vil: sin gradiente lateral, solo top\/bottom *\/\n    .hd-hero__veil {\n      background:\n        linear-gradient(to bottom,\n          rgba(20,16,10,.42) 0%,\n          rgba(20,16,10,0)   36%),\n        linear-gradient(to top,\n          rgba(20,16,10,.72) 0%,\n          rgba(20,16,10,.28) 50%,\n          rgba(20,16,10,0)   80%);\n    }\n\n    \/* Oculta el scroll indicator lateral en m\u00f3vil *\/\n    .hd-hero__scrollbar { display: none; }\n  }\n\n  \/* Pantallas muy peque\u00f1as *\/\n  @media (max-width: 380px) {\n    .hd-hero__title { font-size: 38px; }\n    .hd-hero__tag   { font-size: 9px; letter-spacing: .22em; }\n  }\n<\/style>\n\n<section class=\"hd-hero\">\n\n  <img decoding=\"async\" class=\"hd-slide active\"\n    src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/11.jpg\"\n    alt=\"Casa en el Oriente Antioque\u00f1o\">\n  <img decoding=\"async\" class=\"hd-slide\"\n    src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/10.jpg\"\n    alt=\"Casa Llanogrande\">\n  <img decoding=\"async\" class=\"hd-slide\"\n    src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/9.jpg\"\n    alt=\"Casa en Gir\u00f3n Santander\">\n  <img decoding=\"async\" class=\"hd-slide\"\n    src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/8.jpg\"\n    alt=\"Casa Arturo\">\n\n  <div class=\"hd-hero__veil\"><\/div>\n\n  <div class=\"hd-hero__layout\">\n\n    <div class=\"hd-hero__counter\">\n      <span class=\"hd-hero__counter-current\" id=\"hdCount\">01<\/span>\n      <span class=\"hd-hero__counter-line\"><\/span>\n      <span>04<\/span>\n    <\/div>\n\n    <div class=\"hd-hero__body\">\n      <p class=\"hd-hero__tag\" id=\"hdTag\">HDarquitectos \u2014 <\/p>\n      <h1 class=\"hd-hero__title\">\n        El confort<br><em>es el punto de partida.<\/em>\n      <\/h1>\n      <p class=\"hd-hero__desc\">\n        Cada proyecto es concebido para mejorar la forma en las que las personas habitan,\n        trabajan y experimentan sus espacios.\n      <\/p>\n      <a href=\"\/proyectos\" class=\"hd-hero__cta\">Ver proyectos<\/a>\n    <\/div>\n\n    <div class=\"hd-hero__footer\">\n      <p class=\"hd-hero__project-label\" id=\"hdProject\">Casa en el Oriente Antioque\u00f1o<\/p>\n      <div class=\"hd-hero__progress\" id=\"hdDots\">\n        <div class=\"hd-hero__dot active\" data-index=\"0\"><\/div>\n        <div class=\"hd-hero__dot\" data-index=\"1\"><\/div>\n        <div class=\"hd-hero__dot\" data-index=\"2\"><\/div>\n        <div class=\"hd-hero__dot\" data-index=\"3\"><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hd-hero__scrollbar\" id=\"hdScrollbar\">\n    <div class=\"hd-hero__scrollbar-track\">\n      <div class=\"hd-hero__scrollbar-thumb\" id=\"hdThumb\"><\/div>\n    <\/div>\n    <span>Scroll<\/span>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  var slides    = document.querySelectorAll('.hd-slide');\n  var dots      = document.querySelectorAll('.hd-hero__dot');\n  var countEl   = document.getElementById('hdCount');\n  var projectEl = document.getElementById('hdProject');\n  var thumb     = document.getElementById('hdThumb');\n\n  var projects = [\n    'Casa en el Oriente Antioque\u00f1o',\n    'Casa Llanogrande',\n    'Casa en Gir\u00f3n Santander',\n    'Casa Arturo'\n  ];\n\n  var current = 0;\n  var total   = slides.length;\n  var timer;\n\n  function pad(n) { return n < 10 ? '0' + n : '' + n; }\n\n  function goTo(next) {\n    slides[current].classList.remove('active');\n    slides[current].classList.add('leaving');\n    dots[current].classList.remove('active');\n\n    var leaving = current;\n    setTimeout(function () {\n      slides[leaving].classList.remove('leaving');\n    }, 2000);\n\n    current = next;\n    slides[current].classList.add('active');\n    dots[current].classList.add('active');\n    countEl.textContent   = pad(current + 1);\n    projectEl.textContent = projects[current];\n\n    thumb.classList.remove('running');\n    void thumb.offsetWidth;\n    thumb.classList.add('running');\n  }\n\n  function next() { goTo((current + 1) % total); }\n\n  function startTimer() {\n    clearInterval(timer);\n    timer = setInterval(next, 7000);\n  }\n\n  dots.forEach(function (dot) {\n    dot.addEventListener('click', function () {\n      var idx = parseInt(dot.getAttribute('data-index'));\n      if (idx === current) return;\n      clearInterval(timer);\n      goTo(idx);\n      startTimer();\n    });\n  });\n\n  thumb.classList.add('running');\n  startTimer();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db75b23 e-flex e-con-boxed e-con e-parent\" data-id=\"db75b23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af96e15 elementor-widget elementor-widget-html\" data-id=\"af96e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =============================================\n   HDarquitectos \u2014 Manifiesto + Proyectos destacados\n   ============================================= *\/\n\n.hd-home {\n  background: #FAF8F4;\n  width: 100%;\n}\n\n\/* ---- MANIFIESTO ---- *\/\n.hd-manifesto {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  padding: clamp(80px, 12vw, 160px) clamp(24px, 5vw, 72px);\n  align-items: end;\n  border-bottom: 1px solid #DAD3C7;\n}\n\n.hd-manifesto__eyebrow {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .28em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.4);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 32px;\n  grid-column: 1 \/ -1;\n}\n.hd-manifesto__eyebrow::after {\n  content: \"\";\n  display: block;\n  width: 32px;\n  height: 1px;\n  background: rgba(43,43,40,.25);\n}\n\n.hd-manifesto__quote {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(34px, 4.5vw, 62px);\n  line-height: 1.08;\n  color: #2B2B28;\n  margin: 0;\n  max-width: 580px;\n  letter-spacing: -.01em;\n}\n.hd-manifesto__quote em {\n  font-style: italic;\n  color: rgba(43,43,40,.55);\n}\n\n.hd-manifesto__body {\n  padding-left: clamp(32px, 4vw, 64px);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 28px;\n}\n\n.hd-manifesto__text {\n  font-family: 'Inter', sans-serif;\n  font-size: 14px;\n  line-height: 1.9;\n  color: rgba(43,43,40,.6);\n  font-weight: 300;\n  max-width: 400px;\n}\n\n.hd-manifesto__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.5);\n  text-decoration: none;\n  transition: color .4s, gap .4s;\n}\n.hd-manifesto__link::after {\n  content: \"\";\n  display: block;\n  width: 28px;\n  height: 1px;\n  background: currentColor;\n  transition: width .5s cubic-bezier(.4,0,.2,1);\n}\n.hd-manifesto__link:hover {\n  color: #2B2B28;\n  gap: 18px;\n}\n.hd-manifesto__link:hover::after { width: 48px; }\n\n\/* ---- PROYECTOS DESTACADOS ---- *\/\n.hd-featured {\n  padding: clamp(72px, 10vw, 130px) clamp(24px, 5vw, 72px);\n}\n\n.hd-featured__header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  margin-bottom: clamp(40px, 6vw, 72px);\n}\n\n.hd-featured__title {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(22px, 2.5vw, 32px);\n  color: #2B2B28;\n  letter-spacing: .01em;\n  margin: 0;\n}\n\n.hd-featured__all {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.4);\n  text-decoration: none;\n  border-bottom: 1px solid rgba(43,43,40,.2);\n  padding-bottom: 2px;\n  transition: color .3s, border-color .3s;\n}\n.hd-featured__all:hover {\n  color: #2B2B28;\n  border-color: #2B2B28;\n}\n\n\/* Grid asim\u00e9trico: 1 grande izq + 2 peque\u00f1as der *\/\n.hd-featured__grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  grid-template-rows: auto auto;\n  gap: 3px;\n}\n\n\/* Tarjeta base *\/\n.hd-card {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  display: block;\n  text-decoration: none;\n  background: #E8E4DD;\n}\n\n\/* Imagen *\/\n.hd-card__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 1s cubic-bezier(.4,0,.2,1), filter .8s;\n  filter: brightness(.92);\n}\n.hd-card:hover .hd-card__img {\n  transform: scale(1.04);\n  filter: brightness(.82);\n}\n\n\/* Overlay interno *\/\n.hd-card__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,.58) 0%, rgba(0,0,0,0) 55%);\n  transition: background .6s;\n}\n.hd-card:hover .hd-card__overlay {\n  background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.08) 60%);\n}\n\n\/* Info del proyecto *\/\n.hd-card__info {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: clamp(20px, 3vw, 36px);\n  transform: translateY(8px);\n  transition: transform .5s cubic-bezier(.4,0,.2,1);\n}\n.hd-card:hover .hd-card__info { transform: translateY(0); }\n\n.hd-card__tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 9px;\n  letter-spacing: .26em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.5);\n  margin-bottom: 8px;\n  display: block;\n}\n\n.hd-card__name {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(20px, 2.2vw, 30px);\n  color: #fff;\n  line-height: 1.1;\n  display: block;\n  margin-bottom: 14px;\n}\n\n.hd-card__cta {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.6);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity .4s .1s, transform .4s .1s;\n}\n.hd-card__cta::after {\n  content: \"\";\n  display: block;\n  width: 22px;\n  height: 1px;\n  background: currentColor;\n}\n.hd-card:hover .hd-card__cta {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Tama\u00f1os del grid *\/\n.hd-card--large {\n  grid-column: 1;\n  grid-row: 1 \/ 3;\n  height: clamp(460px, 62vw, 720px);\n}\n.hd-card--small {\n  grid-column: 2;\n  height: clamp(220px, 30vw, 352px);\n}\n\n\/* ---- TRANSICI\u00d3N A ESTUDIO ---- *\/\n.hd-bridge {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  border-top: 1px solid #DAD3C7;\n  padding: clamp(60px, 8vw, 110px) clamp(24px, 5vw, 72px);\n  gap: 40px;\n}\n\n.hd-bridge__label {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .28em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.35);\n  margin-bottom: 20px;\n}\n\n.hd-bridge__heading {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(28px, 3.5vw, 46px);\n  color: #2B2B28;\n  line-height: 1.12;\n  margin: 0;\n}\n\n.hd-bridge__text {\n  font-family: 'Inter', sans-serif;\n  font-size: 14px;\n  line-height: 1.85;\n  color: rgba(43,43,40,.55);\n  font-weight: 300;\n  max-width: 380px;\n  margin-bottom: 32px;\n}\n\n.hd-bridge__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.5);\n  text-decoration: none;\n  transition: color .4s, gap .4s;\n}\n.hd-bridge__link::after {\n  content: \"\";\n  display: block;\n  width: 28px;\n  height: 1px;\n  background: currentColor;\n  transition: width .5s;\n}\n.hd-bridge__link:hover { color: #2B2B28; gap: 18px; }\n.hd-bridge__link:hover::after { width: 48px; }\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .hd-manifesto {\n    grid-template-columns: 1fr;\n    padding: 72px 28px;\n  }\n  .hd-manifesto__body { padding-left: 0; margin-top: 32px; }\n  .hd-featured__grid {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto;\n  }\n  .hd-card--large { grid-row: auto; height: 72vw; }\n  .hd-card--small { grid-column: 1; height: 58vw; }\n  .hd-bridge { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<!-- ========================================================\n     BLOQUE 1 \u2014 MANIFIESTO\n     ======================================================== -->\n<div class=\"hd-home\">\n\n  <div class=\"hd-manifesto\">\n    <p class=\"hd-manifesto__eyebrow\">Estudio HDarquitectos<\/p>\n    <h2 class=\"hd-manifesto__quote\">\n     Cada detalle tiene<br>\n      <em>una intenci\u00f3n.<\/em>\n    <\/h2>\n    <div class=\"hd-manifesto__body\">\n      <p class=\"hd-manifesto__text\">\n        Cada proyecto nace de comprender a las personas, interpretar sus necesidades y transformar esa visi\u00f3n en espacios donde dise\u00f1o, funcionalidad y bienestar conviven en equilibrio.\n      <\/p>\n      <a href=\"\/estudio\" class=\"hd-manifesto__link\">Conocer el estudio<\/a>\n    <\/div>\n  <\/div>\n\n  <style>\n\/* ---- PROYECTOS DESTACADOS \u2014 corregido ---- *\/\n.hd-featured {\n  padding: clamp(72px, 10vw, 130px) clamp(24px, 5vw, 72px);\n}\n\n.hd-featured__header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  margin-bottom: clamp(40px, 6vw, 72px);\n}\n\n.hd-featured__title {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(22px, 2.5vw, 32px);\n  color: #2B2B28;\n  letter-spacing: .01em;\n  margin: 0;\n}\n\n.hd-featured__all {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.4);\n  text-decoration: none;\n  border-bottom: 1px solid rgba(43,43,40,.2);\n  padding-bottom: 2px;\n  transition: color .3s, border-color .3s;\n}\n.hd-featured__all:hover {\n  color: #2B2B28;\n  border-color: #2B2B28;\n}\n\n\/* Grid: 1 arriba ancha + 2 abajo iguales *\/\n.hd-featured__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 52vw 38vw;\n  max-height: 900px;\n  gap: 4px;\n}\n\n\/* Card base *\/\n.hd-card {\n  position: relative;\n  overflow: hidden;\n  display: block;\n  text-decoration: none;\n  background: #1a1a18;\n}\n\n\/* Imagen ocupa todo el card *\/\n.hd-card__img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 1.1s cubic-bezier(.4,0,.2,1);\n}\n.hd-card:hover .hd-card__img {\n  transform: scale(1.05);\n}\n\n\/* Overlay degradado fuerte en la zona del texto *\/\n.hd-card__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to top,\n    rgba(0,0,0,.78) 0%,\n    rgba(0,0,0,.30) 40%,\n    rgba(0,0,0,.05) 70%\n  );\n  transition: background .6s;\n  z-index: 1;\n}\n.hd-card:hover .hd-card__overlay {\n  background: linear-gradient(\n    to top,\n    rgba(0,0,0,.85) 0%,\n    rgba(0,0,0,.40) 45%,\n    rgba(0,0,0,.10) 72%\n  );\n}\n\n\/* Info del proyecto *\/\n.hd-card__info {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: clamp(24px, 3vw, 40px);\n  z-index: 2;\n}\n\n.hd-card__tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 9.5px;\n  letter-spacing: .26em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.55);\n  margin-bottom: 10px;\n  display: block;\n}\n\n.hd-card__name {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(22px, 2.4vw, 34px);\n  color: #FFFFFF;\n  line-height: 1.1;\n  display: block;\n  margin-bottom: 16px;\n  text-shadow: 0 1px 12px rgba(0,0,0,.3);\n}\n\n.hd-card__cta {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.7);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  opacity: 0;\n  transform: translateY(8px);\n  transition: opacity .4s .05s, transform .4s .05s;\n}\n.hd-card__cta::after {\n  content: \"\";\n  display: block;\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n  transition: width .5s cubic-bezier(.4,0,.2,1);\n}\n.hd-card:hover .hd-card__cta {\n  opacity: 1;\n  transform: translateY(0);\n}\n.hd-card:hover .hd-card__cta::after { width: 40px; }\n\n\/* Layout de los 3 cards *\/\n.hd-card--top {\n  grid-column: 1 \/ -1;\n  grid-row: 1;\n}\n.hd-card--top .hd-card__name {\n  font-size: clamp(28px, 3.5vw, 48px);\n}\n.hd-card--top .hd-card__info {\n  max-width: 520px;\n}\n\n.hd-card--bl { grid-column: 1; grid-row: 2; }\n.hd-card--br { grid-column: 2; grid-row: 2; }\n\n\/* Mobile *\/\n@media (max-width: 680px) {\n  .hd-featured__grid {\n    grid-template-columns: 1fr;\n    grid-template-rows: 72vw 65vw 65vw;\n    max-height: none;\n  }\n  .hd-card--top  { grid-column: 1; grid-row: 1; }\n  .hd-card--bl   { grid-column: 1; grid-row: 2; }\n  .hd-card--br   { grid-column: 1; grid-row: 3; }\n}\n<\/style>\n\n<!-- PROYECTOS DESTACADOS -->\n<div class=\"hd-featured\">\n  <div class=\"hd-featured__header\">\n    <h2 class=\"hd-featured__title\">Proyectos recientes<\/h2>\n    <a href=\"\/proyectos\" class=\"hd-featured__all\">Ver todos<\/a>\n  <\/div>\n\n  <div class=\"hd-featured__grid\">\n\n    <!-- Card grande \u2014 arriba, ancho completo -->\n    <a href=\"\/proyectos\/casa-oriente-antioqueno\" class=\"hd-card hd-card--top\">\n      <img decoding=\"async\" class=\"hd-card__img\"\n        src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/4.jpg\"\n        alt=\"Casa en el Oriente Antioque\u00f1o\">\n      <div class=\"hd-card__overlay\"><\/div>\n      <div class=\"hd-card__info\">\n        <span class=\"hd-card__tag\">Vivienda unifamiliar &middot; Carmen de Viboral \u00b7 2024<\/span>\n        <span class=\"hd-card__name\">Casa en el Oriente Antioque\u00f1o<\/span>\n        <span class=\"hd-card__cta\">Ver proyecto<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card abajo izquierda -->\n    <a href=\"\/proyectos\/casa-llanogrande\" class=\"hd-card hd-card--bl\">\n      <img decoding=\"async\" class=\"hd-card__img\"\n        src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/7.jpg\"\n        alt=\"Casa Llanogrande\">\n      <div class=\"hd-card__overlay\"><\/div>\n      <div class=\"hd-card__info\">\n        <span class=\"hd-card__tag\">Vivienda unifamiliar &middot; Rionegro \u00b7 2024<\/span>\n        <span class=\"hd-card__name\">Casa Llanogrande<\/span>\n        <span class=\"hd-card__cta\">Ver proyecto<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card abajo derecha -->\n    <a href=\"\/proyectos\/casa-giron\" class=\"hd-card hd-card--br\">\n      <img decoding=\"async\" class=\"hd-card__img\"\n        src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/9.jpg\"\n        alt=\"Casa en Gir\u00f3n Santander\">\n      <div class=\"hd-card__overlay\"><\/div>\n      <div class=\"hd-card__info\">\n        <span class=\"hd-card__tag\">Vivienda unifamiliar &middot; Gir\u00f3n \u00b7 2021<\/span>\n        <span class=\"hd-card__name\">Casa en Gir\u00f3n Santander<\/span>\n        <span class=\"hd-card__cta\">Ver proyecto<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n\n  <!-- ========================================================\n       BLOQUE 3 \u2014 PUENTE A ESTUDIO\n       ======================================================== -->\n  <div class=\"hd-bridge\">\n    <div>\n      <p class=\"hd-bridge__label\">El estudio<\/p>\n      <h2 class=\"hd-bridge__heading\">\n        Arquitectura<br>de autor familiar.\n      <\/h2>\n    <\/div>\n    <div>\n      <p class=\"hd-bridge__text\">\n        HDarquitectos es un estudio boutique liderado por H\u00e9ctor Daniel\n        S\u00e1nchez y su hermano. Creemos en el dise\u00f1o cercano, en el proceso\n        compartido con el cliente, y en una arquitectura que resiste el paso del tiempo.\n      <\/p>\n      <a href=\"\/estudio\" class=\"hd-bridge__link\">Conocer nuestra historia<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-377b13e e-flex e-con-boxed e-con e-parent\" data-id=\"377b13e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39bbdc4 elementor-widget elementor-widget-html\" data-id=\"39bbdc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =============================================\n   HDarquitectos \u2014 Bloque Estudio (Home)\n   ============================================= *\/\n\n.hd-bridge {\n  background: #FAF8F4;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  border-top: 1px solid #DAD3C7;\n  padding: clamp(80px, 11vw, 140px) clamp(24px, 5vw, 72px);\n  gap: clamp(40px, 6vw, 80px);\n}\n\n\/* Columna izquierda *\/\n.hd-bridge__left {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.hd-bridge__label {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .28em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.35);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.hd-bridge__label::before {\n  content: \"\";\n  display: block;\n  width: 24px;\n  height: 1px;\n  background: rgba(43,43,40,.25);\n}\n\n.hd-bridge__heading {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(34px, 4vw, 56px);\n  color: #2B2B28;\n  line-height: 1.06;\n  margin: 0;\n  letter-spacing: -.01em;\n}\n.hd-bridge__heading em {\n  font-style: italic;\n  color: rgba(43,43,40,.45);\n}\n\n\/* Columna derecha *\/\n.hd-bridge__right {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.hd-bridge__text {\n  font-family: 'Inter', sans-serif;\n  font-size: 14.5px;\n  line-height: 1.9;\n  color: rgba(43,43,40,.58);\n  font-weight: 300;\n  margin: 0;\n}\n\n\/* Separador horizontal *\/\n.hd-bridge__rule {\n  width: 100%;\n  height: 1px;\n  background: #DAD3C7;\n}\n\n\/* Datos del arquitecto *\/\n.hd-bridge__profile {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.hd-bridge__profile-info {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.hd-bridge__name {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 400;\n  font-size: 18px;\n  color: #2B2B28;\n  letter-spacing: .02em;\n}\n\n.hd-bridge__role {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.38);\n}\n\n.hd-bridge__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(43,43,40,.45);\n  text-decoration: none;\n  white-space: nowrap;\n  transition: color .4s, gap .4s;\n}\n.hd-bridge__link::after {\n  content: \"\";\n  display: block;\n  width: 28px;\n  height: 1px;\n  background: currentColor;\n  transition: width .5s cubic-bezier(.4,0,.2,1);\n}\n.hd-bridge__link:hover {\n  color: #2B2B28;\n  gap: 18px;\n}\n.hd-bridge__link:hover::after { width: 48px; }\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .hd-bridge {\n    grid-template-columns: 1fr;\n    padding: 72px 28px;\n  }\n  .hd-bridge__profile {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n<\/style>\n\n<div class=\"hd-bridge\">\n\n  <!-- Izquierda: titular -->\n  <div class=\"hd-bridge__left\">\n    <p class=\"hd-bridge__label\">El estudio<\/p>\n    <h2 class=\"hd-bridge__heading\">\n      Un estudio familiar.<br>\n      <em>Una sola visi\u00f3n.<\/em>\n    <\/h2>\n  <\/div>\n\n  <!-- Derecha: texto + perfil -->\n  <div class=\"hd-bridge__right\">\n    <p class=\"hd-bridge__text\">\n      HDarquitectos es un estudio boutique fundado por dos hermanos\n      con una convicci\u00f3n compartida: que la arquitectura debe ser\n      honesta con el lugar, con los materiales y con quienes van a\n      habitarla. Cada proyecto es un encargo \u00fanico, trabajado con\n      la misma dedicaci\u00f3n sin importar su escala.\n    <\/p>\n    <div class=\"hd-bridge__rule\"><\/div>\n    <div class=\"hd-bridge__profile\">\n      <div class=\"hd-bridge__profile-info\">\n        <span class=\"hd-bridge__name\">H\u00e9ctor Daniel S\u00e1nchez Pic\u00f3n<\/span>\n        <span class=\"hd-bridge__role\">Arquitecto \u00b7 Director Creativo<\/span>\n      <\/div>\n      <a href=\"\/estudio\" class=\"hd-bridge__link\">Conocer el estudio<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fae94c e-con e-atomic-element e-flexbox-base e-a2cca1b \" data-id=\"8fae94c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8fae94c\">\n    \t\t<div class=\"elementor-element elementor-element-a5ab375 elementor-widget elementor-widget-html\" data-id=\"a5ab375\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =============================================\n   HDarquitectos \u2014 Pre-footer \/ CTA\n   ============================================= *\/\n\n.hd-prefooter {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  min-height: 520px;\n  display: flex;\n  align-items: center;\n}\n\n\/* Imagen de fondo *\/\n.hd-prefooter__bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 40%;\n  transform: scale(1.03);\n  transition: transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.hd-prefooter:hover .hd-prefooter__bg {\n  transform: scale(1.0);\n}\n\n\/* Velo c\u00e1lido *\/\n.hd-prefooter__veil {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(to right,\n      rgba(28,22,14,.88) 0%,\n      rgba(28,22,14,.60) 50%,\n      rgba(28,22,14,.30) 100%);\n}\n\n\/* Contenido *\/\n.hd-prefooter__content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: clamp(72px, 11vw, 140px) clamp(28px, 5.5vw, 80px);\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: clamp(40px, 6vw, 80px);\n}\n\n\/* Columna izquierda *\/\n.hd-prefooter__left {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.hd-prefooter__label {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px;\n  letter-spacing: .3em;\n  text-transform: uppercase;\n  color: rgba(245,240,228,.38);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.hd-prefooter__label::before {\n  content: \"\";\n  display: block;\n  width: 22px;\n  height: 1px;\n  background: rgba(245,240,228,.28);\n  flex-shrink: 0;\n}\n\n.hd-prefooter__heading {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(36px, 5vw, 68px);\n  line-height: 1.02;\n  color: #F5F0E4;\n  margin: 0;\n  letter-spacing: -.01em;\n}\n.hd-prefooter__heading em {\n  font-style: italic;\n  color: rgba(245,240,228,.55);\n}\n\n\/* L\u00ednea decorativa *\/\n.hd-prefooter__rule {\n  width: 48px;\n  height: 1px;\n  background: rgba(245,240,228,.2);\n}\n\n\/* Columna derecha *\/\n.hd-prefooter__right {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.hd-prefooter__text {\n  font-family: 'Inter', sans-serif;\n  font-size: 14px;\n  line-height: 1.9;\n  color: rgba(245,240,228,.52);\n  font-weight: 300;\n  margin: 0;\n  max-width: 420px;\n}\n\n\/* Botones de contacto *\/\n.hd-prefooter__actions {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n\/* CTA principal *\/\n.hd-prefooter__cta-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: #F5F0E4;\n  text-decoration: none;\n  border: 1px solid rgba(245,240,228,.3);\n  padding: 16px 28px;\n  width: fit-content;\n  transition: border-color .4s, background .4s, color .4s;\n}\n.hd-prefooter__cta-primary:hover {\n  background: rgba(245,240,228,.08);\n  border-color: rgba(245,240,228,.65);\n}\n\n\/* CTA secundario \u2014 WhatsApp *\/\n.hd-prefooter__cta-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(245,240,228,.42);\n  text-decoration: none;\n  width: fit-content;\n  transition: color .4s, gap .4s;\n}\n.hd-prefooter__cta-secondary::after {\n  content: \"\";\n  display: block;\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n  transition: width .5s cubic-bezier(.4,0,.2,1);\n  flex-shrink: 0;\n}\n.hd-prefooter__cta-secondary:hover {\n  color: rgba(245,240,228,.85);\n  gap: 18px;\n}\n.hd-prefooter__cta-secondary:hover::after { width: 40px; }\n\n\/* Separador entre CTAs *\/\n.hd-prefooter__divider {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'Inter', sans-serif;\n  font-size: 9px;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: rgba(245,240,228,.2);\n}\n.hd-prefooter__divider::before,\n.hd-prefooter__divider::after {\n  content: \"\";\n  display: block;\n  height: 1px;\n  width: 20px;\n  background: rgba(245,240,228,.15);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .hd-prefooter__content {\n    grid-template-columns: 1fr;\n    padding: 72px 28px;\n  }\n  .hd-prefooter__veil {\n    background: rgba(28,22,14,.80);\n  }\n  .hd-prefooter__text { max-width: 100%; }\n  .hd-prefooter__heading { font-size: clamp(34px, 9vw, 52px); }\n}\n<\/style>\n\n<div class=\"hd-prefooter\">\n\n  <img decoding=\"async\" class=\"hd-prefooter__bg\"\n    src=\"https:\/\/hdarquitectos.24-siete.co\/wp-content\/uploads\/2026\/06\/3.jpg\"\n    alt=\"HDarquitectos \u2014 Contacto\">\n\n  <div class=\"hd-prefooter__veil\"><\/div>\n\n  <div class=\"hd-prefooter__content\">\n\n    <!-- Izquierda -->\n    <div class=\"hd-prefooter__left\">\n      <p class=\"hd-prefooter__label\">Hablemos<\/p>\n      <h2 class=\"hd-prefooter__heading\">\n        \u00bfTienes un proyecto<br>\n        <em>en mente?<\/em>\n      <\/h2>\n      <div class=\"hd-prefooter__rule\"><\/div>\n    <\/div>\n\n    <!-- Derecha -->\n    <div class=\"hd-prefooter__right\">\n      <p class=\"hd-prefooter__text\">\n        Cada obra comienza con una conversaci\u00f3n.\n        Cu\u00e9ntenos su visi\u00f3n \u2014 el lugar, la luz que imagina,\n        c\u00f3mo quiere vivir ese espacio \u2014 y construimos\n        juntos el camino hacia algo que permanezca.\n      <\/p>\n      <div class=\"hd-prefooter__actions\">\n        <a href=\"\/contacto\" class=\"hd-prefooter__cta-primary\">\n          Iniciar un proyecto\n        <\/a>\n        <div class=\"hd-prefooter__divider\">o<\/div>\n        <a href=\"https:\/\/wa.me\/573176680639\"\n           target=\"_blank\" rel=\"noopener\"\n           class=\"hd-prefooter__cta-secondary\">\n          Escribir por WhatsApp\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 04 HDarquitectos \u2014 El confortes el punto de partida. Cada proyecto es concebido para mejorar la forma en las que las personas habitan, trabajan y experimentan sus espacios. Ver proyectos Casa en el Oriente Antioque\u00f1o Scroll Estudio HDarquitectos Cada detalle tiene una intenci\u00f3n. Cada proyecto nace de comprender a las personas, interpretar sus necesidades [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":20,"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/hdarquitectos.24-siete.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}