#content {
background-color: #1f2b3a !important;
}
#content .content-wrap.real-estate-listing-content {
background: #1f2b3a !important;
background-image: none !important;
}
#content .real-estate-listing-main.section {
background-image: none !important;
background-color: transparent !important;
/* Canvas .section defaults to 3rem vertical padding — huge gap above Punta gallery */
padding-top: 0;
padding-bottom: 0;
}
/* Punta listing hero (aligned with AndrewFrontPages real-estate-listing #slider) */
#slider.nfr-real-estate-hero {
min-height: clamp(300px, 42vh, 520px);
}
/* Punta #slider: enough top padding to clear header; keep bottom modest so gallery stays close */
#slider.nfr-real-estate-hero.slider-element {
padding-top: clamp(5rem, 18vmin, 11rem) !important;
padding-bottom: clamp(1.25rem, 5vmin, 2.75rem) !important;
}
.nfr-listing-hero-place {
min-height: 200px;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 0.5rem;
padding-bottom: 0.75rem;
margin-top: 0;
}
.nfr-hero-place-title {
font-size: clamp(2.25rem, 7vw, 4.25rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.04em;
text-shadow: 0 4px 28px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.35);
}
.nfr-hero-headline-stack {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
@keyframes nfr-hero-tagline-glow-pulse {
0%, 100% {
color: #f0f7ff;
text-shadow:
0 0 8px rgba(255, 255, 255, 0.42),
0 0 16px rgba(255, 255, 255, 0.28),
0 0 28px rgba(255, 255, 255, 0.14),
0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow:
0 0 0 1px rgba(41, 128, 185, 0.4) inset,
0 4px 18px rgba(0, 0, 0, 0.28),
0 0 22px rgba(255, 255, 255, 0.12);
}
50% {
color: #ffffff;
text-shadow:
0 0 14px rgba(255, 255, 255, 0.72),
0 0 28px rgba(255, 255, 255, 0.45),
0 0 44px rgba(255, 255, 255, 0.28),
0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:
0 0 0 1px rgba(52, 152, 219, 0.65) inset,
0 4px 22px rgba(0, 0, 0, 0.22),
0 0 32px rgba(255, 255, 255, 0.22),
0 0 48px rgba(186, 230, 253, 0.4);
}
}
@media (prefers-reduced-motion: reduce) {
label.nfr-hero-tagline {
animation: none !important;
text-shadow: 0 0 12px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.45);
box-shadow:
0 0 0 1px rgba(41, 128, 185, 0.35) inset,
0 4px 20px rgba(0, 0, 0, 0.25),
0 0 22px rgba(52, 152, 219, 0.2);
}
}
label.nfr-hero-tagline {
display: block;
margin: 0.75rem auto 0;
max-width: 34rem;
padding: 0.55rem 1.85rem 0.6rem;
font-family: 'Lora', Georgia, 'Times New Roman', serif;
font-size: clamp(0.9375rem, 2.1vw, 1.125rem);
font-weight: 500;
font-style: italic;
line-height: 1.4;
letter-spacing: 0.02em;
text-transform: none;
text-align: center;
border: 1px solid rgba(52, 152, 219, 0.9);
border-radius: 9999px;
background: linear-gradient(180deg, rgba(12, 48, 82, 0.62) 0%, rgba(6, 28, 52, 0.82) 100%);
animation: nfr-hero-tagline-glow-pulse 2s ease-in-out infinite;
cursor: default;
}
/* Full-bleed intro gallery: uniform square photo wall (CSS Grid) + lightbox */
.nfr-listing-gallery-fullbleed {
position: relative;
width: 100vw;
max-width: 100vw;
left: 50%;
transform: translateX(-50%);
margin-top: 0;
margin-bottom: 0.5rem;
padding: 0 max(6px, env(safe-area-inset-left, 0px)) 0 max(6px, env(safe-area-inset-right, 0px));
}
/* Gallery is inside .container-fluid first child — pull tight to hero */
#content .real-estate-listing-main > .container-fluid:first-child .nfr-listing-gallery-fullbleed {
margin-top: 0;
}
/* Intro gallery: taller boxes; images fill cell (object-fit: cover) */
.nfr-punta-gridwall__grid {
display: grid;
grid-template-columns: 1fr;
row-gap: 4px;
column-gap: 4px;
align-items: stretch;
}
.nfr-punta-gridwall__cell {
display: block;
position: relative;
border-radius: 6px;
overflow: hidden;
min-height: clamp(200px, 42vw, 320px);
aspect-ratio: 4 / 5;
background: rgba(0, 0, 0, 0.35);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
outline: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
@media (min-width: 768px) {
.nfr-punta-gridwall__grid {
grid-template-columns: repeat(var(--nfr-punta-gallery-cols, 4), minmax(0, 1fr));
row-gap: 4px;
column-gap: 4px;
grid-auto-rows: auto;
}
.nfr-punta-gridwall__cell {
border-radius: 6px;
min-height: clamp(260px, 28vw, 440px);
aspect-ratio: 3 / 4;
}
}
.nfr-punta-gridwall__cell:hover {
transform: scale(1.02);
z-index: 1;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
.nfr-punta-gridwall__cell:focus-visible {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 4px 16px rgba(0, 0, 0, 0.35);
}
.nfr-punta-gridwall__cell img {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
object-fit: cover;
object-position: center center;
vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
.nfr-punta-gridwall__cell {
transition: none;
}
.nfr-punta-gridwall__cell:hover {
transform: none;
}
}

/* Explore Punta Cana ΓÇö property-show style (KPI strip, chips, CTA) */
#content .nfr-listing-explore-panel .nfr-explore-toolbar-btn {
border-color: rgba(226, 232, 240, 0.55) !important;
color: #f8fafc !important;
font-weight: 600;
font-size: 0.8125rem;
padding: 0.35rem 0.65rem;
border-radius: 8px;
background: rgba(15, 23, 42, 0.35);
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
#content .nfr-listing-explore-panel .nfr-explore-toolbar-btn:hover {
background: rgba(30, 41, 59, 0.75);
border-color: rgba(248, 250, 252, 0.85) !important;
color: #fff !important;
}
#content .nfr-listing-explore-panel .nfr-explore-headline-card {
background: transparent !important;
box-shadow: none !important;
}
#content .nfr-listing-explore-panel .nfr-explore-location-chips a.badge {
font-size: 0.8rem;
padding: 0.3rem 0.5rem;
cursor: pointer;
display: inline-flex;
align-items: center;
}
#content .nfr-listing-explore-panel .nfr-explore-location-chips a.badge:hover,
#content .nfr-listing-explore-panel .nfr-explore-location-chips a.badge:focus-visible {
filter: brightness(1.1);
outline: none;
box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.5);
}
#content .nfr-listing-explore-panel .nfr-explore-headline-primary {
color: #ffffff !important;
font-size: clamp(1.45rem, 4vw, 1.95rem) !important;
font-weight: 700 !important;
line-height: 1.2;
letter-spacing: 0.02em;
animation: nfr-explore-headline-glow 2.4s ease-in-out infinite;
}
@keyframes nfr-explore-headline-glow {
0%, 100% { text-shadow: 0 0 10px rgba(255, 255, 255, 0.42), 0 0 22px rgba(255, 255, 255, 0.22); }
50% { text-shadow: 0 0 18px rgba(255, 255, 255, 0.72), 0 0 36px rgba(255, 255, 255, 0.38); }
}
@media (prefers-reduced-motion: reduce) {
#content .nfr-listing-explore-panel .nfr-explore-headline-primary,
#content .nfr-punta-why-text__title {
animation: none;
text-shadow: 0 0 12px rgba(255, 255, 255, 0.35);
}
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .nk-ecwg6 .card-inner {
padding: 1rem 0.75rem;
text-align: center;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .card-title-group {
display: flex;
justify-content: center;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .card-title .title {
font-size: 0.75rem;
font-weight: 600;
margin-bottom: 0.3rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .data-group {
display: flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-blue {
background: linear-gradient(135deg, rgba(96, 165, 250, 0.15) 0%, rgba(96, 165, 250, 0.05) 100%) !important;
border: 1px solid rgba(96, 165, 250, 0.3) !important;
box-shadow: 0 4px 12px rgba(96, 165, 250, 0.1);
border-radius: 12px;
transition: transform 0.2s, box-shadow 0.2s;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-blue:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(96, 165, 250, 0.2);
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-blue .title { color: #60a5fa !important; }
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-green {
background: linear-gradient(135deg, rgba(52, 211, 153, 0.15) 0%, rgba(52, 211, 153, 0.05) 100%) !important;
border: 1px solid rgba(52, 211, 153, 0.3) !important;
box-shadow: 0 4px 12px rgba(52, 211, 153, 0.1);
border-radius: 12px;
transition: transform 0.2s, box-shadow 0.2s;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-green:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(52, 211, 153, 0.2);
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-green .title { color: #34d399 !important; }
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-amber {
background: linear-gradient(135deg, rgba(251, 191, 36, 0.15) 0%, rgba(251, 191, 36, 0.05) 100%) !important;
border: 1px solid rgba(251, 191, 36, 0.3) !important;
box-shadow: 0 4px 12px rgba(251, 191, 36, 0.1);
border-radius: 12px;
transition: transform 0.2s, box-shadow 0.2s;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-amber:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(251, 191, 36, 0.2);
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-amber .title { color: #fbbf24 !important; }
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-purple {
background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%) !important;
border: 1px solid rgba(168, 85, 247, 0.3) !important;
box-shadow: 0 4px 12px rgba(168, 85, 247, 0.1);
border-radius: 12px;
transition: transform 0.2s, box-shadow 0.2s;
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-purple:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(168, 85, 247, 0.2);
}
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-purple .title { color: #a855f7 !important; }
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-blue .amount,
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-green .amount,
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-amber .amount,
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-purple .amount {
color: #ffffff !important;
font-family: Roboto, sans-serif;
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1.15;
animation: nfr-explore-amount-glow 2s ease-in-out infinite;
}
@media (max-width: 575.98px) {
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-blue .amount,
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-green .amount,
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-amber .amount,
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .stat-card-accent-purple .amount {
font-size: 1.05rem !important;
}
}
@keyframes nfr-explore-amount-glow {
0%, 100% { text-shadow: 0 0 8px rgba(255, 255, 255, 0.4), 0 0 16px rgba(255, 255, 255, 0.22); }
50% { text-shadow: 0 0 14px rgba(255, 255, 255, 0.62), 0 0 28px rgba(255, 255, 255, 0.35); }
}
@media (prefers-reduced-motion: reduce) {
#content .nfr-listing-explore-panel .nfr-explore-stat-kpi-row .amount {
animation: none !important;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}
}
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
padding: 0.5rem 0.95rem;
border-radius: 999px;
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
background: linear-gradient(135deg, rgba(96, 165, 250, 0.28) 0%, rgba(96, 165, 250, 0.12) 100%);
border: 1px solid rgba(96, 165, 250, 0.5);
color: #bfdbfe !important;
box-shadow: 0 2px 8px rgba(96, 165, 250, 0.2);
cursor: pointer;
transition: box-shadow 0.2s ease, border-color 0.2s ease, filter 0.2s ease, transform 0.15s ease;
}
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip i {
color: #60a5fa;
font-size: 1rem;
flex-shrink: 0;
}
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip:hover,
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip:focus-visible {
filter: brightness(1.08);
border-color: rgba(96, 165, 250, 0.85);
box-shadow: 0 4px 14px rgba(96, 165, 250, 0.32);
transform: translateY(-1px);
color: #e0f2fe !important;
outline: none;
}
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip:focus-visible {
box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.5), 0 4px 14px rgba(96, 165, 250, 0.28);
}
@media (prefers-reduced-motion: reduce) {
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip {
transition: none;
}
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip:hover,
#content .nfr-listing-explore-panel a.nfr-explore-tip-chip:focus-visible {
transform: none;
}
}
#content .nfr-listing-explore-panel .nfr-explore-cta-card {
background: linear-gradient(135deg, rgba(96, 165, 250, 0.22) 0%, rgba(96, 165, 250, 0.08) 100%);
border: 1px solid rgba(96, 165, 250, 0.45);
border-radius: 12px;
padding: 1.1rem 1rem;
box-shadow: 0 4px 16px rgba(96, 165, 250, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#content .nfr-listing-explore-panel .nfr-explore-cta-lead {
color: #e8f4fc;
font-size: 0.98rem;
font-weight: 600;
text-align: center;
margin-bottom: 0.85rem;
line-height: 1.45;
}
#content .nfr-listing-explore-panel .nfr-for-sale-explore-panel-inner {
text-align: left;
}
#content .nfr-listing-explore-panel .nfr-for-sale-panel-lead {
color: #e0f2fe !important;
font-size: 0.98rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0.5rem;
}
#content .nfr-listing-explore-panel .nfr-for-sale-panel-starter {
color: #cbd5e1 !important;
font-size: 0.9rem !important;
line-height: 1.55;
}
#content .nfr-listing-explore-panel .nfr-for-sale-panel-close {
position: absolute;
top: 0.65rem;
right: 0.65rem;
opacity: 0.75;
}
#content .nfr-listing-explore-panel .nfr-for-sale-panel-close:hover {
opacity: 1;
}
#content .nfr-listing-explore-panel .nfr-for-sale-explore-collapse .nfr-explore-cta-btn {
margin-top: 0;
}
#content .nfr-listing-explore-panel .nfr-explore-cta-btn {
display: block;
width: 100%;
text-align: center;
border: 1px solid rgba(202, 138, 4, 0.65);
border-radius: 999px;
padding: 0.55rem 1rem;
font-weight: 600;
color: #422006 !important;
background: linear-gradient(135deg, #fde68a 0%, #fbbf24 40%, #f59e0b 100%);
box-shadow: 0 2px 14px rgba(245, 158, 11, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.35);
transition: filter 0.2s ease, box-shadow 0.2s ease;
text-decoration: none !important;
position: relative;
overflow: hidden;
}
#content .nfr-listing-explore-panel .nfr-explore-cta-btn:hover {
filter: brightness(1.05);
color: #1c1917 !important;
box-shadow: 0 3px 18px rgba(217, 119, 6, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
#content .nfr-punta-why-text {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
#content .nfr-punta-why-text__inner {
max-width: 48rem;
}
#content .nfr-punta-why-text__col-text .nfr-punta-why-text__inner {
max-width: none;
}
#content .nfr-punta-why-text__figure {
display: block;
border-radius: 0.75rem;
overflow: hidden;
box-shadow:
0 4px 24px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(255, 255, 255, 0.08) inset;
aspect-ratio: 4 / 5;
width: 100%;
max-width: 32rem;
max-height: 28rem;
}
/* Map: no ΓÇ£cardΓÇ¥ behind it ΓÇö same flat dark as #content (was reading as a second panel) */
#content .nfr-punta-why-text__figure--dr-map {
aspect-ratio: auto;
max-height: none;
background: transparent;
border-radius: 0;
overflow: visible;
box-shadow: none;
border: 0;
padding: 0;
}
#content .nfr-punta-why-text__figure--dr-map .nfr-punta-why-map-inner {
background: transparent;
}
#content .nfr-punta-why-text__figure--dr-map .nfr-punta-why-map-inner svg {
width: 100% !important;
height: auto !important;
display: block;
background: transparent !important;
}
@media (min-width: 768px) {
#content .nfr-punta-why-text__figure {
max-width: 36rem;
max-height: 36rem;
}
#content .nfr-punta-why-text__figure--dr-map {
max-height: none;
}
}
#content .nfr-punta-why-text__title {
color: #ffffff;
font-weight: 700;
font-size: clamp(1.45rem, 3.5vw, 2rem);
letter-spacing: 0.06em;
text-transform: uppercase;
margin: 0;
animation: nfr-explore-headline-glow 2.4s ease-in-out infinite;
}
#content .nfr-punta-why-text__p {
color: rgba(248, 250, 252, 0.95);
font-size: clamp(0.95rem, 1.9vw, 1.05rem);
line-height: 1.7;
margin: 0;
}
#content .nfr-punta-why-text__p strong { color: #e0f2fe; font-weight: 600; }
#content .nfr-punta-why-text__p em { color: #bae6fd; }
#content .nfr-punta-step-band .nfr-listing-explore-panel {
padding-top: 0.25rem;
}
#content .nfr-listing-explore-panel .nfr-step-kpi-eyebrow {
color: #7dd3fc;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
margin: 0;
font-family: Roboto, system-ui, sans-serif !important;
}
#content .nfr-listing-explore-panel .nfr-step-kpi-icon {
font-size: 1.35rem;
line-height: 1;
margin-bottom: 0.4rem;
opacity: 0.95;
}
#content .nfr-listing-explore-panel .nfr-step-kpi-icon i {
display: block;
}
/* Custom icons: inline SVG or PNG/SVG file inside .nfr-step-kpi-icon */
#content .nfr-listing-explore-panel .nfr-step-kpi-icon svg {
display: block;
width: 1.35rem;
height: 1.35rem;
flex-shrink: 0;
}
#content .nfr-listing-explore-panel .nfr-step-kpi-icon img {
display: block;
width: 1.35rem;
height: 1.35rem;
object-fit: contain;
flex-shrink: 0;
}
#content .nfr-listing-explore-panel .nfr-step-kpi-icon--blue { color: #60a5fa; }
#content .nfr-listing-explore-panel .nfr-step-kpi-icon--green { color: #34d399; }
#content .nfr-listing-explore-panel .nfr-step-kpi-icon--amber { color: #fbbf24; }
#content .nfr-listing-explore-panel .nfr-step-kpi-icon--purple { color: #a855f7; }
#content .nfr-listing-explore-panel .nfr-explore-step-kpi-row .nfr-step-kpi-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#content .nfr-listing-explore-panel .nfr-explore-step-kpi-row .nfr-step-kpi-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}
@media (prefers-reduced-motion: reduce) {
#content .nfr-listing-explore-panel .nfr-explore-step-kpi-row .nfr-step-kpi-card {
transition: none;
}
#content .nfr-listing-explore-panel .nfr-explore-step-kpi-row .nfr-step-kpi-card:hover {
transform: none;
}
}

