@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-social-icons{display:flex;list-style-type:none;margin:0;padding:0}.brxe-social-icons li,.brxe-social-icons li a{align-items:center;display:flex;flex:1;gap:5px;justify-content:center}.brxe-social-icons i{line-height:unset}.brxe-social-icons span{align-items:center;display:inline-flex}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer jf-pages { :root { --grove-ink: #231f20; --grove-white: #fff; --grove-lime: #c9e56c; --grove-olive: #4f6332; --grove-shell: 1190px; --grove-radius: 16px; } html, body { background: var(--grove-white); } body .jf-grove-frame { width: 100%; max-width: none; margin: 0; overflow: hidden; background: var(--grove-white); color: var(--grove-ink); font-family: "Goli", "Brooklyn", system-ui, sans-serif; } body .jf-grove-shell, body .jf-grove-shell.brxe-container { width: min(calc(100% - 96px), var(--grove-shell)); max-width: var(--grove-shell); margin-inline: auto; padding-inline: 0; } body .jf-grove-hero { padding-block: clamp(38px, 4vw, 62px) clamp(62px, 7vw, 104px); } body .jf-grove-hero__inner { display: flex; flex-direction: column; gap: clamp(70px, 8vw, 122px); } body .jf-grove-nav { display: grid; grid-template-columns: minmax(170px, 1fr) auto minmax(140px, 1fr); align-items: center; gap: 32px; width: 100%; } body .jf-grove-logo { margin: 0; color: var(--grove-ink); font-size: clamp(28px, 2.8vw, 42px); font-weight: 700; line-height: 1; letter-spacing: -0.05em; white-space: nowrap; } body .jf-grove-logo small { margin-left: 5px; font-size: 0.23em; font-weight: 700; letter-spacing: 0; vertical-align: middle; } body .jf-grove-menu { display: flex; justify-content: center; gap: clamp(34px, 4vw, 70px); color: var(--grove-ink); font-size: 14px; font-weight: 600; } body .jf-grove-contact { justify-self: end; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 22px; border: 0; border-radius: 999px; background: var(--grove-ink); color: var(--grove-white); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; } body .jf-grove-mobile-toggle { display: none; } body .jf-grove-hero-copy { display: flex; justify-content: center; } body .jf-grove-title, body .jf-grove-title * { max-width: 875px; margin: 0 auto; color: var(--grove-ink); font-size: clamp(70px, 6.1vw, 103px); font-weight: 700; line-height: 0.92; letter-spacing: -0.08em; text-align: center; } body .jf-grove-hero-photo__inner { width: 100%; max-width: none; } body .jf-grove-hero-photo .jf-grove-shell, body .jf-grove-hero-photo .jf-grove-shell.brxe-container, body .jf-grove-availability .jf-grove-shell, body .jf-grove-availability .jf-grove-shell.brxe-container, body .jf-grove-mood .jf-grove-shell, body .jf-grove-mood .jf-grove-shell.brxe-container, body .jf-grove-gallery .jf-grove-shell, body .jf-grove-gallery .jf-grove-shell.brxe-container, body .jf-grove-cta .jf-grove-shell, body .jf-grove-cta .jf-grove-shell.brxe-container { width: 100%; max-width: none; } body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { width: 100%; height: clamp(620px, 50vw, 820px); object-fit: cover; object-position: center; display: block; } body .jf-grove-availability__inner { display: grid; grid-template-columns: minmax(0, 57%) minmax(0, 43%); width: 100%; max-width: none; min-height: clamp(650px, 49vw, 820px); } body .jf-grove-availability__copy { display: flex; align-items: center; justify-content: center; padding: clamp(56px, 5vw, 92px); background: var(--grove-white); } body .jf-grove-availability__copy .jf-grove-section-title, body .jf-grove-availability__copy .jf-grove-section-title * { margin: 0; max-width: 760px; color: var(--grove-ink); font-size: clamp(72px, 7vw, 132px); font-weight: 700; line-height: 0.92; letter-spacing: -0.08em; } body .jf-grove-walker { display: none; position: absolute; right: clamp(-40px, -1.4vw, -12px); bottom: clamp(-78px, -4vw, -42px); z-index: 3; width: min(24vw, 390px); aspect-ratio: 0.52; background: url("https://felipe.jfelixdev.com/wp-content/uploads/2026/05/persona-e1779601587188.webp") center bottom / contain no-repeat; font-size: 0; line-height: 0; } body .jf-grove-location { background: var(--grove-ink); color: var(--grove-white); } body .jf-grove-location__inner { min-height: clamp(220px, 17vw, 300px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; text-align: center; } body .jf-grove-location__title, body .jf-grove-location__title * { margin: 0; color: var(--grove-white); font-size: clamp(48px, 4.8vw, 82px); line-height: 1; letter-spacing: -0.05em; } body .jf-grove-location__copy, body .jf-grove-location__copy * { margin: 0; color: var(--grove-white); font-size: clamp(16px, 1.3vw, 22px); line-height: 1.35; } body .jf-grove-features { padding-block: clamp(82px, 7vw, 124px); } body .jf-grove-features__inner { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.82fr); gap: clamp(48px, 5.5vw, 92px); align-items: center; } body .jf-grove-feature-image, body .jf-grove-feature-image img { display: block; width: 100%; height: clamp(300px, 26vw, 430px); object-fit: cover; } body .jf-grove-feature-list { display: grid; gap: 18px; } body .jf-grove-feature-card { position: relative; display: grid; grid-template-columns: 42px 1fr; align-items: center; min-height: 82px; padding: 18px 22px; border: 2px solid color-mix(in oklab, var(--grove-ink) 28%, white); border-radius: 14px; background: var(--grove-white); box-shadow: 0 8px 24px rgb(35 31 32 / 0.06); } body .jf-grove-feature-card__text, body .jf-grove-feature-card__text * { margin: 0; color: var(--grove-ink); font-size: clamp(15px, 1.1vw, 20px); font-weight: 700; line-height: 1.05; } body .jf-grove-mood__inner { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: none; } body .jf-grove-mood__item { position: relative; min-height: clamp(560px, 45vw, 760px); overflow: hidden; } body .jf-grove-mood__image, body .jf-grove-mood__image img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; display: block; } body .jf-grove-mood__label { position: absolute; z-index: 2; margin: 0; color: var(--grove-white); font-size: clamp(32px, 3vw, 56px); font-weight: 700; line-height: 1; letter-spacing: -0.04em; } body .jf-grove-mood__label--vive { top: 22%; right: 12%; } body .jf-grove-mood__label--siente { right: -4%; bottom: 19%; color: var(--grove-ink); } body .jf-grove-mood__label--comparte { top: 12%; right: 7%; } body .jf-grove-mood__orb { position: absolute; z-index: 1; left: 42%; bottom: -17%; width: min(36vw, 620px); aspect-ratio: 1; border-radius: 50%; background: color-mix(in oklab, var(--grove-lime) 68%, transparent); } body .jf-grove-plan { padding-block: clamp(105px, 9vw, 160px) clamp(96px, 8vw, 140px); } body .jf-grove-plan__inner { position: relative; display: grid; grid-template-columns: minmax(310px, 0.34fr) minmax(0, 0.66fr); align-items: center; gap: clamp(44px, 5vw, 90px); } body .jf-grove-stats { align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: clamp(74px, 6vw, 112px); min-height: 660px; } body .jf-grove-stat, body .jf-grove-stat * { margin: 0; color: var(--grove-ink); max-width: 310px; font-size: clamp(72px, 6.2vw, 112px); font-weight: 400; line-height: 0.98; letter-spacing: -0.08em; } body .jf-grove-people-mark { display: none; } body .jf-grove-plan__media { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; } body .jf-grove-plan-image, body .jf-grove-plan-image img { display: block; width: min(100%, 860px); height: auto; object-fit: contain; } body .jf-grove-street-label { position: absolute; right: -42px; bottom: 80px; color: var(--grove-ink); font-size: clamp(34px, 3.5vw, 58px); font-weight: 400; letter-spacing: 0.04em; line-height: 1; writing-mode: vertical-rl; transform: rotate(180deg); } body .jf-grove-gallery__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: none; } body .jf-grove-gallery__image, body .jf-grove-gallery__image img { width: 100%; height: clamp(560px, 42vw, 760px); object-fit: cover; display: block; } body .jf-grove-cta { background: var(--grove-ink); color: var(--grove-white); } body .jf-grove-cta__inner { min-height: clamp(230px, 18vw, 330px); display: flex; align-items: center; justify-content: center; text-align: center; } body .jf-grove-cta__title, body .jf-grove-cta__title * { margin: 0; color: var(--grove-white); font-size: clamp(54px, 5vw, 96px); font-weight: 700; line-height: 1; letter-spacing: -0.06em; } body .jf-grove-cta .jf-grove-contact { display: none; } body .jf-grove-footer { padding-block: clamp(78px, 8vw, 126px); } body .jf-grove-footer__inner { display: flex; justify-content: center; } body .jf-grove-footer .jf-grove-logo { font-size: clamp(36px, 4vw, 62px); } @media (max-width: 991px) { body .jf-grove-shell, body .jf-grove-shell.brxe-container { width: min(calc(100% - 40px), var(--grove-shell)); } body .jf-grove-nav { grid-template-columns: 1fr auto; } body .jf-grove-menu, body .jf-grove-nav > .jf-grove-contact { display: none; } body .jf-grove-mobile-toggle { justify-self: end; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; color: var(--grove-ink); background: transparent; } body .jf-grove-title, body .jf-grove-title * { font-size: clamp(48px, 11.5vw, 72px); } body .jf-grove-availability__inner, body .jf-grove-features__inner, body .jf-grove-plan__inner { grid-template-columns: 1fr; } body .jf-grove-availability__copy { width: 100%; justify-content: center; padding: 56px 20px; text-align: center; } body .jf-grove-availability__copy .jf-grove-section-title, body .jf-grove-availability__copy .jf-grove-section-title * { width: 100%; max-width: 620px; font-size: clamp(38px, 10vw, 64px); line-height: 0.98; text-align: center; overflow-wrap: normal; word-break: normal; } body .jf-grove-availability__art { min-height: 430px; background: var(--grove-lime); overflow: visible; } body .jf-grove-availability__art::before { content: ""; position: absolute; inset: 0 0 0 20%; background: var(--grove-olive); border-radius: 999px 0 0 999px; } body .jf-grove-availability__art::after { content: ""; position: absolute; right: 28px; bottom: -28px; z-index: 3; width: min(30vw, 135px); aspect-ratio: 0.52; background: url("https://felipe.jfelixdev.com/wp-content/uploads/2026/05/persona-e1779601587188.webp") center bottom / contain no-repeat; } body .jf-grove-walker { display: none; } body .jf-grove-walker { width: min(46vw, 270px); right: 4vw; bottom: -44px; } body .jf-grove-features__inner { gap: 34px; } body .jf-grove-mood__inner { grid-template-columns: 1fr; } body .jf-grove-mood__item { min-height: 360px; } body .jf-grove-mood__orb { left: 25%; width: min(80vw, 390px); } body .jf-grove-stats { min-height: auto; gap: 26px; } body .jf-grove-people-mark { display: none; } body .jf-grove-street-label { right: 0; bottom: 0; font-size: 28px; } } @media (max-width: 640px) { body .jf-grove-hero { padding-block: 30px 54px; } body .jf-grove-hero__inner { gap: 56px; } body .jf-grove-logo { font-size: 28px; } body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { height: 292px; } body .jf-grove-location__inner { min-height: 160px; gap: 14px; } body .jf-grove-features, body .jf-grove-plan { padding-block: 56px; } body .jf-grove-feature-image, body .jf-grove-feature-image img { height: 180px; } body .jf-grove-feature-card { min-height: 72px; padding: 14px 16px; } body .jf-grove-gallery__inner { grid-template-columns: 1fr; } body .jf-grove-gallery__image, body .jf-grove-gallery__image img { height: 330px; } body .jf-grove-cta__inner { min-height: 180px; } }}@layer jf-pages { body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { height: clamp(540px, 43vw, 690px); object-position: center 48%; } body .jf-grove-availability__inner { min-height: clamp(430px, 34vw, 560px); } body .jf-grove-availability__copy { align-items: center; justify-content: flex-start; padding: clamp(58px, 5vw, 88px) clamp(54px, 8vw, 150px); } body .jf-grove-availability__copy .jf-grove-section-title, body .jf-grove-availability__copy .jf-grove-section-title * { max-width: 570px; font-size: clamp(58px, 5.8vw, 100px); line-height: 0.94; } body .jf-grove-availability__art { min-height: clamp(430px, 34vw, 560px); background-size: contain; background-position: left center; background-repeat: no-repeat; overflow: visible; } body .jf-grove-feature-card { grid-template-columns: 36px 1fr; min-height: 78px; padding: 15px 20px; border-color: rgb(35 31 32 / 0.22); box-shadow: none; } body .jf-grove-feature-card__text, body .jf-grove-feature-card__text * { font-size: clamp(14px, 1vw, 18px); line-height: 1.05; } body .jf-grove-plan__inner { min-height: clamp(650px, 52vw, 840px); } body .jf-grove-stats { position: relative; } body .jf-grove-stats::after { content: ""; display: block; position: absolute; left: 0; bottom: clamp(0px, 2vw, 34px); width: clamp(185px, 22vw, 315px); aspect-ratio: 1; background-image: url("https://felipe.jfelixdev.com/wp-content/uploads/2026/05/familia.webp"); background-position: left bottom; background-size: contain; background-repeat: no-repeat; z-index: 2; } body .jf-grove-people-mark { display: none !important; } body .jf-grove-plan-image, body .jf-grove-plan-image img { width: min(100%, 780px); } @media (max-width: 991px) { body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { height: clamp(360px, 68vw, 560px); } body .jf-grove-availability__copy { justify-content: center; padding: 54px 20px; } body .jf-grove-availability__art { background-size: contain; background-position: center center; } body .jf-grove-plan__inner { min-height: 0; } body .jf-grove-stats::after { position: relative; left: auto; bottom: auto; margin-top: -20px; width: min(54vw, 250px); } } @media (max-width: 640px) { body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { height: 292px; } body .jf-grove-availability__inner { min-height: 0; } body .jf-grove-availability__art { min-height: 360px; } body .jf-grove-stats::after { display: none; } }}@layer jf-pages { body .jf-grove-frame { font-family: "Goli", system-ui, sans-serif; } body .jf-grove-logo, body .jf-grove-logo *, body .jf-grove-title, body .jf-grove-title *, body .jf-grove-section-title, body .jf-grove-section-title *, body .jf-grove-location__title, body .jf-grove-location__title *, body .jf-grove-mood__label, body .jf-grove-stat, body .jf-grove-stat *, body .jf-grove-cta__title, body .jf-grove-cta__title * { font-family: "Brooklyn", "Goli", system-ui, sans-serif; font-weight: 500; letter-spacing: 0; } body .jf-grove-menu, body .jf-grove-contact, body .jf-grove-location__copy, body .jf-grove-location__copy *, body .jf-grove-feature-card__text, body .jf-grove-feature-card__text * { font-family: "Goli", system-ui, sans-serif; letter-spacing: 0; }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-hero { padding-block: clamp(52px, 5.2vw, 84px) clamp(88px, 8vw, 132px); } body .jf-grove-hero__inner { gap: clamp(88px, 9vw, 150px); } body .jf-grove-title, body .jf-grove-title * { max-width: 930px; font-size: clamp(78px, 6.7vw, 112px); line-height: 0.94; } body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { height: clamp(640px, 52vw, 820px); object-position: center 50%; } body .jf-grove-location__inner { min-height: clamp(270px, 21vw, 360px); gap: 28px; } body .jf-grove-features { padding-block: clamp(104px, 8.5vw, 150px); } body .jf-grove-feature-image, body .jf-grove-feature-image img { height: clamp(350px, 30vw, 480px); } body .jf-grove-gallery__image, body .jf-grove-gallery__image img { height: clamp(640px, 47vw, 820px); } body .jf-grove-cta__inner { min-height: clamp(300px, 23vw, 400px); } }}@layer jf-pages { @media (max-width: 640px) { html, body, body .jf-grove-frame { overflow-x: hidden; } body .jf-grove-shell { width: min(calc(100% - 32px), var(--grove-shell)); } body .jf-grove-title, body .jf-grove-title * { max-width: 336px; font-size: clamp(34px, 9.2vw, 39px); line-height: 1; } body .jf-grove-availability__copy .jf-grove-section-title, body .jf-grove-availability__copy .jf-grove-section-title * { max-width: 340px; font-size: clamp(34px, 9.2vw, 42px); line-height: 0.98; } body .jf-grove-availability__art > img { position: absolute; right: 16px; bottom: 0; width: min(34vw, 130px); height: auto; max-width: none; object-fit: contain; } body .jf-grove-location__title, body .jf-grove-location__title * { max-width: 340px; font-size: clamp(32px, 9vw, 40px); line-height: 1; white-space: normal; } body .jf-grove-location__copy, body .jf-grove-location__copy * { max-width: 310px; font-size: 11px; line-height: 1.25; } body .jf-grove-features .jf-grove-shell, body .jf-grove-features__inner, body .jf-grove-feature-list { width: 100%; max-width: 358px; min-width: 0; box-sizing: border-box; } body .jf-grove-feature-list { margin-inline: auto; } body .jf-grove-feature-card { grid-template-columns: 30px minmax(0, 1fr); width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: 13px 14px; } body .jf-grove-feature-card::before { width: 22px; } body .jf-grove-feature-card::after { left: 24px; } body .jf-grove-feature-card__text, body .jf-grove-feature-card__text * { font-size: 10px; line-height: 1.18; display: block; width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } body .jf-grove-feature-card .jf-grove-feature-card__text, body .jf-grove-feature-card .jf-grove-feature-card__text * { display: block; max-width: calc(100vw - 98px); min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } body .jf-grove-mood__label { left: 50%; right: auto; max-width: 92vw; font-size: clamp(22px, 8vw, 30px); transform: translateX(-50%); } body .jf-grove-mood__label--vive, body .jf-grove-mood__label--comparte { right: auto; } body .jf-grove-mood__label--siente { right: auto; bottom: 18%; } body .jf-grove-mood__orb { left: 32%; bottom: -8%; width: min(68vw, 280px); } body .jf-grove-stat, body .jf-grove-stat * { max-width: 330px; font-size: clamp(42px, 14vw, 56px); line-height: 1.02; } body .jf-grove-plan-image, body .jf-grove-plan-image img { width: 100%; max-width: 340px; } body .jf-grove-cta__title, body .jf-grove-cta__title * { max-width: 340px; font-size: clamp(32px, 8.5vw, 40px); line-height: 1.05; } }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-availability__inner { min-height: clamp(500px, 38vw, 640px); } body .jf-grove-availability__copy { padding-left: clamp(86px, 8vw, 150px); } body .jf-grove-availability__art { min-height: clamp(500px, 38vw, 640px); background-position: left bottom; background-size: contain; } body .jf-grove-availability__art > img { display: none; } body .jf-grove-plan { padding-block: clamp(64px, 5.5vw, 100px) clamp(72px, 6vw, 108px); } body .jf-grove-plan__inner { min-height: clamp(560px, 45vw, 720px); align-items: center; gap: clamp(56px, 5vw, 84px); } body .jf-grove-stats { min-height: clamp(520px, 40vw, 650px); gap: clamp(52px, 4.8vw, 82px); } body .jf-grove-plan-image, body .jf-grove-plan-image img { width: min(100%, 735px); } body .jf-grove-footer { padding-block: clamp(66px, 6vw, 98px) clamp(96px, 8vw, 136px); } }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-hero-photo__image, body .jf-grove-hero-photo__image img { height: clamp(690px, 55vw, 880px); object-position: center 52%; } body .jf-grove-mood__item { min-height: clamp(610px, 48vw, 820px); } body .jf-grove-mood__label--vive { top: 20%; right: 10%; } body .jf-grove-mood__label--comparte { top: 11%; right: 8%; } body .jf-grove-mood__orb { left: 40%; bottom: -15%; width: min(39vw, 650px); } body .jf-grove-cta__inner { min-height: clamp(330px, 25vw, 430px); } body .jf-grove-cta__title, body .jf-grove-cta__title * { font-size: clamp(62px, 5.5vw, 104px); } body .jf-grove-footer__inner { width: 100%; max-width: none; justify-content: center; text-align: center; } body .jf-grove-footer .jf-grove-shell, body .jf-grove-footer .jf-grove-footer__inner { display: flex; width: 100%; max-width: none; margin-inline: auto; justify-content: center; align-items: center; } body .jf-grove-footer { padding-block: clamp(76px, 6.8vw, 110px) clamp(120px, 9vw, 170px); } body .jf-grove-footer .jf-grove-logo { margin-inline: auto; text-align: center; } }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-availability__inner { grid-template-columns: minmax(0, 55%) minmax(0, 45%); min-height: clamp(520px, 39vw, 660px); } body .jf-grove-availability__copy { padding-left: clamp(96px, 9vw, 165px); padding-right: clamp(44px, 4vw, 70px); } body .jf-grove-availability__copy .jf-grove-section-title, body .jf-grove-availability__copy .jf-grove-section-title * { max-width: 600px; font-size: clamp(62px, 6.1vw, 106px); line-height: 0.94; } body .jf-grove-availability__art { min-height: clamp(520px, 39vw, 660px); background-position: left bottom; background-size: contain; } body .jf-grove-location__inner { min-height: clamp(285px, 22vw, 375px); } body .jf-grove-plan__inner { grid-template-columns: minmax(280px, 0.36fr) minmax(0, 0.64fr); } body .jf-grove-stats { padding-left: clamp(20px, 2vw, 42px); } body .jf-grove-gallery__image, body .jf-grove-gallery__image img { height: clamp(660px, 49vw, 850px); } } @media (max-width: 640px) { body .jf-grove-plan { padding-block: 46px 52px; } body .jf-grove-plan__inner { width: min(calc(100% - 28px), 362px); gap: 24px; } body .jf-grove-stats { align-items: flex-start; width: 100%; max-width: 330px; margin-inline: auto; } body .jf-grove-plan__media { width: 100%; max-width: 330px; margin-inline: auto; overflow: visible; } body .jf-grove-plan-image, body .jf-grove-plan-image img { width: 100%; max-width: 310px; margin-inline: auto; } body .jf-grove-street-label { right: -10px; bottom: 12px; font-size: 20px; } }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-plan { padding-block: clamp(58px, 5vw, 92px) clamp(66px, 5.6vw, 100px); } body .jf-grove-stats { gap: clamp(46px, 4.2vw, 72px); padding-left: clamp(28px, 2.4vw, 52px); } body .jf-grove-stat, body .jf-grove-stat * { font-size: clamp(76px, 6.35vw, 116px); line-height: 0.96; } body .jf-grove-plan-image, body .jf-grove-plan-image img { width: min(100%, 760px); } body .jf-grove-street-label { right: -34px; bottom: 72px; } body .jf-grove-cta__inner { min-height: clamp(345px, 26vw, 445px); } } @media (max-width: 640px) { body .jf-grove-cta__title, body .jf-grove-cta__title * { max-width: 360px; font-size: clamp(22px, 6.2vw, 25px); line-height: 1.05; white-space: nowrap; } body .jf-grove-plan-image, body .jf-grove-plan-image img { max-width: 300px; } body .jf-grove-street-label { right: -6px; bottom: 10px; font-size: 18px; } }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-mood__label--siente { right: auto; left: 56%; bottom: 18%; z-index: 4; transform: none; } }}@layer jf-pages { @media (min-width: 992px) { body .jf-grove-availability__inner { min-height: clamp(455px, 35vw, 560px); align-items: stretch; } body .jf-grove-availability__art { min-height: clamp(455px, 35vw, 560px); transform: translateY(-24px); z-index: 2; } } @media (max-width: 640px) { body .jf-grove-cta__inner { justify-content: center; text-align: center; overflow: hidden; } body .jf-grove-cta__title, body .jf-grove-cta__title * { width: 100%; max-width: calc(100vw - 32px); margin-inline: auto; font-size: clamp(20px, 5.7vw, 23px); white-space: nowrap; text-align: center; } body .jf-grove-footer__inner, body .jf-grove-footer .jf-grove-shell { display: flex; width: 100%; max-width: none; margin-inline: auto; justify-content: center; align-items: center; text-align: center; } body .jf-grove-footer .jf-grove-logo { margin-inline: auto; text-align: center; width: auto; justify-content: center; } }}#brxe-97295f {flex-direction: row}#brxe-eymfev li.has-link a, #brxe-eymfev li.no-link {font-size: clamp(14px, 1vw, 18px);; line-height: 1.1; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; gap: 10px; align-items: center; justify-content: flex-start}#brxe-eymfev .repeater-item:nth-child(1).has-link a {color: var(--bricks-color-grey-900)}#brxe-eymfev .repeater-item:nth-child(1).no-link {color: var(--bricks-color-grey-900)}#brxe-eymfev .repeater-item:nth-child(1) span {font-size: clamp(14px, 1vw, 18px);}#brxe-eymfev .icon {font-size: 20px; color: #75a8b9 }#brxe-eymfev svg {height: 20px; width: auto}#brxe-eymfev {flex-direction: column}#brxe-eymfev i::before { background: #fff !important; border-radius: 500px !important;}#brxe-eef1b7 {grid-template-columns: 1fr}#brxe-enbmaw li.has-link a, #brxe-enbmaw li.no-link {font-size: clamp(14px, 1vw, 18px);; line-height: 1.1; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; gap: 10px; align-items: center; justify-content: flex-start}#brxe-enbmaw .repeater-item:nth-child(1).has-link a {color: var(--bricks-color-grey-900)}#brxe-enbmaw .repeater-item:nth-child(1).no-link {color: var(--bricks-color-grey-900)}#brxe-enbmaw .repeater-item:nth-child(1) span {font-size: clamp(14px, 1vw, 18px);}#brxe-enbmaw .icon {font-size: 20px; color: #75a8b9 }#brxe-enbmaw svg {height: 20px; width: auto}#brxe-enbmaw {flex-direction: column}#brxe-enbmaw i::before { background: #fff !important; border-radius: 500px !important;}#brxe-9a9933 {grid-template-columns: 1fr}#brxe-zwftpm li.has-link a, #brxe-zwftpm li.no-link {font-size: clamp(14px, 1vw, 18px);; line-height: 1.1; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; gap: 10px; align-items: center; justify-content: flex-start}#brxe-zwftpm .repeater-item:nth-child(1).has-link a {color: var(--bricks-color-grey-900)}#brxe-zwftpm .repeater-item:nth-child(1).no-link {color: var(--bricks-color-grey-900)}#brxe-zwftpm .repeater-item:nth-child(1) span {font-size: clamp(14px, 1vw, 18px);}#brxe-zwftpm .icon {font-size: 20px; color: #75a8b9 }#brxe-zwftpm svg {height: 20px; width: auto}#brxe-zwftpm {flex-direction: column}#brxe-zwftpm i::before { background: #fff !important; border-radius: 500px !important;}#brxe-a509ce {grid-template-columns: 1fr}#brxe-4f8bd1 {grid-template-columns: 1fr}#brxe-gztfxi {position: relative; overflow: hidden}#brxe-pnokcu {position: relative; overflow: hidden}#brxe-iuaipt {position: relative; overflow: hidden}#brxe-guxnxl {position: absolute}#brxe-xkoxuu {position: absolute}#brxe-moqhqk {width: 100%; max-width: none; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}#brxe-grpdkr {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@layer jf-pages { .jf-test-mood { --test-mood-ink: #393a2d; --test-mood-lime: #d6ed75; --test-mood-lime-soft: rgb(214 237 117 / 0.52); --test-mood-height: clamp(520px, 51vw, 620px); position: relative; overflow: hidden; background: #ffffff; } .jf-test-mood__inner { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: none; min-height: var(--test-mood-height); isolation: isolate; } .jf-test-mood__panel { position: relative; min-height: var(--test-mood-height); overflow: hidden; } .jf-test-mood__panel--center::before { content: ""; position: absolute; z-index: 3; top: 53px; right: -68%; width: 138%; aspect-ratio: 1; border-radius: 50%; background: var(--test-mood-lime-soft); pointer-events: none; height: 100%; } .jf-test-mood__image, .jf-test-mood__image img { display: block; width: 100%; height: 100%; min-height: var(--test-mood-height); object-fit: cover; } .jf-test-mood__image--left img { object-position: center center; } .jf-test-mood__image--center img { object-position: 54% center; } .jf-test-mood__image--right img { object-position: 50% center; } .jf-test-mood__label { position: absolute; z-index: 5; margin: 0; color: var(--test-mood-lime); font-family: "Goli", "Brooklyn", system-ui, sans-serif; font-size: clamp(30px, 3.35vw, 48px); font-weight: 700; line-height: 1; letter-spacing: 0; white-space: nowrap; text-shadow: 0 1px 10px rgb(0 0 0 / 0.08); } .jf-test-mood__label--vive { top: 19%; right: 8%; } .jf-test-mood__label--siente { right: 0%; bottom: 17%; color: var(--test-mood-ink); } .jf-test-mood__label--comparte { top: 8.5%; right: 21%; color: #ffffff; } .jf-test-mood__orb { position: absolute; z-index: 3; pointer-events: none; border-radius: 50%; background: var(--test-mood-lime-soft); mix-blend-mode: normal; } .jf-test-mood__orb--large { display: none; } .jf-test-mood__orb--small { right: 23%; bottom: -1%; width: min(28vw, 330px); aspect-ratio: 1; } .jf-test-mood__person { position: absolute; z-index: 7; right: clamp(-24px, -1.2vw, -8px); bottom: -2px; width: clamp(88px, 10vw, 155px); pointer-events: none; } .jf-test-mood__person, .jf-test-mood__person img { display: block; height: auto; } @media (max-width: 991px) { .jf-test-mood { --test-mood-height: 420px; } .jf-test-mood__inner { grid-template-columns: 1fr; } .jf-test-mood__panel--center::before { top: 9%; left: 36%; width: min(86vw, 440px); } .jf-test-mood__orb--small { right: 0%; bottom: 33%; width: min(72vw, 360px); } .jf-test-mood__label--vive { top: 18%; right: 12%; } .jf-test-mood__label--siente { right: 20%; bottom: 14%; } .jf-test-mood__label--comparte { top: 10%; right: 8%; } .jf-test-mood__person { width: 112px; right: -20px; } .jf-test-mood__panel--center::before { content: ""; background-color: transparent; } } @media (max-width: 640px) { .jf-test-mood { --test-mood-height: 360px; } .jf-test-mood__label { font-size: clamp(30px, 12vw, 46px); } .jf-test-mood__orb--small{ bottom: 31%; } } }@media (max-width: 991px) {#brxe-434e83 {order: 1; align-items: center}}