{"id":9546,"date":"2026-09-14T16:41:14","date_gmt":"2026-09-14T22:41:14","guid":{"rendered":"https:\/\/laherenciasantacruz.com\/?page_id=9546"},"modified":"2026-09-16T21:07:01","modified_gmt":"2026-09-17T03:07:01","slug":"residencia-zafiro","status":"publish","type":"page","link":"https:\/\/laherenciasantacruz.com\/en\/residencia-zafiro\/","title":{"rendered":"Residencia Zafiro"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9546\" class=\"elementor elementor-9546\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0e3e12 elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c0e3e12\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/laherenciasantacruz.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Zafiro.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0e8b19\" data-id=\"c0e8b19\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-66da84b e-con-full e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"66da84b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65df8f0 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"65df8f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     Secci\u00f3n 01: Residencia Zafiro\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Variables encapsuladas exclusivas para esta secci\u00f3n *\/\r\n  .rp-hero-section {\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1EA;\r\n    --rp-blanco: #FFFFFF;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    background: transparent; \/* Fondo eliminado *\/\r\n    font-family: var(--rp-sans);\r\n    -webkit-font-smoothing: antialiased;\r\n    margin: 0;\r\n    padding: 40px 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Contenedor principal que agrupa el texto y el precio *\/\r\n  .rp-hero-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n    color: var(--rp-crema);\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n  }\r\n\r\n  \/* Limitador de ancho para los textos descriptivos *\/\r\n  .rp-hero-left {\r\n    max-width: 620px;\r\n  }\r\n\r\n  \/* Tipograf\u00eda de la etiqueta superior (Eyebrow) *\/\r\n  .rp-hero-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-blanco);\r\n    font-weight: 600;\r\n    display: block;\r\n  }\r\n\r\n  \/* T\u00edtulo principal (Color fijado para evitar herencia de Elementor\/Tema) *\/\r\n  .rp-hero-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 76px;\r\n    line-height: 1;\r\n    margin: 16px 0 18px;\r\n    font-weight: 400;\r\n    color: var(--rp-crema) !important; \/* <-- Correcci\u00f3n de color aqu\u00ed *\/\r\n  }\r\n\r\n  \/* Estilo it\u00e1lico para la primera palabra del t\u00edtulo (\"Residencia\") *\/\r\n  .rp-hero-title em {\r\n    font-style: normal;\r\n    display: block;\r\n    font-size: 30px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    opacity: 0.85;\r\n    margin-bottom: 8px;\r\n    color: var(--rp-crema) !important; \/* <-- Aseguramos que \"Residencia\" tambi\u00e9n tome el color *\/\r\n  }\r\n\r\n  \/* P\u00e1rrafo descriptivo *\/\r\n  .rp-hero-text {\r\n    font-size: 19px;\r\n    line-height: 1.55;\r\n    color: rgba(244, 241, 234, 0.86);\r\n    max-width: 470px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* Contenedor flexible para alinear los botones *\/\r\n  .rp-hero-ctas {\r\n    display: flex;\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* =========================================\r\n     ESTILOS DE BOTONES CON EFECTOS MACOS\r\n     ========================================= *\/\r\n  .rp-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px 30px;\r\n    font-size: 12px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    border-radius: 25px;\r\n    border: 1px solid transparent;\r\n    transition: all 0.22s cubic-bezier(0.25, 1, 0.5, 1);\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Bot\u00f3n Principal (VER LA DISTRIBUCI\u00d3N) *\/\r\n  .rp-btn-primary {\r\n    background: var(--rp-terracota);\r\n    color: var(--rp-crema) !important;\r\n  }\r\n\r\n  .rp-btn-primary:hover {\r\n    background: #7a351b;\r\n  }\r\n\r\n  \/* Bot\u00f3n Secundario (AGENDAR CITA) *\/\r\n  .rp-btn-ghost {\r\n    background: transparent;\r\n    color: var(--rp-crema) !important;\r\n    border-color: rgba(244, 241, 234, 0.5);\r\n  }\r\n\r\n  .rp-btn-ghost:hover {\r\n    background: rgba(244, 241, 234, 0.12);\r\n  }\r\n\r\n  \/* Efecto clic (Estilo macOS) *\/\r\n  .rp-btn:active {\r\n    transform: scale(0.96);\r\n    opacity: 0.65;\r\n  }\r\n\r\n  \/* =========================================\r\n     PRECIO Y AJUSTES RESPONSIVOS\r\n     ========================================= *\/\r\n  .rp-hero-price {\r\n    text-align: right;\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .rp-hero-price span {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-blanco);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rp-hero-price strong {\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 40px;\r\n    font-weight: 400;\r\n    margin-top: 8px;\r\n    color: var(--rp-crema);\r\n  }\r\n\r\n  \/* Adaptaci\u00f3n para pantallas peque\u00f1as *\/\r\n  @media(max-width: 1200px) {\r\n    .rp-hero-wrap { width: calc(100% - 56px); }\r\n    .rp-hero-title { font-size: 60px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-hero-section\">\r\n  <div class=\"rp-hero-wrap\">\r\n    \r\n    <!-- Bloque Izquierdo: Textos y Botones -->\r\n    <div class=\"rp-hero-left\">\r\n      <span class=\"rp-hero-eyebrow\">Residencias de autor \u00b7 La Paz, B.C.S.<\/span>\r\n      <h1 class=\"rp-hero-title\"><em>Residencia<\/em>Zafiro<\/h1>\r\n      <p class=\"rp-hero-text\">Dos niveles, 187 m\u00b2 de construcci\u00f3n y tres rec\u00e1maras, todas con vestidor y ba\u00f1o privado.<\/p>\r\n      \r\n      <div class=\"rp-hero-ctas\">\r\n        <a class=\"rp-btn rp-btn-primary\" href=\"#distribucion\">VER LA DISTRIBUCI\u00d3N<\/a>\r\n        <a class=\"rp-btn rp-btn-ghost\" href=\"#contacto\">AGENDAR CITA<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bloque Derecho: Precio -->\r\n    <div class=\"rp-hero-price\">\r\n      <span>Desde<\/span>\r\n      <strong>$8,950,000 MXN<\/strong>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-525ad0e e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"525ad0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fbfab8 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2fbfab8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 02: DISTRIBUCI\u00d3N EN 2 NIVELES\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Variables encapsuladas para aislar la secci\u00f3n *\/\r\n  .rp-intro-section {\r\n    --rp-verde: #3C4741;\r\n    --rp-dorado: #A8884C;\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1EA;\r\n    --rp-texto: #5A5E58;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    background: var(--rp-crema);\r\n    color: var(--rp-verde);\r\n    font-family: var(--rp-sans);\r\n    padding: 110px 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-intro-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Contenedor principal alineado a la cuadr\u00edcula *\/\r\n  .rp-intro-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.05fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* =========================================\r\n     CONFIGURACI\u00d3N DE IMAGEN Y ANIMACI\u00d3N\r\n     ========================================= *\/\r\n  .rp-intro-figure {\r\n    width: 100%;\r\n    border-radius: 25px;\r\n    overflow: hidden; \r\n    position: relative;\r\n    box-shadow: 0 15px 40px rgba(60, 71, 65, 0.08); \r\n  }\r\n\r\n  .rp-intro-figure img {\r\n    width: 100%;\r\n    aspect-ratio: 4\/3; \r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); \r\n  }\r\n\r\n  \/* Animaci\u00f3n hover: Ampliaci\u00f3n de la imagen *\/\r\n  .rp-intro-figure:hover img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* =========================================\r\n     TEXTOS Y TIPOGRAF\u00cdA\r\n     ========================================= *\/\r\n  .rp-intro-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n  }\r\n\r\n  .rp-intro-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 46px;\r\n    line-height: 1.15;\r\n    margin: 16px 0 0;\r\n    font-weight: 400;\r\n    color: var(--rp-verde) !important;\r\n    text-transform: none !important; \/* <--- BLINDAJE A\u00d1ADIDO AQU\u00cd *\/\r\n  }\r\n\r\n  .rp-intro-rule {\r\n    width: 56px;\r\n    height: 2px;\r\n    background: var(--rp-terracota);\r\n    margin: 22px 0 26px;\r\n  }\r\n\r\n  .rp-intro-body {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    color: var(--rp-texto);\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  \/* Pilares *\/\r\n  .rp-intro-pillars {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 26px;\r\n  }\r\n\r\n  .rp-intro-pillar {\r\n    border-top: 1px solid var(--rp-dorado);\r\n    padding-top: 14px;\r\n    font-family: var(--rp-serif);\r\n    font-size: 17px;\r\n    line-height: 1.35;\r\n    color: var(--rp-verde);\r\n  }\r\n\r\n  \/* Ajustes b\u00e1sicos para pantallas m\u00e1s peque\u00f1as *\/\r\n  @media(max-width: 1200px) {\r\n    .rp-intro-wrap {\r\n      width: calc(100% - 56px);\r\n      gap: 50px;\r\n    }\r\n  }\r\n\r\n  \/* Apilamiento para m\u00f3viles *\/\r\n  @media(max-width: 850px) {\r\n    .rp-intro-wrap {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .rp-intro-section {\r\n      padding: 60px 0;\r\n    }\r\n    .rp-intro-pillars {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-intro-section\">\r\n  <div class=\"rp-intro-wrap\">\r\n    \r\n    <!-- Bloque Izquierdo: Imagen -->\r\n    <div class=\"rp-intro-figure\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-012-scaled.jpg\" alt=\"Patio y alberca de Residencia Zafiro\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <!-- Bloque Derecho: Contenido -->\r\n    <div class=\"rp-intro-content\">\r\n      <span class=\"rp-intro-eyebrow\">Distribuci\u00f3n en dos niveles<\/span>\r\n      <h2 class=\"rp-intro-title\">Tres rec\u00e1maras con vestidor y ba\u00f1o privado<\/h2>\r\n      <div class=\"rp-intro-rule\"><\/div>\r\n      \r\n      <p class=\"rp-intro-body\">\r\n        Eso permite que cualquiera funcione como la principal. En planta baja, sala, comedor y cocina corren en un trazo continuo hacia el jard\u00edn posterior; arriba, un family room y una terraza privada ampl\u00edan la convivencia.\r\n      <\/p>\r\n\r\n      <div class=\"rp-intro-pillars\">\r\n        <div class=\"rp-intro-pillar\">Rec\u00e1mara principal desde planta baja<\/div>\r\n        <div class=\"rp-intro-pillar\">Sala, comedor y cocina abiertos al jard\u00edn<\/div>\r\n        <div class=\"rp-intro-pillar\">Family room y terraza en el nivel superior<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00bcca8 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"00bcca8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2717701 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2717701\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 03: CINTILLO ROJO\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Variables encapsuladas exclusivas para esta secci\u00f3n *\/\r\n  .rp-metrics-section {\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1EA;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    background: var(--rp-terracota);\r\n    color: var(--rp-crema);\r\n    padding: 64px 0;\r\n    font-family: var(--rp-sans);\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-metrics-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Contenedor Grid a 4 columnas para Escritorio *\/\r\n  .rp-metrics-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  \/* Estilos individuales de cada bloque de m\u00e9trica *\/\r\n  .rp-metric-item {\r\n    padding: 0 34px;\r\n    border-left: 1px solid rgba(244, 241, 234, 0.28);\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Quitamos el borde izquierdo al primer elemento *\/\r\n  .rp-metric-item:first-child {\r\n    border-left: 0;\r\n  }\r\n\r\n  \/* Tipograf\u00eda de las etiquetas superiores *\/\r\n  .rp-metric-item span {\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 17px;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.02em;\r\n    opacity: 0.9;\r\n    color: var(--rp-crema) !important;\r\n    padding: 4px 0; \/* Espacio de seguridad *\/\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* Tipograf\u00eda de los n\u00fameros grandes *\/\r\n  .rp-metric-item b {\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 36px;\r\n    font-weight: 400;\r\n    line-height: 1.3; \/* Altura de l\u00ednea ampliada para evitar cortes *\/\r\n    margin-top: 6px;\r\n    padding: 4px 0; \/* Espacio de seguridad vertical para curvas de n\u00fameros 3, 5, 9 *\/\r\n    color: var(--rp-crema) !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* =========================================\r\n     EFECTO HOVER: MOVIMIENTO DE TEXTOS\r\n     ========================================= *\/\r\n  .rp-metric-item:hover span {\r\n    transform: translateY(-4px); \r\n  }\r\n\r\n  .rp-metric-item:hover b {\r\n    transform: translateY(-8px); \r\n  }\r\n\r\n  \/* =========================================\r\n     RESPONSIVIDAD (Tablets y M\u00f3viles)\r\n     ========================================= *\/\r\n  \r\n  \/* Laptops peque\u00f1as \/ Tablets grandes *\/\r\n  @media(max-width: 1200px) {\r\n    .rp-metrics-wrap {\r\n      width: calc(100% - 56px);\r\n    }\r\n  }\r\n\r\n  \/* Tablets (Pasamos a formato 2x2) *\/\r\n  @media(max-width: 850px) {\r\n    .rp-metrics-wrap {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 40px 0;\r\n    }\r\n    .rp-metric-item:nth-child(3) {\r\n      border-left: 0;\r\n    }\r\n  }\r\n\r\n  \/* Celulares (Apilado a 1 columna) *\/\r\n  @media(max-width: 576px) {\r\n    .rp-metrics-wrap {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px 0;\r\n    }\r\n    .rp-metric-item {\r\n      border-left: 0;\r\n      border-bottom: 1px solid rgba(244, 241, 234, 0.28);\r\n      padding: 0 0 30px 0;\r\n    }\r\n    .rp-metric-item:last-child {\r\n      border-bottom: 0;\r\n      padding-bottom: 0;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-metrics-section\">\r\n  <div class=\"rp-metrics-wrap\">\r\n    \r\n    <!-- M\u00e9trica 1 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Superficie total construida<\/span>\r\n      <b>356.77 m\u00b2<\/b>\r\n    <\/div>\r\n    \r\n    <!-- M\u00e9trica 2 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Construcci\u00f3n<\/span>\r\n      <b>187.20 m\u00b2<\/b>\r\n    <\/div>\r\n    \r\n    <!-- M\u00e9trica 3 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Patios y terrazas<\/span>\r\n      <b>143.41 m\u00b2<\/b>\r\n    <\/div>\r\n    \r\n    <!-- M\u00e9trica 4 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Roof top no techado<\/span>\r\n      <b>26.16 m\u00b2<\/b>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1055979 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"1055979\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0fd0c2 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"e0fd0c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 04: PLANTAS ARQUITECT\u00d3NICAS\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================\r\n     VARIABLES Y CONTENEDOR PRINCIPAL\r\n     ========================================= *\/\r\n  .rp-dist-section {\r\n    --rp-verde: #3C4741;\r\n    --rp-dorado: #A8884C;\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #D9D3C9;\r\n    --rp-blanco: #FFFFFF;\r\n    --rp-texto: #5A5E58;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    background: var(--rp-crema);\r\n    color: var(--rp-verde);\r\n    font-family: var(--rp-sans);\r\n    padding: 100px 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-dist-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .rp-dist-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     CABECERA DE SECCI\u00d3N\r\n     ========================================= *\/\r\n  .rp-dist-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    margin-bottom: 50px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .rp-dist-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .rp-dist-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 52px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: var(--rp-verde) !important;\r\n  }\r\n\r\n  .rp-dist-desc {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--rp-texto);\r\n    max-width: 400px;\r\n  }\r\n\r\n  \/* =========================================\r\n     SISTEMA DE PESTA\u00d1AS (TABS)\r\n     ========================================= *\/\r\n  .rp-dist-tabs-container {\r\n    border-bottom: 1px solid rgba(60, 71, 65, 0.15);\r\n    margin-bottom: 50px;\r\n    padding-bottom: 20px; \r\n    display: flex;\r\n    gap: 16px; \r\n  }\r\n\r\n  .rp-dist-tab-btn {\r\n    background: transparent !important; \r\n    border: 1px solid var(--rp-verde) !important;\r\n    padding: 12px 32px;\r\n    font-family: var(--rp-sans);\r\n    font-size: 12px;\r\n    letter-spacing: 0.15em;\r\n    font-weight: 600;\r\n    color: var(--rp-terracota) !important; \r\n    cursor: pointer;\r\n    box-shadow: none !important; \r\n    border-radius: 25px !important; \r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .rp-dist-tab-btn:hover {\r\n    background: rgba(60, 71, 65, 0.05) !important; \r\n  }\r\n\r\n  .rp-dist-tab-btn.active {\r\n    background: var(--rp-verde) !important; \r\n    border-color: var(--rp-verde) !important;\r\n    color: var(--rp-blanco) !important; \r\n  }\r\n\r\n  \/* =========================================\r\n     CONTENIDO DE LA PESTA\u00d1A\r\n     ========================================= *\/\r\n  .rp-dist-tab-content {\r\n    display: none;\r\n    grid-template-columns: 0.8fr 1.2fr;\r\n    gap: 70px;\r\n    align-items: start;\r\n    animation: rpFadeIn 0.5s ease;\r\n  }\r\n\r\n  .rp-dist-tab-content.active {\r\n    display: grid;\r\n  }\r\n\r\n  @keyframes rpFadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* =========================================\r\n     COLUMNA IZQUIERDA: IMAGEN Y ANIMACIONES\r\n     ========================================= *\/\r\n  .rp-dist-image-box {\r\n    position: relative;\r\n    border-radius: 25px; \r\n    overflow: hidden;\r\n    background: var(--rp-blanco);\r\n    \r\n    \/* SOLUCI\u00d3N: padding de 90px arriba\/abajo, 40px lados *\/\r\n    padding: 90px 40px; \r\n    \r\n    box-shadow: 0 10px 30px rgba(0,0,0, 0.05);\r\n  }\r\n\r\n  .rp-dist-image-wrap {\r\n    position: relative;\r\n    border-radius: 15px; \r\n    overflow: hidden;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .rp-dist-image-wrap img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .rp-dist-image-box:hover .rp-dist-image-wrap img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .rp-dist-pill {\r\n    position: absolute;\r\n    top: 30px; \/* Centrado en el marco blanco superior *\/\r\n    left: 40px; \/* Alineado al margen interior izquierdo *\/\r\n    z-index: 10;\r\n    padding: 8px 20px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    color: var(--rp-terracota);\r\n    border-radius: 30px; \r\n    background: rgba(255, 255, 255, 0.65);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    box-shadow: 0 4px 15px rgba(0,0,0, 0.05);\r\n  }\r\n\r\n  .rp-btn-ampliar {\r\n    position: absolute;\r\n    bottom: 30px; \/* Centrado en el marco blanco inferior *\/\r\n    right: 40px; \/* Alineado al margen interior derecho *\/\r\n    z-index: 10;\r\n    background: var(--rp-verde);\r\n    color: var(--rp-crema);\r\n    padding: 12px 24px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    border-radius: 25px; \r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .rp-dist-image-box:hover .rp-btn-ampliar {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .rp-btn-ampliar:hover {\r\n    background: var(--rp-crema);\r\n    color: var(--rp-verde);\r\n  }\r\n\r\n  \/* =========================================\r\n     COLUMNA DERECHA: TEXTOS Y LISTAS\r\n     ========================================= *\/\r\n  .rp-dist-info-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 34px;\r\n    color: var(--rp-verde) !important;\r\n    margin-bottom: 16px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .rp-dist-info-desc {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--rp-texto);\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .rp-dist-features-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px 30px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .rp-dist-feature-group h4 {\r\n    font-size: 11px;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-terracota);\r\n    font-weight: 700;\r\n    border-bottom: 1px solid rgba(142, 63, 32, 0.2);\r\n    padding-bottom: 10px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .rp-dist-feature-group ul {\r\n    list-style: none;\r\n  }\r\n\r\n  .rp-dist-feature-group li {\r\n    font-size: 14px;\r\n    color: var(--rp-texto);\r\n    line-height: 1.5;\r\n    margin-bottom: 12px;\r\n    position: relative;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .rp-dist-feature-group li::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 6px;\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid var(--rp-dorado);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .rp-dist-metrics-row {\r\n    display: flex;\r\n    gap: 40px;\r\n    border-top: 1px solid rgba(60, 71, 65, 0.15);\r\n    padding-top: 24px;\r\n  }\r\n\r\n  .rp-dist-metric-mini span {\r\n    display: block;\r\n    font-size: 10px;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-texto);\r\n    font-weight: 600;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .rp-dist-metric-mini b {\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 26px;\r\n    font-weight: 400;\r\n    color: var(--rp-verde);\r\n  }\r\n\r\n  \/* =========================================\r\n     VISOR MODAL PERSONALIZADO (LIGHTBOX)\r\n     ========================================= *\/\r\n  .rp-modal-overlay {\r\n    position: fixed !important; \/* Forzado absoluto a la pantalla *\/\r\n    top: 0 !important;\r\n    left: 0 !important; \r\n    width: 100vw !important; \r\n    height: 100vh !important;\r\n    background: rgba(30, 30, 30, 0.95);\r\n    z-index: 999999 !important; \/* Z-index m\u00e1ximo *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.4s ease;\r\n  }\r\n  .rp-modal-overlay.show { opacity: 1; visibility: visible; }\r\n\r\n  \/* Controles superiores *\/\r\n  .rp-modal-topbar {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%;\r\n    padding: 25px 40px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    z-index: 999999;\r\n    pointer-events: none; \r\n  }\r\n  \r\n  .rp-modal-title {\r\n    color: var(--rp-terracota);\r\n    font-family: var(--rp-sans);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .rp-modal-controls {\r\n    display: flex;\r\n    gap: 25px;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* ESTOS SON LOS BOTONES CORREGIDOS *\/\r\n  .rp-modal-btn {\r\n    background: transparent; \/* Elementor podr\u00eda estar inyectando color de fondo global *\/\r\n    border: none;\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n    transition: transform 0.3s, color 0.3s;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px;\r\n    border-radius: 25px !important; \/* <--- FORZAMOS EL REDONDEO A 25PX *\/\r\n  }\r\n  \r\n  .rp-modal-btn:hover {\r\n    transform: scale(1.1);\r\n    color: var(--rp-crema);\r\n  }\r\n  \r\n  .rp-modal-btn svg { width: 28px; height: 28px; }\r\n\r\n  \/* \u00c1rea de arrastre *\/\r\n  .rp-modal-drag-area {\r\n    width: 100vw; height: 100vh;\r\n    overflow: auto;\r\n    cursor: grab;\r\n    scrollbar-width: none; \r\n    -ms-overflow-style: none;\r\n    text-align: center; \r\n    white-space: nowrap; \r\n  }\r\n  .rp-modal-drag-area::-webkit-scrollbar { display: none; }\r\n  .rp-modal-drag-area.active { cursor: grabbing; }\r\n\r\n  .rp-modal-drag-area::before {\r\n    content: '';\r\n    display: inline-block;\r\n    height: 100%;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .rp-modal-canvas {\r\n    background: #FFFFFF;\r\n    border-radius: 25px; \r\n    padding: 30px; \r\n    margin: 0 auto; \r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n    transition: margin 0.3s ease;\r\n  }\r\n\r\n  .rp-modal-img {\r\n    display: block;\r\n    max-width: 85vw; \r\n    max-height: 75vh; \r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    pointer-events: none;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* Estado al hacer Zoom *\/\r\n  .rp-modal-canvas.zoomed {\r\n    margin: 60px auto; \r\n  }\r\n  .rp-modal-canvas.zoomed .rp-modal-img {\r\n    max-width: none;\r\n    max-height: none;\r\n    height: 150vh; \/* Ampliaci\u00f3n para recorrer el plano *\/\r\n    width: auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     RESPONSIVIDAD\r\n     ========================================= *\/\r\n  @media(max-width: 1024px) {\r\n    .rp-dist-tab-content { grid-template-columns: 1fr; gap: 40px; }\r\n    .rp-dist-header { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n  }\r\n\r\n  @media(max-width: 768px) {\r\n    .rp-dist-wrap { width: calc(100% - 40px); }\r\n    .rp-dist-features-grid { grid-template-columns: 1fr; gap: 30px; }\r\n    .rp-dist-metrics-row { flex-wrap: wrap; gap: 20px; justify-content: space-between; }\r\n    .rp-dist-metric-mini { width: 45%; }\r\n    .rp-dist-title { font-size: 42px; }\r\n    .rp-btn-ampliar { opacity: 1; transform: none; }\r\n    .rp-modal-topbar { padding: 20px; }\r\n    .rp-modal-img { max-width: 90vw; max-height: 60vh; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-dist-section\" id=\"distribucion\">\r\n  <div class=\"rp-dist-wrap\">\r\n    \r\n    <div class=\"rp-dist-header\">\r\n      <div class=\"rp-dist-header-left\">\r\n        <span class=\"rp-dist-eyebrow\">Plantas Arquitect\u00f3nicas<\/span>\r\n        <h2 class=\"rp-dist-title\">Distribuci\u00f3n<\/h2>\r\n      <\/div>\r\n      <div class=\"rp-dist-header-right\">\r\n        <p class=\"rp-dist-desc\"><\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rp-dist-tabs-container\">\r\n      <button class=\"rp-dist-tab-btn active\" onclick=\"openRpTab(event, 'tab-planta-baja')\">PLANTA BAJA<\/button>\r\n      <button class=\"rp-dist-tab-btn\" onclick=\"openRpTab(event, 'tab-roof-top')\">PRIMER NIVEL<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"tab-planta-baja\" class=\"rp-dist-tab-content active\">\r\n      \r\n      <div class=\"rp-dist-image-box\">\r\n        <div class=\"rp-dist-pill\">PLANTA BAJA<\/div>\r\n        \r\n        <div class=\"rp-dist-image-wrap\" onclick=\"openCustomLightbox('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Baja-1-scaled-e1766197290281.jpg', 'PLANTA BAJA')\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Baja-1-scaled-e1766197290281.jpg\" alt=\"Plano Planta Baja\">\r\n        <\/div>\r\n\r\n        <a href=\"javascript:void(0);\" onclick=\"openCustomLightbox('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Baja-1-scaled-e1766197290281.jpg', 'PLANTA BAJA')\" class=\"rp-btn-ampliar\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\r\n          AMPLIAR PLANO\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"rp-dist-info\">\r\n        <h3 class=\"rp-dist-info-title\">Planta baja<\/h3>\r\n        <p class=\"rp-dist-info-desc\">El nivel de la vida diaria: acceso y servicio al frente, la zona social corrida hacia el jard\u00edn, y la rec\u00e1mara principal ya en planta baja.<\/p>\r\n        \r\n        <div class=\"rp-dist-features-grid\">\r\n          <div class=\"rp-dist-feature-group\">\r\n            <h4>ACCESO Y SERVICIO<\/h4>\r\n            <ul>\r\n              \r\n              <li>Cochera para 2 veh\u00edculos<\/li>\r\n              <li>Bodega exterior<\/li>\r\n              <li>Bodega interior<\/li>\r\n              <li>Vest\u00edbulo de acceso<\/li>\r\n              <li>Medio ba\u00f1o<\/li>\r\n              <li>Cuarto de lavander\u00eda<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rp-dist-feature-group\">\r\n            <h4>\u00c1REA SOCIAL<\/h4>\r\n            <ul>\r\n              <li>Cocina integral con barra desayunadora y alacena independiente<\/li>\r\n              <li>Comedor y sala con acceso directo a terraza<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          \r\n          <div class=\"rp-dist-feature-group\">\r\n            <h4>\u00c1REA PRIVADA<\/h4>\r\n            <ul>\r\n              <li>Rec\u00e1mara principal con vestidor y ba\u00f1o privado<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          \r\n          \r\n          <div class=\"rp-dist-feature-group\">\r\n            <h4>EXTERIORES<\/h4>\r\n            <ul>\r\n              <li>Terraza<\/li>\r\n              <li>Pasillo lateral<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n\r\n        <div class=\"rp-dist-metrics-row\">\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1;\"><span>REC\u00c1MARAS<\/span><b>3<\/b><\/div>\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1;\"><span>BA\u00d1OS<\/span><b>3 y medio<\/b><\/div>\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1;\"><span>COCHERA<\/span><b>2 autos<\/b><\/div>\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1;\"><span>CONSTRUCCI\u00d3N<\/span><b>187.20 m\u00b2<\/b><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div id=\"tab-roof-top\" class=\"rp-dist-tab-content\">\r\n      \r\n      <div class=\"rp-dist-image-box\">\r\n        <div class=\"rp-dist-pill\">PRIMER NIVEL<\/div>\r\n        \r\n        <div class=\"rp-dist-image-wrap\" onclick=\"openCustomLightbox('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Alta-scaled-e1766197545285.jpg', 'PRIMER NIVEL')\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Alta-scaled-e1766197545285.jpg\" alt=\"Primer Nivel\">\r\n        <\/div>\r\n\r\n        <a href=\"javascript:void(0);\" onclick=\"openCustomLightbox('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Alta-scaled-e1766197545285.jpg', 'PRIMER NIVEL')\" class=\"rp-btn-ampliar\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\r\n          AMPLIAR PLANO\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"rp-dist-info\">\r\n        <h3 class=\"rp-dist-info-title\">Primer Nivel<\/h3>\r\n        <p class=\"rp-dist-info-desc\">Dos rec\u00e1maras m\u00e1s, ambas con ba\u00f1o privado, y un family room con terraza que funciona como segunda sala.<\/p>\r\n        \r\n        <div class=\"rp-dist-features-grid\">\r\n          <div class=\"rp-dist-feature-group\">\r\n            <h4>REC\u00c1MARAS<\/h4>\r\n            <ul>\r\n              <li>Rec\u00e1mara con vestidor y ba\u00f1o privado<\/li>\r\n              <li>Rec\u00e1mara secundaria con balc\u00f3n, cl\u00f3set y ba\u00f1o privado<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rp-dist-feature-group\">\r\n            <h4>CONVIVENCIA<\/h4>\r\n            <ul>\r\n              <li>Family room<\/li>\r\n              <li>Terraza<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rp-dist-metrics-row\">\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1;\"><span>REC\u00c1MARAS<\/span><b>2<\/b><\/div>\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1;\"><span>ROOF TOP NO TECHADO<\/span><b>26.16 m\u00b2<\/b><\/div>\r\n          <div class=\"rp-dist-metric-mini\" style=\"flex: 1.5;\"><span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"rp-custom-modal\" class=\"rp-modal-overlay\">\r\n  <div class=\"rp-modal-topbar\">\r\n    <div id=\"rp-modal-title\" class=\"rp-modal-title\">PLANTA BAJA<\/div>\r\n    \r\n    <div class=\"rp-modal-controls\">\r\n      <button class=\"rp-modal-btn\" onclick=\"toggleRpZoom()\" title=\"Acercar \/ Alejar\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n          <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\" id=\"rp-zoom-v-line\"><\/line>\r\n          <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n        <\/svg>\r\n      <\/button>\r\n      \r\n      <button class=\"rp-modal-btn\" onclick=\"closeCustomLightbox()\" title=\"Cerrar plano\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"rp-modal-drag-area\" id=\"rp-drag-area\">\r\n    <div class=\"rp-modal-canvas\" id=\"rp-modal-canvas\">\r\n      <img decoding=\"async\" src=\"\" id=\"rp-modal-image\" class=\"rp-modal-img\" alt=\"Plano Ampliado\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ 1. FUNCIONALIDAD DE LAS PESTA\u00d1AS (TABS)\r\n  function openRpTab(evt, tabName) {\r\n    var i, tabcontent, tablinks;\r\n\r\n    tabcontent = document.getElementsByClassName(\"rp-dist-tab-content\");\r\n    for (i = 0; i < tabcontent.length; i++) {\r\n      tabcontent[i].style.display = \"none\";\r\n      tabcontent[i].classList.remove(\"active\");\r\n    }\r\n\r\n    tablinks = document.getElementsByClassName(\"rp-dist-tab-btn\");\r\n    for (i = 0; i < tablinks.length; i++) {\r\n      tablinks[i].classList.remove(\"active\");\r\n    }\r\n\r\n    var currentTab = document.getElementById(tabName);\r\n    currentTab.style.display = \"grid\"; \r\n    currentTab.classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n  }\r\n\r\n  \/\/ 2. FUNCIONALIDAD DEL VISOR Y ZOOM\r\n  const modal = document.getElementById('rp-custom-modal');\r\n  const modalImg = document.getElementById('rp-modal-image');\r\n  const modalTitle = document.getElementById('rp-modal-title');\r\n  const modalCanvas = document.getElementById('rp-modal-canvas');\r\n  const dragArea = document.getElementById('rp-drag-area');\r\n  const zoomVLine = document.getElementById('rp-zoom-v-line'); \r\n\r\n  document.body.appendChild(modal);\r\n\r\n  let isZoomed = false;\r\n\r\n  \/\/ Abrir el visor\r\n  function openCustomLightbox(imageSrc, titleText) {\r\n    modalImg.src = imageSrc;\r\n    modalTitle.innerText = titleText; \r\n    \r\n    isZoomed = false;\r\n    modalCanvas.classList.remove('zoomed');\r\n    zoomVLine.style.display = 'block'; \r\n\r\n    modal.classList.add('show');\r\n    document.body.style.overflow = 'hidden'; \r\n    \r\n    \/\/ Al abrir, forzamos que el \u00e1rea de arrastre comience perfectamente centrada\r\n    setTimeout(() => {\r\n      dragArea.scrollLeft = (dragArea.scrollWidth - dragArea.clientWidth) \/ 2;\r\n      dragArea.scrollTop = (dragArea.scrollHeight - dragArea.clientHeight) \/ 2;\r\n    }, 50);\r\n  }\r\n\r\n  \/\/ Cerrar el visor\r\n  function closeCustomLightbox() {\r\n    modal.classList.remove('show');\r\n    document.body.style.overflow = 'auto'; \r\n    setTimeout(() => { modalImg.src = ''; }, 400); \r\n  }\r\n\r\n  \/\/ Activar\/Desactivar el Zoom con la lupa\r\n  function toggleRpZoom() {\r\n    isZoomed = !isZoomed;\r\n    if (isZoomed) {\r\n      modalCanvas.classList.add('zoomed');\r\n      zoomVLine.style.display = 'none'; \r\n    } else {\r\n      modalCanvas.classList.remove('zoomed');\r\n      zoomVLine.style.display = 'block'; \r\n    }\r\n  }\r\n\r\n  \/\/ Cerrar al hacer clic en el fondo gris \r\n  modal.addEventListener('mousedown', function(e) {\r\n    if (e.target === dragArea || e.target === modal) {\r\n      closeCustomLightbox();\r\n    }\r\n  });\r\n\r\n  \/\/ 3. FUNCIONALIDAD DE ARRASTRE (DRAG & PAN)\r\n  let isDown = false;\r\n  let startX, startY, scrollLeft, scrollTop;\r\n\r\n  dragArea.addEventListener('mousedown', (e) => {\r\n    if (e.target.closest('.rp-modal-topbar')) return; \r\n    isDown = true;\r\n    dragArea.classList.add('active');\r\n    startX = e.pageX - dragArea.offsetLeft;\r\n    startY = e.pageY - dragArea.offsetTop;\r\n    scrollLeft = dragArea.scrollLeft;\r\n    scrollTop = dragArea.scrollTop;\r\n  });\r\n  dragArea.addEventListener('mouseleave', () => {\r\n    isDown = false;\r\n    dragArea.classList.remove('active');\r\n  });\r\n  dragArea.addEventListener('mouseup', () => {\r\n    isDown = false;\r\n    dragArea.classList.remove('active');\r\n  });\r\n  dragArea.addEventListener('mousemove', (e) => {\r\n    if (!isDown) return;\r\n    e.preventDefault();\r\n    const x = e.pageX - dragArea.offsetLeft;\r\n    const y = e.pageY - dragArea.offsetTop;\r\n    const walkX = (x - startX) * 1.5; \r\n    const walkY = (y - startY) * 1.5; \r\n    dragArea.scrollLeft = scrollLeft - walkX;\r\n    dragArea.scrollTop = scrollTop - walkY;\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e41e05 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"8e41e05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-852cdbc animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"852cdbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 05: INTERIORES Y EXTERIORES - LA RESIDENCIA POR DENTRO\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================\r\n     VARIABLES Y CONTENEDOR PRINCIPAL\r\n     ========================================= *\/\r\n  .rp-gallery-section {\r\n    --rp-verde: #3C4741;\r\n    --rp-dorado: #A8884C;\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1ED; \r\n    --rp-blanco: #FFFFFF;\r\n    --rp-texto: #5A5E58;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    background: var(--rp-crema);\r\n    color: var(--rp-verde);\r\n    font-family: var(--rp-sans);\r\n    padding: 100px 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-gallery-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .rp-gallery-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     CABECERA DE SECCI\u00d3N\r\n     ========================================= *\/\r\n  .rp-gallery-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    margin-bottom: 50px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .rp-gallery-header-left {\r\n    flex: 1;\r\n  }\r\n\r\n  .rp-gallery-header-right {\r\n    flex: 0 1 450px;\r\n  }\r\n\r\n  .rp-gallery-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .rp-gallery-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 52px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: var(--rp-verde) !important;\r\n  }\r\n\r\n  .rp-gallery-desc {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--rp-texto);\r\n  }\r\n\r\n  \/* =========================================\r\n     GRILLA DE IM\u00c1GENES (MASONRY FLEX)\r\n     ========================================= *\/\r\n  .rp-gallery-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Filas *\/\r\n  .rp-gal-row {\r\n    display: flex;\r\n    gap: 20px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Elemento individual de imagen *\/\r\n  .rp-gal-item {\r\n    position: relative;\r\n    border-radius: 25px !important;\r\n    -webkit-border-radius: 25px !important;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    background: #e0e0e0;\r\n    transform: translateZ(0); \r\n  }\r\n\r\n  .rp-gal-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* Capa superpuesta (Overlay Hover) *\/\r\n  .rp-gal-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(60, 71, 65, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    z-index: 2;\r\n  }\r\n\r\n  .rp-gal-overlay svg {\r\n    color: #fff;\r\n    width: 40px;\r\n    height: 40px;\r\n    opacity: 0;\r\n    transform: scale(0.5);\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));\r\n  }\r\n\r\n  \/* Animaciones Hover *\/\r\n  .rp-gal-item:hover img {\r\n    transform: scale(1.08);\r\n  }\r\n  .rp-gal-item:hover .rp-gal-overlay {\r\n    opacity: 1;\r\n  }\r\n  .rp-gal-item:hover .rp-gal-overlay svg {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  \/* --- CONTROL DE ALTURAS Y PROPORCIONES --- *\/\r\n  \r\n  \/* Fila 1: 1 grande izq (60%), 2 apiladas der (40%) *\/\r\n  .rp-gal-row-1 { height: 500px; }\r\n  .rp-gal-col-left { flex: 0 0 calc(60% - 10px); height: 100%; }\r\n  .rp-gal-col-right { flex: 0 0 calc(40% - 10px); display: flex; flex-direction: column; gap: 20px; height: 100%; }\r\n  .rp-gal-col-left .rp-gal-item { height: 100%; }\r\n  .rp-gal-col-right .rp-gal-item { height: calc(50% - 10px); }\r\n\r\n  \/* Fila 2: 3 im\u00e1genes iguales *\/\r\n  .rp-gal-row-2 { height: 280px; }\r\n  .rp-gal-row-2 .rp-gal-item { flex: 1; height: 100%; }\r\n\r\n  \/* Fila 3: 2 im\u00e1genes iguales *\/\r\n  .rp-gal-row-3 { height: 350px; }\r\n  .rp-gal-row-3 .rp-gal-item { flex: 1; height: 100%; }\r\n\r\n\r\n  \/* =========================================\r\n     LIGHTBOX (VENTANA EMERGENTE) CORREGIDO\r\n     ========================================= *\/\r\n  .rp-lightbox {\r\n    position: fixed;\r\n    z-index: 999999; \/* Z-index ultra alto para sobreescribir cabeceras pegajosas *\/\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba(30, 35, 32, 0.95);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .rp-lightbox.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  \/* Aseguramos que la imagen no herede anchos extra\u00f1os del tema *\/\r\n  .rp-lightbox-content {\r\n    max-width: 90vw !important;\r\n    max-height: 90vh !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    object-fit: contain !important; \/* Mantiene la proporci\u00f3n sin recortar *\/\r\n    border-radius: 15px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0, 0.5);\r\n    transform: scale(0.95);\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .rp-lightbox.active .rp-lightbox-content {\r\n    transform: scale(1) !important;\r\n  }\r\n\r\n  .rp-lightbox-close {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 35px;\r\n    color: #ffffff;\r\n    font-size: 50px; \/* M\u00e1s grande y legible *\/\r\n    line-height: 1;\r\n    font-family: Arial, sans-serif;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    transition: color 0.3s;\r\n    z-index: 10;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.5); \/* Contraste asegurado *\/\r\n  }\r\n\r\n  .rp-lightbox-close:hover {\r\n    color: #8E3F20; \/* Color terracota al pasar el mouse *\/\r\n  }\r\n\r\n  \/* =========================================\r\n     RESPONSIVIDAD\r\n     ========================================= *\/\r\n  @media(max-width: 1024px) {\r\n    .rp-gallery-header { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n    .rp-gallery-header-right { flex: auto; max-width: 100%; }\r\n    .rp-gal-row-1 { height: 400px; }\r\n    .rp-gal-row-2 { height: 220px; }\r\n    .rp-gal-row-3 { height: 260px; }\r\n  }\r\n\r\n  @media(max-width: 768px) {\r\n    .rp-gallery-wrap { width: calc(100% - 40px); }\r\n    .rp-gallery-title { font-size: 42px; }\r\n    \r\n    .rp-gallery-grid { gap: 15px; }\r\n    .rp-gal-row { flex-direction: column; height: auto !important; gap: 15px; }\r\n    .rp-gal-col-left, .rp-gal-col-right { flex: auto; width: 100%; height: auto; }\r\n    \r\n    .rp-gal-item { height: 250px !important; }\r\n    .rp-lightbox-close { top: 15px; right: 20px; font-size: 40px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-gallery-section\" id=\"interiores\">\r\n  <div class=\"rp-gallery-wrap\">\r\n    \r\n    <!-- Cabecera -->\r\n    <div class=\"rp-gallery-header\">\r\n      <div class=\"rp-gallery-header-left\">\r\n        <span class=\"rp-gallery-eyebrow\">Interiores y exteriores<\/span>\r\n        <h2 class=\"rp-gallery-title\">La residencia por dentro<\/h2>\r\n      <\/div>\r\n      <div class=\"rp-gallery-header-right\">\r\n        <p class=\"rp-gallery-desc\"><\/p>  <!-- Aqu\u00ed se puede colocar un p\u00e1rrafo de leyenda si se desea. -->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Grilla de Im\u00e1genes -->\r\n    <div class=\"rp-gallery-grid\">\r\n      \r\n      <!-- === FILA 1 === -->\r\n      <div class=\"rp-gal-row rp-gal-row-1\">\r\n        \r\n        <!-- IMAGEN 1: Exterior (Izquierda Grande) -->\r\n        <div class=\"rp-gal-col-left\">\r\n          <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n            <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Pergola-scaled.jpg\" alt=\"Fachada Exterior\">\r\n            <div class=\"rp-gal-overlay\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IM\u00c1GENES 2 y 3: Cocina y Comedor (Derecha Apiladas) -->\r\n        <div class=\"rp-gal-col-right\">\r\n          <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n            <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-011-scaled.jpg\" alt=\"Sala, comedor y cocina\">\r\n            <div class=\"rp-gal-overlay\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n            <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-007-scaled.jpg\" alt=\"Cocina integral\">\r\n            <div class=\"rp-gal-overlay\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === FILA 2 === -->\r\n      <div class=\"rp-gal-row rp-gal-row-2\">\r\n        <!-- IMAGEN 4: Sala -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-004-scaled.jpg\" alt=\"Sala\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGEN 5: Estancia -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-005-scaled.jpg\" alt=\"Estancia\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGEN 6: Jard\u00edn con piscina -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-012-scaled.jpg\" alt=\"Jard\u00edn con alberca\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === FILA 3 === -->\r\n      <div class=\"rp-gal-row rp-gal-row-3\">\r\n        <!-- IMAGEN 7: Rec\u00e1mara Principal -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-001-scaled.jpg\" alt=\"Rec\u00e1mara Principal\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGEN 8: Rec\u00e1mara con Vestidor -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-003-scaled.jpg\" alt=\"Rec\u00e1mara con vestidor\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === FILA 4 === -->\r\n      <div class=\"rp-gal-row rp-gal-row-2\">\r\n        <!-- IMAGEN 10: Rec\u00e1mara Secundaria -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-002-scaled.jpg\" alt=\"Rec\u00e1mara secundaria\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGEN 11: Vestidor -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-013-scaled.jpg\" alt=\"Vestidor\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGEN 12: Ba\u00f1o Principal -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-008-scaled.jpg\" alt=\"Ba\u00f1o principal\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === FILA 5 === -->\r\n      <div class=\"rp-gal-row rp-gal-row-3\">\r\n        <!-- IMAGEN 13: Family Room -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-005-scaled.jpg\" alt=\"Family room\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGEN 14: Terraza del Primer Nivel -->\r\n        <div class=\"rp-gal-item\" onclick=\"openRpLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-014-scaled.jpg\" alt=\"Terraza del primer nivel\">\r\n          <div class=\"rp-gal-overlay\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div> <!-- FIN DE rp-gallery-grid -->\r\n  <\/div> <!-- FIN DE rp-gallery-wrap -->\r\n\r\n  <!-- Contenedor del Lightbox -->\r\n  <div id=\"rp-lightbox\" class=\"rp-lightbox\" onclick=\"closeRpLightbox(event)\">\r\n    <span class=\"rp-lightbox-close\">&times;<\/span>\r\n    <img decoding=\"async\" id=\"rp-lightbox-img\" class=\"rp-lightbox-content\" src=\"\" alt=\"Imagen ampliada\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- =========================================\r\n     SCRIPT PARA FUNCIONAMIENTO DEL LIGHTBOX\r\n     ========================================= -->\r\n<script>\r\n  \/\/ Abrir Lightbox\r\n  function openRpLightbox(element) {\r\n    var imgSrc = element.querySelector('img').src;\r\n    var lightbox = document.getElementById('rp-lightbox');\r\n    var lightboxImg = document.getElementById('rp-lightbox-img');\r\n    \r\n    \/\/ TRUCO VITAL: Mover el lightbox directo al <body> para evadir restricciones del constructor\/tema\r\n    if (lightbox.parentNode !== document.body) {\r\n      document.body.appendChild(lightbox);\r\n    }\r\n    \r\n    \/\/ Inyectar la url en el lightbox y mostrarlo\r\n    lightboxImg.src = imgSrc;\r\n    lightbox.classList.add('active');\r\n    \r\n    \/\/ Bloquear el scroll del fondo\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  \/\/ Cerrar Lightbox\r\n  function closeRpLightbox(event) {\r\n    \/\/ Evitar que cierre si se hace clic espec\u00edficamente en la imagen\r\n    if(event && event.target.id === 'rp-lightbox-img') return;\r\n    \r\n    var lightbox = document.getElementById('rp-lightbox');\r\n    if(lightbox) {\r\n      lightbox.classList.remove('active');\r\n    }\r\n    \r\n    \/\/ Restaurar el scroll\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2057145 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"2057145\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48d41a5 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"48d41a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 06: DESCARGAS\r\n     ========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================\r\n     VARIABLES Y CONTENEDOR PRINCIPAL\r\n     ========================================= *\/\r\n  .rp-cta-section {\r\n    --rp-crema: #F4F1EA;\r\n    --rp-blanco: #FFFFFF;\r\n    --rp-verde: #3C4741;\r\n    --rp-terracota: #8E3F20;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    background: var(--rp-crema); \r\n    padding: 80px 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-cta-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .rp-cta-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     GRILLA PRINCIPAL (CONTENEDOR FUSIONADO)\r\n     ========================================= *\/\r\n  .rp-cta-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \r\n    border-radius: 25px !important; \r\n    -webkit-border-radius: 25px !important;\r\n    overflow: hidden; \r\n    box-shadow: 0 20px 40px rgba(0,0,0, 0.15); \r\n  }\r\n\r\n  \/* =========================================\r\n     TARJETAS INDIVIDUALES\r\n     ========================================= *\/\r\n  .rp-cta-card {\r\n    position: relative;\r\n    min-height: 450px; \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    overflow: hidden; \r\n    padding: 40px;\r\n    cursor: default;\r\n  }\r\n\r\n  \/* CAPA 1: IMAGEN DE FONDO *\/\r\n  .rp-cta-bg {\r\n    position: absolute;\r\n    inset: 0; \r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 1;\r\n    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); \r\n  }\r\n\r\n  .rp-cta-card:hover .rp-cta-bg {\r\n    transform: scale(1.08); \r\n  }\r\n\r\n  \/* CAPA 2: TRANSPARENCIA OSCURA (Overlay) *\/\r\n  .rp-cta-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    background: rgba(60, 71, 65, 0.65); \r\n    transition: background 0.5s ease;\r\n  }\r\n\r\n  .rp-cta-card:hover .rp-cta-overlay {\r\n    background: rgba(60, 71, 65, 0.75);\r\n  }\r\n\r\n  \/* CAPA 3: CONTENIDO *\/\r\n  .rp-cta-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .rp-cta-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 42px;\r\n    font-weight: 400;\r\n    color: var(--rp-blanco) !important;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .rp-cta-subtitle {\r\n    font-family: var(--rp-sans);\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    color: var(--rp-blanco);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* =========================================\r\n     BOTONES Y ANIMACI\u00d3N DE DESTELLO\r\n     ========================================= *\/\r\n  .rp-cta-btn {\r\n    margin-top: 15px;\r\n    display: inline-block;\r\n    background: transparent !important; \r\n    border: 1px solid rgba(255, 255, 255, 0.6) !important; \r\n    color: var(--rp-blanco) !important;\r\n    font-family: var(--rp-sans);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    padding: 14px 36px;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n    border-radius: 25px !important; \r\n    -webkit-border-radius: 25px !important;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  @keyframes rp-destello {\r\n    0% { box-shadow: 0 0 0 rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.8); }\r\n    50% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.2); border-color: #ffffff; }\r\n    100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.8); }\r\n  }\r\n\r\n  .rp-cta-btn:hover {\r\n    animation: rp-destello 1.5s infinite ease-in-out !important;\r\n  }\r\n\r\n  \/* =========================================\r\n     MODAL DEL FORMULARIO BITRIX24 (CORREGIDO)\r\n     ========================================= *\/\r\n  .rp-form-modal-overlay {\r\n    position: fixed !important;\r\n    z-index: 999999 !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    background-color: rgba(30, 35, 32, 0.9) !important;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.4s ease, visibility 0.4s ease;\r\n  }\r\n\r\n  .rp-form-modal-overlay.active {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n  }\r\n\r\n  .rp-form-modal-box {\r\n    background: var(--rp-blanco);\r\n    width: 90%;\r\n    max-width: 500px;\r\n    max-height: 90vh;\r\n    overflow-y: auto;\r\n    border-radius: 25px;\r\n    padding: 50px 30px 30px;\r\n    position: relative;\r\n    margin: auto !important;\r\n    transform: scale(0.95) translateY(20px);\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    box-shadow: 0 20px 50px rgba(0,0,0, 0.3);\r\n  }\r\n\r\n  .rp-form-modal-overlay.active .rp-form-modal-box {\r\n    transform: scale(1) translateY(0);\r\n  }\r\n\r\n  .rp-form-modal-close {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 25px;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    color: var(--rp-verde);\r\n    cursor: pointer;\r\n    transition: color 0.3s;\r\n    z-index: 10;\r\n  }\r\n\r\n  .rp-form-modal-close:hover {\r\n    color: var(--rp-terracota);\r\n  }\r\n\r\n  \/* Ocultar barra de scroll en el modal *\/\r\n  .rp-form-modal-box::-webkit-scrollbar { width: 6px; }\r\n  .rp-form-modal-box::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 10px; }\r\n\r\n  \/* =========================================\r\n     AJUSTE DE INPUTS (IGUALAR AL CAMPO PA\u00cdS)\r\n     ========================================= *\/\r\n  .rp-form-modal-box input[type=\"text\"], \r\n  .rp-form-modal-box input[type=\"tel\"], \r\n  .rp-form-modal-box input[type=\"email\"],\r\n  .rp-form-modal-box input.b24-form-control,\r\n  .rp-form-modal-box .b24-form-control:not(select) {\r\n    padding-top: 32px !important;\r\n    padding-bottom: 8px !important;\r\n  }\r\n\r\n  \/* =========================================\r\n     RESPONSIVIDAD\r\n     ========================================= *\/\r\n  @media(max-width: 900px) {\r\n    .rp-cta-grid { grid-template-columns: 1fr; }\r\n    .rp-cta-card { min-height: 350px; }\r\n    .rp-cta-title { font-size: 34px; }\r\n    .rp-form-modal-box { padding: 40px 20px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-cta-section\" id=\"llamados-accion\">\r\n  <div class=\"rp-cta-wrap\">\r\n    \r\n    <div class=\"rp-cta-grid\">\r\n      \r\n      <div class=\"rp-cta-card\">\r\n        \r\n        <div class=\"rp-cta-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Alta-scaled-e1766197545285.jpg');\"><\/div>\r\n        \r\n        <div class=\"rp-cta-overlay\"><\/div>\r\n        \r\n        <div class=\"rp-cta-content\">\r\n          <h2 class=\"rp-cta-title\">Obt\u00e9n la informaci\u00f3n de Zafiro<\/h2>\r\n          <p class=\"rp-cta-subtitle\">Planos, metrajes, acabados y especificaciones completas.<\/p>\r\n          \r\n          <a href=\"javascript:void(0);\" onclick=\"openBitrixModal()\" class=\"rp-cta-btn\">\r\n            Desc\u00e1rgala Ahora\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"rp-cta-card\">\r\n        \r\n        <div class=\"rp-cta-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-011-scaled.jpg');\"><\/div>\r\n        \r\n        <div class=\"rp-cta-overlay\"><\/div>\r\n        \r\n        <div class=\"rp-cta-content\">\r\n          <h2 class=\"rp-cta-title\">Visualiza los interiores en 360\u00b0<\/h2>\r\n          <p class=\"rp-cta-subtitle\">Recorre la distribuci\u00f3n antes de decidir.<\/p>\r\n          \r\n          <a href=\"https:\/\/armada.com.mx\/sitio\/clientes\/la-herencia\/360\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rp-cta-btn\">\r\n            Iniciar Experiencia\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"rp-bitrix-modal\" class=\"rp-form-modal-overlay\" onclick=\"closeBitrixModal(event)\">\r\n  <div class=\"rp-form-modal-box\" onclick=\"event.stopPropagation()\">\r\n    <span class=\"rp-form-modal-close\" onclick=\"closeBitrixModal(event)\">&times;<\/span>\r\n    \r\n    <script data-b24-form=\"inline\/67\/y36ckk\" data-skip-moving=\"true\">\r\n      (function(w,d,u){\r\n      var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()\/180000|0);\r\n      var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);\r\n      })(window,document,'https:\/\/cdn.bitrix24.mx\/b31650551\/crm\/form\/loader_67.js');\r\n    <\/script>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function openBitrixModal() {\r\n    var modal = document.getElementById('rp-bitrix-modal');\r\n    if (modal && modal.parentNode !== document.body) {\r\n      document.body.appendChild(modal);\r\n    }\r\n    modal.classList.add('active');\r\n    document.body.style.overflow = 'hidden'; \r\n  }\r\n\r\n  function closeBitrixModal(event) {\r\n    if (!event || event.target.id === 'rp-bitrix-modal' || event.target.classList.contains('rp-form-modal-close')) {\r\n      var modal = document.getElementById('rp-bitrix-modal');\r\n      if (modal) {\r\n        modal.classList.remove('active');\r\n      }\r\n      document.body.style.overflow = 'auto';\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fbc256 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wcf-starter-animations-none e-con e-parent\" data-id=\"0fbc256\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba6f598 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ba6f598\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 07: RESIDENCIAS\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================\r\n     VARIABLES Y CONTENEDOR PRINCIPAL\r\n     ========================================= *\/\r\n  .rp-models-section {\r\n    --rp-crema: #F4F1ED;\r\n    --rp-verde: #3C4741;\r\n    --rp-dorado: #A8884C;\r\n    --rp-terracota: #8E3F20;\r\n    --rp-blanco: #FFFFFF;\r\n    --rp-texto: #5A5E58;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n\r\n    background: var(--rp-crema);\r\n    padding: 100px 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-models-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .rp-models-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     CABECERA DE SECCI\u00d3N\r\n     ========================================= *\/\r\n  .rp-models-header {\r\n    margin-bottom: 40px;\r\n    max-width: 600px; \r\n  }\r\n\r\n  .rp-models-eyebrow {\r\n    font-family: var(--rp-sans);\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .rp-models-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 52px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: var(--rp-verde) !important;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .rp-models-desc {\r\n    font-family: var(--rp-sans);\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--rp-texto);\r\n  }\r\n\r\n  \/* =========================================\r\n     GRILLA CARRUSEL (SCROLL HORIZONTAL)\r\n     ========================================= *\/\r\n  .rp-models-grid {\r\n    display: flex;\r\n    flex-wrap: nowrap !important; \r\n    gap: 25px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory; \r\n    padding-bottom: 20px; \r\n    -webkit-overflow-scrolling: touch;\r\n    \r\n    \/* Ocultar barra de scroll nativa e indicar agarre *\/\r\n    -ms-overflow-style: none;  \r\n    scrollbar-width: none;  \r\n    cursor: grab;\r\n  }\r\n\r\n  .rp-models-grid::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .rp-models-grid.is-dragging {\r\n    cursor: grabbing;\r\n    scroll-snap-type: none; \/* Desactiva el im\u00e1n al arrastrar para mayor fluidez *\/\r\n  }\r\n\r\n  \/* =========================================\r\n     DISE\u00d1O DE LA TARJETA INDIVIDUAL\r\n     ========================================= *\/\r\n  .rp-model-card {\r\n    flex: 0 0 calc(50% - 12.5px); \r\n    max-width: calc(50% - 12.5px); \r\n    scroll-snap-align: start; \r\n\r\n    position: relative;\r\n    display: block; \r\n    height: 480px; \r\n    border-radius: 25px !important; \r\n    -webkit-border-radius: 25px !important;\r\n    overflow: hidden; \r\n    text-decoration: none !important;\r\n    transform: translateZ(0); \r\n    \r\n    \/* Bloqueo del arrastre nativo de enlaces\/im\u00e1genes para que funcione el JS *\/\r\n    user-select: none; \r\n    -webkit-user-drag: none; \r\n  }\r\n\r\n  .rp-model-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 1;\r\n    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); \r\n  }\r\n\r\n  .rp-model-card:hover .rp-model-bg {\r\n    transform: scale(1.1); \r\n  }\r\n\r\n  .rp-model-content {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 5px 30px 35px 30px; \r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0.9) 100%);\r\n  }\r\n\r\n  \/* Textos de tarjetas *\/\r\n  .rp-model-tag {\r\n    font-family: var(--rp-sans);\r\n    font-size: 10px;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .rp-model-name {\r\n    font-family: var(--rp-serif);\r\n    font-size: 32px;\r\n    color: var(--rp-blanco) !important;\r\n    font-weight: 400;\r\n    margin: 0;\r\n  }\r\n\r\n  .rp-model-action {\r\n    font-family: var(--rp-sans);\r\n    font-size: 13px;\r\n    color: var(--rp-blanco);\r\n    font-weight: 300;\r\n    margin-top: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    opacity: 0.8;\r\n    transition: opacity 0.3s ease, gap 0.3s ease;\r\n  }\r\n\r\n  .rp-model-card:hover .rp-model-action {\r\n    opacity: 1;\r\n    gap: 12px; \r\n  }\r\n\r\n  \/* =========================================\r\n     ZONA INFERIOR: PUNTOS Y TEXTO DE ARRASTRE\r\n     ========================================= *\/\r\n  .rp-bottom-controls {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  \/* Puntos Minimalistas *\/\r\n  .rp-pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .rp-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: rgba(142, 63, 32, 0.25); \r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .rp-dot.active {\r\n    width: 32px; \r\n    background-color: var(--rp-terracota);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  \/* Texto y Flecha Animada *\/\r\n  .rp-scroll-indicator {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .rp-scroll-text {\r\n    font-family: var(--rp-sans);\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--rp-texto);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rp-scroll-arrow {\r\n    color: var(--rp-terracota);\r\n    \/* Animaci\u00f3n: desliza a la derecha, crece y palpita *\/\r\n    animation: slideBlinkGrow 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes slideBlinkGrow {\r\n    0% { opacity: 0.3; transform: translateX(0) scale(1); }\r\n    50% { opacity: 1; transform: translateX(12px) scale(1.2); }\r\n    100% { opacity: 0.3; transform: translateX(0) scale(1); }\r\n  }\r\n\r\n  \/* =========================================\r\n     RESPONSIVIDAD\r\n     ========================================= *\/\r\n  @media(max-width: 1024px) {\r\n    .rp-model-card { flex: 0 0 calc(50% - 12.5px); max-width: calc(50% - 12.5px); }\r\n  }\r\n\r\n  @media(max-width: 768px) {\r\n    .rp-models-header { max-width: 100%; }\r\n    .rp-models-title { font-size: 42px; }\r\n    .rp-model-card { flex: 0 0 85%; max-width: 85%; height: 400px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-models-section\" id=\"otros-modelos\">\r\n  <div class=\"rp-models-wrap\">\r\n    \r\n    <!-- Header de la secci\u00f3n -->\r\n    <div class=\"rp-models-header\">\r\n      <span class=\"rp-models-eyebrow\">Otros modelos<\/span>\r\n      <h2 class=\"rp-models-title\">Residencias<\/h2>\r\n      <p class=\"rp-models-desc\">Cinco modelos de autor dentro de La Herencia Santa Cruz. Compara distribuciones y encuentra el que se ajusta a tu forma de vivir.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Carrusel Horizontal -->\r\n    <div class=\"rp-models-grid\" id=\"rpSlider\">\r\n      \r\n      <!-- TARJETA 1: PERLA (draggable=\"false\" bloquea el arrastre nativo) -->\r\n      <a href=\"https:\/\/laherenciasantacruz.com\/residencia-perla\/\" class=\"rp-model-card\" draggable=\"false\">\r\n        <div class=\"rp-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Perla-scaled.jpg');\"><\/div>\r\n        <div class=\"rp-model-content\">\r\n          <span class=\"rp-model-tag\">Residencia<\/span>\r\n          <h3 class=\"rp-model-name\">Perla<\/h3>\r\n          <span class=\"rp-model-action\">Conocer &rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- TARJETA 2: ORO -->\r\n      <a href=\"https:\/\/laherenciasantacruz.com\/residencia-oro\/\" class=\"rp-model-card\" draggable=\"false\">\r\n        <div class=\"rp-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2024\/08\/03.jpg');\"><\/div>\r\n        <div class=\"rp-model-content\">\r\n          <span class=\"rp-model-tag\">Residencia<\/span>\r\n          <h3 class=\"rp-model-name\">Oro<\/h3>\r\n          <span class=\"rp-model-action\">Conocer &rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- TARJETA 3: PLATINO -->\r\n      <a href=\"https:\/\/laherenciasantacruz.com\/residencia-platino\/\" class=\"rp-model-card\" draggable=\"false\">\r\n        <div class=\"rp-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2024\/08\/02.jpg');\"><\/div>\r\n        <div class=\"rp-model-content\">\r\n          <span class=\"rp-model-tag\">Residencia<\/span>\r\n          <h3 class=\"rp-model-name\">Platino<\/h3>\r\n          <span class=\"rp-model-action\">Conocer &rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- TARJETA 4: DIAMANTE -->\r\n      <a href=\"https:\/\/laherenciasantacruz.com\/residencia-diamante\/\" class=\"rp-model-card\" draggable=\"false\">\r\n        <div class=\"rp-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2024\/08\/01.jpg');\"><\/div>\r\n        <div class=\"rp-model-content\">\r\n          <span class=\"rp-model-tag\">Residencia<\/span>\r\n          <h3 class=\"rp-model-name\">Diamante<\/h3>\r\n          <span class=\"rp-model-action\">Conocer &rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- Controles Inferiores: Puntos y Texto -->\r\n    <div class=\"rp-bottom-controls\">\r\n      <!-- Puntos -->\r\n      <div class=\"rp-pagination\" id=\"rpDots\"><\/div>\r\n\r\n      <!-- Indicador \"Desliza\" -->\r\n      <div class=\"rp-scroll-indicator\">\r\n        <span class=\"rp-scroll-text\">Desliza para ver m\u00e1s<\/span>\r\n        <svg class=\"rp-scroll-arrow\" width=\"40\" height=\"20\" viewBox=\"0 0 24 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"0\" y1=\"6\" x2=\"22\" y2=\"6\"><\/line>\r\n          <polyline points=\"16,0 22,6 16,12\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- =========================================\r\n     SCRIPT: ARRASTRE Y PUNTOS ANIMADOS\r\n     ========================================= -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const slider = document.getElementById('rpSlider');\r\n    const dotsContainer = document.getElementById('rpDots');\r\n    const cards = document.querySelectorAll('.rp-model-card');\r\n    \r\n    \/\/ 1. Generar puntos seg\u00fan la cantidad de tarjetas\r\n    cards.forEach((_, index) => {\r\n      const dot = document.createElement('div');\r\n      dot.classList.add('rp-dot');\r\n      if (index === 0) dot.classList.add('active');\r\n      \r\n      dot.addEventListener('click', () => {\r\n        const maxScroll = slider.scrollWidth - slider.clientWidth;\r\n        const targetScroll = (index \/ (cards.length - 1)) * maxScroll;\r\n        slider.scrollTo({ left: targetScroll, behavior: 'smooth' });\r\n      });\r\n      \r\n      dotsContainer.appendChild(dot);\r\n    });\r\n\r\n    const dots = document.querySelectorAll('.rp-dot');\r\n\r\n    \/\/ 2. Actualizar el punto activo al hacer scroll\r\n    const updateDots = () => {\r\n      const maxScroll = slider.scrollWidth - slider.clientWidth;\r\n      if (maxScroll <= 0) return; \r\n      \r\n      const scrollPercentage = slider.scrollLeft \/ maxScroll;\r\n      const activeIndex = Math.round(scrollPercentage * (dots.length - 1));\r\n\r\n      dots.forEach((dot, index) => {\r\n        if (index === activeIndex) {\r\n          dot.classList.add('active');\r\n        } else {\r\n          dot.classList.remove('active');\r\n        }\r\n      });\r\n    };\r\n\r\n    slider.addEventListener('scroll', updateDots);\r\n\r\n    \/\/ 3. Funcionalidad de arrastrar (Drag to Scroll)\r\n    let isDown = false;\r\n    let isDragging = false;\r\n    let startX;\r\n    let scrollLeft;\r\n\r\n    slider.addEventListener('mousedown', (e) => {\r\n      isDown = true;\r\n      isDragging = false;\r\n      slider.classList.add('is-dragging');\r\n      startX = e.pageX - slider.offsetLeft;\r\n      scrollLeft = slider.scrollLeft;\r\n    });\r\n\r\n    slider.addEventListener('mouseleave', () => {\r\n      isDown = false;\r\n      slider.classList.remove('is-dragging');\r\n    });\r\n\r\n    slider.addEventListener('mouseup', () => {\r\n      isDown = false;\r\n      slider.classList.remove('is-dragging');\r\n    });\r\n\r\n    slider.addEventListener('mousemove', (e) => {\r\n      if (!isDown) return;\r\n      e.preventDefault(); \/\/ Evita selecciones de texto residuales\r\n      isDragging = true;\r\n      const x = e.pageX - slider.offsetLeft;\r\n      const walk = (x - startX) * 1.5; \r\n      slider.scrollLeft = scrollLeft - walk;\r\n    });\r\n\r\n    \/\/ 4. Prevenir que se abran los links si el usuario arrastr\u00f3 la tarjeta\r\n    cards.forEach(card => {\r\n      card.addEventListener('click', (e) => {\r\n        if (isDragging) {\r\n          e.preventDefault();\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63a183f elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63a183f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/laherenciasantacruz.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Zafiro.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba1ef37\" data-id=\"ba1ef37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0d6f59 elementor-widget elementor-widget-spacer\" data-id=\"c0d6f59\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad43827 elementor-widget elementor-widget-html\" data-id=\"ad43827\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 01 : RESIDENCIA ZAFIRO (VERSI\u00d3N M\u00d3VIL)\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================\r\n     VARIABLES Y CONTENEDOR PRINCIPAL M\u00d3VIL\r\n     ========================================= *\/\r\n  .rp-hero-mob {\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1EA;\r\n    --rp-blanco: #FFFFFF;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    background: transparent; \/* El fondo (imagen) debe ser controlado por tu constructor\/Elementor *\/\r\n    font-family: var(--rp-sans);\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    \r\n    \/* Espaciado basado en el mockup m\u00f3vil (20px lateral, 34px inferior) *\/\r\n    padding: 40px 20px 34px; \r\n  }\r\n\r\n  .rp-hero-mob * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .rp-hero-mob-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    color: var(--rp-crema);\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* =========================================\r\n     TIPOGRAF\u00cdA M\u00d3VIL (Basada en Ref. 8)\r\n     ========================================= *\/\r\n  .rp-hero-mob-eyebrow {\r\n    font-size: 10px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-blanco);\r\n    font-weight: 600;\r\n    display: block;\r\n  }\r\n\r\n  .rp-hero-mob-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 44px; \/* Tama\u00f1o reducido para m\u00f3vil *\/\r\n    margin: 12px 0 4px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    color: var(--rp-crema) !important;\r\n  }\r\n\r\n  .rp-hero-mob-title em {\r\n    font-style: normal;\r\n    display: block;\r\n    font-size: 16px;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    opacity: 0.85;\r\n    margin-bottom: 8px;\r\n    color: var(--rp-crema) !important;\r\n  }\r\n\r\n  \/* =========================================\r\n     PRECIO Y TEXTO\r\n     ========================================= *\/\r\n  .rp-hero-mob-price {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 10px;\r\n    margin: 16px 0 18px;\r\n    padding-top: 15px;\r\n    border-top: 1px solid rgba(244, 241, 234, 0.28); \/* L\u00ednea sutil superior *\/\r\n  }\r\n\r\n  .rp-hero-mob-price span {\r\n    font-size: 9.5px;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-blanco);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rp-hero-mob-price strong {\r\n    font-family: var(--rp-serif);\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    color: var(--rp-crema);\r\n  }\r\n\r\n  .rp-hero-mob-text {\r\n    font-size: 14.5px;\r\n    line-height: 1.6;\r\n    color: rgba(244, 241, 234, 0.85);\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  \/* =========================================\r\n     BOTONES APILADOS (Versi\u00f3n M\u00f3vil)\r\n     ========================================= *\/\r\n  .rp-hero-mob-ctas {\r\n    display: grid;\r\n    gap: 9px;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-mob-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 50px;\r\n    padding: 14px 24px;\r\n    font-size: 11.5px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    border-radius: 25px; \/* Bordes redondeados consistentes con la versi\u00f3n PC *\/\r\n    border: 1px solid transparent;\r\n    transition: all 0.2s ease;\r\n    cursor: pointer;\r\n    font-family: var(--rp-sans);\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-mob-btn-primary {\r\n    background: var(--rp-terracota);\r\n    color: var(--rp-crema) !important;\r\n  }\r\n\r\n  .rp-mob-btn-ghost {\r\n    background: transparent;\r\n    color: var(--rp-crema) !important;\r\n    border-color: rgba(244, 241, 234, 0.5);\r\n  }\r\n\r\n  .rp-mob-btn:active {\r\n    opacity: 0.75;\r\n    transform: scale(0.98);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-hero-mob\">\r\n  <div class=\"rp-hero-mob-wrap\">\r\n    \r\n    <span class=\"rp-hero-mob-eyebrow\">Residencias de autor \u00b7 La Paz, B.C.S.<\/span>\r\n    \r\n    <h1 class=\"rp-hero-mob-title\">\r\n      <em>Residencia<\/em>Zafiro\r\n    <\/h1>\r\n    \r\n    <!-- Bloque de Precio reubicado debajo del t\u00edtulo -->\r\n    <div class=\"rp-hero-mob-price\">\r\n      <span>Desde<\/span>\r\n      <strong>$8,950,000 MXN<\/strong>\r\n    <\/div>\r\n    \r\n    <p class=\"rp-hero-mob-text\">Dos niveles, 187 m\u00b2 de construcci\u00f3n y tres rec\u00e1maras, todas con vestidor y ba\u00f1o privado.<\/p>\r\n    \r\n    <!-- Botones ajustados en bloque para m\u00f3vil -->\r\n    <div class=\"rp-hero-mob-ctas\">\r\n      <a class=\"rp-mob-btn rp-mob-btn-primary\" href=\"#distribucion\">VER LA DISTRIBUCI\u00d3N<\/a>\r\n      <a class=\"rp-mob-btn rp-mob-btn-ghost\" href=\"#contacto\">AGENDAR CITA<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-cc997ca elementor-hidden-desktop e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"cc997ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e001c89 elementor-widget elementor-widget-html\" data-id=\"e001c89\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n    SECCI\u00d3N 02: DISTRIBUCI\u00d3N EN 2 NIVELES\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Variables encapsuladas para aislar la secci\u00f3n *\/\r\n  .rp-intro-section {\r\n    --rp-verde: #3C4741;\r\n    --rp-dorado: #A8884C;\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1EA;\r\n    --rp-texto: #5A5E58;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n    --rp-pad: 20px;\r\n\r\n    background: var(--rp-crema);\r\n    color: var(--rp-verde);\r\n    font-family: var(--rp-sans);\r\n    padding: 110px 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-intro-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Contenedor principal alineado a la cuadr\u00edcula (Escritorio) *\/\r\n  .rp-intro-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.05fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* =========================================\r\n     CONFIGURACI\u00d3N DE IMAGEN Y ANIMACI\u00d3N\r\n     ========================================= *\/\r\n  .rp-intro-figure {\r\n    width: 100%;\r\n    border-radius: 25px; \/* Esquinas redondeadas a 25px *\/\r\n    overflow: hidden; \r\n    position: relative;\r\n    box-shadow: 0 15px 40px rgba(60, 71, 65, 0.08); \r\n  }\r\n\r\n  .rp-intro-figure img {\r\n    width: 100%;\r\n    aspect-ratio: 4\/3; \r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); \r\n  }\r\n\r\n  \/* Animaci\u00f3n hover: Ampliaci\u00f3n de la imagen *\/\r\n  .rp-intro-figure:hover img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* =========================================\r\n     TEXTOS Y TIPOGRAF\u00cdA (Escritorio)\r\n     ========================================= *\/\r\n  .rp-intro-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n  }\r\n\r\n  .rp-intro-title {\r\n    font-family: var(--rp-serif);\r\n    font-size: 46px;\r\n    line-height: 1.15;\r\n    margin: 16px 0 0;\r\n    font-weight: 400;\r\n    color: var(--rp-verde) !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .rp-intro-rule {\r\n    width: 56px;\r\n    height: 2px;\r\n    background: var(--rp-terracota);\r\n    margin: 22px 0 26px;\r\n  }\r\n\r\n  .rp-intro-body {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    color: var(--rp-texto);\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  \/* Pilares *\/\r\n  .rp-intro-pillars {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 26px;\r\n  }\r\n\r\n  .rp-intro-pillar {\r\n    border-top: 1px solid var(--rp-dorado);\r\n    padding-top: 14px;\r\n    font-family: var(--rp-serif);\r\n    font-size: 17px;\r\n    line-height: 1.35;\r\n    color: var(--rp-verde);\r\n  }\r\n\r\n  \/* Ajustes b\u00e1sicos para pantallas medianas *\/\r\n  @media(max-width: 1200px) {\r\n    .rp-intro-wrap {\r\n      width: calc(100% - 56px);\r\n      gap: 50px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================\r\n     ADAPTACI\u00d3N EXACTA AL MOCKUP M\u00d3VIL\r\n     ========================================= *\/\r\n  @media(max-width: 850px) {\r\n    .rp-intro-section {\r\n      padding: 52px var(--rp-pad);\r\n    }\r\n    \r\n    .rp-intro-wrap {\r\n      width: 100%;\r\n      grid-template-columns: 1fr;\r\n      gap: 0;\r\n    }\r\n    \r\n    .rp-intro-figure {\r\n      border-radius: 25px; \/* Mantenido en 25px para m\u00f3vil *\/\r\n      margin-bottom: 26px;\r\n      box-shadow: none;\r\n    }\r\n    \r\n    .rp-intro-eyebrow {\r\n      font-size: 10px;\r\n    }\r\n    \r\n    .rp-intro-title {\r\n      font-size: 29px;\r\n      margin-top: 12px;\r\n    }\r\n    \r\n    .rp-intro-rule {\r\n      width: 44px;\r\n      margin: 13px 0 22px;\r\n    }\r\n    \r\n    .rp-intro-body {\r\n      font-size: 14.5px;\r\n      margin-bottom: 0;\r\n    }\r\n    \r\n    .rp-intro-pillars {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n      margin-top: 26px;\r\n    }\r\n    \r\n    .rp-intro-pillar {\r\n      font-size: 16px;\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-intro-section\">\r\n  <div class=\"rp-intro-wrap\">\r\n    \r\n    <!-- Bloque Izquierdo \/ Superior (M\u00f3vil): Imagen -->\r\n    <div class=\"rp-intro-figure\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-009-scaled.jpg\" alt=\"Patio y alberca de Residencia Zafiro\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <!-- Bloque Derecho \/ Inferior (M\u00f3vil): Contenido -->\r\n    <div class=\"rp-intro-content\">\r\n      <span class=\"rp-intro-eyebrow\">Distribuci\u00f3n en dos niveles<\/span>\r\n      <h2 class=\"rp-intro-title\">Tres rec\u00e1maras con vestidor y ba\u00f1o privado<\/h2>\r\n      <div class=\"rp-intro-rule\"><\/div>\r\n      \r\n      <p class=\"rp-intro-body\">\r\n        Eso permite que cualquiera funcione como la principal. En planta baja, sala, comedor y cocina corren en un trazo continuo hacia el jard\u00edn posterior; arriba, un family room y una terraza privada ampl\u00edan la convivencia.\r\n      <\/p>\r\n\r\n      <div class=\"rp-intro-pillars\">\r\n        <div class=\"rp-intro-pillar\">Rec\u00e1mara principal desde planta baja<\/div>\r\n        <div class=\"rp-intro-pillar\">Sala, comedor y cocina abiertos al jard\u00edn<\/div>\r\n        <div class=\"rp-intro-pillar\">Family room y terraza en el nivel superior<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cb65ee elementor-hidden-desktop e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"3cb65ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e460d4c elementor-widget elementor-widget-html\" data-id=\"e460d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 03: M\u00c9TRICAS\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes requeridas (Marcellus e Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Variables encapsuladas exclusivas para esta secci\u00f3n *\/\r\n  .rp-metrics-section {\r\n    --rp-terracota: #8E3F20;\r\n    --rp-crema: #F4F1EA;\r\n    --rp-serif: 'Marcellus', 'Times New Roman', serif;\r\n    --rp-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    --rp-max-width: 1240px;\r\n    --rp-pad: 20px;\r\n\r\n    background: var(--rp-terracota);\r\n    color: var(--rp-crema);\r\n    padding: 64px 0;\r\n    font-family: var(--rp-sans);\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-metrics-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Contenedor Grid a 4 columnas para Escritorio *\/\r\n  .rp-metrics-wrap {\r\n    width: min(var(--rp-max-width), calc(100% - 96px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  \/* Estilos individuales de cada bloque de m\u00e9trica *\/\r\n  .rp-metric-item {\r\n    padding: 0 34px;\r\n    border-left: 1px solid rgba(244, 241, 234, 0.28);\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Quitamos el borde izquierdo al primer elemento *\/\r\n  .rp-metric-item:first-child {\r\n    border-left: 0;\r\n  }\r\n\r\n  \/* Tipograf\u00eda de las etiquetas superiores *\/\r\n  .rp-metric-item span {\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 17px;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.02em;\r\n    opacity: 0.9;\r\n    color: var(--rp-crema) !important;\r\n    padding: 4px 0;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* Tipograf\u00eda de los n\u00fameros grandes *\/\r\n  .rp-metric-item b {\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 36px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n    margin-top: 6px;\r\n    padding: 4px 0;\r\n    color: var(--rp-crema) !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* =========================================\r\n     EFECTO HOVER: MOVIMIENTO DE TEXTOS\r\n     ========================================= *\/\r\n  .rp-metric-item:hover span {\r\n    transform: translateY(-4px); \r\n  }\r\n\r\n  .rp-metric-item:hover b {\r\n    transform: translateY(-8px); \r\n  }\r\n\r\n  \/* =========================================\r\n     RESPONSIVIDAD (Tablets y M\u00f3viles)\r\n     ========================================= *\/\r\n  \r\n  @media(max-width: 1200px) {\r\n    .rp-metrics-wrap {\r\n      width: calc(100% - 56px);\r\n    }\r\n  }\r\n\r\n  \/* Tablets (Pasamos a formato 2x2 sin bordes para igualar la imagen) *\/\r\n  @media(max-width: 850px) {\r\n    .rp-metrics-section {\r\n      padding: 52px var(--rp-pad);\r\n    }\r\n    .rp-metrics-wrap {\r\n      width: 100%;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 40px 15px; \r\n    }\r\n    .rp-metric-item {\r\n      border-left: none; \/* Elimina l\u00edneas divisorias *\/\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  \/* Celulares (Mantenemos 2 columnas estrictas como la imagen) *\/\r\n  @media(max-width: 576px) {\r\n    .rp-metrics-section {\r\n      padding: 40px var(--rp-pad);\r\n    }\r\n    .rp-metrics-wrap {\r\n      grid-template-columns: repeat(2, 1fr); \/* Fuerza 2 columnas *\/\r\n      gap: 30px 10px;\r\n    }\r\n    .rp-metric-item {\r\n      border-bottom: none; \/* Asegura que no haya l\u00edneas inferiores *\/\r\n      padding: 0;\r\n    }\r\n    \/* Ajuste para evitar desbordamiento en celulares peque\u00f1os *\/\r\n    .rp-metric-item span {\r\n      font-size: 15px;\r\n    }\r\n    .rp-metric-item b {\r\n      font-size: 26px; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"rp-metrics-section\">\r\n  <div class=\"rp-metrics-wrap\">\r\n    \r\n    <!-- M\u00e9trica 1 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Superficie total construida<\/span>\r\n      <b>356.77 m\u00b2<\/b>\r\n    <\/div>\r\n    \r\n    <!-- M\u00e9trica 2 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Construcci\u00f3n<\/span>\r\n      <b>187.20 m\u00b2<\/b>\r\n    <\/div>\r\n    \r\n    <!-- M\u00e9trica 3 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Patios y terrazas<\/span>\r\n      <b>143.41 m\u00b2<\/b>\r\n    <\/div>\r\n    \r\n    <!-- M\u00e9trica 4 -->\r\n    <div class=\"rp-metric-item\">\r\n      <span>Roof top no techado<\/span>\r\n      <b>26.16 m\u00b2<\/b>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4004a6b elementor-hidden-desktop e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"4004a6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0edb7a elementor-widget elementor-widget-html\" data-id=\"a0edb7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 04: PLANTAS ARQUITECT\u00d3NICAS\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes (b\u00f3rralas si ya las cargaste en Elementor) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================================\r\n     CONTENEDOR PRINCIPAL\r\n     ========================================================= *\/\r\n  .rp-mob-dist{\r\n    --rp-verde:#3C4741;\r\n    --rp-dorado:#A8884C;\r\n    --rp-terracota:#8E3F20;\r\n    --rp-crema:#EAE6DF;\r\n    --rp-blanco:#FFFFFF;\r\n    --rp-texto:#5A5E58;\r\n    --rp-serif:'Marcellus','Times New Roman',serif;\r\n    --rp-sans:'Inter','Helvetica Neue',Arial,sans-serif;\r\n\r\n    background: var(--rp-crema);\r\n    color: var(--rp-verde);\r\n    font-family: var(--rp-sans);\r\n    padding: 56px 0 64px;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 390px;   \/* \u2190 quitar si quieres ancho completo en Elementor *\/\r\n    margin: 0 auto;\r\n    overflow-x: hidden;\r\n    line-height: 1.6;\r\n  }\r\n  .rp-mob-dist *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n  .rp-mob-wrap{ padding: 0 20px; }\r\n\r\n  \/* ========== CABECERA ========== *\/\r\n  .rp-mob-header{ margin-bottom: 32px; }\r\n  .rp-mob-eyebrow{\r\n    font-size: 10px;\r\n    letter-spacing: .22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n  }\r\n  .rp-mob-title{\r\n    font-family: var(--rp-serif);\r\n    font-size: 38px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: var(--rp-verde);\r\n    margin-bottom: 14px;\r\n  }\r\n  .rp-mob-desc{\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: var(--rp-texto);\r\n  }\r\n\r\n  \/* ========== TABS (pills redondeadas, estilo original) ========== *\/\r\n  .rp-mob-tabs{\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 34px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(60,71,65,.15);\r\n  }\r\n  .rp-mob-tab-btn{\r\n    flex: 1;\r\n    background: transparent !important;\r\n    border: 1px solid var(--rp-verde) !important;\r\n    padding: 12px 18px;\r\n    font-family: var(--rp-sans);\r\n    font-size: 11px;\r\n    letter-spacing: .15em;\r\n    font-weight: 600;\r\n    color: var(--rp-terracota) !important;\r\n    cursor: pointer;\r\n    box-shadow: none !important;\r\n    border-radius: 25px !important;\r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n    transition: all .3s ease;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n  }\r\n  .rp-mob-tab-btn:hover{ background: rgba(60,71,65,.05) !important; }\r\n  .rp-mob-tab-btn.active{\r\n    background: var(--rp-verde) !important;\r\n    border-color: var(--rp-verde) !important;\r\n    color: var(--rp-blanco) !important;\r\n  }\r\n\r\n  \/* ========== PANELES ========== *\/\r\n  .rp-mob-tab-content{\r\n    display: none;\r\n    animation: rpMobFade .5s ease;\r\n  }\r\n  .rp-mob-tab-content.active{ display: block; }\r\n  @keyframes rpMobFade{\r\n    from{ opacity:0; transform: translateY(10px); }\r\n    to{ opacity:1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* ========== IMAGEN \/ PLAN-CARD ========== *\/\r\n  .rp-mob-image-box{\r\n    position: relative;\r\n    border-radius: 25px;\r\n    overflow: hidden;\r\n    background: var(--rp-blanco);\r\n    \r\n    \/* LA SOLUCI\u00d3N: Generamos un marco blanco muy amplio arriba y abajo *\/\r\n    padding: 85px 25px; \r\n    \r\n    box-shadow: 0 10px 30px rgba(0,0,0,.05);\r\n    margin-bottom: 34px;\r\n  }\r\n  .rp-mob-image-wrap{\r\n    position: relative;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n  }\r\n  .rp-mob-image-wrap img{\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    transition: transform .6s cubic-bezier(.25,1,.5,1);\r\n    cursor: zoom-in;\r\n  }\r\n  .rp-mob-image-box:hover .rp-mob-image-wrap img{ transform: scale(1.06); }\r\n\r\n  \/* Pill glass *\/\r\n  .rp-mob-pill{\r\n    position: absolute;\r\n    top: 25px; \/* Ajustado para anclarse en el marco blanco *\/\r\n    left: 25px;\r\n    z-index: 10;\r\n    padding: 7px 16px;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: .15em;\r\n    color: var(--rp-terracota);\r\n    border-radius: 30px;\r\n    background: rgba(255,255,255,.65);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,.4);\r\n    box-shadow: 0 4px 15px rgba(0,0,0,.05);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* ========== BOT\u00d3N AMPLIAR PLANO \u2014 DORADO, RADIO 25px ========== *\/\r\n  .rp-mob-btn-ampliar{\r\n    position: absolute;\r\n    bottom: 25px; \/* Ajustado para anclarse en el marco blanco *\/\r\n    right: 25px;\r\n    z-index: 10;\r\n    background: var(--rp-dorado);\r\n    color: var(--rp-crema);\r\n    padding: 11px 18px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: .1em;\r\n    border-radius: 25px !important; \/*ESTE VALOR LO MODIFIQU\u00c9*\/\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: background .3s ease;\r\n    cursor: pointer;\r\n    border: 0;\r\n    text-transform: uppercase;\r\n    font-family: var(--rp-sans);\r\n    box-shadow: 0 4px 14px rgba(168,136,76,.35);\r\n  }\r\n  .rp-mob-btn-ampliar:hover{ background: var(--rp-terracota); }\r\n\r\n  \/* ========== INFORMACI\u00d3N ========== *\/\r\n  .rp-mob-info-title{\r\n    font-family: var(--rp-serif);\r\n    font-size: 28px;\r\n    color: var(--rp-verde);\r\n    margin-bottom: 14px;\r\n    font-weight: 400;\r\n  }\r\n  .rp-mob-info-desc{\r\n    font-size: 14.5px;\r\n    line-height: 1.7;\r\n    color: var(--rp-texto);\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* ========== GRID DE FEATURES \u2192 1 columna en m\u00f3vil ========== *\/\r\n  .rp-mob-features-grid{\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 26px;\r\n    margin-bottom: 34px;\r\n  }\r\n  .rp-mob-feature-group h4{\r\n    font-size: 10px;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-terracota);\r\n    font-weight: 700;\r\n    border-bottom: 1px solid rgba(142,63,32,.2);\r\n    padding-bottom: 10px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .rp-mob-feature-group ul{ list-style: none; }\r\n  .rp-mob-feature-group li{\r\n    font-size: 13.5px;\r\n    color: var(--rp-texto);\r\n    line-height: 1.5;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    padding-left: 20px;\r\n  }\r\n  .rp-mob-feature-group li::before{\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 6px;\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid var(--rp-dorado);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  \/* ========== M\u00c9TRICAS ========== *\/\r\n  .rp-mob-metrics-row{\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 22px 18px;\r\n    border-top: 1px solid rgba(60,71,65,.15);\r\n    padding-top: 22px;\r\n  }\r\n  .rp-mob-metric-mini span{\r\n    display: block;\r\n    font-size: 9.5px;\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-texto);\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n  }\r\n  .rp-mob-metric-mini b{\r\n    display: block;\r\n    font-family: var(--rp-serif);\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    color: var(--rp-verde);\r\n  }\r\n\r\n  \/* ========== MODAL ZOOM ========== *\/\r\n  .rp-mob-modal{\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9999;\r\n    background: rgba(22,26,23,.96);\r\n    display: none;\r\n    place-items: center;\r\n    padding: 14px;\r\n  }\r\n  .rp-mob-modal.open{ display: grid; }\r\n  .rp-mob-modal img{\r\n    max-width: 100%;\r\n    max-height: 84vh;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* ========== BOT\u00d3N CERRAR \u2014 DORADO, RADIO 25px ========== *\/\r\n  .rp-mob-modal-x{\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 18px;\r\n    background: var(--rp-dorado);\r\n    color: var(--rp-crema);\r\n    border: 0;\r\n    border-radius: 25px;\r\n    width: 42px;\r\n    height: 42px;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    font-family: var(--rp-sans);\r\n    font-weight: 400;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background .3s ease, transform .2s ease;\r\n    box-shadow: 0 4px 14px rgba(168,136,76,.35);\r\n    padding: 0;\r\n  }\r\n  .rp-mob-modal-x:hover{\r\n    background: var(--rp-terracota);\r\n    transform: scale(1.05);\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- =================================================\r\n     SECCI\u00d3N DISTRIBUCI\u00d3N \u00b7 M\u00d3VIL\r\n     ================================================= -->\r\n<div class=\"rp-mob-dist\" id=\"distribucion\">\r\n  <div class=\"rp-mob-wrap\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"rp-mob-header\">\r\n      <span class=\"rp-mob-eyebrow\">Plantas Arquitect\u00f3nicas<\/span>\r\n      <h2 class=\"rp-mob-title\">Distribuci\u00f3n<\/h2>\r\n      <p class=\"rp-mob-desc\"><\/p>\r\n    <\/div>\r\n\r\n    <!-- Tabs (pills) -->\r\n    <div class=\"rp-mob-tabs\">\r\n      <button class=\"rp-mob-tab-btn active\" onclick=\"openRpMobTab(event, 'rp-mob-planta-baja')\">Planta baja<\/button>\r\n      <button class=\"rp-mob-tab-btn\" onclick=\"openRpMobTab(event, 'rp-mob-roof-top')\">Primer nivel<\/button>\r\n    <\/div>\r\n\r\n    <!-- ============ PANEL 1: PLANTA BAJA ============ -->\r\n    <div id=\"rp-mob-planta-baja\" class=\"rp-mob-tab-content active\">\r\n\r\n      <div class=\"rp-mob-image-box\">\r\n        <div class=\"rp-mob-pill\">Planta baja<\/div>\r\n        <div class=\"rp-mob-image-wrap\">\r\n          <img decoding=\"async\" class=\"rp-mob-zoomable\"\r\n               src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Baja-1-scaled-e1766197290281.jpg\"\r\n               alt=\"Plano Planta Baja\">\r\n        <\/div>\r\n        <button class=\"rp-mob-btn-ampliar rp-mob-zoom-trigger\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\r\n          Ampliar plano\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"rp-mob-info\">\r\n        <h3 class=\"rp-mob-info-title\">Planta baja<\/h3>\r\n        <p class=\"rp-mob-info-desc\">El nivel de la vida diaria: acceso y servicio al frente, la zona social corrida hacia el jard\u00edn, y la rec\u00e1mara principal ya en planta baja.<\/p>\r\n\r\n        <div class=\"rp-mob-features-grid\">\r\n          <div class=\"rp-mob-feature-group\">\r\n            <h4>Acceso y servicio<\/h4>\r\n            <ul>\r\n              \r\n              <li>Cochera para 2 veh\u00edculos<\/li>\r\n              <li>Bodega exterior<\/li>\r\n              <li>Bodega interior<\/li>\r\n              <li>Vest\u00edbulo de acceso<\/li>\r\n              <li>Medio ba\u00f1o<\/li>\r\n              <li>Cuarto de lavander\u00eda<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rp-mob-feature-group\">\r\n            <h4>\u00c1rea social<\/h4>\r\n            <ul>\r\n              <li>Cocina integral con barra desayunadora y alacena independiente<\/li>\r\n              <li>Comedor y sala con acceso directo a terraza<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rp-mob-feature-group\">\r\n            <h4>\u00c1rea privada<\/h4>\r\n            <ul>\r\n              <li>Rec\u00e1mara principal con vestidor y ba\u00f1o privado<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rp-mob-feature-group\">\r\n            <h4>Exteriores<\/h4>\r\n            <ul>\r\n              <li>Terraza<\/li>\r\n              <li>Pasillo lateral<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rp-mob-metrics-row\">\r\n          <div class=\"rp-mob-metric-mini\"><span>Rec\u00e1maras<\/span><b>3<\/b><\/div>\r\n          <div class=\"rp-mob-metric-mini\"><span>Ba\u00f1os<\/span><b>3 y medio<\/b><\/div>\r\n          <div class=\"rp-mob-metric-mini\"><span>Cochera<\/span><b>2 autos<\/b><\/div>\r\n          <div class=\"rp-mob-metric-mini\"><span>Construcci\u00f3n<\/span><b>187.20 m\u00b2<\/b><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ PANEL 2: PRIMER NIVEL ============ -->\r\n    <div id=\"rp-mob-roof-top\" class=\"rp-mob-tab-content\">\r\n\r\n      <div class=\"rp-mob-image-box\">\r\n        <div class=\"rp-mob-pill\">Primer nivel<\/div>\r\n        <div class=\"rp-mob-image-wrap\">\r\n          <img decoding=\"async\" class=\"rp-mob-zoomable\"\r\n               src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Alta-scaled-e1766197545285.jpg\"\r\n               alt=\"Plano Primer Nivel\">\r\n        <\/div>\r\n        <button class=\"rp-mob-btn-ampliar rp-mob-zoom-trigger\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\r\n          Ampliar plano\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"rp-mob-info\">\r\n        <h3 class=\"rp-mob-info-title\">Primer nivel<\/h3>\r\n        <p class=\"rp-mob-info-desc\">Dos rec\u00e1maras m\u00e1s, ambas con ba\u00f1o privado, y un family room con terraza que funciona como segunda sala.<\/p>\r\n\r\n        <div class=\"rp-mob-features-grid\">\r\n          <div class=\"rp-mob-feature-group\">\r\n            <h4>Rec\u00e1maras<\/h4>\r\n            <ul>\r\n              \r\n              <li>Rec\u00e1mara con vestidor y ba\u00f1o privado<\/li>\r\n              <li>Rec\u00e1mara secundaria con balc\u00f3n, cl\u00f3set y ba\u00f1o privado<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rp-mob-feature-group\">\r\n            <h4>Convivencia<\/h4>\r\n            <ul>\r\n              <li>Family room<\/li>\r\n              <li>Terraza<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rp-mob-metrics-row\">\r\n          <div class=\"rp-mob-metric-mini\"><span>Rec\u00e1maras<\/span><b>2<\/b><\/div>\r\n          <div class=\"rp-mob-metric-mini\"><span>Roof top no techado<\/span><b>26.16 m\u00b2<\/b><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ MODAL ZOOM ============ -->\r\n<div class=\"rp-mob-modal\" aria-hidden=\"true\">\r\n  <button class=\"rp-mob-modal-x\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n  <img alt=\"Vista ampliada\">\r\n<\/div>\r\n\r\n<!-- ============ SCRIPT ============ -->\r\n<script>\r\n(function(){\r\n  \/* --- Tabs --- *\/\r\n  window.openRpMobTab = function(evt, tabName){\r\n    var i, tabcontent, tablinks;\r\n    tabcontent = document.getElementsByClassName(\"rp-mob-tab-content\");\r\n    for (i = 0; i < tabcontent.length; i++){\r\n      tabcontent[i].style.display = \"none\";\r\n      tabcontent[i].classList.remove(\"active\");\r\n    }\r\n    tablinks = document.getElementsByClassName(\"rp-mob-tab-btn\");\r\n    for (i = 0; i < tablinks.length; i++){\r\n      tablinks[i].classList.remove(\"active\");\r\n    }\r\n    var currentTab = document.getElementById(tabName);\r\n    currentTab.style.display = \"block\";\r\n    currentTab.classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n  };\r\n\r\n  \/* --- Modal zoom --- *\/\r\n  var modal = document.querySelector('.rp-mob-modal');\r\n  if (!modal) return;\r\n  var modalImg = modal.querySelector('img');\r\n  var modalX = modal.querySelector('.rp-mob-modal-x');\r\n\r\n  function openModal(src, alt){\r\n    modalImg.src = src;\r\n    modalImg.alt = alt || '';\r\n    modal.classList.add('open');\r\n    modal.setAttribute('aria-hidden','false');\r\n  }\r\n  function closeModal(){\r\n    modal.classList.remove('open');\r\n    modal.setAttribute('aria-hidden','true');\r\n  }\r\n\r\n  document.querySelectorAll('.rp-mob-zoomable').forEach(function(img){\r\n    img.addEventListener('click', function(){ openModal(img.src, img.alt); });\r\n  });\r\n  document.querySelectorAll('.rp-mob-zoom-trigger').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      var img = btn.parentElement.querySelector('img');\r\n      if (img) openModal(img.src, img.alt);\r\n    });\r\n  });\r\n\r\n  modalX.addEventListener('click', closeModal);\r\n  modal.addEventListener('click', function(e){ if (e.target === modal) closeModal(); });\r\n  document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closeModal(); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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-f069857 elementor-hidden-desktop e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"f069857\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef8ed07 elementor-widget elementor-widget-html\" data-id=\"ef8ed07\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 05: INTERIORES Y EXTERIORES (M\u00d3VIL)\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes (b\u00f3rralas si ya las cargaste en Elementor) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================================\r\n     CONTENEDOR PRINCIPAL \u2014 SIN FONDO\r\n     ========================================================= *\/\r\n  .rp-mob-carousel-section{\r\n    --rp-verde:#3C4741;\r\n    --rp-dorado:#A8884C;\r\n    --rp-terracota:#8E3F20;\r\n    --rp-crema:#F4F1ED;\r\n    --rp-blanco:#FFFFFF;\r\n    --rp-texto:#5A5E58;\r\n    --rp-serif:'Marcellus','Times New Roman',serif;\r\n    --rp-sans:'Inter','Helvetica Neue',Arial,sans-serif;\r\n    --rp-pad:20px;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    border: 0 !important;\r\n    box-shadow: none !important;\r\n\r\n    color: var(--rp-verde);\r\n    font-family: var(--rp-sans);\r\n    padding: 56px 0 64px;\r\n    width: 100%;\r\n    max-width: 390px;              \/* \u2190 quitar si quieres ancho completo *\/\r\n    margin: 0 auto;\r\n    overflow-x: hidden;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n    line-height: 1.6;\r\n  }\r\n  .rp-mob-carousel-section *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n  \/* ========== CABECERA ========== *\/\r\n  .rp-mob-gal-head{\r\n    padding: 0 var(--rp-pad);\r\n    margin-bottom: 22px;\r\n  }\r\n  .rp-mob-gal-eyebrow{\r\n    display: block;\r\n    font-size: 10px;\r\n    letter-spacing: .22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    margin-bottom: 12px;\r\n  }\r\n  .rp-mob-gal-title{\r\n    font-family: var(--rp-serif);\r\n    font-size: 34px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: var(--rp-verde);\r\n  }\r\n  .rp-mob-gal-rule{\r\n    width: 44px;\r\n    height: 2px;\r\n    background: var(--rp-terracota) !important;\r\n    margin-top: 13px;\r\n  }\r\n\r\n  \/* ========== SWIPE HINT ========== *\/\r\n  .rp-mob-swipe-hint{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n    color: #8b938b;\r\n    font-weight: 600;\r\n    margin-bottom: 14px;\r\n    padding: 0 var(--rp-pad);\r\n  }\r\n  .rp-mob-swipe-hint::after{\r\n    content: \"\u2192\";\r\n    animation: rpMobSlideHint 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes rpMobSlideHint{\r\n    0%,100%{ transform: translateX(0); }\r\n    50%{ transform: translateX(5px); }\r\n  }\r\n\r\n  \/* ========== CARRUSEL \u2014 sin fondo ni padding lateral ========== *\/\r\n  .rp-mob-carousel{\r\n    display: flex;\r\n    gap: 12px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    padding: 0 0 6px !important;\r\n    background: transparent !important;\r\n    border: 0 !important;\r\n    scrollbar-width: none;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n  .rp-mob-carousel::-webkit-scrollbar{ display: none; }\r\n\r\n  \/* ========== SLIDE \u2014 bot\u00f3n totalmente reseteado ========== *\/\r\n  .rp-mob-slide{\r\n    flex: 0 0 92%;\r\n    scroll-snap-align: center;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    background-image: none !important;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    padding: 0 !important;\r\n    margin: 0;\r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n\r\n    text-align: left;\r\n    cursor: zoom-in;\r\n    font-family: inherit;\r\n    color: inherit;\r\n    line-height: inherit;\r\n  }\r\n  .rp-mob-slide:hover,\r\n  .rp-mob-slide:focus,\r\n  .rp-mob-slide:active{\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    border: 0 !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n  }\r\n  .rp-mob-slide:first-child{ margin-left: 4%; }\r\n  .rp-mob-slide:last-child{ margin-right: 4%; }\r\n\r\n  \/* Imagen \u2014 \u00fanica protagonista, radio 25px *\/\r\n  .rp-mob-slide img{\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: cover;\r\n    border-radius: 25px !important;\r\n    display: block;\r\n    transition: transform .5s cubic-bezier(.25,1,.5,1);\r\n    box-shadow: 0 8px 20px -14px rgba(0,0,0,.18);\r\n  }\r\n  .rp-mob-slide:active img{ transform: scale(1.01); }\r\n\r\n  \/* Pie de foto *\/\r\n  .rp-mob-slide-cap{\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 8px;\r\n    margin-top: 11px;\r\n    padding: 0 6px;\r\n  }\r\n  .rp-mob-slide-cap .num{\r\n    font-size: 10px;\r\n    letter-spacing: .14em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 700;\r\n  }\r\n  .rp-mob-slide-cap .label{\r\n    font-family: var(--rp-serif);\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: var(--rp-verde);\r\n  }\r\n\r\n  \/* ========== DOTS ========== *\/\r\n  .rp-mob-dots{\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    margin-top: 22px;\r\n    padding: 0 var(--rp-pad);\r\n  }\r\n  .rp-mob-dot{\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(60,71,65,.22) !important;\r\n    transition: all .25s ease;\r\n  }\r\n  .rp-mob-dot.on{\r\n    background: var(--rp-terracota) !important;\r\n    width: 18px;\r\n    border-radius: 3px;\r\n  }\r\n\r\n  \/* ========== CONTADOR ========== *\/\r\n  .rp-mob-gal-count{\r\n    display: block;\r\n    text-align: center;\r\n    font-size: 11px;\r\n    letter-spacing: .14em;\r\n    text-transform: uppercase;\r\n    color: #8b938b;\r\n    font-weight: 600;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  \/* ========== LIGHTBOX ========== *\/\r\n  .rp-mob-carousel-lb{\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9999;\r\n    background: rgba(30,35,32,.95) !important;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity .4s ease, visibility .4s ease;\r\n    padding: 20px;\r\n  }\r\n  .rp-mob-carousel-lb.active{\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  .rp-mob-carousel-lb img{\r\n    max-width: 100%;\r\n    max-height: 80vh;\r\n    border-radius: 15px !important;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,.5);\r\n    transform: scale(.95);\r\n    transition: transform .4s cubic-bezier(.25,1,.5,1);\r\n    object-fit: contain;\r\n  }\r\n  .rp-mob-carousel-lb.active img{ transform: scale(1); }\r\n\r\n  \/* Bot\u00f3n cerrar \u2014 pastilla DORADA, radio 25px *\/\r\n  .rp-mob-carousel-lb-close{\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 18px;\r\n    background: var(--rp-dorado) !important;\r\n    color: var(--rp-crema);\r\n    border: 0 !important;\r\n    border-radius: 25px !important;\r\n    width: 42px;\r\n    height: 42px;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    font-family: var(--rp-sans);\r\n    font-weight: 400;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background .3s ease, transform .2s ease;\r\n    box-shadow: 0 4px 14px rgba(168,136,76,.35);\r\n    padding: 0;\r\n  }\r\n  .rp-mob-carousel-lb-close:hover{\r\n    background: var(--rp-terracota) !important;\r\n    transform: scale(1.05);\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- =================================================\r\n     SECCI\u00d3N GALER\u00cdA CARRUSEL \u00b7 M\u00d3VIL\r\n     ================================================= -->\r\n<div class=\"rp-mob-carousel-section\" id=\"interiores\">\r\n\r\n  <!-- Cabecera -->\r\n  <div class=\"rp-mob-gal-head\">\r\n    <span class=\"rp-mob-gal-eyebrow\">Interiores y exteriores<\/span>\r\n    <h2 class=\"rp-mob-gal-title\">La residencia por dentro<\/h2>\r\n    <div class=\"rp-mob-gal-rule\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Hint -->\r\n  <div class=\"rp-mob-swipe-hint\">Desliza<\/div>\r\n\r\n  <!-- ================================================\r\n       CARRUSEL \u2014 edita cada slide aqu\u00ed abajo\r\n       ================================================ -->\r\n  <div class=\"rp-mob-carousel\" id=\"rpMobCarousel\">\r\n\r\n    <!-- ===== SLIDE 01 \u00b7 Fachada y acceso ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Pergola-scaled.jpg\" alt=\"Fachada y acceso\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">01<\/span><span class=\"label\">Fachada y acceso<\/span><\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== SLIDE 02 \u00b7 Comedor  ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-006-scaled.jpg\" alt=\"Comedor\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">02<\/span><span class=\"label\">Comedor<\/span><\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== SLIDE 03 \u00b7 Cocina integral ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-007-scaled.jpg\" alt=\"Cocina integral\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">03<\/span><span class=\"label\">Cocina integral<\/span><\/span>\r\n    <\/button>\r\n    \r\n    <!-- ===== SLIDE 04 \u00b7 Sala de estar===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-004-scaled.jpg\" alt=\"Sala de estar\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">04<\/span><span class=\"label\">Sala de estar<\/span><\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== SLIDE 05 \u00b7 Family Room ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-005-scaled.jpg\" alt=\"Family Room\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">05<\/span><span class=\"label\">Family Room<\/span><\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== SLIDE 06 \u00b7 Jard\u00edn con piscina \r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-012-scaled.jpg\" alt=\"Jard\u00edn con alberca\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">06<\/span><span class=\"label\">Jard\u00edn con alberca<\/span><\/span>\r\n    <\/button> ===== -->\r\n\r\n    <!-- ===== SLIDE 07 \u00b7 Rec\u00e1mara en planta baja ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-001-scaled.jpg\" alt=\"Rec\u00e1mara en planta baja\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">06<\/span><span class=\"label\">Rec\u00e1mara en planta baja<\/span><\/span>\r\n    <\/button>\r\n  \r\n \r\n    <!-- ===== SLIDE 08 \u00b7 Rec\u00e1mara en planta alta ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-003-scaled.jpg\" alt=\"Rec\u00e1mara en planta alta\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">07<\/span><span class=\"label\">Rec\u00e1mara en planta alta<\/span><\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== SLIDE 09 \u00b7 Rec\u00e1mara en planta alta 02 ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-002-scaled.jpg\" alt=\"Rec\u00e1mara en planta alta\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">08<\/span><span class=\"label\">Rec\u00e1mara en planta alta<\/span><\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== SLIDE 10 \u00b7 Vestidor y ba\u00f1o ===== -->\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-013-scaled.jpg\" alt=\"Vestidor y ba\u00f1o\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">09<\/span><span class=\"label\">Vestidor y ba\u00f1o<\/span><\/span>\r\n    <\/button>\r\n\r\n     <!-- ===== SLIDE 11 \u00b7 Ba\u00f1o principal\r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-008-scaled.jpg\" alt=\"Ba\u00f1o principal\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">10<\/span><span class=\"label\">Ba\u00f1o principal<\/span><\/span>\r\n    <\/button>  ===== -->\r\n\r\n    <!-- ===== SLIDE 12 \u00b7 Family room \r\n    <button class=\"rp-mob-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-010-scaled.jpg\" alt=\"Family room\">\r\n      <span class=\"rp-mob-slide-cap\"><span class=\"num\">10<\/span><span class=\"label\">Family room<\/span><\/span>\r\n    <\/button> ===== -->\r\n\r\n\r\n  <\/div>\r\n\r\n  <!-- Dots + Contador -->\r\n  <div class=\"rp-mob-dots\" id=\"rpMobDots\"><\/div>\r\n  <span class=\"rp-mob-gal-count\" id=\"rpMobCount\">01 \/ 09<\/span>\r\n\r\n<\/div>\r\n\r\n<!-- ============ LIGHTBOX ============ -->\r\n<div class=\"rp-mob-carousel-lb\" id=\"rpMobCarouselLb\" onclick=\"closeRpMobCarouselLb(event)\">\r\n  <button class=\"rp-mob-carousel-lb-close\" aria-label=\"Cerrar\" onclick=\"closeRpMobCarouselLb(event)\">\u00d7<\/button>\r\n  <img decoding=\"async\" id=\"rpMobCarouselLbImg\" src=\"\" alt=\"Imagen ampliada\">\r\n<\/div>\r\n\r\n<!-- ============ SCRIPT ============ -->\r\n<script>\r\n(function(){\r\n  \/* ---------- Lightbox ---------- *\/\r\n  var lb = document.getElementById('rpMobCarouselLb');\r\n  var lbImg = document.getElementById('rpMobCarouselLbImg');\r\n\r\n  window.openRpMobCarouselLb = function(src, alt){\r\n    lbImg.src = src;\r\n    lbImg.alt = alt || '';\r\n    lb.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  };\r\n  window.closeRpMobCarouselLb = function(ev){\r\n    if (ev && ev.target === lbImg) return;\r\n    lb.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n  };\r\n  document.addEventListener('keydown', function(e){\r\n    if (e.key === 'Escape' && lb.classList.contains('active')){\r\n      lb.classList.remove('active');\r\n      document.body.style.overflow = 'auto';\r\n    }\r\n  });\r\n\r\n  \/* ---------- Carrusel ---------- *\/\r\n  var car = document.getElementById('rpMobCarousel');\r\n  if (!car) return;\r\n\r\n  var slides = [].slice.call(car.querySelectorAll('.rp-mob-slide'));\r\n  var dotsBox = document.getElementById('rpMobDots');\r\n  var countBox = document.getElementById('rpMobCount');\r\n\r\n  slides.forEach(function(s, i){\r\n    var d = document.createElement('span');\r\n    d.className = 'rp-mob-dot' + (i === 0 ? ' on' : '');\r\n    dotsBox.appendChild(d);\r\n\r\n    var img = s.querySelector('img');\r\n    s.addEventListener('click', function(){\r\n      openRpMobCarouselLb(img.src, img.alt);\r\n    });\r\n  });\r\n  var dots = [].slice.call(dotsBox.children);\r\n\r\n  var rafId;\r\n  car.addEventListener('scroll', function(){\r\n    cancelAnimationFrame(rafId);\r\n    rafId = requestAnimationFrame(function(){\r\n      var mid = car.scrollLeft + car.clientWidth \/ 2;\r\n      var idx = 0, best = 1e9;\r\n      slides.forEach(function(s, i){\r\n        var c = s.offsetLeft + s.offsetWidth \/ 2;\r\n        var d = Math.abs(c - mid);\r\n        if (d < best){ best = d; idx = i; }\r\n      });\r\n      dots.forEach(function(d, i){ d.classList.toggle('on', i === idx); });\r\n      countBox.textContent =\r\n        String(idx + 1).padStart(2, '0') + ' \/ ' +\r\n        String(slides.length).padStart(2, '0');\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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-508a2c1 elementor-hidden-desktop e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"508a2c1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0185d45 elementor-widget elementor-widget-html\" data-id=\"0185d45\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 06: DESCARGAS\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes (b\u00f3rralas si ya las cargaste en Elementor) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================================\r\n     CONTENEDOR PRINCIPAL\r\n     ========================================================= *\/\r\n  .rp-mob-cta{\r\n    --rp-crema:#F4F1EA;\r\n    --rp-blanco:#FFFFFF;\r\n    --rp-verde:#3C4741;\r\n    --rp-terracota:#8E3F20;\r\n    --rp-dorado:#A8884C;\r\n    --rp-serif:'Marcellus','Times New Roman',serif;\r\n    --rp-sans:'Inter','Helvetica Neue',Arial,sans-serif;\r\n    --rp-pad:20px;\r\n\r\n    background: transparent !important;\r\n    padding: 56px 0 64px;\r\n    width: 100%;\r\n    max-width: 390px;              \/* \u2190 quitar si quieres ancho completo en Elementor *\/\r\n    margin: 0 auto;\r\n    overflow-x: hidden;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-family: var(--rp-sans);\r\n  }\r\n  .rp-mob-cta *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n  .rp-mob-cta-wrap{ padding: 0 var(--rp-pad); }\r\n\r\n  \/* =========================================================\r\n     GRILLA \u2014 apilada en 1 columna con gap\r\n     ========================================================= *\/\r\n  .rp-mob-cta-grid{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETAS\r\n     ========================================================= *\/\r\n  .rp-mob-cta-card{\r\n    position: relative;\r\n    min-height: 340px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    padding: 34px 24px;\r\n    border-radius: 25px !important;\r\n    -webkit-border-radius: 25px !important;\r\n    box-shadow: 0 16px 34px -18px rgba(0,0,0,.35);\r\n    cursor: default;\r\n  }\r\n\r\n  \/* CAPA 1: IMAGEN *\/\r\n  .rp-mob-cta-bg{\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 1;\r\n    transition: transform 1.2s cubic-bezier(.25,1,.5,1);\r\n  }\r\n  .rp-mob-cta-card:active .rp-mob-cta-bg{ transform: scale(1.05); }\r\n\r\n  \/* CAPA 2: OVERLAY *\/\r\n  .rp-mob-cta-overlay{\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    background: rgba(60,71,65,.65);\r\n    transition: background .5s ease;\r\n  }\r\n  .rp-mob-cta-card:active .rp-mob-cta-overlay{ background: rgba(60,71,65,.75); }\r\n\r\n  \/* CAPA 3: CONTENIDO *\/\r\n  .rp-mob-cta-content{\r\n    position: relative;\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 16px;\r\n    width: 100%;\r\n  }\r\n\r\n  .rp-mob-cta-title{\r\n    font-family: var(--rp-serif);\r\n    font-size: 30px;\r\n    font-weight: 400;\r\n    color: var(--rp-blanco) !important;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .rp-mob-cta-subtitle{\r\n    font-family: var(--rp-sans);\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    color: var(--rp-blanco);\r\n    opacity: .9;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N CON ANIMACI\u00d3N DESTELLO\r\n     ========================================================= *\/\r\n  .rp-mob-cta-btn{\r\n    margin-top: 12px;\r\n    display: inline-block;\r\n    background: transparent !important;\r\n    border: 1px solid rgba(255,255,255,.6) !important;\r\n    color: var(--rp-blanco) !important;\r\n    font-family: var(--rp-sans);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: .15em;\r\n    padding: 14px 32px;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n    border-radius: 25px !important;\r\n    -webkit-border-radius: 25px !important;\r\n    transition: all .3s ease;\r\n    width: 100%;\r\n    max-width: 260px;\r\n    text-align: center;\r\n    line-height: 1;\r\n  }\r\n\r\n  @keyframes rp-mob-destello{\r\n    0%   { box-shadow: 0 0 0 rgba(255,255,255,0);    background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.8); }\r\n    50%  { box-shadow: 0 0 20px rgba(255,255,255,.5); background: rgba(255,255,255,.2);  border-color: #ffffff; }\r\n    100% { box-shadow: 0 0 0 rgba(255,255,255,0);    background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.8); }\r\n  }\r\n  .rp-mob-cta-btn:active{\r\n    animation: rp-mob-destello 1.5s infinite ease-in-out !important;\r\n  }\r\n\r\n  \/* =========================================================\r\n     MODAL BITRIX24\r\n     ========================================================= *\/\r\n  .rp-mob-form-modal-overlay{\r\n    position: fixed !important;\r\n    inset: 0 !important;\r\n    z-index: 999999 !important;\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    margin: 0 !important;\r\n    padding: 20px !important;\r\n    background-color: rgba(30,35,32,.9) !important;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity .4s ease, visibility .4s ease;\r\n  }\r\n  .rp-mob-form-modal-overlay.active{\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n  }\r\n\r\n  .rp-mob-form-modal-box{\r\n    background: var(--rp-blanco);\r\n    width: 100%;\r\n    max-width: 460px;\r\n    max-height: 88vh;\r\n    overflow-y: auto;\r\n    border-radius: 25px;\r\n    padding: 46px 22px 22px;\r\n    position: relative;\r\n    transform: scale(.95) translateY(20px);\r\n    transition: transform .4s cubic-bezier(.25,1,.5,1);\r\n    box-shadow: 0 20px 50px rgba(0,0,0,.3);\r\n  }\r\n  .rp-mob-form-modal-overlay.active .rp-mob-form-modal-box{\r\n    transform: scale(1) translateY(0);\r\n  }\r\n\r\n  \/* Bot\u00f3n cerrar \u2014 pastilla DORADA, radio 25px (coherente con el resto de secciones m\u00f3viles) *\/\r\n  .rp-mob-form-modal-close{\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    background: var(--rp-dorado);\r\n    color: var(--rp-crema);\r\n    border: 0;\r\n    border-radius: 25px;\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    font-family: var(--rp-sans);\r\n    font-weight: 400;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background .3s, transform .2s;\r\n    box-shadow: 0 4px 14px rgba(168,136,76,.35);\r\n    z-index: 10;\r\n    padding: 0;\r\n  }\r\n  .rp-mob-form-modal-close:hover{\r\n    background: var(--rp-terracota);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Scrollbar del modal *\/\r\n  .rp-mob-form-modal-box::-webkit-scrollbar{ width: 6px; }\r\n  .rp-mob-form-modal-box::-webkit-scrollbar-thumb{ background: #d0d0d0; border-radius: 10px; }\r\n\r\n  \/* Inputs Bitrix \u2014 igualar al campo pa\u00eds *\/\r\n  .rp-mob-form-modal-box input[type=\"text\"],\r\n  .rp-mob-form-modal-box input[type=\"tel\"],\r\n  .rp-mob-form-modal-box input[type=\"email\"],\r\n  .rp-mob-form-modal-box input.b24-form-control,\r\n  .rp-mob-form-modal-box .b24-form-control:not(select){\r\n    padding-top: 32px !important;\r\n    padding-bottom: 8px !important;\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- =================================================\r\n     SECCI\u00d3N CTA \u00b7 M\u00d3VIL\r\n     ================================================= -->\r\n<div class=\"rp-mob-cta\" id=\"llamados-accion\">\r\n  <div class=\"rp-mob-cta-wrap\">\r\n\r\n    <div class=\"rp-mob-cta-grid\">\r\n\r\n      <!-- ===== TARJETA 1 \u00b7 Descargar info ===== -->\r\n      <div class=\"rp-mob-cta-card\">\r\n        <div class=\"rp-mob-cta-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-Planta-Baja-1-scaled-e1766197290281.jpg');\"><\/div>\r\n        <div class=\"rp-mob-cta-overlay\"><\/div>\r\n        <div class=\"rp-mob-cta-content\">\r\n          <h2 class=\"rp-mob-cta-title\">Obt\u00e9n la informaci\u00f3n de Zafiro<\/h2>\r\n          <p class=\"rp-mob-cta-subtitle\">Planos, metrajes, acabados y especificaciones completas.<\/p>\r\n          <a href=\"javascript:void(0);\" onclick=\"openRpMobBitrixModal()\" class=\"rp-mob-cta-btn\">Desc\u00e1rgala Ahora<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== TARJETA 2 \u00b7 Tour 360 ===== -->\r\n      <div class=\"rp-mob-cta-card\">\r\n        <div class=\"rp-mob-cta-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2025\/12\/La-Herencia-Santa-Cruz-Residencia-Zafiro-011-scaled.jpg');\"><\/div>\r\n        <div class=\"rp-mob-cta-overlay\"><\/div>\r\n        <div class=\"rp-mob-cta-content\">\r\n          <h2 class=\"rp-mob-cta-title\">Visualiza los interiores en 360\u00b0<\/h2>\r\n          <p class=\"rp-mob-cta-subtitle\">Recorre la distribuci\u00f3n antes de decidir.<\/p>\r\n          <a href=\"https:\/\/armada.com.mx\/sitio\/clientes\/la-herencia\/360\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rp-mob-cta-btn\">Iniciar Experiencia<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ MODAL BITRIX24 ============ -->\r\n<div id=\"rp-mob-bitrix-modal\" class=\"rp-mob-form-modal-overlay\" onclick=\"closeRpMobBitrixModal(event)\">\r\n  <div class=\"rp-mob-form-modal-box\" onclick=\"event.stopPropagation()\">\r\n    <span class=\"rp-mob-form-modal-close\" onclick=\"closeRpMobBitrixModal(event)\">&times;<\/span>\r\n\r\n    <!-- Formulario Bitrix24 (inline) -->\r\n    <script data-b24-form=\"inline\/67\/y36ckk\" data-skip-moving=\"true\">\r\n      (function(w,d,u){\r\n        var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()\/180000|0);\r\n        var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);\r\n      })(window,document,'https:\/\/cdn.bitrix24.mx\/b31650551\/crm\/form\/loader_67.js');\r\n    <\/script>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ SCRIPT ============ -->\r\n<script>\r\n(function(){\r\n  \/* Mover el modal al body (evita que Elementor lo recorte con overflow) *\/\r\n  var modal = document.getElementById('rp-mob-bitrix-modal');\r\n  if (modal && modal.parentNode !== document.body) {\r\n    document.body.appendChild(modal);\r\n  }\r\n\r\n  window.openRpMobBitrixModal = function(){\r\n    var m = document.getElementById('rp-mob-bitrix-modal');\r\n    if (!m) return;\r\n    m.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  };\r\n\r\n  window.closeRpMobBitrixModal = function(event){\r\n    if (!event ||\r\n        event.target.id === 'rp-mob-bitrix-modal' ||\r\n        event.target.classList.contains('rp-mob-form-modal-close')){\r\n      var m = document.getElementById('rp-mob-bitrix-modal');\r\n      if (m) m.classList.remove('active');\r\n      document.body.style.overflow = 'auto';\r\n    }\r\n  };\r\n\r\n  \/* Cerrar con ESC *\/\r\n  document.addEventListener('keydown', function(e){\r\n    if (e.key === 'Escape'){\r\n      var m = document.getElementById('rp-mob-bitrix-modal');\r\n      if (m && m.classList.contains('active')){\r\n        m.classList.remove('active');\r\n        document.body.style.overflow = 'auto';\r\n      }\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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-59b9095 elementor-hidden-desktop e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"59b9095\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aa19a0 elementor-widget elementor-widget-html\" data-id=\"4aa19a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SECCI\u00d3N 07: OTROS MODELOS - RESIDENCIAS (M\u00d3VIL)\r\n     ========================================================= -->\r\n\r\n<!-- Fuentes (b\u00f3rralas si ya las cargaste en Elementor) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================================\r\n     CONTENEDOR PRINCIPAL\r\n     ========================================================= *\/\r\n  .rp-mob-models{\r\n    --rp-crema:#F4F1ED;\r\n    --rp-verde:#3C4741;\r\n    --rp-dorado:#A8884C;\r\n    --rp-terracota:#8E3F20;\r\n    --rp-blanco:#FFFFFF;\r\n    --rp-texto:#5A5E58;\r\n    --rp-serif:'Marcellus','Times New Roman',serif;\r\n    --rp-sans:'Inter','Helvetica Neue',Arial,sans-serif;\r\n    --rp-pad:20px;\r\n\r\n    background: transparent !important;\r\n    padding: 56px 0 64px;\r\n    width: 100%;\r\n    max-width: 390px;              \/* \u2190 quitar si quieres ancho completo *\/\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-family: var(--rp-sans);\r\n  }\r\n  .rp-mob-models *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n  .rp-mob-models-wrap{ padding: 0 var(--rp-pad); }\r\n\r\n  \/* =========================================================\r\n     CABECERA\r\n     ========================================================= *\/\r\n  .rp-mob-models-header{\r\n    margin-bottom: 30px;\r\n  }\r\n  .rp-mob-models-eyebrow{\r\n    font-family: var(--rp-sans);\r\n    font-size: 10px;\r\n    letter-spacing: .22em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 600;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n  }\r\n  .rp-mob-models-title{\r\n    font-family: var(--rp-serif);\r\n    font-size: 34px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: var(--rp-verde) !important;\r\n    margin-bottom: 14px;\r\n  }\r\n  .rp-mob-models-desc{\r\n    font-family: var(--rp-sans);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: var(--rp-texto);\r\n  }\r\n\r\n  \/* =========================================================\r\n     SLIDER \u2014 scroll horizontal con drag\r\n     \u00b7 Padding lateral interno para que la card \"respire\"\r\n     ========================================================= *\/\r\n  .rp-mob-models-slider{\r\n    display: flex;\r\n    flex-wrap: nowrap !important;\r\n    gap: 15px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    padding: 4px var(--rp-pad) 20px;\r\n    margin: 0 calc(var(--rp-pad) * -1);\r\n    -webkit-overflow-scrolling: touch;\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n    cursor: grab;\r\n  }\r\n  .rp-mob-models-slider::-webkit-scrollbar{ display: none; }\r\n  .rp-mob-models-slider.is-dragging{\r\n    cursor: grabbing;\r\n    scroll-snap-type: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TARJETA\r\n     ========================================================= *\/\r\n  .rp-mob-model-card{\r\n    flex: 0 0 82%;\r\n    max-width: 82%;\r\n    scroll-snap-align: center;\r\n\r\n    position: relative;\r\n    display: block;\r\n    height: 380px;\r\n    border-radius: 25px !important;\r\n    -webkit-border-radius: 25px !important;\r\n    overflow: hidden;\r\n    text-decoration: none !important;\r\n    transform: translateZ(0);\r\n\r\n    \/* Bloquear arrastre nativo *\/\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    background: transparent !important;\r\n    border: 0 !important;\r\n  }\r\n\r\n  .rp-mob-model-bg{\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 1;\r\n    transition: transform .8s cubic-bezier(.25,1,.5,1);\r\n  }\r\n  .rp-mob-model-card:active .rp-mob-model-bg{ transform: scale(1.08); }\r\n\r\n  .rp-mob-model-content{\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 5px 24px 28px 24px;\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.9) 100%);\r\n  }\r\n\r\n  .rp-mob-model-tag{\r\n    font-family: var(--rp-sans);\r\n    font-size: 10px;\r\n    letter-spacing: .2em;\r\n    text-transform: uppercase;\r\n    color: var(--rp-dorado);\r\n    font-weight: 700;\r\n  }\r\n  .rp-mob-model-name{\r\n    font-family: var(--rp-serif);\r\n    font-size: 26px;\r\n    color: var(--rp-blanco) !important;\r\n    font-weight: 400;\r\n    margin: 0;\r\n  }\r\n  .rp-mob-model-action{\r\n    font-family: var(--rp-sans);\r\n    font-size: 12px;\r\n    color: var(--rp-blanco);\r\n    font-weight: 300;\r\n    margin-top: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    opacity: .85;\r\n    transition: opacity .3s ease, gap .3s ease;\r\n  }\r\n  .rp-mob-model-card:active .rp-mob-model-action{\r\n    opacity: 1;\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTROLES INFERIORES\r\n     ========================================================= *\/\r\n  .rp-mob-bottom-controls{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 8px;\r\n    padding: 0 var(--rp-pad);\r\n  }\r\n\r\n  \/* Dots *\/\r\n  .rp-mob-pagination{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  .rp-mob-dot{\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: rgba(142,63,32,.25) !important;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    transition: all .4s cubic-bezier(.25,1,.5,1);\r\n    border: 0;\r\n    padding: 0;\r\n  }\r\n  .rp-mob-dot.active{\r\n    width: 32px;\r\n    background-color: var(--rp-terracota) !important;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  \/* Indicador \"Desliza\" *\/\r\n  .rp-mob-scroll-indicator{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n  .rp-mob-scroll-text{\r\n    font-family: var(--rp-sans);\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: .15em;\r\n    color: var(--rp-texto);\r\n    font-weight: 600;\r\n  }\r\n  .rp-mob-scroll-arrow{\r\n    color: var(--rp-terracota);\r\n    animation: rpMobSlideBlinkGrow 1.5s ease-in-out infinite;\r\n  }\r\n  @keyframes rpMobSlideBlinkGrow{\r\n    0%   { opacity: .3; transform: translateX(0) scale(1); }\r\n    50%  { opacity: 1;  transform: translateX(12px) scale(1.2); }\r\n    100% { opacity: .3; transform: translateX(0) scale(1); }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- =================================================\r\n     SECCI\u00d3N OTROS MODELOS \u00b7 M\u00d3VIL\r\n     ================================================= -->\r\n<div class=\"rp-mob-models\" id=\"otros-modelos\">\r\n  <div class=\"rp-mob-models-wrap\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"rp-mob-models-header\">\r\n      <span class=\"rp-mob-models-eyebrow\">Otros modelos<\/span>\r\n      <h2 class=\"rp-mob-models-title\">Residencias<\/h2>\r\n      <p class=\"rp-mob-models-desc\">Cinco modelos de autor dentro de La Herencia Santa Cruz. Compara distribuciones y encuentra el que se ajusta a tu forma de vivir.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Slider (fuera del wrap para que el padding lateral lo aplique \u00e9l mismo) -->\r\n  <div class=\"rp-mob-models-slider\" id=\"rpMobSlider\">\r\n\r\n    <!-- ===== TARJETA 01 \u00b7 PERLA ===== -->\r\n    <a href=\"https:\/\/laherenciasantacruz.com\/residencia-perla\/\" class=\"rp-mob-model-card\" draggable=\"false\">\r\n      <div class=\"rp-mob-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2026\/02\/HERENCIA-RES-PERLA-FACHADA-003-scaled.jpg');\"><\/div>\r\n      <div class=\"rp-mob-model-content\">\r\n        <span class=\"rp-mob-model-tag\">Residencia<\/span>\r\n        <h3 class=\"rp-mob-model-name\">Perla<\/h3>\r\n        <span class=\"rp-mob-model-action\">Conocer &rarr;<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- ===== TARJETA 02 \u00b7 ORO ===== -->\r\n    <a href=\"https:\/\/laherenciasantacruz.com\/residencia-oro\/\" class=\"rp-mob-model-card\" draggable=\"false\">\r\n      <div class=\"rp-mob-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2024\/08\/03.jpg');\"><\/div>\r\n      <div class=\"rp-mob-model-content\">\r\n        <span class=\"rp-mob-model-tag\">Residencia<\/span>\r\n        <h3 class=\"rp-mob-model-name\">Oro<\/h3>\r\n        <span class=\"rp-mob-model-action\">Conocer &rarr;<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- ===== TARJETA 03 \u00b7 PLATINO ===== -->\r\n    <a href=\"https:\/\/laherenciasantacruz.com\/residencia-platino\/\" class=\"rp-mob-model-card\" draggable=\"false\">\r\n      <div class=\"rp-mob-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2024\/08\/02.jpg');\"><\/div>\r\n      <div class=\"rp-mob-model-content\">\r\n        <span class=\"rp-mob-model-tag\">Residencia<\/span>\r\n        <h3 class=\"rp-mob-model-name\">Platino<\/h3>\r\n        <span class=\"rp-mob-model-action\">Conocer &rarr;<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- ===== TARJETA 04 \u00b7 DIAMANTE ===== -->\r\n    <a href=\"https:\/\/laherenciasantacruz.com\/residencia-diamante\/\" class=\"rp-mob-model-card\" draggable=\"false\">\r\n      <div class=\"rp-mob-model-bg\" style=\"background-image: url('https:\/\/laherenciasantacruz.com\/wp-content\/uploads\/2024\/08\/01.jpg');\"><\/div>\r\n      <div class=\"rp-mob-model-content\">\r\n        <span class=\"rp-mob-model-tag\">Residencia<\/span>\r\n        <h3 class=\"rp-mob-model-name\">Diamante<\/h3>\r\n        <span class=\"rp-mob-model-action\">Conocer &rarr;<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <!-- Controles Inferiores -->\r\n  <div class=\"rp-mob-bottom-controls\">\r\n    <div class=\"rp-mob-pagination\" id=\"rpMobDots\"><\/div>\r\n\r\n    <div class=\"rp-mob-scroll-indicator\">\r\n      <span class=\"rp-mob-scroll-text\">Desliza para ver m\u00e1s<\/span>\r\n      <svg class=\"rp-mob-scroll-arrow\" width=\"36\" height=\"18\" viewBox=\"0 0 24 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"0\" y1=\"6\" x2=\"22\" y2=\"6\"><\/line>\r\n        <polyline points=\"16,0 22,6 16,12\"><\/polyline>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================\r\n     SCRIPT: ARRASTRE Y DOTS ANIMADOS\r\n     ========================================= -->\r\n<script>\r\n(function(){\r\n  function initRpMobModels(){\r\n    var slider = document.getElementById('rpMobSlider');\r\n    if (!slider) return;\r\n    var dotsContainer = document.getElementById('rpMobDots');\r\n    if (!dotsContainer) return;\r\n    var cards = slider.querySelectorAll('.rp-mob-model-card');\r\n    if (!cards.length) return;\r\n\r\n    \/* Evita duplicar dots si el script se ejecuta dos veces *\/\r\n    dotsContainer.innerHTML = '';\r\n\r\n    \/* 1. Generar dots *\/\r\n    cards.forEach(function(_, index){\r\n      var dot = document.createElement('div');\r\n      dot.classList.add('rp-mob-dot');\r\n      if (index === 0) dot.classList.add('active');\r\n\r\n      dot.addEventListener('click', function(){\r\n        var maxScroll = slider.scrollWidth - slider.clientWidth;\r\n        var targetScroll = (index \/ (cards.length - 1)) * maxScroll;\r\n        slider.scrollTo({ left: targetScroll, behavior: 'smooth' });\r\n      });\r\n\r\n      dotsContainer.appendChild(dot);\r\n    });\r\n\r\n    var dots = dotsContainer.querySelectorAll('.rp-mob-dot');\r\n\r\n    \/* 2. Actualizar dot activo al hacer scroll *\/\r\n    var rafId;\r\n    var updateDots = function(){\r\n      cancelAnimationFrame(rafId);\r\n      rafId = requestAnimationFrame(function(){\r\n        var maxScroll = slider.scrollWidth - slider.clientWidth;\r\n        if (maxScroll <= 0) return;\r\n        var scrollPercentage = slider.scrollLeft \/ maxScroll;\r\n        var activeIndex = Math.round(scrollPercentage * (dots.length - 1));\r\n        dots.forEach(function(dot, i){\r\n          dot.classList.toggle('active', i === activeIndex);\r\n        });\r\n      });\r\n    };\r\n    slider.addEventListener('scroll', updateDots);\r\n\r\n    \/* 3. Drag to scroll *\/\r\n    var isDown = false;\r\n    var isDragging = false;\r\n    var startX, scrollLeft;\r\n\r\n    slider.addEventListener('mousedown', function(e){\r\n      isDown = true;\r\n      isDragging = false;\r\n      slider.classList.add('is-dragging');\r\n      startX = e.pageX - slider.offsetLeft;\r\n      scrollLeft = slider.scrollLeft;\r\n    });\r\n    slider.addEventListener('mouseleave', function(){\r\n      isDown = false;\r\n      slider.classList.remove('is-dragging');\r\n    });\r\n    slider.addEventListener('mouseup', function(){\r\n      isDown = false;\r\n      slider.classList.remove('is-dragging');\r\n    });\r\n    slider.addEventListener('mousemove', function(e){\r\n      if (!isDown) return;\r\n      e.preventDefault();\r\n      isDragging = true;\r\n      var x = e.pageX - slider.offsetLeft;\r\n      var walk = (x - startX) * 1.5;\r\n      slider.scrollLeft = scrollLeft - walk;\r\n    });\r\n\r\n    \/* Soporte t\u00e1ctil para evitar que se abra el link al arrastrar *\/\r\n    slider.addEventListener('touchstart', function(){\r\n      isDragging = false;\r\n    }, { passive: true });\r\n    slider.addEventListener('touchmove', function(){\r\n      isDragging = true;\r\n    }, { passive: true });\r\n\r\n    \/* 4. Prevenir que se abran los links si el usuario arrastr\u00f3 *\/\r\n    cards.forEach(function(card){\r\n      card.addEventListener('click', function(e){\r\n        if (isDragging) e.preventDefault();\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', initRpMobModels);\r\n  } else {\r\n    initRpMobModels();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd972f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cd972f4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-effa0b0\" data-id=\"effa0b0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01205a4 animated-slow wcf-starter-animations-none elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"01205a4\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contacto\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conoce La Residencia Zafiro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ab6e7 wcf-starter-animations-none elementor-widget elementor-widget-text-editor\" data-id=\"d4ab6e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Agenda una visita al desarrollo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60cc3e9 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-jkit_button\" data-id=\"60cc3e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:100,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-after jeg_module___6ad16f44a333d\" ><a href=\"https:\/\/santa-cruz-fid.bitrix24.mx\/~LWGWG\" class=\"jkit-button-wrapper\" target=\"_blank\">Agenda una cita<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4ccf6 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-jkit_button\" data-id=\"5c4ccf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:100,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-after jeg_module__1_6ad16f44a484f\" ><a href=\"tel:+526124540044\" class=\"jkit-button-wrapper\">Ll\u00e1manos<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Residencias de autor \u00b7 La Paz, B.C.S. ResidenciaZafiro Dos niveles, 187 m\u00b2 de construcci\u00f3n y tres rec\u00e1maras, todas con vestidor y ba\u00f1o privado. VER LA DISTRIBUCI\u00d3N AGENDAR CITA Desde $8,950,000 MXN Distribuci\u00f3n en dos niveles Tres rec\u00e1maras con vestidor y ba\u00f1o privado Eso permite que cualquiera funcione como la principal. En planta baja, sala, comedor [&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-9546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/pages\/9546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/comments?post=9546"}],"version-history":[{"count":80,"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/pages\/9546\/revisions"}],"predecessor-version":[{"id":9696,"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/pages\/9546\/revisions\/9696"}],"wp:attachment":[{"href":"https:\/\/laherenciasantacruz.com\/en\/wp-json\/wp\/v2\/media?parent=9546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}