#content .text-muted {
color: #94a3b8 !important;
}
#content .text-muted strong {
color: #e2e8f0 !important;
}

/* In-content listing search (Punta) ΓÇö strong blue glass (explore CTA + KPI family) */
#content .nfr-listing-search-above-map .nfr-listing-search-card {
position: relative;
background: linear-gradient(145deg, rgba(96, 165, 250, 0.2) 0%, rgba(59, 130, 246, 0.08) 42%, rgba(15, 23, 42, 0.5) 100%);
border: 1px solid rgba(96, 165, 250, 0.55);
border-radius: 12px;
padding: 1.1rem 1.15rem 1.2rem;
box-shadow:
0 0 0 1px rgba(14, 165, 233, 0.12) inset,
0 4px 24px rgba(0, 0, 0, 0.32),
0 0 40px rgba(59, 130, 246, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#content .nfr-listing-search-above-map .nfr-listing-search-card::before {
content: "";
position: absolute;
top: 0;
left: 8%;
right: 8%;
height: 2px;
border-radius: 0 0 2px 2px;
background: linear-gradient(90deg, transparent, rgba(125, 211, 252, 0.95) 20%, #38bdf8 50%, rgba(59, 130, 246, 0.85) 80%, transparent);
box-shadow: 0 0 20px rgba(56, 189, 248, 0.45);
}
#content .nfr-listing-search-above-map .nfr-listing-search-card__head {
margin-bottom: 1rem;
text-align: center;
}
#content .nfr-listing-search-above-map .nfr-listing-search-card__title {
color: #f0f9ff;
font-size: clamp(1.1rem, 2.2vw, 1.3rem);
font-weight: 700;
letter-spacing: 0.04em;
margin: 0 0 0.35rem;
text-shadow:
0 0 20px rgba(59, 130, 246, 0.45),
0 0 40px rgba(14, 165, 233, 0.25);
}
#content .nfr-listing-search-above-map .nfr-listing-search-card__title i {
color: #7dd3fc;
margin-right: 0.35rem;
vertical-align: -0.1em;
filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.6));
}
#content .nfr-listing-search-above-map .nfr-listing-search-card__subtitle {
color: #a5d8ff;
font-size: 0.9rem;
margin: 0;
line-height: 1.5;
max-width: 40rem;
margin-left: auto;
margin-right: auto;
}
#content .nfr-listing-search-above-map .nfr-listing-search-outer {
position: relative;
z-index: 10;
}
/* Form controls kept for chip handlers + submit; not shown on Punta */
#content .nfr-listing-search-above-map .nfr-punta-search-offscreen {
position: absolute;
left: -9999px;
top: 0;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
#content .nfr-listing-search-above-map .nfr-listing-search-card .tab-content {
position: relative;
}
#content .nfr-listing-search-above-map .nfr-listing-search-outer .tab-container {
padding: 0;
}
#content .nfr-listing-search-above-map .nfr-listing-search-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
gap: 0.9rem 1rem;
align-items: end;
}
#content .nfr-listing-search-above-map .nfr-listing-search-field--wide {
grid-column: span 2;
min-width: 0;
}
#content .nfr-listing-search-above-map .nfr-listing-search-field--submit {
grid-column: span 1;
min-width: 0;
}
@media (max-width: 767.98px) {
#content .nfr-listing-search-above-map .nfr-listing-search-field--wide {
grid-column: 1 / -1;
}
}
#content .nfr-listing-search-above-map .nfr-listing-search-label {
display: block;
color: #7dd3fc;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0.4rem;
font-family: Roboto, system-ui, sans-serif !important;
}
#content .nfr-listing-search-above-map .nfr-listing-search-readonly {
display: flex;
align-items: center;
min-height: 38px;
padding: 0.4rem 0.65rem;
font-size: 0.9rem;
color: #e0f2fe;
background: linear-gradient(180deg, rgba(30, 64, 120, 0.35) 0%, rgba(15, 23, 42, 0.55) 100%);
border: 1px solid rgba(96, 165, 250, 0.4);
border-left: 2px solid rgba(56, 189, 248, 0.7);
border-radius: 6px;
cursor: default;
line-height: 1.3;
}
#content .nfr-listing-search-above-map .nfr-listing-search-input {
display: block;
width: 100%;
height: 38px;
padding: 0.4rem 0.65rem;
font-size: 0.9rem;
color: #f0f9ff;
background: linear-gradient(180deg, rgba(30, 64, 120, 0.2) 0%, rgba(15, 23, 42, 0.6) 100%);
border: 1px solid rgba(59, 130, 246, 0.38);
border-radius: 6px;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#content .nfr-listing-search-above-map .nfr-listing-search-input::placeholder {
color: #64748b;
}
#content .nfr-listing-search-above-map .nfr-listing-search-input:hover {
border-color: rgba(59, 130, 246, 0.55);
}
#content .nfr-listing-search-above-map .nfr-listing-search-input:focus {
border-color: rgba(56, 189, 248, 0.85);
background: linear-gradient(180deg, rgba(30, 64, 120, 0.35) 0%, rgba(15, 23, 42, 0.7) 100%);
box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.28);
}
#content .nfr-listing-search-above-map .nfr-listing-search-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
height: 38px;
padding: 0 1rem;
font-weight: 600;
font-size: 0.9rem;
font-family: Roboto, system-ui, sans-serif;
letter-spacing: 0.03em;
color: #0c1e3d !important;
border: 1px solid rgba(14, 165, 233, 0.65);
border-radius: 8px;
background: linear-gradient(135deg, #93c5fd 0%, #3b82f6 32%, #2563eb 72%, #0ea5e9 100%);
box-shadow:
0 2px 14px rgba(37, 99, 235, 0.5),
0 0 20px rgba(14, 165, 233, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
cursor: pointer;
transition: filter 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}
#content .nfr-listing-search-above-map .nfr-listing-search-submit:hover {
filter: brightness(1.06) saturate(1.05);
box-shadow:
0 4px 20px rgba(37, 99, 235, 0.55),
0 0 28px rgba(56, 189, 248, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
#content .nfr-listing-search-above-map .nfr-listing-search-submit:active {
transform: translateY(0.5px);
}
#content .nfr-listing-search-above-map .bootstrap-select > .dropdown-toggle {
height: 38px;
padding: 0.4rem 2.25rem 0.4rem 0.65rem;
font-size: 0.9rem;
color: #f0f9ff;
background: linear-gradient(180deg, rgba(30, 64, 120, 0.22) 0%, rgba(15, 23, 42, 0.62) 100%) !important;
border: 1px solid rgba(59, 130, 246, 0.38) !important;
border-radius: 6px;
}
#content .nfr-listing-search-above-map .bootstrap-select .filter-option,
#content .nfr-listing-search-above-map .bootstrap-select .filter-option-inner {
color: #f0f9ff;
}
#content .nfr-listing-search-above-map .bootstrap-select .dropdown-toggle:focus,
#content .nfr-listing-search-above-map .bootstrap-select .dropdown-toggle:hover {
border-color: rgba(56, 189, 248, 0.6) !important;
background: linear-gradient(180deg, rgba(30, 64, 120, 0.35) 0%, rgba(15, 23, 42, 0.7) 100%) !important;
}
#content .nfr-listing-search-above-map .bootstrap-select .bs-caret .caret {
border-top-color: #7dd3fc;
}
#content .nfr-listing-search-above-map .bootstrap-select.open > .dropdown-toggle,
#content .nfr-listing-search-above-map .bootstrap-select.show > .dropdown-toggle {
border-color: rgba(59, 130, 246, 0.85) !important;
box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.28) !important;
}
#content .nfr-listing-search-above-map .dropdown-menu {
background: linear-gradient(180deg, #0f1b2d 0%, #0a1628 100%);
border: 1px solid rgba(96, 165, 250, 0.5);
border-radius: 8px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(14, 165, 233, 0.15) inset;
}
#content .nfr-listing-search-above-map .dropdown-menu > li > a,
#content .nfr-listing-search-above-map .dropdown-menu .dropdown-item {
color: #e0f2fe;
}
#content .nfr-listing-search-above-map .dropdown-menu > li > a:hover,
#content .nfr-listing-search-above-map .dropdown-menu > li.selected > a {
background: linear-gradient(90deg, rgba(59, 130, 246, 0.3) 0%, rgba(14, 165, 233, 0.2) 100%);
color: #f0f9ff;
}
#content .nfr-listing-search-above-map .bs-searchbox .form-control {
background: rgba(8, 24, 48, 0.9);
border: 1px solid rgba(59, 130, 246, 0.4);
color: #f0f9ff;
}
#content .nfr-listing-search-above-map .bs-searchbox .form-control:focus {
border-color: rgba(56, 189, 248, 0.7);
box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.2);
}
/* Quick area chips (map sub-zones, duplicated under search) */
#content .nfr-listing-search-above-map .nfr-punta-area-chips {
border-top: 1px solid rgba(59, 130, 246, 0.22);
}
#content .nfr-listing-search-above-map .nfr-punta-area-chips__label {
display: block;
text-align: center;
color: #7dd3fc;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0.75rem;
font-family: Roboto, system-ui, sans-serif !important;
}
#content .nfr-listing-search-above-map .nfr-punta-area-chips__row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 0.5rem;
justify-content: center;
align-items: center;
}
#content .nfr-listing-search-above-map .nfr-punta-area-btn {
appearance: none;
-webkit-appearance: none;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(96, 165, 250, 0.4);
border-radius: 999px;
padding: 0.4rem 0.85rem;
font-size: 0.8125rem;
font-weight: 500;
color: #e0f2fe;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
white-space: nowrap;
}
#content .nfr-listing-search-above-map .nfr-punta-area-btn:hover,
#content .nfr-listing-search-above-map .nfr-punta-area-btn:focus-visible {
background: rgba(96, 165, 250, 0.2);
border-color: rgba(56, 189, 248, 0.65);
color: #f8fafc;
box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.2);
outline: none;
}
#content .nfr-listing-search-above-map .nfr-punta-area-btn--state {
background: linear-gradient(135deg, rgba(30, 64, 120, 0.35) 0%, rgba(15, 23, 42, 0.45) 100%);
border-color: rgba(125, 211, 252, 0.5);
}
@media (prefers-reduced-motion: reduce) {
#content .nfr-listing-search-above-map .nfr-punta-area-btn {
transition: none;
}
}