/* =========================================================
   VALENZUELA PROPIEDADES — V23
   MARGEN EN NAVBAR/CONTENIDO, PERO NO EN HERO NI FOOTER
   ========================================================= */

@media (min-width:1366px){

  /*
    V22 deja un marco lateral en .page-wrap.
    Aquí Hero y Footer salen de ese marco para volver a ocupar
    todo el ancho de la pantalla.
  */

  .page-wrap > .hero{
    width:calc(100% + (var(--vp-frame-gutter) * 2)) !important;
    max-width:none !important;
    margin-left:calc(var(--vp-frame-gutter) * -1) !important;
    margin-right:calc(var(--vp-frame-gutter) * -1) !important;
  }

  .page-wrap > footer{
    width:calc(100% + (var(--vp-frame-gutter) * 2)) !important;
    max-width:none !important;
    margin-left:calc(var(--vp-frame-gutter) * -1) !important;
    margin-right:calc(var(--vp-frame-gutter) * -1) !important;
  }

  /* Hero realmente full width */
  .page-wrap > .hero,
  .page-wrap > .hero .hero-carousel,
  .page-wrap > .hero .carousel-inner,
  .page-wrap > .hero .carousel-item,
  .page-wrap > .hero .hero-slide{
    width:100% !important;
    max-width:100% !important;
  }

  /*
    El texto del Hero conserva solo un padding interno discreto.
    No hereda el gran margen exterior de las secciones.
  */
  .page-wrap > .hero .container-xl{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }

  /*
    Footer: fondo a ancho completo, sin bandas blancas laterales.
    El contenido mantiene padding interior para legibilidad.
  */
  .page-wrap > footer > .container-xl{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }

  /*
    Navbar y el resto de las secciones SÍ conservan el margen V22.
  */
  .main-nav,
  .top-strip{
    left:var(--vp-frame-gutter) !important;
    right:var(--vp-frame-gutter) !important;
    width:auto !important;
  }
}

/* 1920+:
   V22 centra el marco con max-width 1672px.
   Hero/Footer deben volver a abarcar los 1920px completos. */
@media (min-width:1920px){
  .page-wrap > .hero,
  .page-wrap > footer{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc((100vw - 1672px) / -2) !important;
    margin-right:calc((100vw - 1672px) / -2) !important;
  }
}

/* Tablet/móvil: sin cambios respecto al diseño responsive original */
@media (max-width:1365.98px){
  .page-wrap > .hero,
  .page-wrap > footer{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}