/* =========================================================
   VALENZUELA PROPIEDADES — V21
   Cards con imágenes más altas + márgenes premium desktop
   ========================================================= */

/* ---------------------------------------------------------
   FOTOS DE LAS PROPIEDADES
   --------------------------------------------------------- */

/* Escritorio estándar */
@media (min-width:1200px){
  .properties-area .property-media{
    height:270px !important;
    min-height:270px !important;
  }

  .properties-area .property-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* Desde notebook grande / 14" en adelante:
   más altura para evitar que la fotografía se vea achatada. */
@media (min-width:1366px){
  .properties-area .property-media{
    height:292px !important;
    min-height:292px !important;
  }
}

/* Full HD / desktop grande */
@media (min-width:1600px){
  .properties-area .property-media{
    height:315px !important;
    min-height:315px !important;
  }
}

/* ---------------------------------------------------------
   MÁRGENES GENERALES Y NAVBAR
   --------------------------------------------------------- */

/*
  1366–1439:
  más aire que V20, pero suficiente ancho para las 3 cards.
*/
@media (min-width:1366px) and (max-width:1439.98px){
  body .container-xl{
    width:calc(100% - 220px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/*
  1440–1599:
  150 px aprox. por lado.
*/
@media (min-width:1440px) and (max-width:1599.98px){
  body .container-xl{
    width:calc(100% - 300px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/*
  1600–1919:
  170 px aprox. por lado.
*/
@media (min-width:1600px) and (max-width:1919.98px){
  body .container-xl{
    width:calc(100% - 340px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/*
  1920+:
  más margen, pero se limita el ancho central para mantener
  una composición elegante y no estirar demasiado las cards.
*/
@media (min-width:1920px){
  body .container-xl{
    width:calc(100% - 400px) !important;
    max-width:1680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Navbar perfectamente alineado con el resto del contenido */
@media (min-width:1366px){
  .main-nav .container-xl{
    display:flex !important;
    align-items:center !important;
  }

  .main-nav .brand-wrap{
    margin-left:0 !important;
    padding-left:0 !important;
  }

  .main-nav .brand-logo{
    margin-left:0 !important;
  }
}

/* Hero sigue full-bleed; solo el contenido interior respeta márgenes */
@media (min-width:1366px){
  .hero,
  .hero-carousel,
  .hero-carousel .carousel-inner,
  .hero-carousel .carousel-item,
  .hero-slide{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Tablet y móvil conservan proporciones compactas */
@media (max-width:1199.98px){
  .properties-area .property-media{
    height:235px !important;
    min-height:235px !important;
  }
}

@media (max-width:767.98px){
  .properties-area .property-media{
    height:250px !important;
    min-height:250px !important;
  }
}