/* Shared Hola proportions, using the long-name sister header scale. */
:root{--accent:#6d28d9;--secondary:#5920af;--brand:#6d28d9}
header.family-header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:#ffffffe8;backdrop-filter:blur(24px)}
header.family-header .brand{display:flex;align-items:center;gap:15px;min-width:0;flex:none}
header.family-header .brand .brand-logo{display:block;width:258px;max-width:258px;height:auto;object-fit:contain}
.header-skyline{display:block;flex:none;width:92px;height:37px;color:var(--secondary);overflow:visible}
header.family-header nav{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid #1717200b;border-radius:40px;background:#fff9;font-size:14px;white-space:nowrap}
header.family-header nav a{padding:9px 14px;border-radius:24px}
header.family-header nav a:hover{background:#f3ebff;color:var(--secondary)}
header.family-header .language-switch{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;font-size:13px}
.saved-link{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}
.saved-link b{display:grid;place-items:center;background:#f3ebff;min-width:25px;height:25px;border-radius:50%}
.mobile-menu-sheet{line-height:1.45}.mobile-menu-sheet .eyebrow{margin:0;color:var(--secondary)}
.mobile-menu-sheet .header-skyline{width:108px;height:40px;opacity:.9}
@media(min-width:901px) and (max-width:1180px){header.family-header .header-skyline{width:65px}header.family-header{gap:10px;padding-inline:3%}header.family-header .brand .brand-logo{width:220px}header.family-header nav{font-size:13px}header.family-header nav a{padding:9px 8px}}
@media(max-width:900px){header.family-header{display:grid;margin:8px 10px 0;border:1px solid #e3d5f2b8;border-radius:22px;min-height:66px;height:66px;padding:10px 14px;grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px;top:8px;background:#ffffffdb;box-shadow:0 5px 24px #1b506b09}header.family-header nav,header.family-header .saved-link{display:none}header.family-header .brand{gap:8px}header.family-header .brand .brand-logo{width:204px;max-width:204px}header.family-header .header-skyline{width:65px;height:30px}header.family-header .language-switch{width:31px;height:31px;font-size:10px}}
@media(max-width:600px){.footer-end{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:15px}.footer-end>a{width:100%;justify-content:center}.footer-end p{margin:0}.footer-links{flex-wrap:wrap}.mobile-menu-sheet .header-skyline{width:92px}}
@media(max-width:480px){header.family-header{padding:9px 11px;column-gap:8px}header.family-header .brand{gap:7px}header.family-header .brand .brand-logo{width:169px;max-width:169px}header.family-header .header-skyline{width:47px;height:26px}header.family-header .mobile-menu-toggle>span{display:none}header.family-header .mobile-menu-toggle{padding:6px}}
@media(max-width:360px){header.family-header{padding:8px;column-gap:6px}header.family-header .brand{gap:5px}header.family-header .brand .brand-logo{width:151px;max-width:151px}header.family-header .header-skyline{width:36px}}

/* Same footer hierarchy and spacing as Hola Raleigh, with New Orleans colors. */
footer.family-footer{padding:48px 5% 32px;border-top:3px solid var(--brand);background:#f7f4fa;line-height:1.5}
footer.family-footer .brand{display:inline-flex;align-items:center}
footer.family-footer .brand-logo{display:block;width:280px;max-width:100%;height:auto}
footer.family-footer .hola-footer-promise{font-size:14px;letter-spacing:-.15px;color:var(--muted);margin:14px 0}
footer.family-footer .footer-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:28px;font-size:13px;font-weight:400;margin:30px 0}
footer.family-footer a{text-underline-offset:5px}
footer.family-footer a:not(.brand):hover{text-decoration:underline;text-decoration-color:var(--brand)}
footer.family-footer .hola-family{margin:0}
footer.family-footer .hola-family .sister-city{color:inherit}
footer.family-footer .footer-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:8px 0 0;padding-top:18px;border-top:1px solid var(--line)}
footer.family-footer .footer-bottom small{margin:0;color:var(--muted);font-size:11px}
footer.family-footer .hola-parent-link{display:inline-flex;align-items:center;gap:8px;color:#7c827e;font-size:11px;white-space:nowrap}
footer.family-footer .hola-parent-link strong{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#19191f;letter-spacing:-.7px;margin-left:3px}
footer.family-footer .parent-cities{color:#b77e14}
footer.family-footer .parent-h{display:flex;align-items:center;justify-content:center;background:#19191f;color:#fff;border-radius:50%;width:22px;height:22px;font:bold 20px/1 Arial,sans-serif}
footer.family-footer .powered-footer{display:inline-flex;flex-direction:row;align-items:center;gap:5px;padding:0;border:0;background:transparent;white-space:nowrap;box-shadow:none;line-height:1.15;text-decoration:none}
footer.family-footer .powered-footer>span{font-size:10px;color:var(--muted)}
footer.family-footer .powered-footer strong{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--muted)}
footer.family-footer .powered-footer img{display:block;width:12px;height:12px;object-fit:contain}
footer.family-footer .powered-footer:hover strong{color:var(--ink)}
footer.family-footer a:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
@media(max-width:700px){
 footer.family-footer .footer-links{flex-direction:column;gap:14px}
 footer.family-footer .footer-bottom{flex-wrap:wrap;justify-content:center;gap:18px;text-align:center}
 footer.family-footer .hola-parent-link{font-size:10px;justify-content:center}
 footer.family-footer .footer-bottom .powered-footer{flex:0 0 100%;width:100%;display:flex;align-items:center;justify-content:center;align-self:center;margin:7px auto 0;text-align:center}
}
