{"id":4409,"date":"2026-04-27T23:38:54","date_gmt":"2026-04-27T21:38:54","guid":{"rendered":"https:\/\/puravida-realestate.es\/?page_id=4409"},"modified":"2026-05-02T00:40:23","modified_gmt":"2026-05-01T22:40:23","slug":"featured-resales","status":"publish","type":"page","link":"https:\/\/puravida-realestate.es\/ru\/featured-resales\/","title":{"rendered":"\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f"},"content":{"rendered":"<style>.elementor-4409 .elementor-element.elementor-element-eb56035{--display:flex;}.elementor-4409 .elementor-element.elementor-element-f75a3a9 > .elementor-widget-container{margin:0px 0px 60px 0px;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4409\" class=\"elementor elementor-4409\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb56035 e-flex e-con-boxed e-con e-parent\" data-id=\"eb56035\" 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-f75a3a9 elementor-widget elementor-widget-html\" data-id=\"f75a3a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"pv-fp-page\">\n\n      <!-- Page header -->\n      <header class=\"pv-fp-page-header\">\n        <div class=\"pv-fp-page-header-inner pv-reveal\">\n                    <h1 class=\"pv-fp-page-title\">The resales we'd <em>buy ourselves<\/em><\/h1>\n          <span class=\"pv-fp-page-divider pv-gold-line\"><\/span>\n          <p class=\"pv-fp-page-sub\">A short list. Each one earned the spot \u2014 for a reason we can name.<\/p>\n        <\/div>\n      <\/header>\n\n      <!-- Spotlights -->\n                  <article class=\"pv-fp-spotlight \">\n\n      <!-- Top split: two large stacked images (hero + secondary) on one side,\n           content on the other. The pair fills the column height while keeping\n           each image big enough to read. Secondary image is gallery_indices[1]\n           (typically a living-room or interior shot picked per spotlight). -->\n      <div class=\"pv-fp-spotlight-top\">\n        <div class=\"pv-fp-spotlight-imgs\">\n          <a href=\"https:\/\/puravida-realestate.es\/ru\/property_item\/apartment-in-villamartin-costa-blanca-south-16\/\" class=\"pv-fp-spotlight-img-wrap pv-reveal-scale\" aria-label=\"Apartment in Villamart\u00edn &#8211; Costa Blanca South\">\n            <img decoding=\"async\" class=\"pv-fp-spotlight-img\"\n                 src=\"https:\/\/insunproperties.com\/media\/images\/properties\/o_1jaeo1ql318n31h1177i10k69g01g.jpg\"\n                 alt=\"Apartment in Villamart\u00edn &#8211; Costa Blanca South\"\n                 loading=\"lazy\">\n            <span class=\"pv-fp-spotlight-img-frame\" aria-hidden=\"true\"><\/span>\n          <\/a>\n                      <a href=\"https:\/\/puravida-realestate.es\/ru\/property_item\/apartment-in-villamartin-costa-blanca-south-16\/\" class=\"pv-fp-spotlight-img-secondary pv-reveal\" aria-label=\"Apartment in Villamart\u00edn &#8211; Costa Blanca South\">\n              <img decoding=\"async\" src=\"https:\/\/insunproperties.com\/media\/images\/properties\/o_1jaghuauj1tt513h61spt1l8c9p51g.jpg\" alt=\"Apartment in Villamart\u00edn &#8211; Costa Blanca South\" loading=\"lazy\">\n            <\/a>\n                  <\/div>\n\n        <div class=\"pv-fp-spotlight-content pv-reveal-right\">\n                    <h2 class=\"pv-fp-spotlight-angle\" id=\"pv-fp-angle-0\">A Villamart\u00edn penthouse with private solarium, <em>just reduced to \u20ac325.000<\/em><\/h2>\n          <span class=\"pv-svc-gold-line pv-gold-line\"><\/span>\n          <div class=\"pv-fp-spotlight-story\"><p>Villamart\u00edn isn't just a postcode \u2014 it's the golf course that defined this stretch of Orihuela Costa, and the whole area still feels well-kept, quietly residential, properly looked after. La Zenia Boulevard's restaurants and shops are five minutes by car, the beach is ten, Alicante airport is thirty-five. Pharmacies, supermarkets and good Spanish breakfast spots are within walking distance \u2014 daily life works on autopilot here.<\/p><p>The penthouse sits on the third floor of a gated complex (lift included), with landscaped gardens and a communal pool. Two bedrooms, two bathrooms, eighty square metres of living space \u2014 plus a <em>private rooftop solarium<\/em> with panoramic views, the kind of outdoor space you don't usually get in this format or this price band. <strong>Asking price has just been reduced<\/strong> \u2014 what was already strong value is now distinctly so.<\/p><\/div>\n\n          <div class=\"pv-fp-spotlight-meta\">\n            <div class=\"pv-fp-meta-row pv-fp-meta-row-headline\">\n              <span class=\"pv-fp-meta-price\">\u20ac&nbsp;325.000<\/span>\n              <span class=\"pv-fp-meta-loc\">Villamart\u00edn, Costa Blanca<\/span>            <\/div>\n            <div class=\"pv-fp-meta-row pv-fp-meta-row-specs\">\n              <span class=\"pv-fp-meta-spec\"><strong>2<\/strong> Bedrooms<\/span>              <span class=\"pv-fp-meta-spec\"><strong>2<\/strong> Bathrooms<\/span>              <span class=\"pv-fp-meta-spec\"><strong>80<\/strong> m\u00b2<\/span>            <\/div>\n          <\/div>\n\n          <div class=\"pv-fp-spotlight-ctas\">\n            <a href=\"https:\/\/puravida-realestate.es\/ru\/property_item\/apartment-in-villamartin-costa-blanca-south-16\/\" class=\"pv-fp-btn pv-fp-btn--primary\">View full listing<\/a>\n            <a href=\"#\" class=\"pv-fp-btn pv-fp-btn--secondary pv-open-contact\" data-pv-source=\"featured-spotlight\">Arrange a viewing<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Highlights row (3 stat boxes) -->\n            <div class=\"pv-fp-spotlight-highlights\">\n                  <div class=\"pv-fp-spotlight-highlight pv-reveal\">\n            <span class=\"pv-fp-highlight-value\">\n                              \u20ac325.000                          <\/span>\n            <span class=\"pv-fp-highlight-label\">Just reduced<\/span>\n          <\/div>\n                  <div class=\"pv-fp-spotlight-highlight pv-reveal\">\n            <span class=\"pv-fp-highlight-value\">\n                              Solarium                          <\/span>\n            <span class=\"pv-fp-highlight-label\">Private rooftop<\/span>\n          <\/div>\n                  <div class=\"pv-fp-spotlight-highlight pv-reveal\">\n            <span class=\"pv-fp-highlight-value\">\n                              <span class=\"pv-fp-count\" data-target=\"5\">0<\/span><span class=\"pv-fp-highlight-suffix\"> min<\/span>                          <\/span>\n            <span class=\"pv-fp-highlight-label\">La Zenia shops<\/span>\n          <\/div>\n              <\/div>\n      \n    <\/article>\n          \n      <!-- Bottom CTA -->\n      <section class=\"pv-fp-cta\">\n        <div class=\"pv-fp-cta-inner pv-reveal\">\n          <p class=\"pv-fp-cta-eyebrow\">Looking for something else?<\/p>\n          <h2 class=\"pv-fp-cta-title\">Tell us what you have <em>in mind<\/em><\/h2>\n          <span class=\"pv-fp-page-divider pv-gold-line\"><\/span>\n          <p class=\"pv-fp-cta-sub\">Every buyer is different. If none of these speak to you, share what you're looking for &mdash; we'll bring options that do.<\/p>\n          <div class=\"pv-fp-cta-actions\">\n            <a href=\"#\" class=\"pv-fp-btn pv-fp-btn--primary pv-open-contact\" data-pv-source=\"featured-bottom-cta\">Get in touch<\/a>\n            <a href=\"https:\/\/puravida-realestate.es\/ru\/properties\/\" class=\"pv-fp-btn pv-fp-btn--secondary\">Browse all homes<\/a>\n          <\/div>\n        <\/div>\n      <\/section>\n\n    <\/div>\n    <style>\n\/* ============================================================\n   PURA VIDA \u2014 Featured Properties (New Builds \/ Resales)\n   Editorial spotlight design with dynamic scroll animations\n   ============================================================ *\/\n.pv-fp-page { font-family:'Inter',sans-serif; color:#22344B; background:#fff; }\n\n\/* \u2500\u2500 Site header (Elementor 1362) over a non-hero page: nav items\n   default to white over hero-video on home, invisible here. Force navy\n   so the menu reads. Targets desktop --main only; mobile dropdown is\n   already navy via snippet 79. *\/\nbody.pura-featured-page .elementor-nav-menu--main .elementor-item,\nbody.pura-featured-page .elementor-nav-menu--main .elementor-sub-item {\n  color:#22344B !important;\n}\nbody.pura-featured-page .elementor-nav-menu--main .elementor-item:hover,\nbody.pura-featured-page .elementor-nav-menu--main .elementor-item:focus,\nbody.pura-featured-page .elementor-nav-menu--main .elementor-sub-item:hover,\nbody.pura-featured-page .elementor-nav-menu--main .elementor-sub-item:focus {\n  color:#C9A84C !important;\n}\n\n\/* \u2500\u2500 Site header (Elementor 1362) overlays the grey hero stripe instead\n   of taking 88px of layout space above it. position:absolute pulls it\n   out of flow so the grey page-header starts at viewport-top. The 30px\n   top offset gives logo + nav visible breathing room on the grey\n   stripe \u2014 without it, logo IMG renders at y=8 which reads as \"cut\n   off\" against the darker #EEEEE8 backdrop (Davy 2026-05-01).\n   Single property page has the same logo position (y=8) but the white\n   page bg masks the tightness; on grey, more buffer is needed. *\/\nbody.pura-featured-page header[data-elementor-type=\"header\"] {\n  position:absolute !important;\n  top:30px !important;\n  left:0; right:0;\n  width:100% !important;\n  background:transparent !important;\n  z-index:100;\n}\n\n\/* Hide Hello-Elementor's default theme `<div class=\"page-header\">` \u2014\n   it renders as an empty 64px-tall block above .page-content and was\n   the actual source of the white band Davy saw on \/featured-resales\/.\n   NOT the same as our .pv-fp-page-header (namespaced). *\/\nbody.pura-featured-page .page-header { display:none !important; }\n\n\/* Kill top padding\/margin across the FULL theme wrapper chain so the\n   grey page-header reaches viewport-top after the .page-header is\n   removed. Belt-and-braces \u2014 covers any future Hello-Elementor or\n   Elementor wrapper that might inject vertical padding. *\/\nbody.pura-featured-page #content,\nbody.pura-featured-page main.site-main,\nbody.pura-featured-page .page-content,\nbody.pura-featured-page .entry-content,\nbody.pura-featured-page article,\nbody.pura-featured-page article.page,\nbody.pura-featured-page .elementor .e-con.e-parent,\nbody.pura-featured-page .elementor .e-con-inner,\nbody.pura-featured-page .elementor .elementor-widget-html,\nbody.pura-featured-page .elementor .elementor-widget-html > .elementor-widget-container {\n  padding-top:0 !important;\n  margin-top:0 !important;\n}\n\n\/* \u2500\u2500 Page header (full-VIEWPORT-width grey stripe behind eyebrow\/title\/sub).\n   Breaks out of the Elementor widget container's max-width so the grey runs\n   edge-to-edge of the browser. margin-bottom gives the visual reset gap\n   between the grey hero and the first spotlight (the previous\n   :first-of-type approach didn't apply reliably across browsers). *\/\n.pv-fp-page-header {\n  position:relative;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  margin-bottom:60px;\n  padding:200px 24px 100px;\n  text-align:center;\n  background:#EEEEE8;\n  box-sizing:border-box;\n}\n.pv-fp-page-header-inner { max-width:900px; margin:0 auto; }\n.pv-fp-page-eyebrow {\n  font-size:11px !important; font-weight:700 !important;\n  letter-spacing:.25em !important; text-transform:uppercase !important;\n  color:#C9A84C !important; margin:0 0 16px !important;\n}\n.pv-fp-page-title {\n  font-family:'Cormorant Garamond','Playfair Display',serif !important;\n  font-size:clamp(40px, 5.4vw, 68px) !important; font-weight:400 !important;\n  line-height:1.1 !important; color:#22344B !important; margin:0 0 22px !important;\n}\n.pv-fp-page-title em { font-style:italic !important; color:#C9A84C !important; }\n.pv-fp-page-divider {\n  display:block; width:60px; height:1px; background:#C9A84C;\n  margin:0 auto 24px;\n}\n.pv-fp-page-sub {\n  font-size:17px !important; line-height:1.7 !important;\n  color:rgba(34,52,75,.7) !important; max-width:640px;\n  margin:0 auto !important;\n}\n\n\/* \u2500\u2500 Spotlight (one per property) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.pv-fp-spotlight {\n  max-width:1200px;\n  margin:0 auto 140px;\n  padding:0 40px;\n}\n\/* (Hero-to-spotlight gap is now handled by .pv-fp-page-header margin-bottom \u2014 see above.) *\/\n.pv-fp-spotlight:last-of-type  { margin-bottom:80px; }\n\n\/* Top row: image stack + content side by side, top-aligned so the hero\n   image starts at the same baseline as the right-column copy. *\/\n.pv-fp-spotlight-top {\n  display:grid;\n  grid-template-columns:1.1fr 1fr;\n  gap:70px;\n  align-items:start;\n  margin-bottom:60px;\n}\n.pv-fp-spotlight--alt .pv-fp-spotlight-top .pv-fp-spotlight-imgs    { order:2; }\n.pv-fp-spotlight--alt .pv-fp-spotlight-top .pv-fp-spotlight-content { order:1; }\n\n\/* Image stack: 2 large images stacked vertically (hero with gold frame +\n   secondary). Fills the column height alongside the right-side copy. *\/\n.pv-fp-spotlight-imgs { display:flex; flex-direction:column; gap:24px; }\n.pv-fp-spotlight-img-secondary {\n  display:block;\n  position:relative;\n  overflow:hidden;\n  border-radius:4px;\n  text-decoration:none;\n  box-shadow:0 18px 40px rgba(34,52,75,.14);\n  min-width:0;\n}\n.pv-fp-spotlight-img-secondary img {\n  width:100%; height:auto;\n  aspect-ratio:4\/3;\n  object-fit:cover;\n  display:block;\n  transition:transform .6s cubic-bezier(.22,.61,.36,1);\n}\n.pv-fp-spotlight-img-secondary:hover img { transform:scale(1.03); }\n\n\/* Hero image with offset gold frame *\/\n.pv-fp-spotlight-img-wrap {\n  position:relative;\n  display:block;\n  text-decoration:none;\n  padding:18px 0 0 18px;\n}\n.pv-fp-spotlight-img {\n  display:block;\n  width:100%;\n  height:auto;\n  aspect-ratio:4\/3;\n  object-fit:cover;\n  border-radius:4px;\n  box-shadow:0 24px 50px rgba(34,52,75,.16);\n  position:relative;\n  z-index:1;\n  transition:transform .6s cubic-bezier(.22,.61,.36,1);\n}\n.pv-fp-spotlight-img-frame {\n  position:absolute;\n  top:0; left:0;\n  width:calc(100% - 36px);\n  height:calc(100% - 36px);\n  border:1px solid #C9A84C;\n  border-radius:3px;\n  z-index:0;\n  pointer-events:none;\n}\n.pv-fp-spotlight--alt .pv-fp-spotlight-img-wrap { padding:18px 18px 0 0; }\n.pv-fp-spotlight--alt .pv-fp-spotlight-img-frame { left:auto; right:0; }\n.pv-fp-spotlight-img-wrap:hover .pv-fp-spotlight-img { transform:scale(1.02); }\n\n\/* Content side *\/\n.pv-fp-spotlight-content { padding:8px 0; }\n.pv-fp-spotlight-eyebrow {\n  font-size:11px !important; font-weight:700 !important;\n  letter-spacing:.25em !important; text-transform:uppercase !important;\n  color:#C9A84C !important; margin:0 0 18px !important;\n}\n.pv-fp-spotlight-angle {\n  font-family:'Cormorant Garamond','Playfair Display',serif !important;\n  font-size:clamp(32px, 4vw, 50px) !important; font-weight:400 !important;\n  line-height:1.1 !important; color:#22344B !important; margin:0 0 22px !important;\n}\n.pv-fp-spotlight-angle em { font-style:italic !important; color:#C9A84C !important; }\n.pv-fp-spotlight-content .pv-svc-gold-line {\n  display:block; width:50px; height:1px; background:#C9A84C;\n  margin:0 0 28px;\n}\n.pv-fp-spotlight-story {\n  font-size:16px !important; line-height:1.85 !important;\n  color:rgba(34,52,75,.78) !important; margin:0 0 32px;\n  max-width:520px;\n}\n.pv-fp-spotlight-story p { margin:0 0 14px; }\n.pv-fp-spotlight-story p:last-child { margin-bottom:0; }\n\n\/* Meta strip \u2014 two rows: headline (price + location) on top, specs below.\n   Bigger type than the old single-line strip so the buying signals read\n   at a glance. *\/\n.pv-fp-spotlight-meta {\n  display:flex;\n  flex-direction:column;\n  gap:14px;\n  padding:22px 0;\n  border-top:1px solid rgba(34,52,75,.12);\n  border-bottom:1px solid rgba(34,52,75,.12);\n  margin-bottom:32px;\n}\n.pv-fp-meta-row { display:flex; flex-wrap:wrap; align-items:baseline; }\n.pv-fp-meta-row-headline { gap:24px; }\n.pv-fp-meta-row-specs    { gap:28px; row-gap:6px; }\n.pv-fp-meta-price {\n  font-family:'Cormorant Garamond','Playfair Display',serif !important;\n  font-size:34px !important; font-weight:400 !important;\n  line-height:1.1 !important;\n  color:#22344B !important; letter-spacing:0 !important;\n}\n.pv-fp-meta-loc {\n  font-size:17px !important; font-weight:500 !important;\n  color:rgba(34,52,75,.78) !important; letter-spacing:.01em !important;\n}\n.pv-fp-meta-spec {\n  font-size:16px !important; font-weight:500 !important;\n  color:rgba(34,52,75,.85) !important; letter-spacing:.01em !important;\n}\n.pv-fp-meta-spec strong {\n  font-weight:700 !important; color:#22344B !important;\n  font-size:18px !important;\n}\n\n\/* CTA buttons *\/\n.pv-fp-spotlight-ctas { display:flex; gap:14px; flex-wrap:wrap; }\n.pv-fp-btn {\n  display:inline-block;\n  padding:15px 30px;\n  font-family:'Inter',sans-serif !important;\n  font-size:11px !important; font-weight:600 !important;\n  letter-spacing:.18em !important; text-transform:uppercase !important;\n  text-decoration:none !important;\n  border:none; cursor:pointer;\n  transition:background .25s, color .25s, border-color .25s, transform .25s;\n  -webkit-appearance:none; appearance:none;\n}\n.pv-fp-btn--primary {\n  background:#22344B !important; color:#fff !important;\n  box-shadow:0 8px 22px rgba(34,52,75,.20);\n}\n.pv-fp-btn--primary:hover {\n  background:#C9A84C !important; transform:translateY(-2px);\n  box-shadow:0 12px 28px rgba(201,168,76,.32);\n}\n.pv-fp-btn--secondary {\n  background:transparent !important;\n  border:1px solid rgba(34,52,75,.35) !important;\n  color:rgba(34,52,75,.85) !important;\n}\n.pv-fp-btn--secondary:hover {\n  border-color:#C9A84C !important; color:#C9A84C !important;\n}\n\n\/* Highlights row *\/\n.pv-fp-spotlight-highlights {\n  display:grid;\n  grid-template-columns:repeat(3, 1fr);\n  gap:24px;\n  padding:38px 0;\n  margin-bottom:60px;\n  border-top:1px solid rgba(34,52,75,.10);\n  border-bottom:1px solid rgba(34,52,75,.10);\n}\n.pv-fp-spotlight-highlight {\n  text-align:center;\n  padding:0 16px;\n}\n.pv-fp-highlight-value {\n  display:block;\n  font-family:'Cormorant Garamond','Playfair Display',serif !important;\n  font-size:clamp(34px, 4vw, 48px) !important; font-weight:400 !important;\n  line-height:1 !important; color:#C9A84C !important;\n  margin:0 0 8px !important;\n}\n.pv-fp-highlight-suffix { font-size:.6em; color:rgba(201,168,76,.85); }\n.pv-fp-highlight-label {\n  display:block;\n  font-size:11px !important; font-weight:600 !important;\n  letter-spacing:.18em !important; text-transform:uppercase !important;\n  color:rgba(34,52,75,.55) !important;\n}\n\n\/* Gallery \u2014 asymmetric 4-image grid *\/\n.pv-fp-spotlight-gallery {\n  display:grid;\n  grid-template-columns:1.6fr 1fr 1fr;\n  grid-template-rows:repeat(2, 220px);\n  gap:14px;\n}\n.pv-fp-gallery-cell-0 { grid-column:1; grid-row:1 \/ span 2; }\n.pv-fp-gallery-cell-1 { grid-column:2; grid-row:1; }\n.pv-fp-gallery-cell-2 { grid-column:3; grid-row:1; }\n.pv-fp-gallery-cell-3 { grid-column:2 \/ span 2; grid-row:2; }\n.pv-fp-gallery-cell {\n  display:block; overflow:hidden; border-radius:4px;\n  position:relative;\n}\n.pv-fp-gallery-cell img {\n  width:100%; height:100%; object-fit:cover;\n  display:block;\n  transition:transform .7s cubic-bezier(.22,.61,.36,1);\n}\n.pv-fp-gallery-cell:hover img { transform:scale(1.04); }\n\n\/* Empty state *\/\n.pv-fp-empty {\n  text-align:center; padding:80px 24px 100px;\n  font-size:16px; color:rgba(34,52,75,.6);\n}\n.pv-fp-empty a { color:#C9A84C; }\n\n\/* Bottom CTA \u2014 back to symmetric 120px top\/bottom (Davy reverted the\n   200px bottom on 2026-05-01, the gap had grown too tall). *\/\n.pv-fp-cta {\n  background:#EEEEE8;\n  padding:120px 24px;\n  margin-top:60px;\n}\n.pv-fp-cta-inner { max-width:700px; margin:0 auto; text-align:center; }\n.pv-fp-cta-eyebrow {\n  font-size:11px !important; font-weight:700 !important;\n  letter-spacing:.25em !important; text-transform:uppercase !important;\n  color:#C9A84C !important; margin:0 0 16px !important;\n}\n.pv-fp-cta-title {\n  font-family:'Cormorant Garamond','Playfair Display',serif !important;\n  font-size:clamp(36px, 5vw, 56px) !important; font-weight:400 !important;\n  line-height:1.1 !important; color:#22344B !important; margin:0 0 22px !important;\n}\n.pv-fp-cta-title em { font-style:italic !important; color:#C9A84C !important; }\n.pv-fp-cta-sub {\n  font-size:16px !important; line-height:1.75 !important;\n  color:rgba(34,52,75,.65) !important; margin:0 auto 36px !important;\n  max-width:520px;\n}\n.pv-fp-cta-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2500\u2500 Mobile (\u2264900px): stack everything, simpler gallery \u2500\u2500 *\/\n@media (max-width:900px) {\n  .pv-fp-page-header { padding:130px 20px 60px; margin-bottom:40px; }\n  .pv-fp-spotlight { margin-bottom:90px; padding:0 20px; }\n  .pv-fp-spotlight-top {\n    grid-template-columns:1fr;\n    gap:30px;\n    margin-bottom:36px;\n  }\n  \/* Mobile: image stack always on top regardless of alt *\/\n  .pv-fp-spotlight--alt .pv-fp-spotlight-top .pv-fp-spotlight-imgs    { order:1; }\n  .pv-fp-spotlight--alt .pv-fp-spotlight-top .pv-fp-spotlight-content { order:2; }\n  .pv-fp-spotlight-img-wrap,\n  .pv-fp-spotlight--alt .pv-fp-spotlight-img-wrap { padding:16px 0 0 16px; }\n  .pv-fp-spotlight-img-frame,\n  .pv-fp-spotlight--alt .pv-fp-spotlight-img-frame {\n    width:calc(100% - 32px); height:calc(100% - 32px);\n    left:0; right:auto;\n  }\n  .pv-fp-spotlight-imgs { gap:16px; }\n  .pv-fp-spotlight-meta { gap:10px; padding:18px 0; }\n  .pv-fp-meta-row-headline { gap:14px; }\n  .pv-fp-meta-row-specs    { gap:18px; }\n  .pv-fp-meta-price { font-size:28px !important; }\n  .pv-fp-meta-loc   { font-size:15px !important; }\n  .pv-fp-meta-spec  { font-size:14px !important; }\n  .pv-fp-meta-spec strong { font-size:16px !important; }\n  .pv-fp-spotlight-highlights {\n    grid-template-columns:1fr;\n    gap:24px;\n    padding:30px 0;\n    margin-bottom:40px;\n  }\n  .pv-fp-spotlight-gallery {\n    grid-template-columns:1fr 1fr;\n    grid-template-rows:repeat(2, 180px);\n  }\n  .pv-fp-gallery-cell-0 { grid-column:1 \/ span 2; grid-row:1; }\n  .pv-fp-gallery-cell-1 { grid-column:1; grid-row:2; }\n  .pv-fp-gallery-cell-2 { grid-column:2; grid-row:2; }\n  .pv-fp-gallery-cell-3 { display:none; } \/* hide 4th on mobile *\/\n  .pv-fp-cta { padding:80px 20px; }\n}\n\n\/* \u2500\u2500 Reveal animations (self-contained, dynamic re-trigger) \u2500\u2500 *\/\n.pv-fp-page .pv-reveal,\n.pv-fp-page .pv-reveal-left,\n.pv-fp-page .pv-reveal-right,\n.pv-fp-page .pv-reveal-scale,\n.pv-fp-page .pv-reveal-fade {\n  opacity:0;\n  will-change:opacity, transform;\n  transition:opacity 1s cubic-bezier(.22,.61,.36,1),\n             transform 1s cubic-bezier(.22,.61,.36,1);\n}\n.pv-fp-page .pv-reveal       { transform:translateY(36px); }\n.pv-fp-page .pv-reveal-left  { transform:translateX(-40px); }\n.pv-fp-page .pv-reveal-right { transform:translateX(40px); }\n.pv-fp-page .pv-reveal-scale { transform:scale(.96); }\n.pv-fp-page .pv-reveal-fade  { transition:opacity 1.2s cubic-bezier(.22,.61,.36,1); }\n.pv-fp-page .pv-reveal.pv-visible,\n.pv-fp-page .pv-reveal-left.pv-visible,\n.pv-fp-page .pv-reveal-right.pv-visible,\n.pv-fp-page .pv-reveal-scale.pv-visible,\n.pv-fp-page .pv-reveal-fade.pv-visible {\n  opacity:1;\n  transform:none;\n}\n\/* Per-highlight stagger *\/\n.pv-fp-spotlight-highlight:nth-child(2) { transition-delay:.12s; }\n.pv-fp-spotlight-highlight:nth-child(3) { transition-delay:.24s; }\n\/* Per-gallery-cell stagger *\/\n.pv-fp-gallery-cell-1 { transition-delay:.1s; }\n.pv-fp-gallery-cell-2 { transition-delay:.2s; }\n.pv-fp-gallery-cell-3 { transition-delay:.3s; }\n<\/style>\n\n<script>\n(function(){\n  \/\/ \u2500\u2500 Dynamic reveal via IntersectionObserver toggle \u2500\u2500\n  function initReveal() {\n    var els = document.querySelectorAll(\n      '.pv-fp-page .pv-reveal, .pv-fp-page .pv-reveal-left, ' +\n      '.pv-fp-page .pv-reveal-right, .pv-fp-page .pv-reveal-scale, ' +\n      '.pv-fp-page .pv-reveal-fade'\n    );\n    if (!els.length) return;\n    if (!('IntersectionObserver' in window)) {\n      els.forEach(function(el){ el.classList.add('pv-visible'); });\n      return;\n    }\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        e.target.classList.toggle('pv-visible', e.isIntersecting);\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -80px 0px' });\n    els.forEach(function(el){ io.observe(el); });\n  }\n\n  \/\/ \u2500\u2500 Count-up animation for highlight values \u2500\u2500\n  function initCounts() {\n    var els = document.querySelectorAll('.pv-fp-page .pv-fp-count');\n    if (!els.length || !('IntersectionObserver' in window)) return;\n    var DURATION = 1800;\n    function animate(el) {\n      var target = parseInt(el.dataset.target, 10) || 0;\n      var start = null;\n      function step(ts) {\n        if (!start) start = ts;\n        var p = Math.min(1, (ts - start) \/ DURATION);\n        var eased = 1 - Math.pow(1 - p, 3);\n        el.textContent = Math.round(eased * target).toLocaleString('en-US');\n        if (p < 1 && el.dataset.animating === '1') requestAnimationFrame(step);\n      }\n      el.dataset.animating = '1';\n      requestAnimationFrame(step);\n    }\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        var el = e.target;\n        if (e.isIntersecting) {\n          el.dataset.animating = '0';\n          el.textContent = '0';\n          setTimeout(function(){ animate(el); }, 30);\n        } else {\n          el.dataset.animating = '0';\n          el.textContent = '0';\n        }\n      });\n    }, { threshold: 0.5 });\n    els.forEach(function(el){ io.observe(el); });\n  }\n\n  \/\/ \u2500\u2500 Inject centered navy logo into Elementor header on featured pages.\n  \/\/    Same pattern as snippet 11 for property pages \u2014 global .pura-header-logo\n  \/\/    CSS already loads via Customizer, so the injected element is positioned\n  \/\/    + sized correctly without extra rules here.\n  function injectFeaturedLogo() {\n    if (!document.body.classList.contains('pura-featured-page')) return;\n    var header = document.querySelector('header[data-elementor-type=\"header\"]');\n    if (!header || header.querySelector('.pura-header-logo')) return;\n    header.style.position = 'relative';\n    var logo = document.createElement('a');\n    var __pvLp = window.location.pathname.split('\/').filter(Boolean);\n    logo.href = (__pvLp[0] && \/^(de|ru|en)$\/.test(__pvLp[0])) ? '\/' + __pvLp[0] + '\/' : '\/';\n    logo.className = 'pura-header-logo';\n    logo.innerHTML = '<img decoding=\"async\" src=\"https:\/\/puravida-realestate.es\/wp-content\/uploads\/2026\/03\/Pura-Vida-Real-Estate-Logo-FINAL-Blue-v3.avif\" alt=\"Pura Vida Real Estate\">';\n    header.appendChild(logo);\n  }\n\n  function init() { initReveal(); initCounts(); injectFeaturedLogo(); }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4409","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages\/4409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/comments?post=4409"}],"version-history":[{"count":11,"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages\/4409\/revisions"}],"predecessor-version":[{"id":4756,"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages\/4409\/revisions\/4756"}],"wp:attachment":[{"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/media?parent=4409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}