{"id":27350,"date":"2026-04-23T01:27:06","date_gmt":"2026-04-23T07:27:06","guid":{"rendered":"https:\/\/antiguafinehomes.com\/herramientas-para-el-comprador\/"},"modified":"2026-04-23T17:49:37","modified_gmt":"2026-04-23T23:49:37","slug":"herramientas-para-el-comprador","status":"publish","type":"page","link":"https:\/\/antiguafinehomes.com\/es\/herramientas-para-el-comprador\/","title":{"rendered":"Herramientas para el comprador"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27350\" class=\"elementor elementor-27350 elementor-27330\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3aab7be9 e-flex e-con-boxed e-con e-parent\" data-id=\"3aab7be9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eff323 elementor-widget elementor-widget-houzez_elementor_space\" data-id=\"3eff323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"houzez_elementor_space.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"houzez-spacer\">\n            <div class=\"houzez-spacer-inner\"><\/div>\n        <\/div>\n        \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-a323b6b e-flex e-con-boxed e-con e-parent\" data-id=\"a323b6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-242d55e elementor-widget elementor-widget-houzez_elementor_section_title\" data-id=\"242d55e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"houzez_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"houzez_section_title_wrap section-title-module\">\n                                    <h2 class=\"houzez_section_title\">C\u00f3mo funcionan las herramientas para compradores de nuestro sitio web \u2192<\/h2>\n                \n                            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-217fd4e elementor-widget elementor-widget-html\" data-id=\"217fd4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t   \r\n<div class=\"afh-desktop-only\">\r\n  <!-- paste contents of all-features-desktop.html here -->\r\n  <!-- Animacion Combinada Escritorio\/Tablet - Antigua Fine Homes (ESPANOL) -->\r\n<!-- v2: ritmo pausado (45s), escena de correo destacada, \"cualquier dispositivo\" + \"sin cuenta\" -->\r\n\r\n<style>\r\n  .afh-h-wrap {\r\n    --afh-gold: #beaf87;\r\n    --afh-gold-dark: #9a8a60;\r\n    --afh-black: #0f0f0f;\r\n    --afh-ink: #1f1f1f;\r\n    --afh-muted: #6b6b6b;\r\n    --afh-line: #e8e4da;\r\n    --afh-bg: #faf8f3;\r\n    --afh-white: #ffffff;\r\n    --afh-heart: #c1453b;\r\n    --afh-heart-dark: #8f322b;\r\n    --afh-compare: #2a7a5f;\r\n    --afh-compare-dark: #1c5a45;\r\n    --afh-accent-dark: #6b5f3d;\r\n    --afh-row-alt: #f4f3ee;\r\n    --afh-alert: #d94848;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\r\n    color: var(--afh-ink);\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    padding: 24px 16px;\r\n    box-sizing: border-box;\r\n  }\r\n  .afh-h-wrap *, .afh-h-wrap *::before, .afh-h-wrap *::after { box-sizing: border-box; }\r\n\r\n  .afh-h-heading { text-align: center; margin: 0 0 16px; }\r\n  .afh-h-heading h3 { font-size: 22px; font-weight: 600; margin: 0 0 4px; color: var(--afh-black); letter-spacing: 0.3px; line-height: 1.25; }\r\n  .afh-h-heading p { font-size: 14px; color: var(--afh-muted); margin: 0; letter-spacing: 0.2px; }\r\n  .afh-h-heading .afh-h-rule { display: inline-block; width: 40px; height: 2px; background: var(--afh-gold); margin: 10px auto; }\r\n\r\n  .afh-browser { position: relative; background: var(--afh-white); border: 1px solid var(--afh-line); border-radius: 10px; overflow: hidden; box-shadow: 0 18px 40px -18px rgba(15,15,15,0.25); aspect-ratio: 16 \/ 10; min-height: 440px; }\r\n  .afh-browser-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: #f5f1e8; border-bottom: 1px solid var(--afh-line); height: 36px; }\r\n  .afh-dot { width: 10px; height: 10px; border-radius: 50%; background: #d9d3c1; }\r\n  .afh-url { flex: 1; margin-left: 10px; font-size: 12px; color: var(--afh-muted); background: #fff; padding: 4px 10px; border-radius: 4px; border: 1px solid var(--afh-line); letter-spacing: 0.3px; }\r\n\r\n  .afh-stage { position: absolute; top: 36px; left: 0; right: 0; bottom: 0; padding: 20px 26px; overflow: hidden; }\r\n\r\n  .afh-scene { position: absolute; inset: 20px 26px; opacity: 0; animation: afhCycle 45s linear infinite; display: flex; flex-direction: column; }\r\n  .afh-scene--1 { animation-delay: 0s; }\r\n  .afh-scene--2 { animation-delay: -40s; }\r\n  .afh-scene--3 { animation-delay: -35s; }\r\n  .afh-scene--4 { animation-delay: -30s; }\r\n  .afh-scene--5 { animation-delay: -25s; }\r\n  .afh-scene--6 { animation-delay: -20s; }\r\n  .afh-scene--7 { animation-delay: -15s; }\r\n  .afh-scene--8 { animation-delay: -10s; }\r\n  .afh-scene--9 { animation-delay: -5s; }\r\n\r\n  @keyframes afhCycle {\r\n    0% { opacity: 0; transform: translateY(6px); }\r\n    1.5% { opacity: 1; transform: translateY(0); }\r\n    10.5% { opacity: 1; transform: translateY(0); }\r\n    12% { opacity: 0; transform: translateY(-6px); }\r\n    100% { opacity: 0; transform: translateY(-6px); }\r\n  }\r\n\r\n  .afh-step-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; padding: 5px 12px; border-radius: 14px; margin: 0 auto 12px; align-self: center; }\r\n  .afh-step-chip--account { background: #f0eadb; color: var(--afh-gold-dark); }\r\n  .afh-step-chip--search { background: #f4ecd4; color: var(--afh-accent-dark); }\r\n  .afh-step-chip--heart { background: #fbe6e3; color: var(--afh-heart-dark); }\r\n  .afh-step-chip--compare { background: #d9ede3; color: var(--afh-compare-dark); }\r\n  .afh-step-chip-row { display: flex; gap: 6px; justify-content: center; align-self: center; margin-bottom: 12px; flex-wrap: wrap; }\r\n  .afh-noaccount-chip { display: inline-block; font-size: 8px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; padding: 5px 11px; border-radius: 14px; background: #fff; color: var(--afh-compare-dark); border: 1px solid var(--afh-compare); }\r\n\r\n  .afh-scene-title { font-size: 15px; color: var(--afh-black); font-weight: 600; margin: 0 0 14px; text-align: center; letter-spacing: 0.2px; line-height: 1.35; }\r\n  .afh-scene-title em { font-style: normal; font-weight: 700; }\r\n  .afh-scene-title em.ac-gold { color: var(--afh-accent-dark); }\r\n  .afh-scene-title em.ac-heart { color: var(--afh-heart); }\r\n  .afh-scene-title em.ac-compare { color: var(--afh-compare); }\r\n\r\n  \/* ==== ESCENA 1: INTRO ==== *\/\r\n  .afh-intro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 16px; }\r\n  .afh-intro-title { font-size: 26px; font-weight: 300; color: var(--afh-black); line-height: 1.2; margin: 0 0 6px; letter-spacing: 0.2px; }\r\n  .afh-intro-title strong { font-weight: 600; color: var(--afh-gold-dark); }\r\n  .afh-intro-sub { font-size: 13px; color: var(--afh-muted); margin: 0 0 22px; letter-spacing: 0.3px; }\r\n  .afh-intro-rule { width: 40px; height: 2px; background: var(--afh-gold); margin: 0 auto 20px; }\r\n  .afh-feature-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\r\n  .afh-feature-card { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: var(--afh-bg); border-radius: 8px; border-left: 3px solid var(--afh-line); min-width: 190px; }\r\n  .afh-feature-card--search { border-left-color: var(--afh-gold); }\r\n  .afh-feature-card--heart { border-left-color: var(--afh-heart); }\r\n  .afh-feature-card--compare { border-left-color: var(--afh-compare); }\r\n  .afh-feature-icon { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n  .afh-feature-icon--search { background: #f4ecd4; }\r\n  .afh-feature-icon--heart { background: #fbe6e3; }\r\n  .afh-feature-icon--compare { background: #d9ede3; }\r\n  .afh-feature-icon svg { width: 14px; height: 14px; }\r\n  .afh-feature-icon--search svg { fill: var(--afh-accent-dark); }\r\n  .afh-feature-icon--heart svg { fill: var(--afh-heart); }\r\n  .afh-feature-icon--compare svg { stroke: var(--afh-compare); fill: none; stroke-width: 2.5; }\r\n  .afh-feature-label { font-size: 13px; color: var(--afh-black); font-weight: 600; }\r\n\r\n  .afh-scene--1 .afh-feature-card { opacity: 0; animation: afhFeatureIn 45s linear infinite; }\r\n  .afh-scene--1 .afh-feature-card:nth-child(1) { animation-delay: 0.5s; }\r\n  .afh-scene--1 .afh-feature-card:nth-child(2) { animation-delay: 1s; }\r\n  .afh-scene--1 .afh-feature-card:nth-child(3) { animation-delay: 1.5s; }\r\n  @keyframes afhFeatureIn {\r\n    0%, 1% { opacity: 0; transform: translateY(8px); }\r\n    3%, 10% { opacity: 1; transform: translateY(0); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 2: CUENTA GRATIS ==== *\/\r\n  .afh-account-form { background: var(--afh-white); border: 1px solid var(--afh-line); border-radius: 10px; padding: 18px 22px; box-shadow: 0 8px 24px -12px rgba(0,0,0,0.15); max-width: 340px; margin: 10px auto 0; }\r\n  .afh-form-field { background: var(--afh-bg); border: 1px solid var(--afh-line); border-radius: 6px; padding: 9px 12px; margin-bottom: 8px; opacity: 0; animation: afhFieldIn 45s linear infinite; }\r\n  .afh-scene--2 .afh-form-field:nth-of-type(1) { animation-delay: 5.4s; }\r\n  .afh-scene--2 .afh-form-field:nth-of-type(2) { animation-delay: 6s; }\r\n  @keyframes afhFieldIn {\r\n    0%, 11% { opacity: 0; transform: translateY(3px); }\r\n    14%, 20% { opacity: 1; transform: translateY(0); }\r\n    22%, 100% { opacity: 0; }\r\n  }\r\n  .afh-form-label { display: block; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: var(--afh-muted); font-weight: 600; }\r\n  .afh-form-value { display: block; font-size: 12px; color: var(--afh-ink); font-weight: 500; margin-top: 2px; }\r\n  .afh-form-btn { display: block; background: var(--afh-black); color: var(--afh-white); padding: 10px; border-radius: 6px; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; text-align: center; margin-top: 6px; animation: afhAccountBtn 45s linear infinite; }\r\n  @keyframes afhAccountBtn {\r\n    0%, 18% { background: var(--afh-black); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n    19% { transform: scale(0.95); }\r\n    20% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 6px rgba(190,175,135,0.25); }\r\n    22%, 100% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n  }\r\n  .afh-account-unlock { font-size: 12px; color: var(--afh-ink); text-align: center; margin: 14px 0 0; line-height: 1.4; opacity: 0; animation: afhUnlockIn 45s linear infinite; }\r\n  .afh-account-unlock strong { font-weight: 700; }\r\n  .afh-unlock-gold { color: var(--afh-gold-dark); }\r\n  .afh-unlock-heart { color: var(--afh-heart); }\r\n  @keyframes afhUnlockIn {\r\n    0%, 19% { opacity: 0; transform: translateY(3px); }\r\n    21%, 22% { opacity: 1; transform: translateY(0); }\r\n    100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 3: FILTROS ==== *\/\r\n  .afh-filters { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 6px 0 14px; max-width: 640px; margin-left: auto; margin-right: auto; }\r\n  .afh-filter { background: var(--afh-bg); border: 1px solid var(--afh-line); border-radius: 6px; padding: 10px 12px; }\r\n  .afh-filter-label { display: block; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: var(--afh-muted); font-weight: 600; margin-bottom: 4px; }\r\n  .afh-filter-value { display: block; font-size: 13px; color: var(--afh-black); font-weight: 600; white-space: nowrap; overflow: hidden; opacity: 0; animation: afhTypein 45s linear infinite; }\r\n  .afh-scene--3 .afh-filter:nth-child(1) .afh-filter-value { animation-delay: 10.4s; }\r\n  .afh-scene--3 .afh-filter:nth-child(2) .afh-filter-value { animation-delay: 10.9s; }\r\n  .afh-scene--3 .afh-filter:nth-child(3) .afh-filter-value { animation-delay: 11.4s; }\r\n  .afh-scene--3 .afh-filter:nth-child(4) .afh-filter-value { animation-delay: 11.9s; }\r\n  @keyframes afhTypein {\r\n    0%, 1% { opacity: 0; transform: translateY(3px); }\r\n    3%, 9% { opacity: 1; transform: translateY(0); }\r\n    11%, 100% { opacity: 0; }\r\n  }\r\n  .afh-search-btn-wrap { text-align: center; }\r\n  .afh-search-btn { display: inline-block; background: var(--afh-black); color: var(--afh-white); padding: 11px 24px; border-radius: 4px; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; animation: afhBtnSavePulse 45s linear infinite; animation-delay: 10s; }\r\n  @keyframes afhBtnSavePulse {\r\n    0%, 8% { background: var(--afh-black); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n    9% { transform: scale(0.95); }\r\n    10% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 8px rgba(190,175,135,0.3); }\r\n    12%, 100% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n  }\r\n  .afh-save-note { margin-top: 12px; font-size: 12px; color: var(--afh-muted); text-align: center; opacity: 0; animation: afhSaveNote 45s linear infinite; animation-delay: 10s; font-style: italic; }\r\n  .afh-save-note strong { color: var(--afh-accent-dark); font-weight: 700; font-style: normal; }\r\n  @keyframes afhSaveNote {\r\n    0%, 10% { opacity: 0; transform: translateY(4px); }\r\n    11%, 12% { opacity: 1; transform: translateY(0); }\r\n    100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 4: CORREO (DESTACADO) ==== *\/\r\n  .afh-email-hero-title { font-size: 16px; color: var(--afh-black); font-weight: 700; text-align: center; margin: 2px 0 16px; line-height: 1.3; }\r\n  .afh-email-hero-title em { font-style: normal; color: var(--afh-accent-dark); font-weight: 700; }\r\n  .afh-email-big {\r\n    position: relative;\r\n    background: var(--afh-white);\r\n    border: 1.5px solid var(--afh-gold);\r\n    border-radius: 14px;\r\n    box-shadow: 0 16px 36px -14px rgba(190,175,135,0.55), 0 0 0 5px rgba(190,175,135,0.1);\r\n    padding: 18px 18px 16px 18px;\r\n    max-width: 440px;\r\n    margin: 6px auto 0;\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: flex-start;\r\n    opacity: 0;\r\n    animation: afhEmailBigIn 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  @keyframes afhEmailBigIn {\r\n    0%, 1% { opacity: 0; transform: translateY(-28px) scale(0.9); }\r\n    3.5% { opacity: 1; transform: translateY(0) scale(1.05); }\r\n    5% { transform: translateY(0) scale(1); }\r\n    7% { transform: translateY(0) scale(1.02); }\r\n    9%, 11% { opacity: 1; transform: translateY(0) scale(1); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n  .afh-email-new-badge {\r\n    position: absolute;\r\n    top: -11px;\r\n    right: 16px;\r\n    background: var(--afh-alert);\r\n    color: #fff;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    padding: 4px 11px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 6px 14px -4px rgba(217,72,72,0.6);\r\n    opacity: 0;\r\n    animation: afhNewBadge 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  @keyframes afhNewBadge {\r\n    0%, 3% { opacity: 0; transform: scale(0.6); }\r\n    5% { opacity: 1; transform: scale(1.3); }\r\n    6%, 7% { opacity: 1; transform: scale(1); }\r\n    8% { transform: scale(1.15); }\r\n    9%, 11% { opacity: 1; transform: scale(1); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n  .afh-email-ico-big { width: 48px; height: 48px; background: var(--afh-gold); border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; }\r\n  .afh-email-ico-big svg { width: 24px; height: 24px; fill: #fff; }\r\n  .afh-email-ico-big::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -5px;\r\n    border-radius: 14px;\r\n    border: 2px solid var(--afh-gold);\r\n    opacity: 0;\r\n    animation: afhRingPulse 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  @keyframes afhRingPulse {\r\n    0%, 4% { opacity: 0; transform: scale(0.9); }\r\n    5% { opacity: 0.6; transform: scale(1.1); }\r\n    7% { opacity: 0; transform: scale(1.5); }\r\n    100% { opacity: 0; }\r\n  }\r\n  .afh-email-from-big { font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px; color: var(--afh-muted); font-weight: 700; }\r\n  .afh-email-sub-big { font-size: 15px; font-weight: 700; color: var(--afh-black); margin: 3px 0 5px; line-height: 1.3; }\r\n  .afh-email-body-big { font-size: 12px; color: var(--afh-ink); line-height: 1.5; }\r\n  .afh-email-price-big { display: inline-block; font-family: Georgia, serif; font-weight: 700; font-size: 17px; color: var(--afh-accent-dark); margin: 4px 0; }\r\n  .afh-explain-big {\r\n    font-size: 13px;\r\n    color: var(--afh-ink);\r\n    text-align: center;\r\n    margin: 22px auto 0;\r\n    line-height: 1.45;\r\n    max-width: 380px;\r\n    opacity: 0;\r\n    animation: afhExplainBig 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  .afh-explain-big strong { color: var(--afh-accent-dark); font-weight: 700; }\r\n  @keyframes afhExplainBig {\r\n    0%, 6% { opacity: 0; transform: translateY(4px); }\r\n    8%, 11% { opacity: 1; transform: translateY(0); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENAS 5, 6: FAVORITOS ==== *\/\r\n  .afh-listing { display: flex; flex-direction: column; background: var(--afh-white); border: 1px solid var(--afh-line); border-radius: 8px; overflow: hidden; margin-bottom: 8px; }\r\n  .afh-listing-main { display: flex; }\r\n  .afh-listing-img { width: 38%; min-width: 140px; position: relative; aspect-ratio: 3 \/ 2; }\r\n  .afh-listing-img--a { background: linear-gradient(135deg, #a8c2a6 0%, #5d7f5a 80%, #3f5a3e 100%); }\r\n  .afh-listing-img--b { background: linear-gradient(135deg, #d8cfb4 0%, #9a8a60 100%); }\r\n  .afh-listing-img--c { background: linear-gradient(135deg, #c7b89e 0%, #755e3d 100%); }\r\n  .afh-listing-img--d { background: linear-gradient(135deg, #5a6875 0%, #252d36 100%); }\r\n  .afh-listing-tags { position: absolute; top: 8px; left: 8px; display: flex; gap: 3px; }\r\n  .afh-listing-tag { background: rgba(15,15,15,0.82); color: #fff; font-size: 7px; padding: 3px 6px; border-radius: 3px; letter-spacing: 0.8px; text-transform: uppercase; font-weight: 600; }\r\n  .afh-listing-watermark { position: absolute; bottom: 8px; right: 8px; font-size: 8px; color: rgba(255,255,255,0.8); letter-spacing: 1px; font-weight: 500; }\r\n  .afh-listing-details { flex: 1; padding: 12px 14px; min-width: 0; }\r\n  .afh-listing-type { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: var(--afh-ink); font-weight: 700; margin-bottom: 2px; }\r\n  .afh-listing-price { font-size: 18px; font-weight: 700; color: var(--afh-black); font-family: Georgia, serif; line-height: 1.2; }\r\n  .afh-listing-title { font-size: 12px; font-weight: 600; color: var(--afh-black); margin: 6px 0 3px; font-family: Georgia, serif; }\r\n  .afh-listing-loc { font-size: 10px; color: var(--afh-muted); display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }\r\n  .afh-listing-loc svg { width: 9px; height: 9px; fill: var(--afh-muted); }\r\n  .afh-listing-stats { display: flex; gap: 10px; font-size: 10px; color: var(--afh-muted); }\r\n  .afh-listing-footer { display: flex; align-items: center; justify-content: space-between; padding: 7px 12px; border-top: 1px solid var(--afh-line); background: #fafaf7; gap: 8px; }\r\n  .afh-agent { display: flex; align-items: center; gap: 6px; font-size: 9px; color: var(--afh-muted); flex-shrink: 0; }\r\n  .afh-agent-avatar { width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, #c4a8a0, #9d847c); flex-shrink: 0; }\r\n  .afh-actions { display: flex; gap: 3px; }\r\n  .afh-action-btn { background: #fff; border: 1px solid var(--afh-line); border-radius: 3px; padding: 4px 8px; font-size: 9px; display: inline-flex; align-items: center; gap: 3px; color: var(--afh-ink); font-weight: 500; white-space: nowrap; }\r\n  .afh-action-icon-btn { width: 24px; height: 22px; padding: 0; justify-content: center; }\r\n\r\n  .afh-heart-btn, .afh-plus-btn { position: relative; }\r\n  .afh-heart-svg { width: 11px; height: 11px; display: block; }\r\n  .afh-heart-svg .afh-heart-outline { fill: none; stroke: var(--afh-ink); stroke-width: 2; }\r\n  .afh-heart-svg .afh-heart-fill { fill: var(--afh-heart); opacity: 0; transform-origin: center; transform: scale(0.7); }\r\n  .afh-plus-svg { width: 11px; height: 11px; display: block; }\r\n  .afh-plus-svg .afh-plus-ring { fill: none; stroke: var(--afh-ink); stroke-width: 2; }\r\n  .afh-plus-svg .afh-plus-line { stroke: var(--afh-ink); stroke-width: 2; stroke-linecap: round; }\r\n  .afh-plus-svg .afh-plus-ring-active { fill: var(--afh-compare); opacity: 0; transform-origin: center; transform: scale(0.7); }\r\n  .afh-plus-svg .afh-plus-check { stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; fill: none; opacity: 0; }\r\n\r\n  .afh-scene--5 .afh-listing { max-width: 520px; margin: 0 auto; }\r\n  .afh-scene--5 .afh-heart-fill { animation: afhHeartFillH 45s linear infinite; animation-delay: 20s; }\r\n  @keyframes afhHeartFillH {\r\n    0%, 5% { opacity: 0; transform: scale(0.7); }\r\n    6% { opacity: 1; transform: scale(1.3); }\r\n    8%, 100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  .afh-scene--5 .afh-heart-btn { animation: afhHeartBtnH 45s linear infinite; animation-delay: 20s; }\r\n  @keyframes afhHeartBtnH {\r\n    0%, 5% { transform: scale(1); box-shadow: 0 0 0 0 rgba(193,69,59,0); }\r\n    6% { transform: scale(1.15); box-shadow: 0 0 0 6px rgba(193,69,59,0.2); }\r\n    8%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(193,69,59,0); }\r\n  }\r\n  .afh-toast { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%) translateY(10px); background: var(--afh-black); color: var(--afh-white); padding: 9px 18px; border-radius: 4px; font-size: 11px; letter-spacing: 0.6px; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; opacity: 0; z-index: 10; }\r\n  .afh-toast svg { width: 12px; height: 12px; fill: var(--afh-heart); }\r\n  .afh-scene--5 .afh-toast { animation: afhToastH 45s linear infinite; animation-delay: 20s; }\r\n  @keyframes afhToastH {\r\n    0%, 7% { opacity: 0; transform: translateX(-50%) translateY(10px); }\r\n    9%, 10% { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n\r\n  .afh-fav-title-row { font-size: 15px; font-weight: 700; color: var(--afh-black); margin-bottom: 2px; text-align: center; }\r\n  .afh-fav-sub-row { font-size: 11px; color: var(--afh-muted); text-align: center; margin-bottom: 14px; }\r\n  .afh-fav-list { display: flex; flex-direction: column; gap: 7px; max-width: 560px; margin: 0 auto; }\r\n  .afh-fav-item { display: flex; gap: 12px; background: var(--afh-bg); border-left: 3px solid var(--afh-heart); border-radius: 0 6px 6px 0; padding: 10px 14px; align-items: center; }\r\n  .afh-fav-thumb { width: 56px; height: 38px; border-radius: 4px; flex-shrink: 0; }\r\n  .afh-fav-thumb--a { background: linear-gradient(135deg, #a8c2a6, #5d7f5a); }\r\n  .afh-fav-thumb--b { background: linear-gradient(135deg, #d8cfb4, #9a8a60); }\r\n  .afh-fav-thumb--c { background: linear-gradient(135deg, #c7b89e, #755e3d); }\r\n  .afh-fav-content { flex: 1; min-width: 0; }\r\n  .afh-fav-price { font-size: 14px; font-weight: 700; color: var(--afh-black); font-family: Georgia, serif; }\r\n  .afh-fav-meta { font-size: 10px; color: var(--afh-muted); margin-top: 2px; }\r\n  .afh-fav-heart { width: 18px; height: 18px; flex-shrink: 0; }\r\n  .afh-fav-heart svg { width: 100%; height: 100%; fill: var(--afh-heart); }\r\n  .afh-device-row { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; font-size: 13px; color: var(--afh-ink); text-align: center; line-height: 1.4; }\r\n  .afh-device-icons { display: inline-flex; gap: 5px; align-items: center; }\r\n  .afh-device-icon { width: 16px; height: 16px; fill: var(--afh-heart); }\r\n  .afh-device-row strong { color: var(--afh-heart); font-weight: 700; }\r\n\r\n  \/* ==== ESCENA 7: COMPARAR + ==== *\/\r\n  .afh-scene--7 .afh-listing:nth-child(1) .afh-plus-ring-active { animation: afhPlusFill7a 45s linear infinite; animation-delay: 30s; }\r\n  .afh-scene--7 .afh-listing:nth-child(1) .afh-plus-check { animation: afhCheck7a 45s linear infinite; animation-delay: 30s; }\r\n  .afh-scene--7 .afh-listing:nth-child(2) .afh-plus-ring-active { animation: afhPlusFill7b 45s linear infinite; animation-delay: 30s; }\r\n  .afh-scene--7 .afh-listing:nth-child(2) .afh-plus-check { animation: afhCheck7b 45s linear infinite; animation-delay: 30s; }\r\n  @keyframes afhPlusFill7a {\r\n    0%, 3% { opacity: 0; transform: scale(0.7); }\r\n    4% { opacity: 1; transform: scale(1.3); }\r\n    6%, 100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  @keyframes afhCheck7a { 0%, 4% { opacity: 0; } 6%, 100% { opacity: 1; } }\r\n  @keyframes afhPlusFill7b {\r\n    0%, 7% { opacity: 0; transform: scale(0.7); }\r\n    8% { opacity: 1; transform: scale(1.3); }\r\n    10%, 100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  @keyframes afhCheck7b { 0%, 8% { opacity: 0; } 10%, 100% { opacity: 1; } }\r\n\r\n  .afh-cmp-trigger { position: absolute; bottom: 14px; right: 14px; width: 40px; height: 40px; background: #333; border-radius: 6px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,0.25); z-index: 9; }\r\n  .afh-cmp-trigger svg { width: 20px; height: 20px; fill: #fff; }\r\n  .afh-cmp-badge { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; background: var(--afh-compare); color: #fff; border-radius: 50%; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; overflow: hidden; }\r\n  .afh-cmp-badge-digits { position: relative; line-height: 16px; animation: afhBadgeH 45s linear infinite; animation-delay: 30s; }\r\n  .afh-cmp-badge-digits span { display: block; height: 16px; font-size: 11px; }\r\n  @keyframes afhBadgeH {\r\n    0%, 1% { transform: translateY(0); }\r\n    4%, 10% { transform: translateY(-16px); }\r\n    12%, 100% { transform: translateY(-16px); }\r\n  }\r\n\r\n  \/* ==== ESCENA 8: TABLA COMPARAR ==== *\/\r\n  .afh-breadcrumb { font-size: 10px; color: var(--afh-muted); margin-bottom: 6px; letter-spacing: 0.3px; text-align: left; }\r\n  .afh-breadcrumb strong { color: var(--afh-ink); font-weight: 500; }\r\n  .afh-table-title { font-size: 18px; font-weight: 700; color: var(--afh-black); margin: 0 0 10px; font-family: Georgia, serif; letter-spacing: 0.3px; text-align: left; }\r\n  .afh-cmp-table { width: 100%; border-collapse: collapse; font-size: 10px; }\r\n  .afh-cmp-table td { padding: 5px 6px; vertical-align: middle; border: 0; }\r\n  .afh-cmp-table .afh-cmp-row-label { color: var(--afh-ink); font-weight: 700; text-align: right; width: 80px; padding-right: 10px; font-size: 10px; }\r\n  .afh-cmp-table tr:nth-child(even) { background: var(--afh-row-alt); }\r\n  .afh-cmp-table tr:nth-child(odd) { background: #fff; }\r\n  .afh-cmp-img-cell { width: 72px; height: 46px; border-radius: 3px; display: block; }\r\n  .afh-cmp-img-cell--a { background: linear-gradient(135deg, #a8c2a6, #5d7f5a); }\r\n  .afh-cmp-img-cell--b { background: linear-gradient(135deg, #d8cfb4, #9a8a60); }\r\n  .afh-cmp-img-cell--c { background: linear-gradient(135deg, #c7b89e, #755e3d); }\r\n  .afh-cmp-img-cell--d { background: linear-gradient(135deg, #5a6875, #252d36); }\r\n  .afh-cmp-row-price { font-family: Georgia, serif; font-weight: 700; color: var(--afh-black); font-size: 11px; }\r\n\r\n  .afh-scene--8 .afh-cmp-table tr { opacity: 0; animation: afhRowInH 45s linear infinite; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(1) { animation-delay: 35.4s; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(2) { animation-delay: 35.7s; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(3) { animation-delay: 36s; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(4) { animation-delay: 36.3s; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(5) { animation-delay: 36.6s; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(6) { animation-delay: 36.9s; }\r\n  .afh-scene--8 .afh-cmp-table tr:nth-child(7) { animation-delay: 37.2s; }\r\n  @keyframes afhRowInH {\r\n    0%, 1% { opacity: 0; transform: translateX(-6px); }\r\n    3%, 9% { opacity: 1; transform: translateX(0); }\r\n    11%, 100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 9: CIERRE ==== *\/\r\n  .afh-closing { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: linear-gradient(180deg, #faf8f3 0%, #ffffff 100%); margin: -20px -26px; padding: 20px 26px; }\r\n  .afh-closing-icons { display: flex; gap: 16px; margin-bottom: 20px; }\r\n  .afh-closing-icon { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: afhClosePulse 45s linear infinite; }\r\n  .afh-closing-icon svg { width: 24px; height: 24px; }\r\n  .afh-closing-icon--search { background: #f4ecd4; animation-delay: 40s; }\r\n  .afh-closing-icon--search svg { fill: var(--afh-accent-dark); }\r\n  .afh-closing-icon--heart { background: #fbe6e3; animation-delay: 40.35s; }\r\n  .afh-closing-icon--heart svg { fill: var(--afh-heart); }\r\n  .afh-closing-icon--cmp { background: #d9ede3; animation-delay: 40.7s; }\r\n  .afh-closing-icon--cmp svg { fill: none; stroke: var(--afh-compare); stroke-width: 2.5; }\r\n  @keyframes afhClosePulse {\r\n    0%, 4% { transform: scale(1); }\r\n    6% { transform: scale(1.15); }\r\n    8%, 100% { transform: scale(1); }\r\n  }\r\n\r\n  .afh-close-tag { font-size: 26px; font-weight: 300; color: var(--afh-black); line-height: 1.2; margin: 0 0 6px; letter-spacing: 0.3px; }\r\n  .afh-close-tag strong { font-weight: 600; color: var(--afh-gold-dark); }\r\n  .afh-close-sub { font-size: 13px; color: var(--afh-muted); margin: 0 0 16px; letter-spacing: 0.3px; }\r\n  .afh-close-rule { width: 40px; height: 2px; background: var(--afh-gold); margin: 0 auto 10px; }\r\n  .afh-close-brand { font-size: 10px; color: var(--afh-muted); letter-spacing: 2px; text-transform: uppercase; }\r\n\r\n  .afh-progress-container { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; display: flex; z-index: 10; background: rgba(0,0,0,0.04); }\r\n  .afh-progress-seg { flex: 1; background: rgba(0,0,0,0.06); position: relative; overflow: hidden; }\r\n  .afh-progress-seg::after { content: \"\"; position: absolute; inset: 0; transform-origin: left; animation-duration: 45s; animation-timing-function: linear; animation-iteration-count: infinite; }\r\n  .afh-progress-seg--search::after { background: var(--afh-gold); animation-name: afhProgSearch; }\r\n  .afh-progress-seg--heart::after { background: var(--afh-heart); animation-name: afhProgHeart; }\r\n  .afh-progress-seg--cmp::after { background: var(--afh-compare); animation-name: afhProgCmp; }\r\n  @keyframes afhProgSearch {\r\n    0%, 22.22% { transform: scaleX(0); }\r\n    44.44%, 100% { transform: scaleX(1); }\r\n  }\r\n  @keyframes afhProgHeart {\r\n    0%, 44.44% { transform: scaleX(0); }\r\n    66.67%, 100% { transform: scaleX(1); }\r\n  }\r\n  @keyframes afhProgCmp {\r\n    0%, 66.67% { transform: scaleX(0); }\r\n    88.89%, 100% { transform: scaleX(1); }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .afh-browser { aspect-ratio: 4 \/ 3; }\r\n    .afh-intro-title { font-size: 22px; }\r\n    .afh-feature-card { min-width: auto; padding: 10px 14px; }\r\n    .afh-feature-label { font-size: 12px; }\r\n    .afh-filters { grid-template-columns: repeat(2, 1fr); max-width: 400px; }\r\n    .afh-close-tag { font-size: 22px; }\r\n    .afh-cmp-table { font-size: 9px; }\r\n    .afh-cmp-table .afh-cmp-row-label { width: 62px; font-size: 9px; padding-right: 6px; }\r\n    .afh-cmp-img-cell { width: 56px; height: 38px; }\r\n    .afh-h-heading h3 { font-size: 19px; }\r\n    .afh-email-big { padding: 14px; max-width: 380px; }\r\n    .afh-email-ico-big { width: 38px; height: 38px; }\r\n    .afh-email-ico-big svg { width: 18px; height: 18px; }\r\n    .afh-email-sub-big { font-size: 13px; }\r\n    .afh-email-price-big { font-size: 15px; }\r\n    .afh-email-hero-title { font-size: 14px; }\r\n  }\r\n  @media (max-width: 520px) {\r\n    .afh-browser { aspect-ratio: 3 \/ 4; min-height: 540px; }\r\n    .afh-listing-img { width: 34%; min-width: 110px; }\r\n    .afh-action-btn { font-size: 8px; padding: 3px 6px; }\r\n    .afh-listing-price { font-size: 15px; }\r\n    .afh-intro-title { font-size: 20px; }\r\n    .afh-feature-row { flex-direction: column; align-items: stretch; max-width: 280px; margin: 0 auto; }\r\n    .afh-close-tag { font-size: 20px; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .afh-h-wrap * { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; }\r\n    .afh-scene { opacity: 1 !important; position: relative !important; inset: auto !important; margin-bottom: 20px; }\r\n    .afh-heart-fill, .afh-plus-ring-active, .afh-plus-check, .afh-email-big, .afh-email-new-badge, .afh-explain-big { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"afh-h-wrap\" lang=\"es\" role=\"img\" aria-label=\"Animacion para escritorio que cubre el kit de herramientas para compradores de Antigua Fine Homes: cuenta gratuita, busquedas guardadas con alertas automaticas, favoritos y comparacion de propiedades lado a lado.\">\r\n\r\n  <div class=\"afh-h-heading\">\r\n    <h3>Tres herramientas para encontrar tu hogar.<\/h3>\r\n    <span class=\"afh-h-rule\"><\/span>\r\n    <p>Empieza gratis. Guarda b&uacute;squedas. Marca favoritos. Compara lado a lado.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"afh-browser\">\r\n    <div class=\"afh-browser-bar\">\r\n      <span class=\"afh-dot\"><\/span><span class=\"afh-dot\"><\/span><span class=\"afh-dot\"><\/span>\r\n      <span class=\"afh-url\">antiguafinehomes.com<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"afh-stage\">\r\n\r\n      <!-- ESCENA 1: INTRO -->\r\n      <div class=\"afh-scene afh-scene--1\">\r\n        <div class=\"afh-intro\">\r\n          <h2 class=\"afh-intro-title\"><strong>Tres herramientas<\/strong> para encontrar tu hogar.<\/h2>\r\n          <div class=\"afh-intro-rule\"><\/div>\r\n          <p class=\"afh-intro-sub\">Cada b&uacute;squeda. Cada favorito. Cada detalle.<\/p>\r\n          <div class=\"afh-feature-row\">\r\n            <div class=\"afh-feature-card afh-feature-card--search\">\r\n              <div class=\"afh-feature-icon afh-feature-icon--search\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 2a8 8 0 106.3 12.9l4.4 4.4 1.4-1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z\"\/><\/svg><\/div>\r\n              <div class=\"afh-feature-label\">Guardar b&uacute;squedas<\/div>\r\n            <\/div>\r\n            <div class=\"afh-feature-card afh-feature-card--heart\">\r\n              <div class=\"afh-feature-icon afh-feature-icon--heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/div>\r\n              <div class=\"afh-feature-label\">Marcar favoritos<\/div>\r\n            <\/div>\r\n            <div class=\"afh-feature-card afh-feature-card--compare\">\r\n              <div class=\"afh-feature-icon afh-feature-icon--compare\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 8l4-4M4 8l4 4M20 16H4M20 16l-4-4M20 16l-4 4\"\/><\/svg><\/div>\r\n              <div class=\"afh-feature-label\">Comparar lado a lado<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 2: CUENTA GRATIS -->\r\n      <div class=\"afh-scene afh-scene--2\">\r\n        <span class=\"afh-step-chip afh-step-chip--account\">Primero &middot; Registro &uacute;nico<\/span>\r\n        <p class=\"afh-scene-title\">Crea una <em class=\"ac-gold\">cuenta gratis<\/em> &mdash; solo una vez.<\/p>\r\n        <div class=\"afh-account-form\">\r\n          <div class=\"afh-form-field\">\r\n            <span class=\"afh-form-label\">Correo electr&oacute;nico<\/span>\r\n            <span class=\"afh-form-value\">tu@correo.com<\/span>\r\n          <\/div>\r\n          <div class=\"afh-form-field\">\r\n            <span class=\"afh-form-label\">Contrase&ntilde;a<\/span>\r\n            <span class=\"afh-form-value\">&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;<\/span>\r\n          <\/div>\r\n          <span class=\"afh-form-btn\">Crear Cuenta<\/span>\r\n        <\/div>\r\n        <p class=\"afh-account-unlock\">Desbloquea <strong class=\"afh-unlock-gold\">b&uacute;squedas guardadas<\/strong> y <strong class=\"afh-unlock-heart\">favoritos<\/strong>.<\/p>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 3: FILTROS -->\r\n      <div class=\"afh-scene afh-scene--3\">\r\n        <span class=\"afh-step-chip afh-step-chip--search\">01 &middot; B&uacute;squedas Guardadas<\/span>\r\n        <p class=\"afh-scene-title\">Busca una <em class=\"ac-gold\">casa de 3 hab. con jard&iacute;n<\/em> por menos de $400k.<\/p>\r\n        <div class=\"afh-filters\">\r\n          <div class=\"afh-filter\"><span class=\"afh-filter-label\">Ubicaci&oacute;n<\/span><span class=\"afh-filter-value\">&Aacute;rea de Antigua<\/span><\/div>\r\n          <div class=\"afh-filter\"><span class=\"afh-filter-label\">Habitaciones<\/span><span class=\"afh-filter-value\">3+<\/span><\/div>\r\n          <div class=\"afh-filter\"><span class=\"afh-filter-label\">Caracter&iacute;stica<\/span><span class=\"afh-filter-value\">Jard&iacute;n<\/span><\/div>\r\n          <div class=\"afh-filter\"><span class=\"afh-filter-label\">Precio M&aacute;x.<\/span><span class=\"afh-filter-value\">$400,000<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"afh-search-btn-wrap\">\r\n          <span class=\"afh-search-btn\">Guardar B&uacute;squeda<\/span>\r\n        <\/div>\r\n        <p class=\"afh-save-note\"><strong>Guardada.<\/strong> Te avisamos por correo de nuevas coincidencias.<\/p>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 4: CORREO (DESTACADO) -->\r\n      <div class=\"afh-scene afh-scene--4\">\r\n        <span class=\"afh-step-chip afh-step-chip--search\">01 &middot; B&uacute;squedas Guardadas<\/span>\r\n        <p class=\"afh-email-hero-title\">Cuando llega una nueva propiedad &mdash; <em>te llega directo a tu correo.<\/em><\/p>\r\n        <div class=\"afh-email-big\">\r\n          <div class=\"afh-email-new-badge\">&iexcl;NUEVA!<\/div>\r\n          <div class=\"afh-email-ico-big\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M2 6l10 7L22 6v12H2V6z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"afh-email-from-big\">Antigua Fine Homes<\/div>\r\n            <div class=\"afh-email-sub-big\">Nueva coincidencia para tu b&uacute;squeda<\/div>\r\n            <div class=\"afh-email-body-big\">\r\n              3 hab. &middot; Jard&iacute;n &middot; &Aacute;rea de Antigua<br>\r\n              <span class=\"afh-email-price-big\">$369,000<\/span><br>\r\n              Reci&eacute;n publicada en San Pedro El Alto.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"afh-explain-big\"><strong>Autom&aacute;tico.<\/strong> Cada propiedad que coincide, entregada &mdash; sin tener que buscar.<\/p>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 5: FAVORITOS - Corazon -->\r\n      <div class=\"afh-scene afh-scene--5\">\r\n        <span class=\"afh-step-chip afh-step-chip--heart\">02 &middot; Favoritos<\/span>\r\n        <p class=\"afh-scene-title\">&iquest;Ves una que te gusta? <em class=\"ac-heart\">Toca el coraz&oacute;n.<\/em><\/p>\r\n        <div class=\"afh-listing\">\r\n          <div class=\"afh-listing-main\">\r\n            <div class=\"afh-listing-img afh-listing-img--a\">\r\n              <div class=\"afh-listing-tags\"><span class=\"afh-listing-tag\">En Venta<\/span><span class=\"afh-listing-tag\">Vista al Volc&aacute;n<\/span><\/div>\r\n              <div class=\"afh-listing-watermark\">C21<\/div>\r\n            <\/div>\r\n            <div class=\"afh-listing-details\">\r\n              <div class=\"afh-listing-type\">Casa<\/div>\r\n              <div class=\"afh-listing-price\">$1,500,000<\/div>\r\n              <p class=\"afh-listing-title\">Residencia Moderna de Lujo en La Reuni&oacute;n<\/p>\r\n              <div class=\"afh-listing-loc\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8 2 5 5 5 9c0 5 7 13 7 13s7-8 7-13c0-4-3-7-7-7z\"\/><\/svg>Alotenango<\/div>\r\n              <div class=\"afh-listing-stats\"><span>5 hab.<\/span><span>4.5 ba&ntilde;os<\/span><span>678 m&sup2;<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"afh-listing-footer\">\r\n            <div class=\"afh-agent\"><div class=\"afh-agent-avatar\"><\/div>Marian C. &middot; hace 1 d&iacute;a<\/div>\r\n            <div class=\"afh-actions\">\r\n              <span class=\"afh-action-btn\">Llamar<\/span>\r\n              <span class=\"afh-action-btn\">Correo<\/span>\r\n              <span class=\"afh-action-btn afh-action-icon-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 7L4 4M17 17L20 20\"\/><\/svg><\/span>\r\n              <span class=\"afh-action-btn afh-action-icon-btn afh-heart-btn\"><svg class=\"afh-heart-svg\" viewBox=\"0 0 24 24\"><path class=\"afh-heart-outline\" d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><path class=\"afh-heart-fill\" d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n              <span class=\"afh-action-btn afh-action-icon-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 7v10M7 12h10\"\/><\/svg><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"afh-toast\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg>\r\n          A&ntilde;adida a Favoritos\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 6: FAVORITOS - Lista -->\r\n      <div class=\"afh-scene afh-scene--6\">\r\n        <span class=\"afh-step-chip afh-step-chip--heart\">02 &middot; Favoritos<\/span>\r\n        <div class=\"afh-fav-title-row\">Mis Favoritos<\/div>\r\n        <div class=\"afh-fav-sub-row\">Tu lista, siempre guardada.<\/div>\r\n        <div class=\"afh-fav-list\">\r\n          <div class=\"afh-fav-item\">\r\n            <div class=\"afh-fav-thumb afh-fav-thumb--a\"><\/div>\r\n            <div class=\"afh-fav-content\">\r\n              <div class=\"afh-fav-price\">$1,500,000<\/div>\r\n              <div class=\"afh-fav-meta\">Alotenango &middot; 5 hab. &middot; 4.5 ba&ntilde;os &middot; 678 m&sup2;<\/div>\r\n            <\/div>\r\n            <span class=\"afh-fav-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n          <\/div>\r\n          <div class=\"afh-fav-item\">\r\n            <div class=\"afh-fav-thumb afh-fav-thumb--b\"><\/div>\r\n            <div class=\"afh-fav-content\">\r\n              <div class=\"afh-fav-price\">$975,000<\/div>\r\n              <div class=\"afh-fav-meta\">Antigua &middot; 3 hab. &middot; 4 ba&ntilde;os &middot; 395 m&sup2;<\/div>\r\n            <\/div>\r\n            <span class=\"afh-fav-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n          <\/div>\r\n          <div class=\"afh-fav-item\">\r\n            <div class=\"afh-fav-thumb afh-fav-thumb--c\"><\/div>\r\n            <div class=\"afh-fav-content\">\r\n              <div class=\"afh-fav-price\">$445,000<\/div>\r\n              <div class=\"afh-fav-meta\">Ciudad Vieja &middot; 3 hab. &middot; 2 ba&ntilde;os<\/div>\r\n            <\/div>\r\n            <span class=\"afh-fav-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"afh-device-row\">\r\n          <span class=\"afh-device-icons\">\r\n            <svg class=\"afh-device-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2zm6 18a1 1 0 100-2 1 1 0 000 2z\"\/><\/svg>\r\n            <svg class=\"afh-device-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm-2 16h20v2H2v-2z\"\/><\/svg>\r\n          <\/span>\r\n          Inicia sesi&oacute;n desde <strong>cualquier dispositivo,<\/strong> tu lista siempre est&aacute; ah&iacute;.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 7: COMPARAR + -->\r\n      <div class=\"afh-scene afh-scene--7\">\r\n        <div class=\"afh-step-chip-row\">\r\n          <span class=\"afh-step-chip afh-step-chip--compare\">03 &middot; Comparar<\/span>\r\n          <span class=\"afh-noaccount-chip\">Sin cuenta requerida<\/span>\r\n        <\/div>\r\n        <p class=\"afh-scene-title\">Toca <em class=\"ac-compare\">+<\/em> en hasta cuatro propiedades.<\/p>\r\n\r\n        <div class=\"afh-listing\" style=\"margin-bottom: 6px;\">\r\n          <div class=\"afh-listing-main\">\r\n            <div class=\"afh-listing-img afh-listing-img--a\" style=\"aspect-ratio: 5 \/ 2;\"><\/div>\r\n            <div class=\"afh-listing-details\" style=\"padding: 7px 12px;\">\r\n              <div class=\"afh-listing-price\" style=\"font-size: 13px;\">$1,500,000 &middot; <span style=\"font-size: 10px; color: var(--afh-muted); font-family: inherit; font-weight: 400;\">Alotenango<\/span><\/div>\r\n              <div class=\"afh-actions\" style=\"margin-top: 4px; justify-content: flex-end;\">\r\n                <span class=\"afh-action-btn afh-action-icon-btn afh-plus-btn\"><svg class=\"afh-plus-svg\" viewBox=\"0 0 24 24\"><circle class=\"afh-plus-ring\" cx=\"12\" cy=\"12\" r=\"10\"\/><path class=\"afh-plus-line\" d=\"M12 7v10M7 12h10\"\/><circle class=\"afh-plus-ring-active\" cx=\"12\" cy=\"12\" r=\"10\"\/><path class=\"afh-plus-check\" d=\"M7 12l3 3 7-7\"\/><\/svg><\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"afh-listing\" style=\"margin-bottom: 6px;\">\r\n          <div class=\"afh-listing-main\">\r\n            <div class=\"afh-listing-img afh-listing-img--b\" style=\"aspect-ratio: 5 \/ 2;\"><\/div>\r\n            <div class=\"afh-listing-details\" style=\"padding: 7px 12px;\">\r\n              <div class=\"afh-listing-price\" style=\"font-size: 13px;\">$975,000 &middot; <span style=\"font-size: 10px; color: var(--afh-muted); font-family: inherit; font-weight: 400;\">Antigua<\/span><\/div>\r\n              <div class=\"afh-actions\" style=\"margin-top: 4px; justify-content: flex-end;\">\r\n                <span class=\"afh-action-btn afh-action-icon-btn afh-plus-btn\"><svg class=\"afh-plus-svg\" viewBox=\"0 0 24 24\"><circle class=\"afh-plus-ring\" cx=\"12\" cy=\"12\" r=\"10\"\/><path class=\"afh-plus-line\" d=\"M12 7v10M7 12h10\"\/><circle class=\"afh-plus-ring-active\" cx=\"12\" cy=\"12\" r=\"10\"\/><path class=\"afh-plus-check\" d=\"M7 12l3 3 7-7\"\/><\/svg><\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"afh-listing\" style=\"margin-bottom: 6px;\">\r\n          <div class=\"afh-listing-main\">\r\n            <div class=\"afh-listing-img afh-listing-img--c\" style=\"aspect-ratio: 5 \/ 2;\"><\/div>\r\n            <div class=\"afh-listing-details\" style=\"padding: 7px 12px;\">\r\n              <div class=\"afh-listing-price\" style=\"font-size: 13px;\">$1,350,000 &middot; <span style=\"font-size: 10px; color: var(--afh-muted); font-family: inherit; font-weight: 400;\">Santa Catarina Bobadilla<\/span><\/div>\r\n              <div class=\"afh-actions\" style=\"margin-top: 4px; justify-content: flex-end;\">\r\n                <span class=\"afh-action-btn afh-action-icon-btn afh-plus-btn\"><svg class=\"afh-plus-svg\" viewBox=\"0 0 24 24\"><circle class=\"afh-plus-ring\" cx=\"12\" cy=\"12\" r=\"10\"\/><path class=\"afh-plus-line\" d=\"M12 7v10M7 12h10\"\/><\/svg><\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"afh-cmp-trigger\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 8l4-4M4 8l4 4M20 16H4M20 16l-4-4M20 16l-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <div class=\"afh-cmp-badge\">\r\n            <div class=\"afh-cmp-badge-digits\"><span>0<\/span><span>2<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 8: TABLA COMPARAR -->\r\n      <div class=\"afh-scene afh-scene--8\">\r\n        <span class=\"afh-step-chip afh-step-chip--compare\" style=\"align-self: flex-start;\">03 &middot; Comparar<\/span>\r\n        <div class=\"afh-breadcrumb\">&lsaquo; Volver a B&uacute;squeda &middot; <strong>Comparar Propiedades<\/strong><\/div>\r\n        <h3 class=\"afh-table-title\">Comparar Propiedades<\/h3>\r\n        <table class=\"afh-cmp-table\">\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\"><\/td>\r\n            <td><span class=\"afh-cmp-img-cell afh-cmp-img-cell--a\"><\/span><\/td>\r\n            <td><span class=\"afh-cmp-img-cell afh-cmp-img-cell--b\"><\/span><\/td>\r\n            <td><span class=\"afh-cmp-img-cell afh-cmp-img-cell--c\"><\/span><\/td>\r\n            <td><span class=\"afh-cmp-img-cell afh-cmp-img-cell--d\"><\/span><\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\">Precio<\/td>\r\n            <td class=\"afh-cmp-row-price\">$1,500,000<\/td>\r\n            <td class=\"afh-cmp-row-price\">$975,000<\/td>\r\n            <td class=\"afh-cmp-row-price\">$1,350,000<\/td>\r\n            <td class=\"afh-cmp-row-price\">$1,075,000<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\">Ciudad<\/td>\r\n            <td>Alotenango<\/td>\r\n            <td>Antigua<\/td>\r\n            <td>Sta. Catarina<\/td>\r\n            <td>Ciudad Vieja<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\">Tama&ntilde;o<\/td>\r\n            <td>678 m&sup2;<\/td>\r\n            <td>395 m&sup2;<\/td>\r\n            <td>535 m&sup2;<\/td>\r\n            <td>512 m&sup2;<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\">Habitaciones<\/td>\r\n            <td>5<\/td>\r\n            <td>3<\/td>\r\n            <td>4<\/td>\r\n            <td>3<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\">Ba&ntilde;os<\/td>\r\n            <td>4.50<\/td>\r\n            <td>4.00<\/td>\r\n            <td>4.75<\/td>\r\n            <td>2.50<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td class=\"afh-cmp-row-label\">Parqueo<\/td>\r\n            <td>&mdash;<\/td>\r\n            <td>2<\/td>\r\n            <td>Techado<\/td>\r\n            <td>2<\/td>\r\n          <\/tr>\r\n        <\/table>\r\n      <\/div>\r\n\r\n      <!-- ESCENA 9: CIERRE -->\r\n      <div class=\"afh-scene afh-scene--9\">\r\n        <div class=\"afh-closing\">\r\n          <div class=\"afh-closing-icons\">\r\n            <div class=\"afh-closing-icon afh-closing-icon--search\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M10 2a8 8 0 106.3 12.9l4.4 4.4 1.4-1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"afh-closing-icon afh-closing-icon--heart\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"afh-closing-icon afh-closing-icon--cmp\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 8l4-4M4 8l4 4M20 16H4M20 16l-4-4M20 16l-4 4\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <h3 class=\"afh-close-tag\">Guarda. Marca. <strong>Compara.<\/strong><\/h3>\r\n          <p class=\"afh-close-sub\">Tu kit para encontrar casa en Antigua.<\/p>\r\n          <div class=\"afh-close-rule\"><\/div>\r\n          <p class=\"afh-close-brand\">Antigua Fine Homes &middot; Century 21<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"afh-progress-container\">\r\n      <div class=\"afh-progress-seg afh-progress-seg--search\"><\/div>\r\n      <div class=\"afh-progress-seg afh-progress-seg--heart\"><\/div>\r\n      <div class=\"afh-progress-seg afh-progress-seg--cmp\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"afh-mobile-only\">\r\n  <!-- paste contents of all-features-mobile.html here -->\r\n  <!-- Animacion Combinada Movil\/Vertical - Antigua Fine Homes (ESPANOL) -->\r\n<!-- v2: ritmo mas pausado (45s), escena de correo destacada, \"cualquier dispositivo\" + \"sin cuenta\" -->\r\n\r\n<style>\r\n  .afh-m-wrap {\r\n    --afh-gold: #beaf87;\r\n    --afh-gold-dark: #9a8a60;\r\n    --afh-black: #0f0f0f;\r\n    --afh-ink: #1f1f1f;\r\n    --afh-muted: #6b6b6b;\r\n    --afh-line: #e8e4da;\r\n    --afh-bg: #faf8f3;\r\n    --afh-white: #ffffff;\r\n    --afh-heart: #c1453b;\r\n    --afh-heart-dark: #8f322b;\r\n    --afh-compare: #2a7a5f;\r\n    --afh-compare-dark: #1c5a45;\r\n    --afh-accent-dark: #6b5f3d;\r\n    --afh-alert: #d94848;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\r\n    color: var(--afh-ink);\r\n    max-width: 380px;\r\n    margin: 0 auto;\r\n    padding: 20px 12px;\r\n    box-sizing: border-box;\r\n  }\r\n  .afh-m-wrap *, .afh-m-wrap *::before, .afh-m-wrap *::after { box-sizing: border-box; }\r\n\r\n  .afh-m-heading { text-align: center; margin: 0 0 14px; }\r\n  .afh-m-heading h3 { font-size: 18px; font-weight: 600; margin: 0 0 4px; color: var(--afh-black); letter-spacing: 0.2px; line-height: 1.3; }\r\n  .afh-m-heading p { font-size: 12px; color: var(--afh-muted); margin: 0; line-height: 1.4; }\r\n  .afh-m-heading .afh-m-rule { display: inline-block; width: 32px; height: 2px; background: var(--afh-gold); margin: 8px auto; }\r\n\r\n  .afh-phone { position: relative; background: #111; border-radius: 32px; padding: 8px; box-shadow: 0 18px 40px -18px rgba(15,15,15,0.35); aspect-ratio: 9 \/ 18.5; min-height: 620px; }\r\n  .afh-phone-screen { position: relative; width: 100%; height: 100%; background: var(--afh-white); border-radius: 26px; overflow: hidden; }\r\n  .afh-status-bar { position: absolute; top: 0; left: 0; right: 0; height: 26px; display: flex; align-items: center; justify-content: space-between; padding: 4px 20px 0; font-size: 10px; font-weight: 600; color: var(--afh-ink); z-index: 10; background: var(--afh-white); }\r\n  .afh-status-bar::after { content: \"\"; position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 70px; height: 18px; background: #111; border-radius: 12px; }\r\n  .afh-status-right { display: flex; gap: 4px; align-items: center; }\r\n  .afh-status-icon { width: 12px; height: 8px; background: var(--afh-ink); border-radius: 1px; }\r\n  .afh-status-battery { width: 18px; height: 9px; background: var(--afh-ink); border-radius: 2px; position: relative; }\r\n  .afh-status-battery::after { content: \"\"; position: absolute; right: -2px; top: 2px; width: 2px; height: 5px; background: var(--afh-ink); border-radius: 0 1px 1px 0; }\r\n  .afh-url-bar { position: absolute; top: 26px; left: 0; right: 0; height: 30px; background: #f5f1e8; border-bottom: 1px solid var(--afh-line); display: flex; align-items: center; justify-content: center; z-index: 9; }\r\n  .afh-url { background: #fff; border: 1px solid var(--afh-line); border-radius: 12px; padding: 3px 14px; font-size: 10px; color: var(--afh-muted); letter-spacing: 0.2px; }\r\n\r\n  .afh-stage { position: absolute; top: 56px; left: 0; right: 0; bottom: 18px; padding: 12px 14px; overflow: hidden; }\r\n\r\n  \/* 9 escenas, 5s cada una, 45s total *\/\r\n  .afh-scene { position: absolute; inset: 12px 14px; opacity: 0; animation: afhCycle 45s linear infinite; display: flex; flex-direction: column; }\r\n  .afh-scene--1 { animation-delay: 0s; }\r\n  .afh-scene--2 { animation-delay: -40s; }\r\n  .afh-scene--3 { animation-delay: -35s; }\r\n  .afh-scene--4 { animation-delay: -30s; }\r\n  .afh-scene--5 { animation-delay: -25s; }\r\n  .afh-scene--6 { animation-delay: -20s; }\r\n  .afh-scene--7 { animation-delay: -15s; }\r\n  .afh-scene--8 { animation-delay: -10s; }\r\n  .afh-scene--9 { animation-delay: -5s; }\r\n\r\n  @keyframes afhCycle {\r\n    0% { opacity: 0; transform: translateY(6px); }\r\n    1.5% { opacity: 1; transform: translateY(0); }\r\n    10.5% { opacity: 1; transform: translateY(0); }\r\n    12% { opacity: 0; transform: translateY(-6px); }\r\n    100% { opacity: 0; transform: translateY(-6px); }\r\n  }\r\n\r\n  .afh-step-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 8px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; padding: 4px 10px; border-radius: 12px; margin: 0 auto 10px; align-self: center; }\r\n  .afh-step-chip--account { background: #f0eadb; color: var(--afh-gold-dark); }\r\n  .afh-step-chip--search { background: #f4ecd4; color: var(--afh-accent-dark); }\r\n  .afh-step-chip--heart { background: #fbe6e3; color: var(--afh-heart-dark); }\r\n  .afh-step-chip--compare { background: #d9ede3; color: var(--afh-compare-dark); }\r\n  .afh-step-chip-row { display: flex; gap: 5px; justify-content: center; align-self: center; margin-bottom: 10px; flex-wrap: wrap; }\r\n  .afh-noaccount-chip { display: inline-block; font-size: 7px; letter-spacing: 1.2px; text-transform: uppercase; font-weight: 700; padding: 4px 9px; border-radius: 12px; background: #fff; color: var(--afh-compare-dark); border: 1px solid var(--afh-compare); }\r\n\r\n  .afh-scene-title { font-size: 13px; color: var(--afh-black); font-weight: 600; margin: 0 0 10px; text-align: center; letter-spacing: 0.2px; line-height: 1.35; padding: 0 4px; }\r\n  .afh-scene-title em { font-style: normal; font-weight: 700; }\r\n  .afh-scene-title em.ac-gold { color: var(--afh-accent-dark); }\r\n  .afh-scene-title em.ac-heart { color: var(--afh-heart); }\r\n  .afh-scene-title em.ac-compare { color: var(--afh-compare); }\r\n\r\n  \/* ==== ESCENA 1: INTRO ==== *\/\r\n  .afh-intro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 8px; }\r\n  .afh-intro-title { font-size: 20px; font-weight: 300; color: var(--afh-black); line-height: 1.25; margin: 0 0 4px; letter-spacing: 0.2px; }\r\n  .afh-intro-title strong { font-weight: 600; color: var(--afh-gold-dark); }\r\n  .afh-intro-sub { font-size: 11px; color: var(--afh-muted); margin: 0 0 24px; letter-spacing: 0.3px; }\r\n  .afh-intro-rule { width: 32px; height: 2px; background: var(--afh-gold); margin: 0 auto 18px; }\r\n  .afh-feature-list { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 240px; }\r\n  .afh-feature-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--afh-bg); border-radius: 8px; border-left: 3px solid var(--afh-line); text-align: left; }\r\n  .afh-feature-row--search { border-left-color: var(--afh-gold); }\r\n  .afh-feature-row--heart { border-left-color: var(--afh-heart); }\r\n  .afh-feature-row--compare { border-left-color: var(--afh-compare); }\r\n  .afh-feature-icon { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n  .afh-feature-icon--search { background: #f4ecd4; }\r\n  .afh-feature-icon--heart { background: #fbe6e3; }\r\n  .afh-feature-icon--compare { background: #d9ede3; }\r\n  .afh-feature-icon svg { width: 12px; height: 12px; }\r\n  .afh-feature-icon--search svg { fill: var(--afh-accent-dark); }\r\n  .afh-feature-icon--heart svg { fill: var(--afh-heart); }\r\n  .afh-feature-icon--compare svg { stroke: var(--afh-compare); fill: none; stroke-width: 2.5; }\r\n  .afh-feature-label { font-size: 12px; color: var(--afh-black); font-weight: 600; letter-spacing: 0.1px; }\r\n\r\n  .afh-scene--1 .afh-feature-row { opacity: 0; animation: afhFeatureIn 45s linear infinite; }\r\n  .afh-scene--1 .afh-feature-row:nth-child(1) { animation-delay: 0.5s; }\r\n  .afh-scene--1 .afh-feature-row:nth-child(2) { animation-delay: 1s; }\r\n  .afh-scene--1 .afh-feature-row:nth-child(3) { animation-delay: 1.5s; }\r\n  @keyframes afhFeatureIn {\r\n    0%, 1% { opacity: 0; transform: translateX(-6px); }\r\n    3%, 10% { opacity: 1; transform: translateX(0); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 2: CUENTA GRATIS ==== *\/\r\n  .afh-account-form { background: var(--afh-white); border: 1px solid var(--afh-line); border-radius: 10px; padding: 14px; box-shadow: 0 4px 14px -8px rgba(0,0,0,0.12); margin: 4px 14px; }\r\n  .afh-form-field { background: var(--afh-bg); border: 1px solid var(--afh-line); border-radius: 6px; padding: 7px 10px; margin-bottom: 7px; opacity: 0; animation: afhFieldIn 45s linear infinite; }\r\n  .afh-scene--2 .afh-form-field:nth-of-type(1) { animation-delay: 5.4s; }\r\n  .afh-scene--2 .afh-form-field:nth-of-type(2) { animation-delay: 6s; }\r\n  @keyframes afhFieldIn {\r\n    0%, 11% { opacity: 0; transform: translateY(3px); }\r\n    14%, 20% { opacity: 1; transform: translateY(0); }\r\n    22%, 100% { opacity: 0; }\r\n  }\r\n  .afh-form-label { display: block; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: var(--afh-muted); font-weight: 600; }\r\n  .afh-form-value { display: block; font-size: 11px; color: var(--afh-ink); font-weight: 500; margin-top: 1px; }\r\n  .afh-form-btn { display: block; background: var(--afh-black); color: var(--afh-white); padding: 9px; border-radius: 6px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; text-align: center; margin-top: 4px; animation: afhAccountBtn 45s linear infinite; }\r\n  @keyframes afhAccountBtn {\r\n    0%, 18% { background: var(--afh-black); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n    19% { transform: scale(0.95); }\r\n    20% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 6px rgba(190,175,135,0.25); }\r\n    22%, 100% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n  }\r\n  .afh-account-unlock { font-size: 11px; color: var(--afh-ink); text-align: center; margin: 12px 0 0; line-height: 1.4; opacity: 0; animation: afhUnlockIn 45s linear infinite; }\r\n  .afh-account-unlock strong { font-weight: 700; }\r\n  .afh-unlock-gold { color: var(--afh-gold-dark); }\r\n  .afh-unlock-heart { color: var(--afh-heart); }\r\n  @keyframes afhUnlockIn {\r\n    0%, 19% { opacity: 0; transform: translateY(3px); }\r\n    21%, 22% { opacity: 1; transform: translateY(0); }\r\n    100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 3: FILTROS ==== *\/\r\n  .afh-filters { display: flex; flex-direction: column; gap: 7px; margin-bottom: 14px; }\r\n  .afh-filter { background: var(--afh-bg); border: 1px solid var(--afh-line); border-radius: 6px; padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; }\r\n  .afh-filter-label { font-size: 9px; text-transform: uppercase; letter-spacing: 0.8px; color: var(--afh-muted); font-weight: 600; }\r\n  .afh-filter-value { font-size: 12px; color: var(--afh-black); font-weight: 600; opacity: 0; animation: afhTypein 45s linear infinite; }\r\n  .afh-scene--3 .afh-filter:nth-child(1) .afh-filter-value { animation-delay: 10.4s; }\r\n  .afh-scene--3 .afh-filter:nth-child(2) .afh-filter-value { animation-delay: 10.9s; }\r\n  .afh-scene--3 .afh-filter:nth-child(3) .afh-filter-value { animation-delay: 11.4s; }\r\n  .afh-scene--3 .afh-filter:nth-child(4) .afh-filter-value { animation-delay: 11.9s; }\r\n  @keyframes afhTypein {\r\n    0%, 1% { opacity: 0; transform: translateY(3px); }\r\n    3%, 9% { opacity: 1; transform: translateY(0); }\r\n    11%, 100% { opacity: 0; }\r\n  }\r\n  .afh-search-btn { display: block; background: var(--afh-black); color: var(--afh-white); padding: 10px; border-radius: 6px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; text-align: center; animation: afhBtnSavePulse 45s linear infinite; animation-delay: 10s; }\r\n  @keyframes afhBtnSavePulse {\r\n    0%, 8% { background: var(--afh-black); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n    9% { transform: scale(0.95); }\r\n    10% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 6px rgba(190,175,135,0.3); }\r\n    12%, 100% { background: var(--afh-gold-dark); transform: scale(1); box-shadow: 0 0 0 0 rgba(190,175,135,0); }\r\n  }\r\n  .afh-save-note { margin-top: 10px; font-size: 10px; color: var(--afh-muted); text-align: center; opacity: 0; animation: afhSaveNote 45s linear infinite; animation-delay: 10s; font-style: italic; }\r\n  .afh-save-note strong { color: var(--afh-accent-dark); font-weight: 700; font-style: normal; }\r\n  @keyframes afhSaveNote {\r\n    0%, 10% { opacity: 0; transform: translateY(4px); }\r\n    11%, 12% { opacity: 1; transform: translateY(0); }\r\n    100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 4: CORREO (DESTACADO) ==== *\/\r\n  .afh-email-hero-title {\r\n    font-size: 14px;\r\n    color: var(--afh-black);\r\n    font-weight: 700;\r\n    text-align: center;\r\n    margin: 2px 0 14px;\r\n    line-height: 1.3;\r\n  }\r\n  .afh-email-hero-title em { font-style: normal; color: var(--afh-accent-dark); font-weight: 700; }\r\n  .afh-email-big {\r\n    position: relative;\r\n    background: var(--afh-white);\r\n    border: 1.5px solid var(--afh-gold);\r\n    border-radius: 12px;\r\n    box-shadow: 0 12px 28px -12px rgba(190,175,135,0.5), 0 0 0 4px rgba(190,175,135,0.08);\r\n    padding: 14px 12px 14px 14px;\r\n    margin: 4px 6px 0;\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n    opacity: 0;\r\n    animation: afhEmailBigIn 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  @keyframes afhEmailBigIn {\r\n    0%, 1% { opacity: 0; transform: translateY(-24px) scale(0.92); }\r\n    3.5% { opacity: 1; transform: translateY(0) scale(1.04); }\r\n    5% { transform: translateY(0) scale(1); }\r\n    7% { transform: translateY(0) scale(1.02); }\r\n    9%, 11% { opacity: 1; transform: translateY(0) scale(1); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n  .afh-email-new-badge {\r\n    position: absolute;\r\n    top: -8px;\r\n    right: 10px;\r\n    background: var(--afh-alert);\r\n    color: #fff;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    padding: 3px 8px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 10px -4px rgba(217,72,72,0.6);\r\n    opacity: 0;\r\n    animation: afhNewBadge 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  @keyframes afhNewBadge {\r\n    0%, 3% { opacity: 0; transform: scale(0.6); }\r\n    5% { opacity: 1; transform: scale(1.25); }\r\n    6%, 7% { opacity: 1; transform: scale(1); }\r\n    8% { transform: scale(1.15); }\r\n    9%, 11% { opacity: 1; transform: scale(1); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n  .afh-email-ico-big {\r\n    width: 40px; height: 40px;\r\n    background: var(--afh-gold);\r\n    border-radius: 10px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n  }\r\n  .afh-email-ico-big svg { width: 20px; height: 20px; fill: #fff; }\r\n  .afh-email-ico-big::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -4px;\r\n    border-radius: 12px;\r\n    border: 2px solid var(--afh-gold);\r\n    opacity: 0;\r\n    animation: afhRingPulse 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  @keyframes afhRingPulse {\r\n    0%, 4% { opacity: 0; transform: scale(0.9); }\r\n    5% { opacity: 0.6; transform: scale(1.1); }\r\n    7% { opacity: 0; transform: scale(1.4); }\r\n    100% { opacity: 0; }\r\n  }\r\n  .afh-email-from-big { font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: var(--afh-muted); font-weight: 700; }\r\n  .afh-email-sub-big { font-size: 13px; font-weight: 700; color: var(--afh-black); margin: 2px 0 4px; line-height: 1.3; }\r\n  .afh-email-body-big { font-size: 11px; color: var(--afh-ink); line-height: 1.45; }\r\n  .afh-email-price-big { display: inline-block; font-family: Georgia, serif; font-weight: 700; font-size: 14px; color: var(--afh-accent-dark); margin: 3px 0; }\r\n  .afh-explain-big {\r\n    font-size: 12px;\r\n    color: var(--afh-ink);\r\n    text-align: center;\r\n    margin: 18px 6px 0;\r\n    line-height: 1.45;\r\n    opacity: 0;\r\n    animation: afhExplainBig 45s linear infinite;\r\n    animation-delay: 15s;\r\n  }\r\n  .afh-explain-big strong { color: var(--afh-accent-dark); font-weight: 700; }\r\n  @keyframes afhExplainBig {\r\n    0%, 6% { opacity: 0; transform: translateY(4px); }\r\n    8%, 11% { opacity: 1; transform: translateY(0); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENAS 5, 6: FAVORITOS ==== *\/\r\n  .afh-vcard { background: var(--afh-white); border: 1px solid var(--afh-line); border-radius: 8px; overflow: hidden; margin: 0 auto; max-width: 260px; box-shadow: 0 4px 12px -6px rgba(0,0,0,0.1); }\r\n  .afh-vcard-img { width: 100%; height: 130px; position: relative; }\r\n  .afh-vcard-img--a { background: linear-gradient(135deg, #a8c2a6 0%, #5d7f5a 60%, #3f5a3e 100%); }\r\n  .afh-vcard-img--b { background: linear-gradient(135deg, #d8cfb4 0%, #9a8a60 100%); }\r\n  .afh-vcard-img--c { background: linear-gradient(135deg, #c7b89e 0%, #755e3d 100%); }\r\n  .afh-vcard-img--d { background: linear-gradient(135deg, #5a6875 0%, #252d36 100%); }\r\n  .afh-vcard-tags { position: absolute; top: 8px; left: 8px; display: flex; gap: 3px; }\r\n  .afh-vcard-tag { background: rgba(15,15,15,0.82); color: #fff; font-size: 7px; padding: 3px 6px; border-radius: 3px; letter-spacing: 0.8px; text-transform: uppercase; font-weight: 600; }\r\n  .afh-vcard-body { padding: 10px 12px; }\r\n  .afh-vcard-type { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: var(--afh-muted); font-weight: 600; margin-bottom: 2px; }\r\n  .afh-vcard-price { font-size: 17px; font-weight: 700; color: var(--afh-black); font-family: Georgia, serif; line-height: 1.1; }\r\n  .afh-vcard-title { font-size: 11px; font-weight: 600; color: var(--afh-black); margin: 5px 0 3px; font-family: Georgia, serif; line-height: 1.3; }\r\n  .afh-vcard-loc { font-size: 10px; color: var(--afh-muted); display: flex; align-items: center; gap: 4px; }\r\n  .afh-vcard-loc svg { width: 9px; height: 9px; fill: var(--afh-muted); }\r\n  .afh-vcard-footer { display: flex; justify-content: flex-end; align-items: center; gap: 6px; padding: 6px 10px; border-top: 1px solid var(--afh-line); background: #fafaf7; }\r\n  .afh-vcard-btn { width: 28px; height: 26px; border: 1px solid var(--afh-line); border-radius: 4px; background: #fff; display: flex; align-items: center; justify-content: center; position: relative; }\r\n\r\n  .afh-heart-svg { width: 14px; height: 14px; }\r\n  .afh-heart-svg .afh-heart-outline { fill: none; stroke: var(--afh-ink); stroke-width: 2; }\r\n  .afh-heart-svg .afh-heart-fill { fill: var(--afh-heart); opacity: 0; transform-origin: center; transform: scale(0.7); }\r\n  .afh-plus-svg { width: 14px; height: 14px; }\r\n  .afh-plus-svg .afh-plus-ring { fill: none; stroke: var(--afh-ink); stroke-width: 2; }\r\n  .afh-plus-svg .afh-plus-line { stroke: var(--afh-ink); stroke-width: 2; stroke-linecap: round; }\r\n  .afh-plus-svg .afh-plus-ring-active { fill: var(--afh-compare); opacity: 0; transform-origin: center; transform: scale(0.7); }\r\n  .afh-plus-svg .afh-plus-check { stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; fill: none; opacity: 0; }\r\n\r\n  .afh-scene--5 .afh-heart-fill { animation: afhHeartFillM 45s linear infinite; animation-delay: 20s; }\r\n  @keyframes afhHeartFillM {\r\n    0%, 5% { opacity: 0; transform: scale(0.7); }\r\n    6% { opacity: 1; transform: scale(1.3); }\r\n    8%, 100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  .afh-scene--5 .afh-vcard-btn { animation: afhHeartBtnM 45s linear infinite; animation-delay: 20s; }\r\n  @keyframes afhHeartBtnM {\r\n    0%, 5% { transform: scale(1); box-shadow: 0 0 0 0 rgba(193,69,59,0); }\r\n    6% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(193,69,59,0.2); }\r\n    8%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(193,69,59,0); }\r\n  }\r\n  .afh-toast { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%) translateY(10px); background: var(--afh-black); color: var(--afh-white); padding: 7px 14px; border-radius: 4px; font-size: 10px; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; opacity: 0; z-index: 10; }\r\n  .afh-toast svg { width: 11px; height: 11px; fill: var(--afh-heart); }\r\n  .afh-scene--5 .afh-toast { animation: afhToastM 45s linear infinite; animation-delay: 20s; }\r\n  @keyframes afhToastM {\r\n    0%, 7% { opacity: 0; transform: translateX(-50%) translateY(10px); }\r\n    9%, 10% { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n    12%, 100% { opacity: 0; }\r\n  }\r\n\r\n  .afh-fav-list { display: flex; flex-direction: column; gap: 7px; }\r\n  .afh-fav-item { display: flex; gap: 10px; background: var(--afh-bg); border-left: 3px solid var(--afh-heart); border-radius: 0 6px 6px 0; padding: 8px 10px; align-items: center; }\r\n  .afh-fav-thumb { width: 46px; height: 32px; border-radius: 3px; flex-shrink: 0; }\r\n  .afh-fav-thumb--a { background: linear-gradient(135deg, #a8c2a6, #5d7f5a); }\r\n  .afh-fav-thumb--b { background: linear-gradient(135deg, #d8cfb4, #9a8a60); }\r\n  .afh-fav-thumb--c { background: linear-gradient(135deg, #c7b89e, #755e3d); }\r\n  .afh-fav-content { flex: 1; min-width: 0; }\r\n  .afh-fav-price { font-size: 12px; font-weight: 700; color: var(--afh-black); font-family: Georgia, serif; }\r\n  .afh-fav-meta { font-size: 9px; color: var(--afh-muted); margin-top: 1px; }\r\n  .afh-fav-heart { width: 16px; height: 16px; flex-shrink: 0; }\r\n  .afh-fav-heart svg { width: 100%; height: 100%; fill: var(--afh-heart); }\r\n  .afh-fav-title-row { font-size: 13px; font-weight: 700; color: var(--afh-black); margin-bottom: 2px; text-align: center; }\r\n  .afh-fav-sub-row { font-size: 10px; color: var(--afh-muted); text-align: center; margin-bottom: 10px; }\r\n  .afh-device-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    margin-top: 14px;\r\n    font-size: 11px;\r\n    color: var(--afh-ink);\r\n    text-align: center;\r\n    line-height: 1.4;\r\n  }\r\n  .afh-device-icons { display: inline-flex; gap: 4px; align-items: center; }\r\n  .afh-device-icon { width: 14px; height: 14px; fill: var(--afh-heart); }\r\n  .afh-device-row strong { color: var(--afh-heart); font-weight: 700; }\r\n\r\n  \/* ==== ESCENAS 7, 8: COMPARAR ==== *\/\r\n  .afh-scene--7 .afh-vcard:nth-child(2) .afh-plus-ring-active { animation: afhPlusFill7a 45s linear infinite; animation-delay: 30s; }\r\n  .afh-scene--7 .afh-vcard:nth-child(2) .afh-plus-check { animation: afhCheck7a 45s linear infinite; animation-delay: 30s; }\r\n  .afh-scene--7 .afh-vcard:nth-child(3) .afh-plus-ring-active { animation: afhPlusFill7b 45s linear infinite; animation-delay: 30s; }\r\n  .afh-scene--7 .afh-vcard:nth-child(3) .afh-plus-check { animation: afhCheck7b 45s linear infinite; animation-delay: 30s; }\r\n  @keyframes afhPlusFill7a {\r\n    0%, 3% { opacity: 0; transform: scale(0.7); }\r\n    4% { opacity: 1; transform: scale(1.3); }\r\n    6%, 100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  @keyframes afhCheck7a { 0%, 4% { opacity: 0; } 6%, 100% { opacity: 1; } }\r\n  @keyframes afhPlusFill7b {\r\n    0%, 7% { opacity: 0; transform: scale(0.7); }\r\n    8% { opacity: 1; transform: scale(1.3); }\r\n    10%, 100% { opacity: 1; transform: scale(1); }\r\n  }\r\n  @keyframes afhCheck7b { 0%, 8% { opacity: 0; } 10%, 100% { opacity: 1; } }\r\n\r\n  .afh-cmp-trigger { position: absolute; bottom: 14px; right: 14px; width: 36px; height: 36px; background: #333; border-radius: 6px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,0.25); z-index: 9; }\r\n  .afh-cmp-trigger svg { width: 18px; height: 18px; fill: #fff; }\r\n  .afh-cmp-badge { position: absolute; top: -4px; right: -4px; width: 18px; height: 18px; background: var(--afh-compare); color: #fff; border-radius: 50%; font-size: 9px; font-weight: 700; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; overflow: hidden; }\r\n  .afh-cmp-badge-digits { position: relative; line-height: 14px; animation: afhBadgeM 45s linear infinite; animation-delay: 30s; }\r\n  .afh-cmp-badge-digits span { display: block; height: 14px; }\r\n  @keyframes afhBadgeM {\r\n    0%, 1% { transform: translateY(0); }\r\n    4%, 10% { transform: translateY(-14px); }\r\n    12%, 100% { transform: translateY(-14px); }\r\n  }\r\n\r\n  .afh-cmp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }\r\n  .afh-cmp-cell { background: var(--afh-white); border: 1px solid var(--afh-line); border-radius: 4px; overflow: hidden; }\r\n  .afh-cmp-cell-img { width: 100%; height: 52px; }\r\n  .afh-cmp-cell-img--a { background: linear-gradient(135deg, #a8c2a6, #5d7f5a); }\r\n  .afh-cmp-cell-img--b { background: linear-gradient(135deg, #d8cfb4, #9a8a60); }\r\n  .afh-cmp-cell-img--c { background: linear-gradient(135deg, #c7b89e, #755e3d); }\r\n  .afh-cmp-cell-img--d { background: linear-gradient(135deg, #5a6875, #252d36); }\r\n  .afh-cmp-cell-body { padding: 5px 6px; }\r\n  .afh-cmp-cell-price { font-family: Georgia, serif; font-size: 11px; font-weight: 700; color: var(--afh-black); }\r\n  .afh-cmp-cell-meta { font-size: 8px; color: var(--afh-muted); margin-top: 1px; }\r\n\r\n  .afh-cmp-table-mini { width: 100%; border-collapse: collapse; font-size: 9px; }\r\n  .afh-cmp-table-mini td { padding: 3px 4px; text-align: center; }\r\n  .afh-cmp-table-mini tr:nth-child(odd) { background: var(--afh-bg); }\r\n  .afh-cmp-table-mini .afh-row-label { font-weight: 700; text-align: left; color: var(--afh-muted); text-transform: uppercase; letter-spacing: 0.5px; font-size: 8px; width: 48px; padding-right: 6px; }\r\n\r\n  .afh-scene--8 .afh-cmp-cell { opacity: 0; animation: afhCmpIn 45s linear infinite; }\r\n  .afh-scene--8 .afh-cmp-cell:nth-child(1) { animation-delay: 35.3s; }\r\n  .afh-scene--8 .afh-cmp-cell:nth-child(2) { animation-delay: 35.45s; }\r\n  .afh-scene--8 .afh-cmp-cell:nth-child(3) { animation-delay: 35.6s; }\r\n  .afh-scene--8 .afh-cmp-cell:nth-child(4) { animation-delay: 35.75s; }\r\n  @keyframes afhCmpIn {\r\n    0%, 1% { opacity: 0; transform: scale(0.9); }\r\n    3%, 9% { opacity: 1; transform: scale(1); }\r\n    11%, 100% { opacity: 0; }\r\n  }\r\n  .afh-scene--8 .afh-cmp-table-mini tr { opacity: 0; animation: afhRowInM 45s linear infinite; }\r\n  .afh-scene--8 .afh-cmp-table-mini tr:nth-child(1) { animation-delay: 36.1s; }\r\n  .afh-scene--8 .afh-cmp-table-mini tr:nth-child(2) { animation-delay: 36.4s; }\r\n  .afh-scene--8 .afh-cmp-table-mini tr:nth-child(3) { animation-delay: 36.7s; }\r\n  @keyframes afhRowInM {\r\n    0%, 1% { opacity: 0; transform: translateX(-4px); }\r\n    4%, 9% { opacity: 1; transform: translateX(0); }\r\n    11%, 100% { opacity: 0; }\r\n  }\r\n\r\n  \/* ==== ESCENA 9: CIERRE ==== *\/\r\n  .afh-closing { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }\r\n  .afh-closing-icons { display: flex; gap: 14px; margin-bottom: 18px; }\r\n  .afh-closing-icon { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: afhClosePulse 45s linear infinite; }\r\n  .afh-closing-icon svg { width: 18px; height: 18px; }\r\n  .afh-closing-icon--search { background: #f4ecd4; animation-delay: 40s; }\r\n  .afh-closing-icon--search svg { fill: var(--afh-accent-dark); }\r\n  .afh-closing-icon--heart { background: #fbe6e3; animation-delay: 40.35s; }\r\n  .afh-closing-icon--heart svg { fill: var(--afh-heart); }\r\n  .afh-closing-icon--cmp { background: #d9ede3; animation-delay: 40.7s; }\r\n  .afh-closing-icon--cmp svg { fill: none; stroke: var(--afh-compare); stroke-width: 2.5; }\r\n  @keyframes afhClosePulse {\r\n    0%, 4% { transform: scale(1); }\r\n    6% { transform: scale(1.15); }\r\n    8%, 100% { transform: scale(1); }\r\n  }\r\n\r\n  .afh-close-tag { font-size: 20px; font-weight: 300; color: var(--afh-black); line-height: 1.2; margin: 0 0 4px; letter-spacing: 0.2px; }\r\n  .afh-close-tag strong { font-weight: 600; color: var(--afh-gold-dark); }\r\n  .afh-close-sub { font-size: 11px; color: var(--afh-muted); margin: 0 0 14px; letter-spacing: 0.3px; }\r\n  .afh-close-rule { width: 32px; height: 2px; background: var(--afh-gold); margin: 0 auto 10px; }\r\n  .afh-close-brand { font-size: 9px; color: var(--afh-muted); letter-spacing: 2px; text-transform: uppercase; }\r\n\r\n  .afh-progress-container { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; display: flex; z-index: 10; background: rgba(0,0,0,0.04); }\r\n  .afh-progress-seg { flex: 1; background: rgba(0,0,0,0.06); position: relative; overflow: hidden; }\r\n  .afh-progress-seg::after { content: \"\"; position: absolute; inset: 0; transform-origin: left; animation-duration: 45s; animation-timing-function: linear; animation-iteration-count: infinite; }\r\n  .afh-progress-seg--search::after { background: var(--afh-gold); animation-name: afhProgSearch; }\r\n  .afh-progress-seg--heart::after { background: var(--afh-heart); animation-name: afhProgHeart; }\r\n  .afh-progress-seg--cmp::after { background: var(--afh-compare); animation-name: afhProgCmp; }\r\n  @keyframes afhProgSearch {\r\n    0%, 22.22% { transform: scaleX(0); }\r\n    44.44%, 100% { transform: scaleX(1); }\r\n  }\r\n  @keyframes afhProgHeart {\r\n    0%, 44.44% { transform: scaleX(0); }\r\n    66.67%, 100% { transform: scaleX(1); }\r\n  }\r\n  @keyframes afhProgCmp {\r\n    0%, 66.67% { transform: scaleX(0); }\r\n    88.89%, 100% { transform: scaleX(1); }\r\n  }\r\n\r\n  .afh-home-indicator { position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background: #111; opacity: 0.25; border-radius: 2px; z-index: 11; }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .afh-m-wrap * { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; }\r\n    .afh-scene { opacity: 1 !important; position: relative !important; inset: auto !important; margin-bottom: 20px; }\r\n    .afh-heart-fill, .afh-plus-ring-active, .afh-plus-check, .afh-email-big, .afh-email-new-badge, .afh-explain-big { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"afh-m-wrap\" lang=\"es\" role=\"img\" aria-label=\"Animacion para movil que cubre el kit de herramientas para compradores de Antigua Fine Homes: cuenta gratuita, busquedas guardadas con alertas por correo, favoritos y comparacion de propiedades.\">\r\n\r\n  <div class=\"afh-m-heading\">\r\n    <h3>Tres formas de encontrar tu hogar.<\/h3>\r\n    <span class=\"afh-m-rule\"><\/span>\r\n    <p>Empieza gratis. Guarda b&uacute;squedas. Marca favoritos. Compara lado a lado.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"afh-phone\">\r\n    <div class=\"afh-phone-screen\">\r\n\r\n      <div class=\"afh-status-bar\">\r\n        <span>9:41<\/span>\r\n        <div class=\"afh-status-right\">\r\n          <span class=\"afh-status-icon\"><\/span>\r\n          <span class=\"afh-status-battery\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"afh-url-bar\">\r\n        <span class=\"afh-url\">antiguafinehomes.com<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"afh-stage\">\r\n\r\n        <!-- ESCENA 1: INTRO -->\r\n        <div class=\"afh-scene afh-scene--1\">\r\n          <div class=\"afh-intro\">\r\n            <h2 class=\"afh-intro-title\"><strong>Tres herramientas<\/strong><br>para encontrar tu hogar.<\/h2>\r\n            <div class=\"afh-intro-rule\"><\/div>\r\n            <p class=\"afh-intro-sub\">Cada b&uacute;squeda. Cada favorito. Cada detalle.<\/p>\r\n            <div class=\"afh-feature-list\">\r\n              <div class=\"afh-feature-row afh-feature-row--search\">\r\n                <div class=\"afh-feature-icon afh-feature-icon--search\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 2a8 8 0 106.3 12.9l4.4 4.4 1.4-1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z\"\/><\/svg><\/div>\r\n                <div class=\"afh-feature-label\">Guardar b&uacute;squedas<\/div>\r\n              <\/div>\r\n              <div class=\"afh-feature-row afh-feature-row--heart\">\r\n                <div class=\"afh-feature-icon afh-feature-icon--heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/div>\r\n                <div class=\"afh-feature-label\">Marcar favoritos<\/div>\r\n              <\/div>\r\n              <div class=\"afh-feature-row afh-feature-row--compare\">\r\n                <div class=\"afh-feature-icon afh-feature-icon--compare\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 8l4-4M4 8l4 4M20 16H4M20 16l-4-4M20 16l-4 4\"\/><\/svg><\/div>\r\n                <div class=\"afh-feature-label\">Comparar lado a lado<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 2: CUENTA GRATIS -->\r\n        <div class=\"afh-scene afh-scene--2\">\r\n          <span class=\"afh-step-chip afh-step-chip--account\">Primero &middot; Registro &uacute;nico<\/span>\r\n          <p class=\"afh-scene-title\">Crea una <em class=\"ac-gold\">cuenta gratis<\/em> &mdash; solo una vez.<\/p>\r\n          <div class=\"afh-account-form\">\r\n            <div class=\"afh-form-field\">\r\n              <span class=\"afh-form-label\">Correo electr&oacute;nico<\/span>\r\n              <span class=\"afh-form-value\">tu@correo.com<\/span>\r\n            <\/div>\r\n            <div class=\"afh-form-field\">\r\n              <span class=\"afh-form-label\">Contrase&ntilde;a<\/span>\r\n              <span class=\"afh-form-value\">&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;<\/span>\r\n            <\/div>\r\n            <span class=\"afh-form-btn\">Crear Cuenta<\/span>\r\n          <\/div>\r\n          <p class=\"afh-account-unlock\">Desbloquea <strong class=\"afh-unlock-gold\">b&uacute;squedas guardadas<\/strong> y <strong class=\"afh-unlock-heart\">favoritos<\/strong>.<\/p>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 3: BUSQUEDA GUARDADA - Filtros -->\r\n        <div class=\"afh-scene afh-scene--3\">\r\n          <span class=\"afh-step-chip afh-step-chip--search\">01 &middot; B&uacute;squedas Guardadas<\/span>\r\n          <p class=\"afh-scene-title\">Busca una <em class=\"ac-gold\">casa de 3 hab. con jard&iacute;n<\/em> por menos de $400k.<\/p>\r\n          <div class=\"afh-filters\">\r\n            <div class=\"afh-filter\"><span class=\"afh-filter-label\">Ubicaci&oacute;n<\/span><span class=\"afh-filter-value\">&Aacute;rea de Antigua<\/span><\/div>\r\n            <div class=\"afh-filter\"><span class=\"afh-filter-label\">Habitaciones<\/span><span class=\"afh-filter-value\">3+<\/span><\/div>\r\n            <div class=\"afh-filter\"><span class=\"afh-filter-label\">Caracter&iacute;stica<\/span><span class=\"afh-filter-value\">Jard&iacute;n<\/span><\/div>\r\n            <div class=\"afh-filter\"><span class=\"afh-filter-label\">Precio M&aacute;x.<\/span><span class=\"afh-filter-value\">$400,000<\/span><\/div>\r\n          <\/div>\r\n          <span class=\"afh-search-btn\">Guardar B&uacute;squeda<\/span>\r\n          <p class=\"afh-save-note\"><strong>Guardada.<\/strong> Te avisamos por correo de nuevas coincidencias.<\/p>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 4: CORREO (DESTACADO) -->\r\n        <div class=\"afh-scene afh-scene--4\">\r\n          <span class=\"afh-step-chip afh-step-chip--search\">01 &middot; B&uacute;squedas Guardadas<\/span>\r\n          <p class=\"afh-email-hero-title\">Cuando llega una nueva propiedad&hellip;<br><em>te llega directo a tu correo.<\/em><\/p>\r\n          <div class=\"afh-email-big\">\r\n            <div class=\"afh-email-new-badge\">&iexcl;NUEVA!<\/div>\r\n            <div class=\"afh-email-ico-big\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M2 6l10 7L22 6v12H2V6z\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"afh-email-from-big\">Antigua Fine Homes<\/div>\r\n              <div class=\"afh-email-sub-big\">Nueva coincidencia para tu b&uacute;squeda<\/div>\r\n              <div class=\"afh-email-body-big\">\r\n                3 hab. &middot; Jard&iacute;n &middot; Antigua<br>\r\n                <span class=\"afh-email-price-big\">$369,000<\/span><br>\r\n                Reci&eacute;n publicada en San Pedro.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"afh-explain-big\"><strong>Autom&aacute;tico.<\/strong> Sin tener que buscar.<\/p>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 5: FAVORITOS - Corazon -->\r\n        <div class=\"afh-scene afh-scene--5\">\r\n          <span class=\"afh-step-chip afh-step-chip--heart\">02 &middot; Favoritos<\/span>\r\n          <p class=\"afh-scene-title\">&iquest;Ves una que te gusta? <em class=\"ac-heart\">Toca el coraz&oacute;n.<\/em><\/p>\r\n          <div class=\"afh-vcard\">\r\n            <div class=\"afh-vcard-img afh-vcard-img--a\">\r\n              <div class=\"afh-vcard-tags\"><span class=\"afh-vcard-tag\">En Venta<\/span><span class=\"afh-vcard-tag\">Volc&aacute;n<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"afh-vcard-body\">\r\n              <div class=\"afh-vcard-type\">Casa<\/div>\r\n              <div class=\"afh-vcard-price\">$1,500,000<\/div>\r\n              <div class=\"afh-vcard-title\">Residencia Moderna de Lujo en La Reuni&oacute;n<\/div>\r\n              <div class=\"afh-vcard-loc\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8 2 5 5 5 9c0 5 7 13 7 13s7-8 7-13c0-4-3-7-7-7z\"\/><\/svg>Alotenango &middot; 5 hab. &middot; 4.5 ba&ntilde;os<\/div>\r\n            <\/div>\r\n            <div class=\"afh-vcard-footer\">\r\n              <span class=\"afh-vcard-btn\"><svg class=\"afh-heart-svg\" viewBox=\"0 0 24 24\"><path class=\"afh-heart-outline\" d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><path class=\"afh-heart-fill\" d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"afh-toast\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg>\r\n            A&ntilde;adida a Favoritos\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 6: FAVORITOS - Lista -->\r\n        <div class=\"afh-scene afh-scene--6\">\r\n          <span class=\"afh-step-chip afh-step-chip--heart\">02 &middot; Favoritos<\/span>\r\n          <div class=\"afh-fav-title-row\">Mis Favoritos<\/div>\r\n          <div class=\"afh-fav-sub-row\">Tu lista, siempre guardada.<\/div>\r\n          <div class=\"afh-fav-list\">\r\n            <div class=\"afh-fav-item\">\r\n              <div class=\"afh-fav-thumb afh-fav-thumb--a\"><\/div>\r\n              <div class=\"afh-fav-content\">\r\n                <div class=\"afh-fav-price\">$1,500,000<\/div>\r\n                <div class=\"afh-fav-meta\">Alotenango &middot; 5 hab.<\/div>\r\n              <\/div>\r\n              <span class=\"afh-fav-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n            <\/div>\r\n            <div class=\"afh-fav-item\">\r\n              <div class=\"afh-fav-thumb afh-fav-thumb--b\"><\/div>\r\n              <div class=\"afh-fav-content\">\r\n                <div class=\"afh-fav-price\">$975,000<\/div>\r\n                <div class=\"afh-fav-meta\">Antigua &middot; 3 hab.<\/div>\r\n              <\/div>\r\n              <span class=\"afh-fav-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n            <\/div>\r\n            <div class=\"afh-fav-item\">\r\n              <div class=\"afh-fav-thumb afh-fav-thumb--c\"><\/div>\r\n              <div class=\"afh-fav-content\">\r\n                <div class=\"afh-fav-price\">$445,000<\/div>\r\n                <div class=\"afh-fav-meta\">Ciudad Vieja &middot; 3 hab.<\/div>\r\n              <\/div>\r\n              <span class=\"afh-fav-heart\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"afh-device-row\">\r\n            <span class=\"afh-device-icons\">\r\n              <svg class=\"afh-device-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2zm6 18a1 1 0 100-2 1 1 0 000 2z\"\/><\/svg>\r\n              <svg class=\"afh-device-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm-2 16h20v2H2v-2z\"\/><\/svg>\r\n            <\/span>\r\n            Desde <strong>cualquier dispositivo,<\/strong> donde sea.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 7: COMPARAR - + -->\r\n        <div class=\"afh-scene afh-scene--7\">\r\n          <div class=\"afh-step-chip-row\">\r\n            <span class=\"afh-step-chip afh-step-chip--compare\">03 &middot; Comparar<\/span>\r\n            <span class=\"afh-noaccount-chip\">Sin cuenta requerida<\/span>\r\n          <\/div>\r\n          <p class=\"afh-scene-title\">Toca <em class=\"ac-compare\">+<\/em> en hasta cuatro propiedades.<\/p>\r\n          <div style=\"display: flex; flex-direction: column; gap: 6px;\">\r\n            <div class=\"afh-vcard\" style=\"max-width: none;\">\r\n              <div style=\"display: flex; gap: 8px; padding: 8px;\">\r\n                <div class=\"afh-vcard-img afh-vcard-img--a\" style=\"width: 60px; height: 42px; border-radius: 4px; flex-shrink: 0;\"><\/div>\r\n                <div style=\"flex: 1; min-width: 0;\">\r\n                  <div class=\"afh-vcard-price\" style=\"font-size: 13px;\">$1,500,000<\/div>\r\n                  <div style=\"font-size: 9px; color: var(--afh-muted);\">Alotenango &middot; 5 hab.<\/div>\r\n                <\/div>\r\n                <span class=\"afh-vcard-btn\" style=\"border-color: var(--afh-compare); background: #f1f8f4;\">\r\n                  <svg class=\"afh-plus-svg\" viewBox=\"0 0 24 24\">\r\n                    <circle class=\"afh-plus-ring\" cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                    <path class=\"afh-plus-line\" d=\"M12 7v10M7 12h10\"\/>\r\n                    <circle class=\"afh-plus-ring-active\" cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                    <path class=\"afh-plus-check\" d=\"M7 12l3 3 7-7\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"afh-vcard\" style=\"max-width: none;\">\r\n              <div style=\"display: flex; gap: 8px; padding: 8px;\">\r\n                <div class=\"afh-vcard-img afh-vcard-img--b\" style=\"width: 60px; height: 42px; border-radius: 4px; flex-shrink: 0;\"><\/div>\r\n                <div style=\"flex: 1; min-width: 0;\">\r\n                  <div class=\"afh-vcard-price\" style=\"font-size: 13px;\">$975,000<\/div>\r\n                  <div style=\"font-size: 9px; color: var(--afh-muted);\">Antigua &middot; 3 hab.<\/div>\r\n                <\/div>\r\n                <span class=\"afh-vcard-btn\" style=\"border-color: var(--afh-compare); background: #f1f8f4;\">\r\n                  <svg class=\"afh-plus-svg\" viewBox=\"0 0 24 24\">\r\n                    <circle class=\"afh-plus-ring\" cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                    <path class=\"afh-plus-line\" d=\"M12 7v10M7 12h10\"\/>\r\n                    <circle class=\"afh-plus-ring-active\" cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                    <path class=\"afh-plus-check\" d=\"M7 12l3 3 7-7\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"afh-vcard\" style=\"max-width: none;\">\r\n              <div style=\"display: flex; gap: 8px; padding: 8px;\">\r\n                <div class=\"afh-vcard-img afh-vcard-img--c\" style=\"width: 60px; height: 42px; border-radius: 4px; flex-shrink: 0;\"><\/div>\r\n                <div style=\"flex: 1; min-width: 0;\">\r\n                  <div class=\"afh-vcard-price\" style=\"font-size: 13px;\">$1,350,000<\/div>\r\n                  <div style=\"font-size: 9px; color: var(--afh-muted);\">Sta. Catarina &middot; 4 hab.<\/div>\r\n                <\/div>\r\n                <span class=\"afh-vcard-btn\" style=\"border-color: var(--afh-compare); background: #f1f8f4;\">\r\n                  <svg class=\"afh-plus-svg\" viewBox=\"0 0 24 24\">\r\n                    <circle class=\"afh-plus-ring\" cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                    <path class=\"afh-plus-line\" d=\"M12 7v10M7 12h10\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"afh-cmp-trigger\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 8l4-4M4 8l4 4M20 16H4M20 16l-4-4M20 16l-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n            <div class=\"afh-cmp-badge\">\r\n              <div class=\"afh-cmp-badge-digits\"><span>0<\/span><span>2<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 8: COMPARAR - Tabla -->\r\n        <div class=\"afh-scene afh-scene--8\">\r\n          <span class=\"afh-step-chip afh-step-chip--compare\">03 &middot; Comparar<\/span>\r\n          <p class=\"afh-scene-title\">Mira todas <em class=\"ac-compare\">lado a lado.<\/em><\/p>\r\n          <div class=\"afh-cmp-grid\">\r\n            <div class=\"afh-cmp-cell\">\r\n              <div class=\"afh-cmp-cell-img afh-cmp-cell-img--a\"><\/div>\r\n              <div class=\"afh-cmp-cell-body\"><div class=\"afh-cmp-cell-price\">$1,500,000<\/div><div class=\"afh-cmp-cell-meta\">Alotenango<\/div><\/div>\r\n            <\/div>\r\n            <div class=\"afh-cmp-cell\">\r\n              <div class=\"afh-cmp-cell-img afh-cmp-cell-img--b\"><\/div>\r\n              <div class=\"afh-cmp-cell-body\"><div class=\"afh-cmp-cell-price\">$975,000<\/div><div class=\"afh-cmp-cell-meta\">Antigua<\/div><\/div>\r\n            <\/div>\r\n            <div class=\"afh-cmp-cell\">\r\n              <div class=\"afh-cmp-cell-img afh-cmp-cell-img--c\"><\/div>\r\n              <div class=\"afh-cmp-cell-body\"><div class=\"afh-cmp-cell-price\">$1,350,000<\/div><div class=\"afh-cmp-cell-meta\">Sta. Catarina<\/div><\/div>\r\n            <\/div>\r\n            <div class=\"afh-cmp-cell\">\r\n              <div class=\"afh-cmp-cell-img afh-cmp-cell-img--d\"><\/div>\r\n              <div class=\"afh-cmp-cell-body\"><div class=\"afh-cmp-cell-price\">$1,075,000<\/div><div class=\"afh-cmp-cell-meta\">Ciudad Vieja<\/div><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <table class=\"afh-cmp-table-mini\">\r\n            <tr><td class=\"afh-row-label\">Hab.<\/td><td>5<\/td><td>3<\/td><td>4<\/td><td>3<\/td><\/tr>\r\n            <tr><td class=\"afh-row-label\">Ba&ntilde;os<\/td><td>4.5<\/td><td>4<\/td><td>4.75<\/td><td>2.5<\/td><\/tr>\r\n            <tr><td class=\"afh-row-label\">m&sup2;<\/td><td>678<\/td><td>395<\/td><td>535<\/td><td>512<\/td><\/tr>\r\n          <\/table>\r\n        <\/div>\r\n\r\n        <!-- ESCENA 9: CIERRE -->\r\n        <div class=\"afh-scene afh-scene--9\">\r\n          <div class=\"afh-closing\">\r\n            <div class=\"afh-closing-icons\">\r\n              <div class=\"afh-closing-icon afh-closing-icon--search\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M10 2a8 8 0 106.3 12.9l4.4 4.4 1.4-1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"afh-closing-icon afh-closing-icon--heart\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-9.5-9C1 9 2 5 5.5 5c2 0 3.5 1 6.5 4 3-3 4.5-4 6.5-4C22 5 23 9 21.5 12 19 16.5 12 21 12 21z\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"afh-closing-icon afh-closing-icon--cmp\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 8l4-4M4 8l4 4M20 16H4M20 16l-4-4M20 16l-4 4\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <h3 class=\"afh-close-tag\">Guarda. Marca. <strong>Compara.<\/strong><\/h3>\r\n            <p class=\"afh-close-sub\">Tu kit para encontrar casa en Antigua.<\/p>\r\n            <div class=\"afh-close-rule\"><\/div>\r\n            <p class=\"afh-close-brand\">Antigua Fine Homes &middot; Century 21<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"afh-progress-container\">\r\n        <div class=\"afh-progress-seg afh-progress-seg--search\"><\/div>\r\n        <div class=\"afh-progress-seg afh-progress-seg--heart\"><\/div>\r\n        <div class=\"afh-progress-seg afh-progress-seg--cmp\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"afh-home-indicator\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .afh-mobile-only { display: none; }\r\n  @media (max-width: 600px) {\r\n    .afh-desktop-only { display: none; }\r\n    .afh-mobile-only { display: block; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo funcionan las herramientas para compradores de nuestro sitio web \u2192 Tres herramientas para encontrar tu hogar. Empieza gratis. Guarda b&uacute;squedas. Marca favoritos. Compara lado a lado. antiguafinehomes.com Tres herramientas para encontrar tu hogar. Cada b&uacute;squeda. Cada favorito. Cada detalle. Guardar b&uacute;squedas Marcar favoritos Comparar lado a lado Primero &middot; Registro &uacute;nico Crea una cuenta [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-homepage.php","meta":{"footnotes":""},"class_list":["post-27350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/pages\/27350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/comments?post=27350"}],"version-history":[{"count":8,"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/pages\/27350\/revisions"}],"predecessor-version":[{"id":27418,"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/pages\/27350\/revisions\/27418"}],"wp:attachment":[{"href":"https:\/\/antiguafinehomes.com\/es\/wp-json\/wp\/v2\/media?parent=27350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}