@charset "UTF-8";
/* ==========================================================================
   M&M Propiedades - home.css
   Extraido LITERALMENTE del segundo bloque <style> de indexV6.html
   (tarjetas de desarrollos, grilla destacada y carrusel "en movimiento").
   Se carga DESPUES de site.css, igual que en el original.
   ========================================================================== */
/* ===== INDEX V6 · DESARROLLOS REALES ===== */
.home-developments{padding:96px 0;background:var(--paper)}
.home-featured-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  max-width:1080px;
  margin:0 auto;
}
.home-developments .dev-card,
.home-active-developments .dev-card{
  min-width:0;
  cursor:default;
  height:100%;
}
.home-developments .dev-card-link,
.home-active-developments .dev-card-link{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  color:inherit;
}
.home-developments .dev-photo,
.home-active-developments .dev-photo{
  aspect-ratio:16/10;
}
.home-developments .dev-photo::after,
.home-active-developments .dev-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:44%;
  background:linear-gradient(to top,rgba(9,15,36,.42),transparent);
  pointer-events:none;
  z-index:2;
}
.home-developments .dev-photo img,
.home-active-developments .dev-photo img{
  position:relative;
  z-index:1;
}
.home-developments .dev-photo .ph-label,
.home-active-developments .dev-photo .ph-label{
  z-index:0;
}
.home-developments .dev-photo.img-missing,
.home-active-developments .dev-photo.img-missing{
  background:linear-gradient(135deg,var(--navy-l),var(--navy-d));
}
.home-developments .dev-tag,
.home-active-developments .dev-tag{
  z-index:3;
}
.home-developments .tag-prelanzamiento,
.home-developments .tag-construccion,
.home-active-developments .tag-prelanzamiento,
.home-active-developments .tag-construccion{
  background:linear-gradient(90deg,var(--acc),var(--acc-l));
  color:#fff;
}
.home-developments .tag-aentregar,
.home-active-developments .tag-aentregar{
  background:linear-gradient(90deg,#2563eb,#38bdf8);
  color:#fff;
}
.home-developments .tag-terminado,
.home-active-developments .tag-terminado{
  background:rgba(255,255,255,.94);
  color:var(--navy);
}
.home-developments .dev-body,
.home-active-developments .dev-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  overflow:hidden;
  padding:22px;
}
.home-developments .dev-body h3,
.home-active-developments .dev-body h3{
  font-size:1.28rem;
  margin-bottom:7px;
}
.home-developments .dev-loc,
.home-active-developments .dev-loc{
  align-items:flex-start;
  min-height:2.5em;
  line-height:1.45;
  margin-bottom:14px;
}
.home-developments .dev-loc svg,
.home-active-developments .dev-loc svg{
  flex:0 0 15px;
  margin-top:2px;
}
.home-developments .dev-summary,
.home-active-developments .dev-summary{
  color:var(--slate);
  font-size:.9rem;
  line-height:1.62;
  margin:0 0 18px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.home-developments .dev-meta,
.home-active-developments .dev-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding-top:16px;
  margin-top:auto;
  border-top:1px solid var(--line);
  min-width:0;
}
.home-developments .dev-meta>div,
.home-active-developments .dev-meta>div{
  min-width:0;
  min-height:68px;
  padding:10px 8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#f7f8fb;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  color:var(--slate);
}
.home-developments .dev-meta b,
.home-active-developments .dev-meta b{
  display:block;
  max-width:100%;
  margin-bottom:5px;
  color:var(--ink);
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.015em;
  text-transform:uppercase;
  white-space:normal;
  overflow-wrap:anywhere;
}
.home-developments .dev-meta span,
.home-active-developments .dev-meta span{
  display:block;
  max-width:100%;
  color:var(--slate);
  font-size:.58rem;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.045em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.home-developments .dev-meta .meta-price,
.home-active-developments .dev-meta .meta-price{
  background:linear-gradient(145deg,#f5f8ff,#edf4ff);
  border-color:rgba(59,130,246,.24);
}
.home-developments .dev-meta .meta-price b,
.home-active-developments .dev-meta .meta-price b{
  color:#1859b8;
}
.home-developments .dev-features,
.home-active-developments .dev-features{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}
.home-developments .dev-features span,
.home-active-developments .dev-features span{
  font-size:.69rem;
  font-weight:600;
  color:#44506a;
  background:var(--paper);
  border:1px solid var(--line);
  padding:5px 8px;
  border-radius:100px;
  line-height:1.2;
}
.home-developments .dev-action,
.home-active-developments .dev-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--line);
  color:var(--navy);
  font-size:.84rem;
  font-weight:700;
}
.home-developments .dev-action svg,
.home-active-developments .dev-action svg{
  width:17px;
  height:17px;
  stroke:var(--acc);
  transition:transform .25s;
}
.home-developments .dev-card:hover .dev-action,
.home-active-developments .dev-card:hover .dev-action{
  color:var(--acc);
}
.home-developments .dev-card:hover .dev-action svg,
.home-active-developments .dev-card:hover .dev-action svg{
  transform:translateX(4px);
}

/* El carrusel conserva el lenguaje visual, pero se mantiene compacto. */
.home-active-developments .car-track{
  gap:24px;
  animation-duration:82s;
}
.home-active-developments .dev-card{
  flex:0 0 350px;
}
.home-active-developments .dev-summary{
  -webkit-line-clamp:2;
  min-height:2.95em;
}
.home-active-developments .dev-features{
  display:none;
}
.home-active-developments .dev-meta>div{
  min-height:62px;
  padding:9px 7px;
}
.home-active-developments .dev-action{
  margin-top:15px;
  padding-top:14px;
}
.home-active-developments .dev-cta-banner{
  margin-top:52px;
}

/* Jerarquía y respiración del bloque principal. */
.home-developments .devg-head{
  margin-bottom:42px;
}
.home-developments .devg-head p{
  max-width:480px;
}
.home-developments .dev-foot{
  margin-top:42px;
}

@media(max-width:900px){
  .home-featured-grid{grid-template-columns:1fr}
  .home-developments .dev-card{
    max-width:720px;
    width:100%;
    margin:0 auto;
  }
}
@media(max-width:620px){
  .home-developments,
  .home-active-developments{padding:76px 0}
  .home-developments .dev-meta,
  .home-active-developments .dev-meta{
    gap:7px;
  }
  .home-developments .dev-meta>div,
  .home-active-developments .dev-meta>div{
    min-height:64px;
    padding:9px 7px;
  }
  .home-developments .dev-meta b,
  .home-active-developments .dev-meta b{
    font-size:.76rem;
  }
  .home-active-developments .dev-card{
    flex-basis:86vw;
  }
  .home-active-developments .dev-cta-banner{
    margin-top:38px;
  }
}
@media(max-width:390px){
  .home-developments .dev-meta,
  .home-active-developments .dev-meta{
    grid-template-columns:1fr 1fr;
  }
  .home-developments .dev-meta>div:last-child,
  .home-active-developments .dev-meta>div:last-child{
    grid-column:1/-1;
  }
}