{"id":11,"date":"2026-07-31T17:28:55","date_gmt":"2026-07-31T17:28:55","guid":{"rendered":"https:\/\/propiedadessantaelena.com\/?page_id=11"},"modified":"2026-07-31T17:46:01","modified_gmt":"2026-07-31T17:46:01","slug":"inicio","status":"publish","type":"page","link":"https:\/\/propiedadessantaelena.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca89927 e-con e-atomic-element e-flexbox-base e-fdc4105 \" data-id=\"ca89927\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca89927\">\n    \t\t<div class=\"elementor-element elementor-element-0f1a65d elementor-widget elementor-widget-html\" data-id=\"0f1a65d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ============================================================================\n  ALQUILAMOS SANTA ELENA \u2014 HOME EDITORIAL\n  ----------------------------------------------------------------------------\n  Estructura HTML lista para pegar en un widget \"HTML\" de Elementor.\n\n  C\u00d3MO USAR EN ELEMENTOR:\n  1. Pega TODO este archivo dentro de un widget \"HTML\" de Elementor (o dentro\n     de la secci\u00f3n \"Insertar HTML\" de un tema).\n  2. Sube el archivo styles.css a tu servidor (Elementor > Personalizar > CSS\n     personalizado, o encola el archivo v\u00eda tu tema\/child theme) y enl\u00e1zalo.\n  3. Sube script.js igual y enl\u00e1zalo antes del cierre de <\/body>, o p\u00e9galo en\n     un widget \"HTML\" adicional al final de la p\u00e1gina envuelto en <script>.\n  4. Reemplaza las im\u00e1genes de Unsplash (marcadas como PLACEHOLDER) por fotos\n     reales de las propiedades de Santa Elena.\n  5. La fuente \"Fraunces\" (editorial\/serif) y \"Jost\" (sans minimalista) se\n     cargan desde Google Fonts en el <head> de este mismo bloque.\n  6. Sube \"logo.png\" (el logo real de Alquilamos Santa Elena) a la Biblioteca\n     de Medios de WordPress y reemplaza los src=\"logo.png\" del header y el\n     footer por la URL final que te d\u00e9 WordPress.\n\n  PALETA (extra\u00edda del logo real):\n  --verde-menta:    #5dc279   (silueta clara del techo, acentos)\n  --verde-bosque:   #3d7f40   (silueta oscura del techo, texto \"Alquilamos\")\n  --verde-lima:     #a9cc5e   (texto \"Santa Elena\", CTAs, detalles)\n  --beige:          #f3ede2   (fondo c\u00e1lido, complementa el logo)\n  --blanco-calido:  #faf7f0\n  --gris-piedra:    #8a8579\n  --madera:         #a9754f\n  ============================================================================\n-->\n\n<!-- Google Fonts: Fraunces (editorial serif) + Jost (sans minimalista) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<!-- Enlace a la hoja de estilos (ajusta la ruta seg\u00fan donde la subas) -->\n<style>\n\/* ============================================================================\n   ALQUILAMOS SANTA ELENA \u2014 HOJA DE ESTILOS\n   ----------------------------------------------------------------------------\n   Paleta extra\u00edda del logo real + neutros de apoyo inspirados en naturaleza.\n   Compatible con Elementor: todos los selectores est\u00e1n anidados dentro de\n   .ase-root para no interferir con los estilos del tema.\n   ============================================================================ *\/\n\n\/* ---------- 1. VARIABLES GLOBALES ---------- *\/\n.ase-root {\n  \/* Verdes del logo *\/\n  --ase-verde-menta: #5dc279;   \/* techo claro \/ acentos suaves *\/\n  --ase-verde-bosque: #3d7f40;  \/* techo oscuro \/ texto \"Alquilamos\" *\/\n  --ase-verde-lima: #a9cc5e;    \/* texto \"Santa Elena\" \/ CTAs \/ detalles *\/\n  --ase-verde-lima-oscuro: #8ab24a;\n\n  \/* Neutros de apoyo (naturaleza, c\u00e1lidos) *\/\n  --ase-beige: #f3ede2;\n  --ase-blanco-calido: #faf7f0;\n  --ase-gris-piedra: #8a8579;\n  --ase-madera: #a9754f;\n  --ase-negro-suave: #1c2118;\n\n  \/* Tipograf\u00eda *\/\n  --ase-font-serif: \"Fraunces\", \"Georgia\", serif;\n  --ase-font-sans: \"Jost\", \"Helvetica Neue\", Arial, sans-serif;\n\n  \/* Ritmo \/ espaciado *\/\n  --ase-container: 1240px;\n  --ase-radius-sm: 6px;\n  --ase-radius-md: 14px;\n  --ase-radius-lg: 28px;\n  --ase-ease: cubic-bezier(0.22, 1, 0.36, 1);\n\n  font-family: var(--ase-font-sans);\n  color: var(--ase-negro-suave);\n  background: var(--ase-blanco-calido);\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* ---------- 2. RESET LOCAL ---------- *\/\n.ase-root, .ase-root *, .ase-root *::before, .ase-root *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.ase-root img { max-width: 100%; display: block; }\n.ase-root a { text-decoration: none; color: inherit; }\n.ase-root ul { list-style: none; }\n.ase-root button { font: inherit; border: none; background: none; cursor: pointer; }\n.ase-root section { position: relative; }\n\n\/* ---------- 3. TIPOGRAF\u00cdA BASE ---------- *\/\n.ase-root h1, .ase-root h2, .ase-root h3, .ase-root blockquote {\n  font-family: var(--ase-font-serif);\n  font-weight: 500;\n  line-height: 1.15;\n  letter-spacing: -0.01em;\n}\n.ase-eyebrow {\n  font-family: var(--ase-font-sans);\n  font-size: 0.78rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--ase-verde-bosque);\n  margin-bottom: 1rem;\n  font-weight: 500;\n}\n.ase-section-title {\n  font-size: clamp(1.9rem, 3.4vw, 3rem);\n  color: var(--ase-negro-suave);\n  max-width: 20ch;\n}\n.ase-container {\n  max-width: var(--ase-container);\n  margin: 0 auto;\n  padding: 0 clamp(1.25rem, 4vw, 3rem);\n}\n\n\/* ---------- 4. REVEAL ON SCROLL (usado por script.js) ---------- *\/\n[data-reveal] {\n  opacity: 0;\n  transform: translateY(36px);\n  transition: opacity 1.1s var(--ase-ease), transform 1.1s var(--ase-ease);\n  will-change: opacity, transform;\n}\n[data-reveal].is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ---------- 5. BOTONES ---------- *\/\n.ase-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  padding: 1.05rem 2.1rem;\n  border-radius: 999px;\n  font-size: 0.92rem;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n  transition: transform 0.5s var(--ase-ease), background 0.4s var(--ase-ease), color 0.4s var(--ase-ease), box-shadow 0.4s var(--ase-ease);\n}\n.ase-btn--primary {\n  background: var(--ase-verde-bosque);\n  color: var(--ase-blanco-calido);\n  box-shadow: 0 10px 30px -12px rgba(61, 127, 64, 0.55);\n}\n.ase-btn--primary:hover { transform: translateY(-3px); background: #346b37; }\n.ase-btn--ghost {\n  color: var(--ase-blanco-calido);\n  border: 1px solid rgba(250, 247, 240, 0.55);\n  backdrop-filter: blur(6px);\n}\n.ase-btn--ghost:hover { background: rgba(250, 247, 240, 0.14); transform: translateY(-3px); }\n.ase-btn--outline {\n  color: var(--ase-verde-bosque);\n  border: 1px solid var(--ase-verde-bosque);\n}\n.ase-btn--outline:hover { background: var(--ase-verde-bosque); color: #fff; transform: translateY(-3px); }\n\n\/* ---------- 5.1 ENTRADA DEL HERO (solo CSS, sin depender de JS) ----------\n   El header, el texto del hero y el buscador son contenido cr\u00edtico sobre el\n   pliegue: deben verse SIEMPRE, incluso si el <script> no llega a ejecutarse\n   (por ejemplo, dentro del editor visual de Elementor). Por eso su animaci\u00f3n\n   de entrada es 100% CSS (no usan [data-reveal] ni dependen del observer). *\/\n@keyframes aseFadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes aseFadeInUp {\n  from { opacity: 0; transform: translateY(28px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes aseSearchIn {\n  from { opacity: 0; transform: translate(-50%, 40px); }\n  to { opacity: 1; transform: translate(-50%, 0); }\n}\n\n\/* ---------- 6. NAV ---------- *\/\n.ase-nav {\n  position: fixed;\n  top: 0; left: 0; right: 0;\n  z-index: 60;\n  padding: 1.4rem 0;\n  animation: aseFadeIn 0.8s var(--ase-ease) both;\n  transition: background 0.5s var(--ase-ease), padding 0.5s var(--ase-ease), box-shadow 0.5s var(--ase-ease);\n}\n.ase-nav.is-scrolled {\n  background: rgba(250, 247, 240, 0.9);\n  backdrop-filter: blur(14px);\n  padding: 0.85rem 0;\n  box-shadow: 0 8px 30px -18px rgba(28, 33, 24, 0.35);\n}\n.ase-nav__inner {\n  max-width: var(--ase-container);\n  margin: 0 auto;\n  padding: 0 clamp(1.25rem, 4vw, 3rem);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ase-nav__logo { display: flex; align-items: center; }\n.ase-nav__logo-img { height: 46px; width: auto; transition: height 0.4s var(--ase-ease); }\n.ase-nav.is-scrolled .ase-nav__logo-img { height: 38px; }\n.ase-nav__links {\n  display: flex;\n  align-items: center;\n  gap: 2.4rem;\n  font-size: 0.92rem;\n}\n.ase-nav__links a {\n  position: relative;\n  color: var(--ase-negro-suave);\n  padding-bottom: 4px;\n}\n.ase-nav__links a:not(.ase-nav__cta)::after {\n  content: \"\";\n  position: absolute; left: 0; bottom: 0;\n  width: 0; height: 1px;\n  background: var(--ase-verde-bosque);\n  transition: width 0.4s var(--ase-ease);\n}\n.ase-nav__links a:not(.ase-nav__cta):hover::after { width: 100%; }\n.ase-nav__cta {\n  background: var(--ase-verde-bosque);\n  color: #fff;\n  padding: 0.65rem 1.4rem;\n  border-radius: 999px;\n  transition: background 0.4s var(--ase-ease), transform 0.4s var(--ase-ease);\n}\n.ase-nav__cta:hover { background: #346b37; transform: translateY(-2px); }\n.ase-nav__burger {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  width: 30px;\n}\n.ase-nav__burger span {\n  height: 1.5px;\n  background: var(--ase-negro-suave);\n  transition: transform 0.4s var(--ase-ease), opacity 0.4s var(--ase-ease);\n}\n.ase-nav__burger.is-open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n.ase-nav__burger.is-open span:nth-child(2) { opacity: 0; }\n.ase-nav__burger.is-open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n\n\/* ---------- 7. HERO ---------- *\/\n.ase-hero {\n  position: relative;\n  height: 100svh;\n  min-height: 640px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n}\n.ase-hero__media {\n  position: absolute;\n  inset: -8% 0 0 0;\n  height: 116%;\n}\n.ase-hero__img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  transform: scale(1.08);\n}\n.ase-hero__overlay {\n  position: absolute; inset: 0;\n  background:\n    linear-gradient(180deg, rgba(20, 28, 18, 0.55) 0%, rgba(20, 28, 18, 0.28) 42%, rgba(20, 28, 18, 0.72) 100%);\n}\n.ase-hero__content {\n  position: relative;\n  z-index: 5;\n  max-width: 780px;\n  padding: 0 clamp(1.25rem, 6vw, 6rem);\n  color: var(--ase-blanco-calido);\n}\n.ase-hero .ase-eyebrow {\n  color: var(--ase-verde-lima);\n  animation: aseFadeInUp 0.9s var(--ase-ease) 0.15s both;\n}\n.ase-hero__title {\n  font-size: clamp(2.3rem, 5.2vw, 4.2rem);\n  color: #fff;\n  animation: aseFadeInUp 1s var(--ase-ease) 0.3s both;\n}\n.ase-hero__title em {\n  font-style: italic;\n  color: var(--ase-verde-lima);\n}\n.ase-hero__subtitle {\n  margin-top: 1.5rem;\n  font-size: clamp(1rem, 1.4vw, 1.2rem);\n  max-width: 46ch;\n  color: rgba(250, 247, 240, 0.86);\n  animation: aseFadeInUp 1s var(--ase-ease) 0.45s both;\n}\n.ase-hero__actions {\n  margin-top: 2.6rem;\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n  animation: aseFadeInUp 1s var(--ase-ease) 0.6s both;\n}\n\n\/* ---------- 8. BUSCADOR ---------- *\/\n.ase-search {\n  position: absolute;\n  left: 50%;\n  bottom: clamp(-34px, -3vw, -30px);\n  transform: translateX(-50%);\n  z-index: 6;\n  width: min(920px, calc(100% - 2.5rem));\n  background: rgba(250, 247, 240, 0.94);\n  backdrop-filter: blur(16px);\n  border-radius: var(--ase-radius-lg);\n  box-shadow: 0 30px 60px -24px rgba(20, 28, 18, 0.45);\n  animation: aseSearchIn 1s var(--ase-ease) 0.8s both;\n  display: flex;\n  align-items: stretch;\n  padding: 0.5rem;\n}\n.ase-search__field {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 0.2rem;\n  padding: 0.7rem 1.3rem;\n}\n.ase-search__field label {\n  font-size: 0.68rem;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--ase-gris-piedra);\n}\n.ase-search__field select {\n  font-family: var(--ase-font-sans);\n  font-size: 0.95rem;\n  color: var(--ase-negro-suave);\n  background: transparent;\n  border: none;\n  appearance: none;\n  cursor: pointer;\n}\n.ase-search__divider {\n  width: 1px;\n  align-self: center;\n  height: 34px;\n  background: rgba(138, 133, 121, 0.3);\n}\n.ase-search__submit {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: var(--ase-verde-bosque);\n  color: #fff;\n  border-radius: var(--ase-radius-md);\n  padding: 0 1.7rem;\n  font-size: 0.92rem;\n  font-weight: 500;\n  transition: background 0.4s var(--ase-ease), transform 0.3s var(--ase-ease);\n}\n.ase-search__submit:hover { background: #346b37; transform: translateY(-2px); }\n.ase-search__submit svg { transition: transform 0.4s var(--ase-ease); }\n.ase-search__submit:hover svg { transform: translateX(4px); }\n\n\/* ---------- 9. SCROLL INDICATOR ---------- *\/\n.ase-scroll-indicator {\n  position: absolute;\n  bottom: 100px;\n  right: clamp(1.25rem, 4vw, 3rem);\n  z-index: 5;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.6rem;\n  color: rgba(250, 247, 240, 0.75);\n  font-size: 0.7rem;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n.ase-scroll-indicator__line {\n  width: 1px;\n  height: 52px;\n  background: rgba(250, 247, 240, 0.4);\n  overflow: hidden;\n  position: relative;\n}\n.ase-scroll-indicator__line::after {\n  content: \"\";\n  position: absolute;\n  top: -100%; left: 0;\n  width: 100%; height: 100%;\n  background: var(--ase-verde-lima);\n  animation: ase-scroll-line 2.2s ease-in-out infinite;\n}\n@keyframes ase-scroll-line {\n  0% { top: -100%; }\n  60% { top: 100%; }\n  100% { top: 100%; }\n}\n\n\/* ---------- 10. PROPIEDADES ---------- *\/\n.ase-properties { padding: clamp(8rem, 12vw, 11rem) 0 clamp(5rem, 8vw, 7rem); }\n.ase-section-head { max-width: 640px; margin-bottom: clamp(3rem, 6vw, 4.5rem); }\n.ase-properties__grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: clamp(1.2rem, 2.4vw, 2.2rem);\n}\n.ase-property { grid-column: span 3; }\n.ase-property--lg { grid-column: span 6; }\n.ase-property__media {\n  position: relative;\n  display: block;\n  border-radius: var(--ase-radius-lg);\n  overflow: hidden;\n  aspect-ratio: 4 \/ 3;\n}\n.ase-property--lg .ase-property__media { aspect-ratio: 21 \/ 10; }\n.ase-property__media img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  transition: transform 1.1s var(--ase-ease);\n}\n.ase-property:hover .ase-property__media img { transform: scale(1.08); }\n.ase-property__tag {\n  position: absolute;\n  top: 1.2rem; left: 1.2rem;\n  background: rgba(250, 247, 240, 0.9);\n  color: var(--ase-verde-bosque);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 0.5rem 0.9rem;\n  border-radius: 999px;\n  transition: transform 0.5s var(--ase-ease);\n}\n.ase-property:hover .ase-property__tag { transform: translateY(-3px); }\n.ase-property__info { padding: 1.4rem 0.2rem 0; }\n.ase-property__info h3 {\n  font-size: 1.3rem;\n  margin-bottom: 0.35rem;\n}\n.ase-property__location {\n  color: var(--ase-gris-piedra);\n  font-size: 0.88rem;\n  margin-bottom: 0.9rem;\n}\n.ase-property__meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid rgba(138, 133, 121, 0.22);\n  padding-top: 0.9rem;\n}\n.ase-property__price {\n  font-family: var(--ase-font-serif);\n  font-size: 1.05rem;\n  color: var(--ase-verde-bosque);\n}\n.ase-property__link {\n  font-size: 0.85rem;\n  color: var(--ase-negro-suave);\n  position: relative;\n  transition: color 0.3s var(--ase-ease), gap 0.3s var(--ase-ease);\n}\n.ase-property__link:hover { color: var(--ase-verde-bosque); }\n.ase-properties__footer { display: flex; justify-content: center; margin-top: clamp(3rem, 6vw, 4rem); }\n\n\/* ---------- 11. EXPERIENCIA ---------- *\/\n.ase-experience {\n  padding: clamp(5rem, 8vw, 7rem) 0;\n  background: var(--ase-beige);\n}\n.ase-experience__grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-template-rows: auto auto;\n  gap: clamp(1.2rem, 2.4vw, 2rem);\n  align-items: stretch;\n}\n.ase-experience__block--text { grid-column: 1 \/ span 3; grid-row: 1; align-self: center; }\n.ase-experience__block--img-a { grid-column: 4 \/ span 3; grid-row: 1; border-radius: var(--ase-radius-lg); overflow: hidden; aspect-ratio: 16 \/ 10; }\n.ase-experience__block--img-b { grid-column: 1 \/ span 2; grid-row: 2; border-radius: var(--ase-radius-lg); overflow: hidden; aspect-ratio: 4 \/ 3; }\n.ase-experience__block--img-a img, .ase-experience__block--img-b img {\n  width: 100%; height: 100%; object-fit: cover; min-height: 260px;\n  transition: transform 1.4s var(--ase-ease);\n}\n.ase-experience__block--img-a:hover img, .ase-experience__block--img-b:hover img { transform: scale(1.06); }\n.ase-experience__lede {\n  margin-top: 1.4rem;\n  color: #4a4d43;\n  font-size: 1.05rem;\n  max-width: 40ch;\n  line-height: 1.65;\n}\n.ase-experience__quote {\n  grid-column: 3 \/ span 4;\n  grid-row: 2;\n  align-self: center;\n  font-size: clamp(1.1rem, 1.6vw, 1.4rem);\n  font-style: italic;\n  color: var(--ase-verde-bosque);\n  padding-left: 1.4rem;\n  border-left: 2px solid var(--ase-verde-lima);\n}\n\n\/* ---------- 12. SERVICIOS ---------- *\/\n.ase-services { padding: clamp(5rem, 8vw, 7rem) 0; }\n.ase-services__grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 1px;\n  background: rgba(138, 133, 121, 0.22);\n  border-top: 1px solid rgba(138, 133, 121, 0.22);\n  border-bottom: 1px solid rgba(138, 133, 121, 0.22);\n}\n.ase-service {\n  background: var(--ase-blanco-calido);\n  padding: 2.6rem 1.6rem;\n  transition: background 0.5s var(--ase-ease), transform 0.5s var(--ase-ease);\n}\n.ase-service:hover { background: var(--ase-beige); transform: translateY(-6px); }\n.ase-service__icon {\n  display: inline-flex;\n  width: 46px; height: 46px;\n  color: var(--ase-verde-bosque);\n  margin-bottom: 1.4rem;\n  transition: transform 0.5s var(--ase-ease), color 0.5s var(--ase-ease);\n}\n.ase-service__icon svg { width: 100%; height: 100%; }\n.ase-service:hover .ase-service__icon { transform: rotate(-8deg) scale(1.08); color: var(--ase-verde-lima-oscuro); }\n.ase-service h3 { font-size: 1.15rem; margin-bottom: 0.6rem; }\n.ase-service p { font-size: 0.9rem; color: var(--ase-gris-piedra); line-height: 1.5; }\n\n\/* ---------- 13. ESTAD\u00cdSTICAS ---------- *\/\n.ase-stats {\n  padding: clamp(4rem, 7vw, 5.5rem) 0;\n  background: var(--ase-verde-bosque);\n  color: var(--ase-blanco-calido);\n}\n.ase-stats__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1.5rem;\n  text-align: center;\n}\n.ase-stat__number {\n  font-family: var(--ase-font-serif);\n  font-size: clamp(2.4rem, 4.4vw, 3.6rem);\n  color: var(--ase-verde-lima);\n}\n.ase-stat__suffix {\n  font-family: var(--ase-font-serif);\n  font-size: clamp(2.4rem, 4.4vw, 3.6rem);\n  color: var(--ase-verde-lima);\n}\n.ase-stat__label {\n  margin-top: 0.4rem;\n  font-size: 0.85rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: rgba(250, 247, 240, 0.75);\n}\n\n\/* ---------- 14. \u00bfPOR QU\u00c9 SANTA ELENA? ---------- *\/\n.ase-why { padding: clamp(6rem, 9vw, 8rem) 0; }\n.ase-why__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(2rem, 5vw, 4rem);\n  align-items: center;\n}\n.ase-why__media {\n  border-radius: var(--ase-radius-lg);\n  overflow: hidden;\n  aspect-ratio: 4 \/ 5;\n}\n.ase-why__media img { width: 100%; height: 100%; object-fit: cover; }\n.ase-why__list { margin-top: 2rem; display: flex; flex-direction: column; gap: 1.1rem; }\n.ase-why__list li {\n  display: flex;\n  align-items: baseline;\n  gap: 1.1rem;\n  font-size: 1.02rem;\n  padding-bottom: 1.1rem;\n  border-bottom: 1px solid rgba(138, 133, 121, 0.22);\n}\n.ase-why__list li span {\n  font-family: var(--ase-font-serif);\n  color: var(--ase-verde-lima-oscuro);\n  font-size: 0.95rem;\n}\n\n\/* ---------- 15. TESTIMONIOS ---------- *\/\n.ase-testimonials { padding: clamp(5rem, 8vw, 7rem) 0; background: var(--ase-beige); }\n.ase-testimonials__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2rem;\n}\n.ase-testimonial {\n  background: var(--ase-blanco-calido);\n  border-radius: var(--ase-radius-lg);\n  padding: 2.4rem 2rem;\n  text-align: center;\n  transition: transform 0.5s var(--ase-ease), box-shadow 0.5s var(--ase-ease);\n}\n.ase-testimonial:hover { transform: translateY(-8px); box-shadow: 0 30px 50px -30px rgba(28, 33, 24, 0.3); }\n.ase-testimonial__avatar {\n  width: 64px; height: 64px;\n  border-radius: 50%;\n  object-fit: cover;\n  margin: 0 auto 1.4rem;\n  border: 2px solid var(--ase-verde-lima);\n}\n.ase-testimonial blockquote {\n  font-size: 1.02rem;\n  font-style: italic;\n  color: #3a3d34;\n  line-height: 1.6;\n}\n.ase-testimonial figcaption {\n  margin-top: 1.2rem;\n  font-size: 0.82rem;\n  letter-spacing: 0.04em;\n  color: var(--ase-gris-piedra);\n}\n\n\/* ---------- 16. CTA FINAL ---------- *\/\n.ase-cta {\n  position: relative;\n  min-height: 65vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n.ase-cta__media { position: absolute; inset: -8% 0 0 0; height: 116%; }\n.ase-cta__media img { width: 100%; height: 100%; object-fit: cover; }\n.ase-cta__overlay { position: absolute; inset: 0; background: rgba(20, 28, 18, 0.62); }\n.ase-cta__content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  color: #fff;\n  padding: 0 1.5rem;\n}\n.ase-cta__content h2 {\n  font-size: clamp(1.9rem, 4vw, 3.2rem);\n  max-width: 16ch;\n  margin: 0 auto 2.2rem;\n}\n\n\/* ---------- 17. FOOTER ---------- *\/\n.ase-footer { padding: clamp(4rem, 7vw, 5.5rem) 0 2rem; background: var(--ase-negro-suave); color: rgba(250, 247, 240, 0.82); }\n.ase-footer__grid {\n  display: grid;\n  grid-template-columns: 1.4fr 1fr 1fr 1fr;\n  gap: 2.5rem;\n  padding-bottom: 3rem;\n  border-bottom: 1px solid rgba(250, 247, 240, 0.14);\n}\n.ase-footer__logo-img { height: 44px; width: auto; margin-bottom: 1rem; filter: brightness(1.15); }\n.ase-footer__brand p { font-size: 0.9rem; max-width: 30ch; line-height: 1.6; }\n.ase-footer__col h4 {\n  font-family: var(--ase-font-sans);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--ase-verde-lima);\n  margin-bottom: 1rem;\n}\n.ase-footer__col p { font-size: 0.9rem; margin-bottom: 0.5rem; }\n.ase-footer__col a:hover { color: var(--ase-verde-lima); }\n.ase-footer__bottom { padding-top: 1.6rem; font-size: 0.78rem; color: rgba(250, 247, 240, 0.5); }\n\n\/* ============================================================================\n   RESPONSIVE \u2014 TABLET (\u2264 1024px)\n   ============================================================================ *\/\n@media (max-width: 1024px) {\n  .ase-nav__links { gap: 1.5rem; font-size: 0.86rem; }\n  .ase-properties__grid { grid-template-columns: repeat(2, 1fr); }\n  .ase-property, .ase-property--lg { grid-column: span 2; }\n  .ase-experience__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto auto; }\n  .ase-experience__block--text { grid-column: span 2; grid-row: 1; }\n  .ase-experience__block--img-a { grid-column: span 2; grid-row: 2; aspect-ratio: 16\/9; }\n  .ase-experience__block--img-b { grid-column: span 1; grid-row: 3; margin-top: 0; aspect-ratio: 4\/3; }\n  .ase-experience__quote { grid-column: span 1; grid-row: 3; margin-top: 0; }\n  .ase-services__grid { grid-template-columns: repeat(2, 1fr); }\n  .ase-why__grid { grid-template-columns: 1fr; }\n  .ase-why__media { order: -1; aspect-ratio: 16\/9; }\n  .ase-testimonials__grid { grid-template-columns: repeat(2, 1fr); }\n  .ase-footer__grid { grid-template-columns: 1fr 1fr; row-gap: 2.5rem; }\n}\n\n\/* ============================================================================\n   RESPONSIVE \u2014 MOBILE (\u2264 640px)\n   ============================================================================ *\/\n@media (max-width: 640px) {\n  .ase-nav__links {\n    position: fixed;\n    top: 74px; left: 0; right: 0;\n    background: rgba(250, 247, 240, 0.98);\n    backdrop-filter: blur(16px);\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1.6rem;\n    padding: 2rem clamp(1.25rem, 6vw, 2rem) 2.5rem;\n    transform: translateY(-12px);\n    opacity: 0;\n    pointer-events: none;\n    transition: transform 0.45s var(--ase-ease), opacity 0.45s var(--ase-ease);\n    box-shadow: 0 30px 40px -30px rgba(28,33,24,0.25);\n  }\n  .ase-nav__links.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }\n  .ase-nav__burger { display: flex; }\n  .ase-nav__cta { width: 100%; text-align: center; }\n\n  .ase-hero { min-height: 720px; }\n  .ase-search {\n    position: static;\n    transform: none;\n    animation: aseFadeInUp 1s var(--ase-ease) 0.4s both;\n    margin: -60px auto 0;\n    width: calc(100% - 2rem);\n    flex-direction: column;\n    gap: 0.4rem;\n    padding: 0.9rem;\n  }\n  .ase-search__divider { display: none; }\n  .ase-search__field { padding: 0.6rem 0.8rem; border-bottom: 1px solid rgba(138,133,121,0.2); }\n  .ase-search__submit { justify-content: center; margin-top: 0.4rem; padding: 0.95rem; }\n  .ase-scroll-indicator { display: none; }\n\n  .ase-properties { padding-top: 8rem; }\n  .ase-properties__grid { grid-template-columns: 1fr; }\n  .ase-property, .ase-property--lg { grid-column: span 1; }\n\n  .ase-experience__grid { grid-template-columns: 1fr; grid-template-rows: auto; }\n  .ase-experience__block--text,\n  .ase-experience__block--img-a,\n  .ase-experience__block--img-b,\n  .ase-experience__quote { grid-column: 1; }\n  .ase-experience__block--img-a { grid-row: auto; aspect-ratio: 4\/3; }\n  .ase-experience__block--img-b { grid-row: auto; aspect-ratio: 4\/3; margin-top: 0; }\n  .ase-experience__quote { grid-row: auto; margin-top: 0.5rem; }\n\n  .ase-services__grid { grid-template-columns: 1fr; }\n  .ase-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }\n  .ase-testimonials__grid { grid-template-columns: 1fr; }\n  .ase-footer__grid { grid-template-columns: 1fr; }\n}\n\n\/* ---------- 18. PREFERENCIA DE MOVIMIENTO REDUCIDO ---------- *\/\n@media (prefers-reduced-motion: reduce) {\n  .ase-root * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }\n}\n\n<\/style>\n\n<div class=\"ase-root\">\n\n  <!-- ============================== NAV ============================== -->\n  <header class=\"ase-nav\" id=\"ase-nav\">\n    <div class=\"ase-nav__inner\">\n      <a href=\"#\" class=\"ase-nav__logo\">\n        <img decoding=\"async\" src=\"https:\/\/propiedadessantaelena.com\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-31-at-11.44.38-AM.png\" alt=\"Alquilamos Santa Elena\" class=\"ase-nav__logo-img\">\n      <\/a>\n\n      <nav class=\"ase-nav__links\" aria-label=\"Navegaci\u00f3n principal\">\n        <a href=\"#propiedades\">Propiedades<\/a>\n        <a href=\"#experiencia\">Experiencia<\/a>\n        <a href=\"#servicios\">Servicios<\/a>\n        <a href=\"#santa-elena\">Santa Elena<\/a>\n        <a href=\"#contacto\" class=\"ase-nav__cta\">Contacto<\/a>\n      <\/nav>\n\n      <button class=\"ase-nav__burger\" id=\"ase-burger\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <!-- ============================== HERO ============================== -->\n  <section class=\"ase-hero\" id=\"inicio\">\n    <div class=\"ase-hero__media\" data-parallax>\n      <img decoding=\"async\"\n        src=\"https:\/\/images.unsplash.com\/photo-1449158743715-0a90ebb6d2d8?auto=format&fit=crop&w=2000&q=80\"\n        alt=\"Casa campestre moderna rodeada de bosque nativo en Santa Elena, Antioquia\"\n        class=\"ase-hero__img\"\n      \/>\n      <div class=\"ase-hero__overlay\"><\/div>\n    <\/div>\n\n    <div class=\"ase-hero__content\">\n      <p class=\"ase-eyebrow\">Santa Elena \u00b7 Antioquia<\/p>\n      <h1 class=\"ase-hero__title\">\n        No alquilamos propiedades.<br>\n        <em>Conectamos personas<\/em> con el lugar donde quieren vivir.\n      <\/h1>\n      <p class=\"ase-hero__subtitle\">\n        Casas campestres, caba\u00f1as y fincas entre bosques nativos, a minutos de Medell\u00edn.\n      <\/p>\n\n      <div class=\"ase-hero__actions\">\n        <a href=\"#propiedades\" class=\"ase-btn ase-btn--primary\">Explorar propiedades<\/a>\n        <a href=\"#experiencia\" class=\"ase-btn ase-btn--ghost\">Vivir la experiencia<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Buscador flotante integrado al hero -->\n    <form class=\"ase-search\" id=\"ase-search\">\n      <div class=\"ase-search__field\">\n        <label for=\"ase-ubicacion\">Ubicaci\u00f3n<\/label>\n        <select id=\"ase-ubicacion\" name=\"ubicacion\">\n          <option value=\"\">Toda Santa Elena<\/option>\n          <option value=\"mirador\">El Mirador<\/option>\n          <option value=\"reserva\">La Reserva<\/option>\n          <option value=\"pinos\">Entre Pinos<\/option>\n          <option value=\"bosque-alto\">Bosque Alto<\/option>\n        <\/select>\n      <\/div>\n\n      <span class=\"ase-search__divider\" aria-hidden=\"true\"><\/span>\n\n      <div class=\"ase-search__field\">\n        <label for=\"ase-tipo\">Tipo<\/label>\n        <select id=\"ase-tipo\" name=\"tipo\">\n          <option value=\"\">Cualquier tipo<\/option>\n          <option value=\"casa\">Casa campestre<\/option>\n          <option value=\"cabana\">Caba\u00f1a<\/option>\n          <option value=\"finca\">Finca<\/option>\n          <option value=\"parcela\">Parcela<\/option>\n        <\/select>\n      <\/div>\n\n      <span class=\"ase-search__divider\" aria-hidden=\"true\"><\/span>\n\n      <div class=\"ase-search__field\">\n        <label for=\"ase-precio\">Precio<\/label>\n        <select id=\"ase-precio\" name=\"precio\">\n          <option value=\"\">Sin l\u00edmite<\/option>\n          <option value=\"1\">Hasta $3.000.000<\/option>\n          <option value=\"2\">$3.000.000 \u2013 $6.000.000<\/option>\n          <option value=\"3\">M\u00e1s de $6.000.000<\/option>\n        <\/select>\n      <\/div>\n\n      <button type=\"submit\" class=\"ase-search__submit\" aria-label=\"Buscar propiedades\">\n        <span>Buscar<\/span>\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n    <\/form>\n\n    <div class=\"ase-scroll-indicator\" aria-hidden=\"true\">\n      <span class=\"ase-scroll-indicator__line\"><\/span>\n      <span class=\"ase-scroll-indicator__text\">Desliza<\/span>\n    <\/div>\n  <\/section>\n\n  <!-- ======================= PROPIEDADES DESTACADAS ======================= -->\n  <section class=\"ase-properties\" id=\"propiedades\">\n    <div class=\"ase-container\">\n      <div class=\"ase-section-head\" data-reveal>\n        <p class=\"ase-eyebrow\">Propiedades destacadas<\/p>\n        <h2 class=\"ase-section-title\">Cada rinc\u00f3n, una manera distinta de habitar la monta\u00f1a<\/h2>\n      <\/div>\n\n      <div class=\"ase-properties__grid\">\n\n        <!-- Propiedad 1 -->\n        <article class=\"ase-property ase-property--lg\" data-reveal>\n          <a href=\"#\" class=\"ase-property__media\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=80\"\n                 alt=\"Casa Campestre Bosque Alto, fachada moderna en madera y vidrio rodeada de \u00e1rboles\" loading=\"lazy\">\n            <span class=\"ase-property__tag\">Casa campestre<\/span>\n          <\/a>\n          <div class=\"ase-property__info\">\n            <h3>Casa Campestre Bosque Alto<\/h3>\n            <p class=\"ase-property__location\">Vereda Bosque Alto, Santa Elena<\/p>\n            <div class=\"ase-property__meta\">\n              <span class=\"ase-property__price\">$5.200.000 \/ mes<\/span>\n              <a href=\"#contacto\" class=\"ase-property__link\">Ver propiedad \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Propiedad 2 -->\n        <article class=\"ase-property\" data-reveal>\n          <a href=\"#\" class=\"ase-property__media\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523217582562-09d0def993a6?auto=format&fit=crop&w=1200&q=80\"\n                 alt=\"Caba\u00f1a El Mirador entre pinos, con vista panor\u00e1mica a las monta\u00f1as\" loading=\"lazy\">\n            <span class=\"ase-property__tag\">Caba\u00f1a<\/span>\n          <\/a>\n          <div class=\"ase-property__info\">\n            <h3>Caba\u00f1a El Mirador<\/h3>\n            <p class=\"ase-property__location\">Alto del Mirador, Santa Elena<\/p>\n            <div class=\"ase-property__meta\">\n              <span class=\"ase-property__price\">$3.100.000 \/ mes<\/span>\n              <a href=\"#contacto\" class=\"ase-property__link\">Ver propiedad \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Propiedad 3 -->\n        <article class=\"ase-property\" data-reveal>\n          <a href=\"#\" class=\"ase-property__media\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518780664697-55e3ad937233?auto=format&fit=crop&w=1200&q=80\"\n                 alt=\"Finca La Reserva, casa amplia rodeada de prados verdes\" loading=\"lazy\">\n            <span class=\"ase-property__tag\">Finca<\/span>\n          <\/a>\n          <div class=\"ase-property__info\">\n            <h3>Finca La Reserva<\/h3>\n            <p class=\"ase-property__location\">Sector La Reserva, Santa Elena<\/p>\n            <div class=\"ase-property__meta\">\n              <span class=\"ase-property__price\">$8.900.000 \/ mes<\/span>\n              <a href=\"#contacto\" class=\"ase-property__link\">Ver propiedad \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Propiedad 4 -->\n        <article class=\"ase-property\" data-reveal>\n          <a href=\"#\" class=\"ase-property__media\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571003123894-1f0594d2b5d9?auto=format&fit=crop&w=1200&q=80\"\n                 alt=\"Refugio Entre Pinos, caba\u00f1a peque\u00f1a de descanso en el bosque\" loading=\"lazy\">\n            <span class=\"ase-property__tag\">Refugio<\/span>\n          <\/a>\n          <div class=\"ase-property__info\">\n            <h3>Refugio Entre Pinos<\/h3>\n            <p class=\"ase-property__location\">Vereda Piedras Blancas, Santa Elena<\/p>\n            <div class=\"ase-property__meta\">\n              <span class=\"ase-property__price\">$2.400.000 \/ mes<\/span>\n              <a href=\"#contacto\" class=\"ase-property__link\">Ver propiedad \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Propiedad 5 -->\n        <article class=\"ase-property ase-property--lg\" data-reveal>\n          <a href=\"#\" class=\"ase-property__media\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568605114967-8130f3a36994?auto=format&fit=crop&w=1400&q=80\"\n                 alt=\"Casa Horizonte Verde, arquitectura contempor\u00e1nea con grandes ventanales al paisaje\" loading=\"lazy\">\n            <span class=\"ase-property__tag\">Casa campestre<\/span>\n          <\/a>\n          <div class=\"ase-property__info\">\n            <h3>Casa Horizonte Verde<\/h3>\n            <p class=\"ase-property__location\">Vereda El Placer, Santa Elena<\/p>\n            <div class=\"ase-property__meta\">\n              <span class=\"ase-property__price\">$6.700.000 \/ mes<\/span>\n              <a href=\"#contacto\" class=\"ase-property__link\">Ver propiedad \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"ase-properties__footer\" data-reveal>\n        <a href=\"#\" class=\"ase-btn ase-btn--outline\">Ver todas las propiedades<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ EXPERIENCIA ============================ -->\n  <section class=\"ase-experience\" id=\"experiencia\">\n    <div class=\"ase-container\">\n      <div class=\"ase-experience__grid\">\n\n        <div class=\"ase-experience__block ase-experience__block--text\" data-reveal>\n          <p class=\"ase-eyebrow\">La experiencia<\/p>\n          <h2 class=\"ase-section-title\">No vendemos casas.<br>Vendemos una forma distinta de vivir.<\/h2>\n          <p class=\"ase-experience__lede\">\n            Despertar entre niebla de monta\u00f1a. Caminar descalzo sobre pasto h\u00famedo.\n            Escuchar el silencio real, sin ruido de ciudad. Eso tambi\u00e9n hace parte\n            de la propiedad.\n          <\/p>\n        <\/div>\n\n        <figure class=\"ase-experience__block ase-experience__block--img-a\" data-reveal>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1200&q=80\"\n               alt=\"Sendero rodeado de \u00e1rboles altos en Santa Elena\" loading=\"lazy\">\n        <\/figure>\n\n        <figure class=\"ase-experience__block ase-experience__block--img-b\" data-reveal>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1200&q=80\"\n               alt=\"Bosque nativo denso y verde caracter\u00edstico de Santa Elena\" loading=\"lazy\">\n        <\/figure>\n\n        <blockquote class=\"ase-experience__quote\" data-reveal>\n          \u201cAqu\u00ed el tiempo se mide en amaneceres, no en notificaciones.\u201d\n        <\/blockquote>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================== SERVICIOS ============================== -->\n  <section class=\"ase-services\" id=\"servicios\">\n    <div class=\"ase-container\">\n      <div class=\"ase-section-head\" data-reveal>\n        <p class=\"ase-eyebrow\">Servicios<\/p>\n        <h2 class=\"ase-section-title\">Acompa\u00f1amiento integral, de principio a fin<\/h2>\n      <\/div>\n\n      <div class=\"ase-services__grid\">\n\n        <div class=\"ase-service\" data-reveal>\n          <span class=\"ase-service__icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><path d=\"M24 6 6 20v22h36V20L24 6Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><path d=\"M18 42V26h12v16\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n          <\/span>\n          <h3>Venta<\/h3>\n          <p>Propiedades campestres seleccionadas, listas para una nueva vida.<\/p>\n        <\/div>\n\n        <div class=\"ase-service\" data-reveal>\n          <span class=\"ase-service__icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 24h28M24 10l14 14-14 14\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          <h3>Arriendo<\/h3>\n          <p>Contratos claros, procesos \u00e1giles y opciones para cada estilo de vida.<\/p>\n        <\/div>\n\n        <div class=\"ase-service\" data-reveal>\n          <span class=\"ase-service__icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><circle cx=\"24\" cy=\"18\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M10 42c2-9 8-14 14-14s12 5 14 14\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n          <\/span>\n          <h3>Administraci\u00f3n<\/h3>\n          <p>Cuidamos tu propiedad como si fuera nuestra, todo el a\u00f1o.<\/p>\n        <\/div>\n\n        <div class=\"ase-service\" data-reveal>\n          <span class=\"ase-service__icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8 40h32M14 40V16l10-8 10 8v24\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><path d=\"M20 40V26h8v14\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n          <\/span>\n          <h3>Aval\u00faos<\/h3>\n          <p>Valoraciones precisas basadas en el mercado real de Santa Elena.<\/p>\n        <\/div>\n\n        <div class=\"ase-service\" data-reveal>\n          <span class=\"ase-service__icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\"><path d=\"M24 6c-7 6-12 13-12 21a12 12 0 0 0 24 0c0-8-5-15-12-21Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          <h3>Asesor\u00eda<\/h3>\n          <p>Te guiamos en cada decisi\u00f3n, con calma y total transparencia.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================== ESTAD\u00cdSTICAS ============================== -->\n  <section class=\"ase-stats\" id=\"cifras\">\n    <div class=\"ase-container ase-stats__grid\">\n      <div class=\"ase-stat\" data-reveal>\n        <span class=\"ase-stat__number\" data-count=\"180\">0<\/span>\n        <span class=\"ase-stat__suffix\">+<\/span>\n        <p class=\"ase-stat__label\">Propiedades<\/p>\n      <\/div>\n      <div class=\"ase-stat\" data-reveal>\n        <span class=\"ase-stat__number\" data-count=\"620\">0<\/span>\n        <span class=\"ase-stat__suffix\">+<\/span>\n        <p class=\"ase-stat__label\">Clientes<\/p>\n      <\/div>\n      <div class=\"ase-stat\" data-reveal>\n        <span class=\"ase-stat__number\" data-count=\"12\">0<\/span>\n        <p class=\"ase-stat__label\">A\u00f1os<\/p>\n      <\/div>\n      <div class=\"ase-stat\" data-reveal>\n        <span class=\"ase-stat__number\" data-count=\"6\">0<\/span>\n        <p class=\"ase-stat__label\">Municipios<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ \u00bfPOR QU\u00c9 SANTA ELENA? ============================ -->\n  <section class=\"ase-why\" id=\"santa-elena\">\n    <div class=\"ase-container\">\n      <div class=\"ase-why__grid\">\n\n        <div class=\"ase-why__text\" data-reveal>\n          <p class=\"ase-eyebrow\">\u00bfPor qu\u00e9 Santa Elena?<\/p>\n          <h2 class=\"ase-section-title\">Naturaleza a 20 minutos de la ciudad<\/h2>\n          <p class=\"ase-experience__lede\">\n            Bosques nativos, aire puro y senderos infinitos, sin renunciar a la\n            cercan\u00eda con Medell\u00edn. Un equilibrio real entre tranquilidad y\n            conveniencia.\n          <\/p>\n\n          <ul class=\"ase-why__list\">\n            <li><span>01<\/span>Bosques nativos y biodiversidad<\/li>\n            <li><span>02<\/span>Aire puro todo el a\u00f1o<\/li>\n            <li><span>03<\/span>20 minutos de Medell\u00edn<\/li>\n            <li><span>04<\/span>Senderismo y vida al aire libre<\/li>\n            <li><span>05<\/span>Calidad de vida sin prisa<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"ase-why__media\" data-reveal>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1400&q=80\"\n               alt=\"Paisaje de monta\u00f1as verdes y niebla al amanecer en Santa Elena\" loading=\"lazy\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================== TESTIMONIOS ============================== -->\n  <section class=\"ase-testimonials\" id=\"testimonios\">\n    <div class=\"ase-container\">\n      <div class=\"ase-section-head\" data-reveal>\n        <p class=\"ase-eyebrow\">Testimonios<\/p>\n        <h2 class=\"ase-section-title\">Historias de quienes ya cambiaron de vida<\/h2>\n      <\/div>\n\n      <div class=\"ase-testimonials__grid\">\n\n        <figure class=\"ase-testimonial\" data-reveal>\n          <img decoding=\"async\" class=\"ase-testimonial__avatar\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=200&q=80\" alt=\"Retrato de Camila R., cliente\" loading=\"lazy\">\n          <blockquote>\u201cLlegamos a ver una casa y nos fuimos con un estilo de vida nuevo.\u201d<\/blockquote>\n          <figcaption>Camila R. \u2014 Casa Horizonte Verde<\/figcaption>\n        <\/figure>\n\n        <figure class=\"ase-testimonial\" data-reveal>\n          <img decoding=\"async\" class=\"ase-testimonial__avatar\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80\" alt=\"Retrato de Andr\u00e9s M., cliente\" loading=\"lazy\">\n          <blockquote>\u201cEl proceso fue tranquilo, humano y transparente de principio a fin.\u201d<\/blockquote>\n          <figcaption>Andr\u00e9s M. \u2014 Caba\u00f1a El Mirador<\/figcaption>\n        <\/figure>\n\n        <figure class=\"ase-testimonial\" data-reveal>\n          <img decoding=\"async\" class=\"ase-testimonial__avatar\" src=\"https:\/\/images.unsplash.com\/photo-1487412720507-e7ab37603c6f?auto=format&fit=crop&w=200&q=80\" alt=\"Retrato de Luisa F., cliente\" loading=\"lazy\">\n          <blockquote>\u201cCada ma\u00f1ana agradezco haber encontrado este lugar.\u201d<\/blockquote>\n          <figcaption>Luisa F. \u2014 Finca La Reserva<\/figcaption>\n        <\/figure>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================== CTA FINAL ============================== -->\n  <section class=\"ase-cta\" id=\"contacto\">\n    <div class=\"ase-cta__media\" data-parallax>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=2000&q=80\"\n           alt=\"Camino verde entre \u00e1rboles hacia una casa campestre en Santa Elena\" loading=\"lazy\">\n      <div class=\"ase-cta__overlay\"><\/div>\n    <\/div>\n    <div class=\"ase-cta__content\" data-reveal>\n      <h2>Tu pr\u00f3ximo hogar ya est\u00e1 esperando entre la monta\u00f1a.<\/h2>\n      <a href=\"mailto:24sieteaidgency@gmail.com\" class=\"ase-btn ase-btn--primary\">Hablemos hoy<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ============================== FOOTER ============================== -->\n  <footer class=\"ase-footer\">\n    <div class=\"ase-container ase-footer__grid\">\n      <div class=\"ase-footer__brand\">\n        <img decoding=\"async\" src=\"https:\/\/propiedadessantaelena.com\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-31-at-11.44.38-AM.png\" alt=\"Alquilamos Santa Elena\" class=\"ase-footer__logo-img\">\n        <p>Inmobiliaria especializada en vida campestre, Santa Elena, Antioquia.<\/p>\n      <\/div>\n\n      <div class=\"ase-footer__col\">\n        <h4>Contacto<\/h4>\n        <p><a href=\"mailto:contacto@propiedadessantaelena.com\">contacto@propiedadessantaelena.com<\/a><\/p>\n        <p><a href=\"tel:+573000000000\">+57 300 000 0000<\/a><\/p>\n      <\/div>\n\n      <div class=\"ase-footer__col\">\n        <h4>Ubicaci\u00f3n<\/h4>\n        <p>Santa Elena, Antioquia, Colombia<\/p>\n      <\/div>\n\n      <div class=\"ase-footer__col\">\n        <h4>S\u00edguenos<\/h4>\n        <p><a href=\"https:\/\/www.instagram.com\/alquilamossantaelena\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ase-container ase-footer__bottom\">\n      <p>\u00a9 <span id=\"ase-year\"><\/span> Alquilamos Santa Elena. Todos los derechos reservados Sitio web hecho por la Fundaci\u00f3n 24siete aidgency.<\/p>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<!-- Enlace al script (ajusta la ruta seg\u00fan donde lo subas) -->\n<script>\n\/* ============================================================================\n   ALQUILAMOS SANTA ELENA \u2014 INTERACCIONES\n   ----------------------------------------------------------------------------\n   Vanilla JS puro, sin librer\u00edas externas. Pensado para pegarse en un widget\n   \"HTML\" de Elementor (envuelto en <script>) o encolarse como archivo aparte.\n   Todo el c\u00f3digo se ejecuta dentro de un solo IIFE para no filtrar variables\n   al scope global de la p\u00e1gina.\n   ============================================================================ *\/\n(function () {\n  \"use strict\";\n\n  \/\/ Importante: en algunos contextos (por ejemplo, el editor visual de\n  \/\/ Elementor) este <script> se inserta en el DOM DESPU\u00c9S de que el evento\n  \/\/ \"DOMContentLoaded\" ya ocurri\u00f3. Si solo escuch\u00e1ramos ese evento, init()\n  \/\/ nunca se ejecutar\u00eda y el contenido con [data-reveal] quedar\u00eda invisible\n  \/\/ para siempre. Por eso comprobamos el estado real del documento primero.\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n\n  function init() {\n    setFooterYear();\n    initNavScrollState();\n    initMobileMenu();\n    initScrollReveal();\n    initParallax();\n    initStatsCounter();\n    initSearchForm();\n    initSmoothAnchors();\n    initImageFallback();\n  }\n\n  \/* ---------- Respaldo de im\u00e1genes ----------\n     Si alguna foto externa (Unsplash) no carga por cualquier motivo\n     (bloqueo de hotlinking, sin conexi\u00f3n, foto movida, etc.), esta funci\u00f3n\n     la reemplaza autom\u00e1ticamente por una ilustraci\u00f3n de marca en verdes de\n     Alquilamos Santa Elena, para que la p\u00e1gina nunca muestre un \u00edcono de\n     \"imagen rota\". El logo real (header\/footer) queda excluido. *\/\n  function initImageFallback() {\n    var imgs = document.querySelectorAll(\".ase-root img\");\n    if (!imgs.length) return;\n\n    imgs.forEach(function (img) {\n      img.addEventListener(\"error\", function onError() {\n        img.removeEventListener(\"error\", onError);\n        if (\n          img.classList.contains(\"ase-nav__logo-img\") ||\n          img.classList.contains(\"ase-footer__logo-img\")\n        ) {\n          return; \/\/ el logo real nunca se reemplaza\n        }\n        img.src = buildFallbackImage();\n        img.classList.add(\"ase-img-fallback\");\n      });\n    });\n  }\n\n  function buildFallbackImage() {\n    var svg =\n      '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 600\">' +\n      '<defs><linearGradient id=\"aseg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">' +\n      '<stop offset=\"0\" stop-color=\"#5dc279\"\/>' +\n      '<stop offset=\"1\" stop-color=\"#3d7f40\"\/>' +\n      \"<\/linearGradient><\/defs>\" +\n      '<rect width=\"800\" height=\"600\" fill=\"url(#aseg)\"\/>' +\n      '<g fill=\"#faf7f0\" opacity=\"0.92\">' +\n      '<path d=\"M400 150 L575 285 L525 285 L525 420 L275 420 L275 285 L225 285 Z\"\/>' +\n      '<rect x=\"330\" y=\"330\" width=\"45\" height=\"45\"\/>' +\n      '<rect x=\"425\" y=\"330\" width=\"45\" height=\"45\" opacity=\"0.6\"\/>' +\n      \"<\/g>\" +\n      '<text x=\"400\" y=\"480\" font-family=\"Georgia, serif\" font-size=\"26\" ' +\n      'fill=\"#faf7f0\" text-anchor=\"middle\" opacity=\"0.85\">Alquilamos Santa Elena<\/text>' +\n      \"<\/svg>\";\n    return \"data:image\/svg+xml;charset=UTF-8,\" + encodeURIComponent(svg);\n  }\n\n  \/* ---------- A\u00f1o din\u00e1mico en el footer ---------- *\/\n  function setFooterYear() {\n    var yearEl = document.getElementById(\"ase-year\");\n    if (yearEl) yearEl.textContent = new Date().getFullYear();\n  }\n\n  \/* ---------- Nav: fondo s\u00f3lido al hacer scroll ---------- *\/\n  function initNavScrollState() {\n    var nav = document.getElementById(\"ase-nav\");\n    if (!nav) return;\n\n    function onScroll() {\n      if (window.scrollY > 40) {\n        nav.classList.add(\"is-scrolled\");\n      } else {\n        nav.classList.remove(\"is-scrolled\");\n      }\n    }\n    onScroll();\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\n  }\n\n  \/* ---------- Men\u00fa m\u00f3vil (burger) ---------- *\/\n  function initMobileMenu() {\n    var burger = document.getElementById(\"ase-burger\");\n    var nav = document.getElementById(\"ase-nav\");\n    if (!burger || !nav) return;\n    var links = nav.querySelector(\".ase-nav__links\");\n\n    burger.addEventListener(\"click\", function () {\n      var isOpen = burger.classList.toggle(\"is-open\");\n      links.classList.toggle(\"is-open\", isOpen);\n      burger.setAttribute(\"aria-expanded\", String(isOpen));\n    });\n\n    \/\/ Cierra el men\u00fa al tocar un link (mobile)\n    links.querySelectorAll(\"a\").forEach(function (link) {\n      link.addEventListener(\"click\", function () {\n        burger.classList.remove(\"is-open\");\n        links.classList.remove(\"is-open\");\n        burger.setAttribute(\"aria-expanded\", \"false\");\n      });\n    });\n  }\n\n  \/* ---------- Reveal on scroll (fade + slide suave) ---------- *\/\n  function initScrollReveal() {\n    var targets = document.querySelectorAll(\"[data-reveal]\");\n    if (!targets.length) return;\n\n    \/\/ Fallback si el navegador no soporta IntersectionObserver\n    if (!(\"IntersectionObserver\" in window)) {\n      targets.forEach(function (el) { el.classList.add(\"is-visible\"); });\n      return;\n    }\n\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry, i) {\n          if (entry.isIntersecting) {\n            \/\/ peque\u00f1o stagger para que los elementos no aparezcan todos a la vez\n            var delay = (i % 5) * 90;\n            setTimeout(function () {\n              entry.target.classList.add(\"is-visible\");\n            }, delay);\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      { threshold: 0.14, rootMargin: \"0px 0px -60px 0px\" }\n    );\n\n    targets.forEach(function (el) { observer.observe(el); });\n\n    \/\/ Red de seguridad: si por cualquier raz\u00f3n un elemento nunca se marca\n    \/\/ como visible (observer que no dispara, secci\u00f3n muy corta, contexto de\n    \/\/ editor, etc.), lo forzamos visible a los 2.5s para que nada quede\n    \/\/ oculto para siempre.\n    setTimeout(function () {\n      document.querySelectorAll(\"[data-reveal]:not(.is-visible)\").forEach(function (el) {\n        el.classList.add(\"is-visible\");\n      });\n    }, 2500);\n  }\n\n  \/* ---------- Parallax suave en im\u00e1genes de hero y CTA ---------- *\/\n  function initParallax() {\n    var layers = document.querySelectorAll(\"[data-parallax]\");\n    if (!layers.length) return;\n\n    var ticking = false;\n\n    function update() {\n      var viewportH = window.innerHeight;\n      layers.forEach(function (layer) {\n        var rect = layer.parentElement.getBoundingClientRect();\n        \/\/ Solo mueve la capa mientras su secci\u00f3n est\u00e1 cerca del viewport\n        if (rect.bottom < 0 || rect.top > viewportH) return;\n        var progress = (rect.top) \/ viewportH; \/\/ -1 (arriba) a 1 (abajo)\n        var offset = progress * 60; \/\/ desplazamiento m\u00e1x. en px\n        layer.style.transform = \"translateY(\" + offset.toFixed(2) + \"px)\";\n      });\n      ticking = false;\n    }\n\n    function onScroll() {\n      if (!ticking) {\n        window.requestAnimationFrame(update);\n        ticking = true;\n      }\n    }\n\n    update();\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\n    window.addEventListener(\"resize\", onScroll);\n  }\n\n  \/* ---------- Animaci\u00f3n de n\u00fameros en la secci\u00f3n de estad\u00edsticas ---------- *\/\n  function initStatsCounter() {\n    var stats = document.querySelectorAll(\".ase-stat__number\");\n    if (!stats.length) return;\n\n    function animateCount(el) {\n      var target = parseInt(el.getAttribute(\"data-count\"), 10) || 0;\n      var duration = 1600;\n      var startTime = null;\n\n      function step(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        \/\/ easeOutCubic para una desaceleraci\u00f3n elegante\n        var eased = 1 - Math.pow(1 - progress, 3);\n        el.textContent = Math.floor(eased * target);\n        if (progress < 1) {\n          window.requestAnimationFrame(step);\n        } else {\n          el.textContent = target;\n        }\n      }\n      window.requestAnimationFrame(step);\n    }\n\n    if (!(\"IntersectionObserver\" in window)) {\n      stats.forEach(animateCount);\n      return;\n    }\n\n    var statsObserver = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            animateCount(entry.target);\n            statsObserver.unobserve(entry.target);\n          }\n        });\n      },\n      { threshold: 0.5 }\n    );\n\n    stats.forEach(function (el) { statsObserver.observe(el); });\n  }\n\n  \/* ---------- Buscador del hero ---------- *\/\n  function initSearchForm() {\n    var form = document.getElementById(\"ase-search\");\n    if (!form) return;\n\n    form.addEventListener(\"submit\", function (e) {\n      e.preventDefault();\n\n      var ubicacion = form.querySelector(\"#ase-ubicacion\").value;\n      var tipo = form.querySelector(\"#ase-tipo\").value;\n      var precio = form.querySelector(\"#ase-precio\").value;\n\n      \/\/ Aqu\u00ed se puede integrar con el buscador real de propiedades\n      \/\/ (por ejemplo, filtrando tarjetas o redirigiendo a una p\u00e1gina de resultados).\n      console.log(\"B\u00fasqueda Alquilamos Santa Elena:\", { ubicacion: ubicacion, tipo: tipo, precio: precio });\n\n      var propiedades = document.getElementById(\"propiedades\");\n      if (propiedades) {\n        propiedades.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n    });\n  }\n\n  \/* ---------- Scroll suave para anclas internas ---------- *\/\n  function initSmoothAnchors() {\n    document.querySelectorAll('.ase-root a[href^=\"#\"]').forEach(function (link) {\n      link.addEventListener(\"click\", function (e) {\n        var id = link.getAttribute(\"href\");\n        if (!id || id === \"#\") return;\n        var target = document.querySelector(id);\n        if (!target) return;\n        e.preventDefault();\n        target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      });\n    });\n  }\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":8,"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/propiedadessantaelena.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}