/* =========================================================================
   InmoIA v5 — overrides sobre styles_v4.css (se carga DESPUÉS).
   - Hero a sangre con carrusel de fotos (fundido)
   - Cuadro del formulario más compacto
   - Logo más grande (casita)
   NOTA: el ACENTO vuelve a ser el de v4 (dorado champagne). El logo de la
   casita está recoloreado a carbón + dorado + crema para combinar.
   ========================================================================= */

:root { --header-h: 86px; }

.brand-logo { height: 50px; }

/* ---------- Hero: carrusel de fondo con fundido ---------- */
.hero-bg { opacity: 0; transition: opacity 1.2s ease; filter: saturate(1.03); }
.hero-bg.is-active { opacity: 1; }

/* Velo: la foto se ve a sangre; oscurece lo justo a la izquierda (texto)
   y una franja superior suave (logo/menú legibles sobre foto clara). */
.hero-overlay {
  background:
    linear-gradient(180deg, rgba(15,15,15,.42) 0%, rgba(15,15,15,.14) 14%, rgba(15,15,15,0) 30%),
    linear-gradient(95deg, rgba(15,15,15,.74) 0%, rgba(15,15,15,.46) 36%, rgba(15,15,15,.14) 64%, rgba(15,15,15,0) 100%),
    linear-gradient(180deg, rgba(15,15,15,0) 58%, rgba(15,15,15,.42) 100%);
}
@media (max-width: 980px) {
  .hero-overlay {
    background: linear-gradient(180deg, rgba(15,15,15,.62) 0%, rgba(15,15,15,.4) 36%, rgba(15,15,15,.2) 60%, rgba(15,15,15,.45) 100%);
  }
}

/* ---------- Cuadro del formulario más compacto ---------- */
.form-card { padding: clamp(1.2rem, 2.2vw, 1.65rem); }
.form-title { font-size: 1.4rem; margin-bottom: 1rem; }
.lead-form { gap: .6rem; }
.lead-form label { gap: .25rem; font-size: .7rem; }
.lead-form input[type="text"], .lead-form input[type="tel"], .lead-form input[type="email"] { padding: .68rem .9rem; }
.form-card .btn { padding: .78rem 1.4rem; }
.lead-form .check { font-size: .74rem; }
.form-foot { margin-top: 0; }