@font-face {
font-family: 'Ovo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//justrealestate.es/wp-content/themes/just/assets/ovo-regular.woff2) format('woff2');
}
:root { --just-navy:      #20303F;
--just-gold:      #C2A24C;
--just-gold-soft: #E3CE95;
--just-paper:     #F7F5F0; --just-panel:     #F2EFE9; --just-white:     #FFFFFF;
--just-rule:      #E0DCD4; --just-muted:     #6E7781; --just-display: 'Ovo', Georgia, 'Times New Roman', serif;
--just-sans: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif; --just-gutter: clamp(1.25rem, 4vw, 3.5rem);
--just-max: 1280px; --just-aside-w: 380px;
--just-sp-s: 1rem;
--just-sp-m: 2rem;
--just-sp-l: 3.5rem;
--just-sp-xl: 5rem;
} .just-prop * { box-sizing: border-box; }
.just-prop {
background: var(--just-paper);
color: var(--just-navy);
font-family: var(--just-display);
font-size: 17px;
line-height: 1.65; overflow-x: hidden;
}
.just-prop img { max-width: 100%; display: block; }
.just-prop a { color: inherit; }
.just-wrap {
max-width: var(--just-max);
margin: 0 auto;
padding-left: var(--just-gutter);
padding-right: var(--just-gutter);
} .just-card {
background: var(--just-white);
max-width: var(--just-max);
margin: 0 auto;
padding: clamp(1.5rem, 4vw, var(--just-sp-l)) 0 var(--just-sp-xl);
} .just-kicker,
.just-label,
.just-eyebrow {
font-family: var(--just-sans);
text-transform: uppercase;
letter-spacing: .18em;
font-size: .68rem;
line-height: 1.4;
}
.just-kicker { color: var(--just-gold); }
.just-label  { color: var(--just-muted); } .just-rule      { border: 0; border-top: 1px solid var(--just-rule); margin: 0; }
.just-rule-gold { border: 0; border-top: 2px solid var(--just-gold); width: 56px; margin: 0; } .just-crumbs {
font-family: var(--just-sans);
font-size: .7rem;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--just-muted);
padding: 1.75rem 0 0;
}
.just-crumbs a { text-decoration: none; }
.just-crumbs a:hover { color: var(--just-gold); }
.just-crumbs span { margin: 0 .5rem; color: var(--just-rule); } .just-masthead {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--just-sp-m);
align-items: end;
padding: var(--just-sp-m) 0 var(--just-sp-m);
}
.just-masthead__kicker { margin-bottom: .85rem; display: block; }
.just-masthead h1 {
font-family: var(--just-display);
font-weight: 400;
font-size: clamp(1.7rem, 3.4vw, 2.9rem);
line-height: 1.18;
letter-spacing: .005em;
margin: 0 0 .85rem; overflow-wrap: break-word;
hyphens: auto;
}
.just-masthead__meta {
font-family: var(--just-sans);
font-size: .74rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--just-muted);
}
.just-masthead__meta em { font-style: normal; color: var(--just-rule); margin: 0 .55rem; }
.just-price {
text-align: right;
padding-left: var(--just-sp-m);
white-space: nowrap;
}
.just-price__rule { border-top: 2px solid var(--just-gold); width: 48px; margin: 0 0 .9rem auto; }
.just-price__value {
font-family: var(--just-display);
font-size: clamp(1.6rem, 3vw, 2.5rem);
line-height: 1.1;
display: block;
}
.just-price__ppm {
font-family: var(--just-sans);
font-size: .72rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--just-muted);
margin-top: .5rem;
display: block;
}
.just-price__status {
display: inline-block;
font-family: var(--just-sans);
font-size: .64rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--just-gold);
border: 1px solid var(--just-gold);
padding: .3rem .6rem;
margin-bottom: .8rem;
} .just-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--just-aside-w);
gap: 10px;
position: relative;
}
.just-hero__main,
.just-hero__side a { position: relative; overflow: hidden; display: block; background: var(--just-panel); }
.just-hero__main { aspect-ratio: 3 / 2; } .just-hero__side { display: grid; grid-template-rows: 1fr 1fr; gap: 10px; height: 100%; }
.just-hero__side a { height: 100%; } .just-hero__side--single { grid-template-rows: 1fr; }
.just-hero--solo { grid-template-columns: 1fr; }
.just-hero--solo .just-hero__main { aspect-ratio: 21 / 9; }
.just-hero img {
width: 100%; height: 100%; object-fit: cover;
transition: transform .7s cubic-bezier(.2,.6,.2,1);
}
.just-hero a:hover img { transform: scale(1.03); }
.just-hero__count {
position: absolute;
right: 1.1rem;
bottom: 1.1rem;
z-index: 2;
background: var(--just-white);
color: var(--just-navy);
font-family: var(--just-sans);
font-size: .66rem;
letter-spacing: .16em;
text-transform: uppercase;
padding: .75rem 1.3rem;
text-decoration: none;
box-shadow: 0 2px 14px rgba(32, 48, 63, .18);
transition: background .2s ease, color .2s ease;
}
.just-hero__count:hover { background: var(--just-gold); color: #fff; } .just-stats {
border-top: 1px solid var(--just-rule);
border-bottom: 1px solid var(--just-rule);
margin: 0 0 var(--just-sp-l);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}
.just-stats__item {
padding: 1.6rem 1rem;
text-align: center;
border-left: 1px solid var(--just-rule);
}
.just-stats__item:first-child { border-left: 0; }
.just-stats__value {
font-family: var(--just-display);
font-size: 1.65rem;
line-height: 1;
display: block;
margin-bottom: .55rem;
}
.just-stats__label {
font-family: var(--just-sans);
font-size: .64rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--just-muted);
} .just-body {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--just-aside-w);
gap: var(--just-sp-xl);
align-items: start;
padding-top: var(--just-sp-l);
} .just-aside {
--just-overlap: 124px;
margin-top: calc(-1 * var(--just-sp-l) - var(--just-overlap));
background: var(--just-white);
padding: 18px 0 0 18px;
position: relative;
z-index: 5;
}
.just-section { margin-bottom: var(--just-sp-xl); }
.just-section:last-child { margin-bottom: 0; }
.just-section__head { margin-bottom: var(--just-sp-m); }
.just-section__head .just-rule-gold { margin-bottom: .9rem; }
.just-section h2 {
font-family: var(--just-display);
font-weight: 400;
font-size: clamp(1.3rem, 2.2vw, 1.75rem);
margin: 0;
line-height: 1.25;
} .just-desc p {
margin: 0 0 1.4rem;
font-size: 1.02rem;
line-height: 1.8;
overflow-wrap: break-word;
}
.just-desc p:last-child { margin-bottom: 0; }
.just-desc__more { display: none; }
.just-desc__more.is-open { display: block; }
.just-readmore {
font-family: var(--just-sans);
font-size: .68rem;
letter-spacing: .18em;
text-transform: uppercase;
background: none;
border: 0;
border-bottom: 1px solid var(--just-gold);
color: var(--just-navy);
padding: 0 0 .35rem;
cursor: pointer;
margin-top: .6rem;
}
.just-readmore:hover { color: var(--just-gold); } .just-specs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 0 var(--just-sp-l);
}
.just-specs dl { margin: 0; }
.just-specs__row {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 1rem;
padding: .95rem 0;
border-bottom: 1px solid var(--just-rule);
}
.just-specs dt {
font-family: var(--just-sans);
font-size: .68rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--just-muted);
margin: 0;
flex: 0 0 auto;
}
.just-specs dd {
margin: 0;
text-align: right;
font-size: 1rem;
overflow-wrap: anywhere;
} .just-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 10px;
}
.just-gallery a {
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--just-panel);
}
.just-gallery img {
width: 100%; height: 100%; object-fit: cover;
transition: transform .7s cubic-bezier(.2,.6,.2,1);
}
.just-gallery a:hover img { transform: scale(1.04); } .just-fullwidth { padding-top: var(--just-sp-xl); }
.just-fullwidth .just-features ul { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } .just-features {
background: var(--just-panel);
padding: clamp(1.5rem, 3vw, var(--just-sp-l));
}
.just-features__group { margin-bottom: var(--just-sp-m); }
.just-features__group:last-child { margin-bottom: 0; }
.just-features__group > .just-label {
display: block;
padding-bottom: .8rem;
margin-bottom: 1.1rem;
border-bottom: 1px solid var(--just-rule);
color: var(--just-navy);
} .just-features ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: .15rem var(--just-sp-m);
}
.just-features li {
font-size: .95rem;
padding: .3rem 0 .3rem 1.1rem;
position: relative;
} .just-feat-extra { display: none; }
.just-features.show-all .just-feat-extra { display: block; }
#feat-toggle { margin-top: 1.6rem; }
.just-features li::before {
content: '';
position: absolute;
left: 0; top: .95em;
width: 5px; height: 1px;
background: var(--just-gold);
} .just-map { aspect-ratio: 16 / 9; background: var(--just-panel); border: 1px solid var(--just-rule); }
.just-map iframe, .just-map > div { width: 100%; height: 100%; border: 0; } .just-enquire {
background: var(--just-panel);
padding: clamp(1.5rem, 3vw, 2.25rem);
}
.just-enquire__head { margin-bottom: 1.6rem; }
.just-enquire__head .just-rule-gold { margin-bottom: .9rem; }
.just-enquire h3 {
font-family: var(--just-display);
font-weight: 400;
font-size: 1.4rem;
margin: 0;
}
.just-agent {
display: flex;
align-items: center;
gap: 1.15rem;
text-align: left;
padding-bottom: 1.6rem;
}
.just-agent__photo {
width: 100px;
height: 100px;
flex: 0 0 100px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
box-shadow: 0 0 0 1px var(--just-rule), 0 0 0 4px var(--just-white),
0 0 0 5px var(--just-gold), 0 8px 20px rgba(32,48,63,.14);
}
.just-agent__id { min-width: 0; }
.just-agent__eyebrow {
font-family: var(--just-sans);
font-size: .62rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--just-gold);
display: block;
margin-bottom: .4rem;
}
.just-agent__name {
font-family: var(--just-display);
font-weight: 400;
font-size: 1.4rem;
line-height: 1.2;
display: block;
margin-bottom: .4rem;
}
.just-agent__role {
font-family: var(--just-sans);
font-size: .62rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--just-muted);
line-height: 1.5;
display: block;
} .just-agent__contact {
display: grid;
gap: 1px;
background: var(--just-rule);
border-top: 1px solid var(--just-rule);
border-bottom: 1px solid var(--just-rule);
margin-bottom: 1.6rem;
}
.just-agent__contact a {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
background: var(--just-panel);
padding: .95rem 0;
text-decoration: none;
transition: background .2s ease, padding .2s ease;
}
.just-agent__contact a:hover { background: var(--just-white); padding-left: .7rem; padding-right: .7rem; }
.just-agent__contact span {
font-family: var(--just-sans);
font-size: .62rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--just-muted);
flex: 0 0 auto;
}
.just-agent__contact strong {
font-family: var(--just-display);
font-weight: 400;
font-size: .98rem;
color: var(--just-navy);
text-align: right;
overflow-wrap: anywhere;
}
.just-agent__wa strong { color: #1E8E5A; } .just-files__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: var(--just-sp-m);
margin-bottom: 1.4rem;
}
.just-files__image {
display: block;
border: 1px solid var(--just-rule);
background: var(--just-white);
text-decoration: none;
transition: border-color .2s ease;
}
.just-files__image:hover { border-color: var(--just-gold); }
.just-files__image-frame {
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
background: var(--just-panel);
padding: .6rem;
} .just-files__image-frame img { max-width: 100%; max-height: 100%; object-fit: contain; }
.just-files__caption {
padding: .6rem .8rem;
font-family: var(--just-sans);
font-size: .68rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--just-navy);
text-align: center;
border-top: 1px solid var(--just-rule);
}
.just-files__docs {
display: flex;
flex-direction: column;
gap: 1px;
background: var(--just-rule);
border-top: 1px solid var(--just-rule);
border-bottom: 1px solid var(--just-rule);
}
.just-files__docs a {
display: flex;
align-items: center;
background: var(--just-panel);
padding: .8rem 0;
text-decoration: none;
font-family: var(--just-sans);
font-size: .82rem;
color: var(--just-navy);
transition: background .2s ease, padding .2s ease;
}
.just-files__docs a:hover { background: var(--just-white); padding-left: .5rem; } .just-form label.just-label { display: block; margin-bottom: .45rem; }
.just-form__field { margin-bottom: 1.1rem; }
.just-form input[type="text"],
.just-form input[type="email"],
.just-form input[type="tel"],
.just-form textarea {
width: 100%;
font-family: var(--just-display);
font-size: .95rem;
color: var(--just-navy);
background: var(--just-white);
border: 1px solid var(--just-rule);
padding: .85rem .95rem;
border-radius: 0;
-webkit-appearance: none;
transition: border-color .2s ease;
}
.just-form input:focus,
.just-form textarea:focus { outline: 0; border-color: var(--just-gold); }
.just-form textarea { min-height: 118px; resize: vertical; line-height: 1.55; }
.just-consent {
display: flex;
gap: .6rem;
align-items: flex-start;
font-family: var(--just-sans);
font-size: .72rem;
line-height: 1.5;
color: var(--just-muted);
margin-bottom: .7rem;
}
.just-consent input { margin-top: .15rem; accent-color: var(--just-gold); }
.just-consent a { color: var(--just-navy); } .just-btn {
display: block;
width: 100%;
text-align: center;
font-family: var(--just-sans);
font-size: .7rem;
letter-spacing: .18em;
text-transform: uppercase;
padding: 1.05rem 1.25rem;
border: 2px solid var(--just-navy);
background: var(--just-navy);
color: #fff;
cursor: pointer;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.just-btn:hover { background: var(--just-gold); border-color: var(--just-gold); color: #fff; }
.just-btn--gold { background: var(--just-gold); border-color: var(--just-gold); }
.just-btn--gold:hover { background: var(--just-navy); border-color: var(--just-navy); }
.just-btn--outline { background: transparent; color: var(--just-navy); }
.just-btn--outline:hover { background: var(--just-navy); border-color: var(--just-navy); color: #fff; }
.just-aside__actions { margin-top: 1rem; display: grid; gap: .6rem; } .just-similar { background: var(--just-paper); padding: var(--just-sp-xl) 0; }
.just-similar__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: var(--just-sp-m);
}
.just-scard {
background: var(--just-white);
text-decoration: none;
display: flex;
flex-direction: column;
}
.just-scard__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--just-panel); }
.just-scard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.6,.2,1); }
.just-scard:hover .just-scard__img img { transform: scale(1.04); }
.just-scard__body { padding: 1.5rem; display: flex; flex-direction: column; flex: 1; }
.just-scard__loc { display: block; margin-bottom: .7rem; }
.just-scard__title { font-size: 1.05rem; line-height: 1.4; margin: 0 0 .9rem; font-weight: 400; }
.just-scard__meta {
margin-top: auto;
font-family: var(--just-sans);
font-size: .68rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--just-muted);
padding-top: .9rem;
border-top: 1px solid var(--just-rule);
display: flex;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.just-scard__price { font-family: var(--just-display); font-size: 1.1rem; letter-spacing: 0; text-transform: none; } @media (max-width: 1080px) {
.just-body { grid-template-columns: minmax(0, 1fr); gap: var(--just-sp-l); } .just-aside { margin-top: 0; padding: 0; }
.just-fullwidth .just-features ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
@media (max-width: 720px) {
.just-prop { font-size: 16px; }
.just-masthead {
grid-template-columns: 1fr;
align-items: start;
gap: var(--just-sp-s);
}
.just-price { text-align: left; padding-left: 0; white-space: normal; }
.just-price__rule { margin-left: 0; }
.just-hero { grid-template-columns: 1fr; }
.just-hero__main { aspect-ratio: 4 / 3; }
.just-hero__side { grid-template-rows: none; grid-template-columns: 1fr 1fr; height: auto; }
.just-hero__side a { height: auto; aspect-ratio: 4 / 3; }
.just-stats { grid-template-columns: 1fr 1fr; }
.just-stats__item { border-left: 0; border-top: 1px solid var(--just-rule); padding: 1.25rem .75rem; }
.just-stats__item:nth-child(2n) { border-left: 1px solid var(--just-rule); }
.just-stats__item:first-child,
.just-stats__item:nth-child(2) { border-top: 0; }
.just-specs { grid-template-columns: 1fr; gap: 0; }
.just-features ul,
.just-fullwidth .just-features ul { grid-template-columns: 1fr; }
.just-gallery { grid-template-columns: 1fr 1fr; gap: 6px; }
} .just-cmp {
border: 1px solid var(--just-rule);
margin-bottom: var(--just-sp-l);
}
.just-cmp__tabs {
display: flex;
gap: 0;
border-bottom: 1px solid var(--just-rule);
overflow-x: auto;
scrollbar-width: none;
}
.just-cmp__tabs::-webkit-scrollbar { display: none; }
.just-tab {
flex: 1 1 auto;
font-family: var(--just-sans);
font-size: .64rem;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--just-muted);
background: var(--just-panel);
border: 0;
border-right: 1px solid var(--just-rule);
padding: .95rem 1rem;
cursor: pointer;
white-space: nowrap;
transition: background .2s ease, color .2s ease;
}
.just-tab:last-child { border-right: 0; }
.just-tab:hover { color: var(--just-navy); } .just-tab.is-on {
background: var(--just-navy);
color: #fff;
box-shadow: inset 0 3px 0 var(--just-gold);
}
.just-panel { display: none; padding: var(--just-sp-m); }
.just-panel.is-on { display: block; } .just-cmp__row + .just-cmp__row { margin-top: 1.7rem; }
.just-cmp__label {
font-family: var(--just-sans);
font-size: .66rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--just-navy);
display: flex;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: .9rem;
}
.just-cmp__label span { color: var(--just-muted); letter-spacing: .1em; }
.just-cmp__scale { position: relative; height: 4px; }
.just-cmp__track { position: absolute; inset: 0; background: linear-gradient(90deg, #E6E1D5, var(--just-gold-soft)); }
.just-cmp__median { position: absolute; top: -5px; bottom: -5px; width: 1px; background: var(--just-navy); opacity: .4; }
.just-cmp__marker {
position: absolute; top: 50%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px;
border-radius: 50%; background: var(--just-gold); box-shadow: 0 0 0 3px #fff;
}
.just-cmp__foot {
display: flex; justify-content: space-between; align-items: baseline; gap: .8rem;
margin-top: .9rem;
font-family: var(--just-sans); font-size: .64rem; letter-spacing: .07em;
text-transform: uppercase; color: var(--just-muted);
}
.just-cmp__foot strong { font-weight: 400; color: var(--just-navy); text-align: center; } .just-cmp__costs { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1.4rem; }
.just-cmp__cost .just-label { display: block; margin-bottom: .45rem; }
.just-cmp__cost strong { font-family: var(--just-display); font-weight: 400; font-size: 1.3rem; display: block; }
.just-cmp__costnote {
font-family: var(--just-sans); font-size: .6rem; letter-spacing: .06em;
text-transform: uppercase; color: var(--just-muted); display: block; margin-top: .4rem;
} .just-cmp__chart + .just-cmp__chart { margin-top: 1.6rem; }
.just-chart { width: 100%; height: 110px; display: block; overflow: visible; }
.just-chart__area  { fill: var(--just-gold); opacity: .1; }
.just-chart__line  { fill: none; stroke: var(--just-navy); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.just-chart__dot   { fill: var(--just-gold); }
.just-chart__axis {
display: flex; justify-content: space-between;
font-family: var(--just-sans); font-size: .6rem; letter-spacing: .1em;
text-transform: uppercase; color: var(--just-muted); margin-top: .3rem;
}
.just-cmp__note {
font-family: var(--just-sans); font-size: .64rem; line-height: 1.65;
color: var(--just-muted); margin: 1.5rem 0 0;
padding-top: 1rem; border-top: 1px solid var(--just-rule); max-width: 78ch;
}
@media (max-width: 720px) {
.just-tab { flex: 0 0 auto; }
.just-panel { padding: 1.25rem; }
.just-cmp__foot { font-size: .58rem; }
} .just-cmp__chart + .just-cmp__costs { margin-top: 2rem; } .just-subnav {
position: sticky;
top: 0;
z-index: 20;
background: var(--just-white);
border-top: 1px solid var(--just-rule);
border-bottom: 1px solid var(--just-rule);
margin-top: var(--just-sp-m);
}
.just-subnav__inner {
display: flex;
gap: 0;
overflow-x: auto;
scrollbar-width: none;
}
.just-subnav__inner::-webkit-scrollbar { display: none; }
.just-subnav a {
font-family: var(--just-sans);
font-size: .64rem;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--just-muted);
text-decoration: none;
padding: 1.05rem 1.6rem;
white-space: nowrap;
border-right: 1px solid var(--just-rule);
box-shadow: inset 0 0 0 transparent;
transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.just-subnav a:first-child { padding-left: 0; }
.just-subnav a:last-child { border-right: 0; }
.just-subnav a:hover,
.just-subnav a.is-on {
color: var(--just-navy);
background: var(--just-panel);
box-shadow: inset 0 3px 0 var(--just-gold);
} .just-chartwrap { position: relative; }
.just-chart { cursor: crosshair; touch-action: none; }
.just-chart__read {
display: flex; align-items: baseline; gap: .6rem;
margin-bottom: .3rem; min-height: 1.9rem;
}
.just-chart__read strong {
font-family: var(--just-display); font-weight: 400; font-size: 1.35rem; color: var(--just-navy);
}
.just-chart__read span {
font-family: var(--just-sans); font-size: .62rem; letter-spacing: .14em;
text-transform: uppercase; color: var(--just-muted);
}
.just-chart__rule { stroke: var(--just-navy); stroke-width: 1; opacity: .25; vector-effect: non-scaling-stroke; }
.just-chart__axis span:nth-child(2) { color: var(--just-navy); } .just-cmp__cost--mark strong { color: var(--just-gold); } .just-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.4rem; }
.just-chip {
font-family: var(--just-sans); font-size: .6rem; letter-spacing: .14em;
text-transform: uppercase; color: var(--just-muted);
background: transparent; border: 1px solid var(--just-rule);
padding: .5rem .8rem; cursor: pointer; display: flex; align-items: center; gap: .45rem;
transition: border-color .2s ease, color .2s ease;
}
.just-chip i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: block; }
.just-chip.is-on { color: var(--just-navy); border-color: var(--just-navy); }
.just-map2 {
position: relative; aspect-ratio: 16 / 9; background: var(--just-panel);
border: 1px solid var(--just-rule); overflow: hidden; z-index: 0;
}
.just-map2 .leaflet-container { font-family: var(--just-sans); background: var(--just-panel); }
.just-map2 .leaflet-tooltip {
font-size: .62rem; letter-spacing: .1em; text-transform: uppercase;
border: 0; border-radius: 0; background: var(--just-navy); color: #fff; box-shadow: none;
}
.just-map2 .leaflet-tooltip::before { display: none; }
.just-map2 .leaflet-control-attribution { font-size: .55rem; }
.just-map2__rings { position: absolute; inset: 0; }
.just-map2__rings i {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
border: 1px dashed var(--just-rule); border-radius: 50%;
}
.just-map2__rings i:nth-child(1) { width: 30%; height: 42%; }
.just-map2__rings i:nth-child(2) { width: 58%; height: 80%; }
.just-map2__rings i:nth-child(3) { width: 86%; height: 118%; }
.just-map2__home {
position: absolute; left: 50%; top: 50%; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px;
background: var(--just-gold); border-radius: 50%; box-shadow: 0 0 0 4px rgba(194,162,76,.22);
}
.just-dot {
position: absolute; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px;
border-radius: 50%; border: 2px solid #fff; padding: 0; cursor: pointer;
background: var(--just-navy);
}
.just-dot span {
position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
background: var(--just-navy); color: #fff; white-space: nowrap;
font-family: var(--just-sans); font-size: .58rem; letter-spacing: .1em;
text-transform: uppercase; padding: .35rem .6rem;
opacity: 0; pointer-events: none; transition: opacity .15s ease;
}
.just-dot:hover span, .just-dot:focus span { opacity: 1; }
.just-dot:hover, .just-dot:focus { transform: scale(1.35); outline: none; } .just-dot--beach    { background: #3E8FA8; color: #3E8FA8; }
.just-dot--school   { background: #C2A24C; color: #C2A24C; }
.just-dot--shopping { background: #7C6A9C; color: #7C6A9C; }
.just-dot--golf     { background: #6E9668; color: #6E9668; }
.just-dot--health   { background: #C0705A; color: #C0705A; }
.just-dot--marina   { background: #4C6E8F; color: #4C6E8F; }
.just-dot--landmark { background: #20303F; color: #20303F; }
.just-dot--airport  { background: #8A8072; color: #8A8072; }
.just-chip[data-cat="beach"]    { color: #3E8FA8; }
.just-chip[data-cat="school"]   { color: #A9863A; }
.just-chip[data-cat="shopping"] { color: #7C6A9C; }
.just-chip[data-cat="golf"]     { color: #6E9668; }
.just-chip[data-cat="health"]   { color: #C0705A; }
.just-chip[data-cat="marina"]   { color: #4C6E8F; }
.just-chip[data-cat="landmark"] { color: #20303F; }
.just-chip[data-cat="airport"]  { color: #8A8072; }
.just-poilist {
list-style: none; margin: 1.5rem 0 0; padding: 0;
display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 0 var(--just-sp-m);
}
.just-poilist li {
display: flex; align-items: center; gap: .6rem;
padding: .55rem 0; border-bottom: 1px solid var(--just-rule); font-size: .92rem;
}
.just-poilist i { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 7px; }
.just-poilist span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.just-poilist strong {
font-family: var(--just-sans); font-weight: 400; font-size: .66rem;
letter-spacing: .1em; color: var(--just-muted);
}
@media (max-width: 720px) {
.just-map2 { aspect-ratio: 1 / 1; }
.just-poilist { grid-template-columns: 1fr; }
} .just-map2 .just-homepin { filter: drop-shadow(0 2px 5px rgba(32,48,63,.45)); } .just-featlist {
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: .15rem var(--just-sp-m);
}
.just-featlist li { font-size: .95rem; padding: .3rem 0 .3rem 1.1rem; position: relative; }
.just-featlist li::before {
content: ''; position: absolute; left: 0; top: .95em;
width: 5px; height: 1px; background: var(--just-gold);
}
@media (max-width: 720px) { .just-featlist { grid-template-columns: 1fr; } } #wpb__style_container .just-aside { width: auto; }
#wpb__style_container .just-main { width: auto; } #wpb__style_container .just-aside__actions {
display: grid;
grid-template-columns: 1fr;
gap: .55rem;
margin-top: 1rem;
}
#wpb__style_container .just-aside__actions > *,
#wpb__style_container .just-share,
#wpb__style_container .just-share > .just-btn { width: 100%; }
#wpb__style_container .just-btn,
#wpb__style_container .wpb--formbutton {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 58px;
box-sizing: border-box;
margin: 0;
padding: 1.05rem 1.25rem;
border: 2px solid var(--just-navy);
border-radius: 0;
background: var(--just-navy);
color: #fff;
font-family: var(--just-sans);
font-size: .7rem;
font-weight: 500;
letter-spacing: .18em;
text-transform: uppercase;
text-decoration: none;
text-align: center;
cursor: pointer;
transition: background .2s ease, border-color .2s ease, color .2s ease;
}
#wpb__style_container .just-btn:hover,
#wpb__style_container .wpb--formbutton:hover {
background: var(--just-gold);
border-color: var(--just-gold);
color: #fff;
}
#wpb__style_container .just-btn--gold {
background: var(--just-gold);
border-color: var(--just-gold);
color: #fff;
}
#wpb__style_container .just-btn--gold:hover {
background: var(--just-navy);
border-color: var(--just-navy);
}
#wpb__style_container .just-btn--outline {
background: transparent;
color: var(--just-navy);
}
#wpb__style_container .just-btn--outline:hover {
background: var(--just-navy);
border-color: var(--just-navy);
color: #fff;
} #wpb__style_container .wpb--formbutton { margin-top: .4rem; }
#wpb__style_container .wpb--formbutton #spinner-send:empty { display: none; } #wpb__style_container .wpb--property-form .btn.wpb--formbutton,
#wpb__style_container .just-aside__actions .just-share .just-btn,
#wpb__style_container .just-aside__actions .just-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: none;
min-height: 58px;
box-sizing: border-box;
padding: 1.05rem 1.25rem;
border: 2px solid var(--just-navy);
border-radius: 0;
font-family: var(--just-sans) !important;
font-size: .7rem !important;
font-weight: 500 !important;
letter-spacing: .18em !important;
text-transform: uppercase;
text-decoration: none;
line-height: 1.2;
}
#wpb__style_container .wpb--property-form .btn.wpb--formbutton {
background: var(--just-navy);
background-color: var(--just-navy);
color: #fff;
margin-top: .4rem;
}
#wpb__style_container .wpb--property-form .btn.wpb--formbutton:hover {
background: var(--just-gold);
background-color: var(--just-gold);
border-color: var(--just-gold);
color: #fff;
}
#wpb__style_container .just-aside__actions .just-share .just-btn {
background: transparent;
color: var(--just-navy);
}
#wpb__style_container .just-aside__actions .just-share .just-btn:hover {
background: var(--just-navy);
color: #fff;
} #wpb__style_container .wpb--property-form .wpb--form-msg:empty { display: none; }
#wpb__style_container .just-aside__actions { margin-top: .55rem; } #wpb__style_container .just-share { position: relative; }
#wpb__style_container .just-share .wpb--dropdown-menu {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
display: none;
text-align: center;
z-index: 20;
}
#wpb__style_container .just-share.is-open .wpb--dropdown-menu { display: block; } #wpb__style_container .wpb--listerinfo {
flex-direction: row;
align-items: center;
margin-bottom: 0;
}