Frequently Asked Questions about Advenir at Legado Ranch Apartments
<html lang="en"> <head> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" /> <title>Frequently Asked Questions |
Advenir at Legado Ranch | Odessa, TX</title> <meta
name="description" content="Get answers to common questions about
Advenir at Legado Ranch apartments in Odessa, TX — floor plans, pet
policy, amenities, leasing, and more." />
<link rel="preconnect" href="https://fonts.googleapis.com"
/> <link rel="preconnect" href="https://fonts.gstatic.com"
crossorigin /> <link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap"
rel="stylesheet" /> <style> /*
============================================================ BRAND
TOKENS — Advenir at Legado Ranch Extracted from
advenirliving.com/legadoranch live site
============================================================ */
:root { --brand-dark: #1a1a2e; /* Deep navy/charcoal — primary dark
*/ --brand-gold: #c9a84c; /* Warm gold — accent, borders,
highlights */ --brand-gold-light: #e8c96a; /* Lighter gold for
hover states */ --brand-white: #ffffff; --brand-off-white: #f8f6f1;
/* Warm off-white background */ --brand-light-gray: #efefef;
--brand-text: #2d2d2d; /* Body text */ --brand-muted: #6b6b6b; /*
Secondary text */ --font-heading: 'Montserrat', sans-serif;
--font-body: 'Open Sans', sans-serif; --radius: 6px; --shadow: 0
4px 18px rgba(0,0,0,0.09); --transition: all 0.3s ease; } /*
============================================================ RESET
& BASE ============================================================
*/ *, *::before, *::after { box-sizing: border-box; margin: 0;
padding: 0; } body { font-family: var(--font-body);
background-color: var(--brand-off-white); color: var(--brand-text);
line-height: 1.7; -webkit-font-smoothing: antialiased; } /*
============================================================ HERO
BANNER ============================================================
*/ .faq-hero { background-color: var(--brand-dark);
background-image: linear-gradient( to bottom, rgba(26, 26, 46,
0.82) 0%, rgba(26, 26, 46, 0.90) 100% ),
url('https://medialibrarycfo.entrata.com/15573/MLv3/9/36/2026/03/13/125014/69b45c66140944.98020903337.jpg');
background-size: cover; background-position: center; padding: 72px
24px 60px; text-align: center; } .faq-hero__eyebrow { font-family:
var(--font-heading); font-size: 0.75rem; font-weight: 700;
letter-spacing: 0.18em; text-transform: uppercase; color:
var(--brand-gold); margin-bottom: 14px; } .faq-hero__title {
font-family: var(--font-heading); font-size: clamp(1.8rem, 4vw,
2.8rem); font-weight: 700; color: var(--brand-white); line-height:
1.2; margin-bottom: 16px; } .faq-hero__title span { color:
var(--brand-gold); } .faq-hero__subtitle { font-size: 1rem; color:
rgba(255,255,255,0.78); max-width: 560px; margin: 0 auto 32px; }
.faq-hero__address { display: inline-flex; align-items: center;
gap: 8px; background: rgba(201,168,76,0.15); border: 1px solid
rgba(201,168,76,0.4); border-radius: 40px; padding: 8px 20px;
font-size: 0.85rem; color: var(--brand-gold-light); font-family:
var(--font-heading); font-weight: 500; letter-spacing: 0.04em; } /*
============================================================ GEO
INTRO PANEL
============================================================ */
.geo-intro { background: var(--brand-dark); border-top: 3px solid
var(--brand-gold); padding: 28px 32px; max-width: 900px; margin:
-1px auto 0; } .geo-intro p { color: rgba(255,255,255,0.82);
font-size: 0.95rem; line-height: 1.75; text-align: center; }
.geo-intro strong { color: var(--brand-gold-light); } /*
============================================================ PAGE
WRAPPER & LAYOUT
============================================================ */
.faq-page { max-width: 900px; margin: 0 auto; padding: 56px 24px
80px; } /*
============================================================
CATEGORY FILTER TABS
============================================================ */
.faq-filter { display: flex; flex-wrap: wrap; gap: 10px;
justify-content: center; margin-bottom: 48px; } .faq-filter__btn {
font-family: var(--font-heading); font-size: 0.78rem; font-weight:
600; letter-spacing: 0.08em; text-transform: uppercase; padding:
9px 20px; border-radius: 40px; border: 2px solid var(--brand-gold);
background: transparent; color: var(--brand-gold); cursor: pointer;
transition: var(--transition); } .faq-filter__btn:hover,
.faq-filter__btn.active { background: var(--brand-gold); color:
var(--brand-dark); } /*
============================================================ FAQ
CATEGORY SECTION
============================================================ */
.faq-category { margin-bottom: 52px; } .faq-category__label {
display: flex; align-items: center; gap: 12px; font-family:
var(--font-heading); font-size: 0.7rem; font-weight: 700;
letter-spacing: 0.16em; text-transform: uppercase; color:
var(--brand-gold); margin-bottom: 20px; }
.faq-category__label::after { content: ''; flex: 1; height: 1px;
background: linear-gradient(to right, var(--brand-gold),
transparent); } .faq-category__icon { width: 36px; height: 36px;
background: var(--brand-dark); border-radius: 50%; display: flex;
align-items: center; justify-content: center; flex-shrink: 0; }
.faq-category__icon svg { width: 16px; height: 16px; fill:
var(--brand-gold); } /*
============================================================
ACCORDION ITEMS
============================================================ */
.faq-item { background: var(--brand-white); border-radius:
var(--radius); box-shadow: var(--shadow); margin-bottom: 10px;
overflow: hidden; border-left: 3px solid transparent; transition:
var(--transition); } .faq-item:hover { border-left-color:
var(--brand-gold); } .faq-item.open { border-left-color:
var(--brand-gold); } .faq-item__question { width: 100%; background:
none; border: none; padding: 20px 24px; text-align: left;
font-family: var(--font-heading); font-size: 0.97rem; font-weight:
600; color: var(--brand-dark); cursor: pointer; display: flex;
justify-content: space-between; align-items: center; gap: 16px;
transition: var(--transition); line-height: 1.45; }
.faq-item__question:hover { color: var(--brand-gold); }
.faq-item.open .faq-item__question { color: var(--brand-gold); }
.faq-item__icon { width: 28px; height: 28px; border-radius: 50%;
border: 2px solid currentColor; display: flex; align-items: center;
justify-content: center; flex-shrink: 0; transition:
var(--transition); } .faq-item__icon svg { width: 12px; height:
12px; transition: transform 0.3s ease; } .faq-item.open
.faq-item__icon svg { transform: rotate(45deg); } .faq-item__answer
{ max-height: 0; overflow: hidden; transition: max-height 0.4s
ease, padding 0.3s ease; } .faq-item.open .faq-item__answer {
max-height: 600px; } .faq-item__answer-inner { padding: 0 24px 22px
24px; border-top: 1px solid var(--brand-light-gray); padding-top:
16px; } .faq-item__answer-inner p { font-size: 0.94rem; color:
var(--brand-text); line-height: 1.75; margin-bottom: 10px; }
.faq-item__answer-inner p:last-child { margin-bottom: 0; }
.faq-item__answer-inner ul { padding-left: 20px; margin-top: 8px; }
.faq-item__answer-inner ul li { font-size: 0.93rem; color:
var(--brand-text); line-height: 1.7; margin-bottom: 6px; }
.faq-item__answer-inner ul li::marker { color: var(--brand-gold); }
.faq-item__answer-inner a { color: var(--brand-gold); font-weight:
600; text-decoration: none; border-bottom: 1px solid transparent;
transition: var(--transition); } .faq-item__answer-inner a:hover {
border-bottom-color: var(--brand-gold); } .answer-badge { display:
inline-block; background: rgba(201,168,76,0.12); border: 1px solid
rgba(201,168,76,0.35); color: var(--brand-gold); font-size:
0.75rem; font-family: var(--font-heading); font-weight: 700;
letter-spacing: 0.07em; text-transform: uppercase; padding: 3px
10px; border-radius: 20px; margin-bottom: 10px; display: block;
width: fit-content; } /*
============================================================ CTA
PANEL ============================================================
*/ .faq-cta { background: var(--brand-dark); border-radius:
var(--radius); padding: 44px 40px; text-align: center; margin-top:
60px; position: relative; overflow: hidden; } .faq-cta::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height:
3px; background: linear-gradient(to right, transparent,
var(--brand-gold), transparent); } .faq-cta__eyebrow { font-family:
var(--font-heading); font-size: 0.72rem; font-weight: 700;
letter-spacing: 0.18em; text-transform: uppercase; color:
var(--brand-gold); margin-bottom: 12px; } .faq-cta__title {
font-family: var(--font-heading); font-size: clamp(1.3rem, 3vw,
1.8rem); font-weight: 700; color: var(--brand-white);
margin-bottom: 12px; line-height: 1.3; } .faq-cta__text { color:
rgba(255,255,255,0.72); font-size: 0.95rem; max-width: 480px;
margin: 0 auto 28px; } .faq-cta__buttons { display: flex;
flex-wrap: wrap; gap: 14px; justify-content: center; } .btn {
font-family: var(--font-heading); font-size: 0.8rem; font-weight:
700; letter-spacing: 0.1em; text-transform: uppercase; padding:
13px 30px; border-radius: 40px; text-decoration: none; transition:
var(--transition); display: inline-block; } .btn--primary {
background: var(--brand-gold); color: var(--brand-dark); border:
2px solid var(--brand-gold); } .btn--primary:hover { background:
var(--brand-gold-light); border-color: var(--brand-gold-light); }
.btn--outline { background: transparent; color: var(--brand-white);
border: 2px solid rgba(255,255,255,0.4); } .btn--outline:hover {
border-color: var(--brand-gold); color: var(--brand-gold); } /*
============================================================
CONTACT STRIP
============================================================ */
.faq-contact-strip { display: flex; flex-wrap: wrap; gap: 16px;
justify-content: center; margin-top: 40px; padding: 28px 24px;
background: var(--brand-white); border-radius: var(--radius);
box-shadow: var(--shadow); } .contact-item { display: flex;
align-items: center; gap: 10px; font-size: 0.88rem; }
.contact-item__icon { width: 36px; height: 36px; background:
var(--brand-dark); border-radius: 50%; display: flex; align-items:
center; justify-content: center; flex-shrink: 0; }
.contact-item__icon svg { width: 15px; height: 15px; fill:
var(--brand-gold); } .contact-item__label { font-size: 0.72rem;
color: var(--brand-muted); font-family: var(--font-heading);
font-weight: 600; letter-spacing: 0.07em; text-transform:
uppercase; display: block; } .contact-item__value { font-weight:
600; color: var(--brand-dark); } .contact-item__value a { color:
var(--brand-dark); text-decoration: none; transition:
var(--transition); } .contact-item__value a:hover { color:
var(--brand-gold); } /*
============================================================ EHO
FOOTER ============================================================
*/ .faq-eho { text-align: center; margin-top: 48px; padding-top:
28px; border-top: 1px solid var(--brand-light-gray); } .eho-badge {
display: inline-flex; align-items: center; gap: 10px; font-size:
0.78rem; color: var(--brand-muted); font-family:
var(--font-heading); font-weight: 500; } .eho-badge__logo { width:
32px; height: 32px; background: var(--brand-dark); border-radius:
4px; display: flex; align-items: center; justify-content: center;
flex-shrink: 0; } .eho-badge__logo svg { width: 20px; height: 20px;
fill: var(--brand-white); } /*
============================================================
RESPONSIVE
============================================================ */
@media (max-width: 600px) { .faq-hero { padding: 52px 16px 44px; }
.geo-intro { padding: 22px 20px; } .faq-page { padding: 40px 16px
60px; } .faq-cta { padding: 32px 20px; } .faq-item__question {
font-size: 0.9rem; padding: 16px 18px; } .faq-item__answer-inner {
padding: 0 18px 18px; padding-top: 14px; } .faq-contact-strip {
flex-direction: column; align-items: flex-start; } } </style>
</head> <body>
<header class="faq-hero" role="banner"> <p
class="faq-hero__eyebrow">Odessa, Texas · 79765</p> <h1
class="faq-hero__title"> Frequently Asked
