{"id":617,"date":"2026-03-12T19:27:31","date_gmt":"2026-03-12T18:27:31","guid":{"rendered":"https:\/\/puravida-realestate.es\/faq\/"},"modified":"2026-05-02T00:39:54","modified_gmt":"2026-05-01T22:39:54","slug":"%d0%bd%d0%be%d0%b2%d1%8b%d0%b5-%d0%bf%d0%be%d1%81%d1%82%d1%80%d0%be%d0%b9%d0%ba%d0%b8","status":"publish","type":"page","link":"https:\/\/puravida-realestate.es\/ru\/featured-new-builds\/","title":{"rendered":"\u041d\u043e\u0432\u044b\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438"},"content":{"rendered":"<style>.elementor-617 .elementor-element.elementor-element-ac551c9{--display:flex;}.elementor-617 .elementor-element.elementor-element-2f1ba51 > .elementor-widget-container{margin:0px 0px 60px 0px;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"617\" class=\"elementor elementor-617\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac551c9 e-flex e-con-boxed e-con e-parent\" data-id=\"ac551c9\" 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-2f1ba51 elementor-widget elementor-widget-html\" data-id=\"2f1ba51\" 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 new builds we'd <em>choose ourselves<\/em><\/h1>\n          <span class=\"pv-fp-page-divider pv-gold-line\"><\/span>\n          <p class=\"pv-fp-page-sub\">A short list. No fillers \u2014 only the ones we&#039;d quietly recommend to a friend.<\/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-pilar-de-la-horadada-costa-blanca-south-11\/\" class=\"pv-fp-spotlight-img-wrap pv-reveal-scale\" aria-label=\"Apartment in Pilar de la Horadada &#8211; Costa Blanca South\">\n            <img decoding=\"async\" class=\"pv-fp-spotlight-img\"\n                 src=\"https:\/\/medianewbuild.com\/file\/hh-media-bucket\/developments_v2\/31280833\/media\/images\/commonareas\/2.jpg\"\n                 alt=\"Apartment in Pilar de la Horadada &#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-pilar-de-la-horadada-costa-blanca-south-11\/\" class=\"pv-fp-spotlight-img-secondary pv-reveal\" aria-label=\"Apartment in Pilar de la Horadada &#8211; Costa Blanca South\">\n              <img decoding=\"async\" src=\"https:\/\/medianewbuild.com\/file\/hh-media-bucket\/developments_v2\/31280833\/media\/images\/indoor\/1.jpg\" alt=\"Apartment in Pilar de la Horadada &#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\">Brand-new homes, beach a kilometre away, <em>from \u20ac296.000<\/em><\/h2>\n          <span class=\"pv-svc-gold-line pv-gold-line\"><\/span>\n          <div class=\"pv-fp-spotlight-story\"><p>Pilar de la Horadada sits at the very southern edge of the Costa Blanca, where the coastline turns from holiday-strip to something quieter and more lived-in. The Friday market is a two-minute walk from this development, running 9 am to 2 pm \u2014 fresh produce of course, but also clothes, shoes, bags, and what locals will tell you are the best churros for miles. The beach is one kilometre away.<\/p><p>For a small town the calendar is full: a huge town fair, a Brazilian-style carnival dance festival, free sports centres, skate parks and play areas. La Zenia Boulevard and Dos Mares \u2014 two of the south coast's biggest shopping centres \u2014 are both ten minutes by car. The development itself is a 28-bungalow new build in two formats: ground-floor <em>low-bungalows<\/em> with their own garden and terrace, and upper-level <em>high-bungalows<\/em> topped with a private solarium. Both share the community pool, gym and gardens, and every home includes a private garage. <strong>Keys handover is scheduled for August 2027<\/strong> \u2014 secure a unit off-plan now while pricing and floor choice are still open.<\/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;296.000<\/span>\n              <span class=\"pv-fp-meta-loc\">Pilar de la Horadada, Costa Blanca South<\/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>72<\/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-pilar-de-la-horadada-costa-blanca-south-11\/\" 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                              <span class=\"pv-fp-count\" data-target=\"1\">0<\/span><span class=\"pv-fp-highlight-suffix\"> km<\/span>                          <\/span>\n            <span class=\"pv-fp-highlight-label\">To the beach<\/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=\"2\">0<\/span><span class=\"pv-fp-highlight-suffix\"> min<\/span>                          <\/span>\n            <span class=\"pv-fp-highlight-label\">Friday market<\/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=\"10\">0<\/span><span class=\"pv-fp-highlight-suffix\"> min<\/span>                          <\/span>\n            <span class=\"pv-fp-highlight-label\">Coastal malls<\/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":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-617","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages\/617","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=617"}],"version-history":[{"count":21,"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages\/617\/revisions"}],"predecessor-version":[{"id":4753,"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/pages\/617\/revisions\/4753"}],"wp:attachment":[{"href":"https:\/\/puravida-realestate.es\/ru\/wp-json\/wp\/v2\/media?parent=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}