/* =============================================
   UDAI — widescreen.css
   Congela el layout en 1920px para pantallas
   2K, 4K y superiores.

   Agregar en las páginas que lo necesiten:
   catálogo, propiedad, about, etc.
   
   NO incluir en inmobiliaria.php — esa página
   tiene sus propios fixes 2K en
   responsive_inmobiliaria.css
   
   <link rel="stylesheet" href="css/widescreen.css">
============================================= */

@media (min-width: 1921px) {

  /* Centrar y limitar el body */
  body {
    max-width: 1920px;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
  }

  /* Navbar sticky — se queda dentro del body centrado */
  .navbar {
    position: sticky;
    max-width: 1920px;
  }

  /* Header del catálogo */
  .header {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Fix background en secciones con background cover */
  .seccion-about,
  .hero,
  .seccion-contacto {
    background-size: cover !important;
    background-position: center center !important;
  }
}