header{color:#fff;z-index:10;background-color:#282c34;justify-content:space-between;gap:.75rem;padding:.625rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.item .icon{color:#2cdeb6;flex-shrink:0;margin-right:8px}.item{align-items:center;gap:.25rem;min-width:0;display:flex}.item span{overflow-wrap:anywhere;font-weight:700;line-height:1.3}.brand{font-size:1.5rem}.contact{font-size:1rem}@media (width<=800px){header{flex-direction:column;align-items:stretch}.item{text-align:center;flex-wrap:wrap;justify-content:center;margin-bottom:.5rem}}@media (width<=480px){header{padding:.625rem .75rem}.brand{font-size:1.2rem}.item span{font-size:.9rem}}.title-section{text-align:center;margin:1.25rem 0}.title-section h1,.title-section h2{color:#333;word-break:break-word;border-bottom:.125rem solid #1976d2;max-width:100%;margin:0;padding:.625em;font-size:2.5rem;display:inline-block}@media (width<=600px){.title-section h1,.title-section h2{padding:.4em;font-size:1.5rem}}.property-list{text-align:center;border:1px solid #ccc;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:1.25rem;display:flex}.property{text-align:left;background:#f9f9f9;border:1px solid #aaa;border-radius:6px;margin:8px 0;padding:12px}.property-card{border-radius:.5rem;width:18.75rem;margin:1.25rem;overflow:hidden;box-shadow:0 .25rem .375rem #0000001a}.property-meta{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.property-image-meta{z-index:4;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex;position:absolute;bottom:.5rem;right:.5rem}.property-image{background-position:50%;background-size:cover;height:12.5rem;position:relative}.property-type-label{z-index:2;color:#fff;text-transform:uppercase;background-color:#19d241;border-radius:.3rem;padding:.3rem .6rem;font-size:.95rem;font-weight:bolder;display:inline-block;position:absolute;top:.5rem;left:.5rem}.property-banner{color:#fff;text-align:center;z-index:3;background:#ff3b3b;border-radius:.2rem;padding:.3rem 2.4rem;font-size:.8rem;font-weight:700;display:inline-block;position:absolute;top:.9rem;left:-2.1rem;transform:rotate(-45deg);box-shadow:0 2px 6px #00000040}.icon-with-text{align-items:center;gap:8px;margin-top:8px;display:flex}.icon-with-text .icon{color:#1976d2}.icon-text{color:#555;font-size:.95rem}.icon-with-text.overlay{background:#0000008c;border-radius:.45rem;gap:.3rem;margin-top:0;padding:.2rem .45rem}.icon-with-text.overlay .icon{color:#fff}.icon-with-text.overlay .icon-text{color:#fff;font-size:.8rem}.property-attribute{background:#e0e0e0;border-radius:4px;margin:4px 0;padding:6px 12px;font-size:1rem;display:inline-block}.property-attribute-label{color:#333}.property-attribute-value{color:#222}.property-attribute-value.is-emphasized{color:#22c55e;font-weight:700}.footer{color:#e5e7eb;z-index:20;background:#0f172a;position:fixed;bottom:0;left:0;right:0}.footer-accent{background:linear-gradient(90deg,#22c55e,#06b6d4,#22c55e);height:3px}.footer-inner{text-align:center;grid-template-columns:1fr;gap:1.5rem;max-width:1100px;margin:0 auto;padding:1.25rem 1rem;display:grid}.footer h3,.footer h4{color:#fff;margin-bottom:.7rem}.footer p{color:#cbd5e1;justify-content:center;align-items:center;gap:.45rem;margin:.35rem 0;display:flex}.footer p svg,.socials a svg{animation:3s linear infinite spinIcon}.socials a{color:#cbd5e1;text-decoration:none;transition:color .2s,transform .2s}.socials a:hover{color:#22c55e;transform:translateY(-1px)}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.socials{justify-content:center;gap:.7rem;margin-top:.7rem;display:flex}@media (width<=800px){.footer-inner{grid-template-columns:1fr;gap:.9rem;padding:.9rem .8rem}.footer p{margin:.25rem 0;font-size:.9rem}.footer h3,.footer h4{margin-bottom:.45rem;font-size:1rem}.socials{gap:.5rem;margin-top:.5rem}}@media (width<=480px){.footer-inner{grid-template-columns:1fr;gap:.7rem;padding:.75rem .65rem}.footer p{font-size:.85rem}}html,body,#root{min-height:100%}html{font-size:16px}body{margin:0}.app{flex-direction:column;min-height:100svh;padding-top:4rem;display:flex}.app-main{flex:1;padding-bottom:12rem}@media (width<=800px){.app{padding-top:12rem}.app-main{padding-bottom:14rem}}@media (width<=480px){.app{padding-top:14rem}.app-main{padding-bottom:12rem}}
