@import url('https://googleapis.com');

:root {
    --azul: #102C81;
    --azul-m: #1D5FB0;
    --bege: #D9A066;
    --branco: #ffffff;
    --fundo: #f8f9fa;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; background: var(--fundo); color: #333; }

/* NAVBAR */
nav {
    background: var(--azul);
    padding: 15px 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 4px solid var(--bege);
}
.logo-container img { max-height: 55px; }
.menu-links { list-style: none; display: flex; gap: 25px; align-items: center; }
.menu-links li a { color: #fff; text-decoration: none; font-family: 'Montserrat'; font-size: 14px; text-transform: uppercase; transition: 0.3s; }
.menu-links li a:hover { color: var(--bege); }
.btn-nav-zap { background: #25d366; padding: 10px 20px; border-radius: 30px; font-weight: bold !important; }

/* GRID INDEX - FOTOS GRANDES */
.grid-imoveis { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 30px; padding: 40px 5%; }
.card { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.1); position: relative; transition: 0.3s; }
.card:hover { transform: translateY(-10px); }
.card-img-container { width: 100%; height: 280px; overflow: hidden; } /* ALTURA DO INDEX */
.card-img-container img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.card:hover img { transform: scale(1.05); }
.card-tag { position: absolute; top: 15px; left: 15px; background: rgba(16,44,129,0.9); color: var(--bege); padding: 5px 12px; border-radius: 5px; font-weight: bold; font-size: 12px; z-index: 10; }

.card-body { padding: 25px; }
.card-titulo { font-size: 20px; color: var(--azul); margin-bottom: 15px; font-family: 'Montserrat'; font-weight: 700; }
.atributos-grid-compacto { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 15px 0; border-top: 1px dashed #ddd; margin-bottom: 15px; }
.atributos-grid-compacto span { font-size: 13px; color: #666; display: flex; align-items: center; gap: 8px; }
.atributos-grid-compacto i { color: var(--bege); }
.preco-index { font-size: 24px; font-weight: 800; color: var(--azul-m); display: block; margin-bottom: 15px; }
.btn-ver-mais { display: block; background: var(--azul); color: #fff; text-align: center; padding: 12px; border-radius: 8px; text-decoration: none; font-weight: bold; }

/* FOOTER */
footer { background: var(--azul); color: #fff; text-align: center; padding: 50px 5%; border-top: 5px solid var(--bege); margin-top: 50px; }