/* =========================================================
   VALENZUELA PROPIEDADES — V53
   Footer con el mismo margen horizontal nuevo del sitio.
   El fondo permanece full-width; solo se centra el contenido.
   ========================================================= */

/* Escritorio grande: misma caja de 1096px usada en Navbar/Hero/etc. */
@media (min-width:1366px){
  .page-wrap > footer{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .page-wrap > footer > .container-xl{
    box-sizing:border-box !important;
    width:min(1096px, calc(100% - 48px)) !important;
    max-width:1096px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .page-wrap > footer .footer-grid,
  .page-wrap > footer .footer-bottom{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* Notebook / escritorio intermedio: mismo margen usado en las demás secciones. */
@media (min-width:1200px) and (max-width:1365.98px){
  .page-wrap > footer{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .page-wrap > footer > .container-xl{
    box-sizing:border-box !important;
    width:calc(100% - 180px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .page-wrap > footer .footer-grid,
  .page-wrap > footer .footer-bottom{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* Tablet y móvil mantienen los márgenes responsivos ya usados por el sitio. */
@media (min-width:768px) and (max-width:1199.98px){
  .page-wrap > footer > .container-xl{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }
}

@media (max-width:767.98px){
  .page-wrap > footer > .container-xl{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}