/* =========================================================
   VALENZUELA PROPIEDADES — V54
   Páginas internas con la misma caja horizontal del INDEX.

   Aplica a:
   - nosotros.php
   - servicios.php
   - inversiones.php
   - propiedades.php
   - contacto.php
   - detalle.php

   Escritorio grande: 1096px centrados.
   Escritorio 1200–1365px: 100% - 180px.
   El fondo de navbar/footer/secciones sigue ocupando todo el ancho;
   solo se alinea su contenido interior.
   ========================================================= */

/* ---------- ESCRITORIO GRANDE ---------- */
@media (min-width:1366px){
  body.internal-index-shell{
    --vp-index-content-width:1096px;
  }

  /* V29 desplazaba el header completo con gutters laterales.
     INDEX mantiene el fondo full-width y centra solo su contenido. */
  body.internal-index-shell .top-strip,
  body.internal-index-shell .main-nav,
  body.internal-index-shell .main-nav.compact{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  /* Navbar / barra superior: mismo margen del INDEX. */
  body.internal-index-shell .top-strip > .container-xl,
  body.internal-index-shell .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl{
    box-sizing:border-box !important;
    width:min(var(--vp-index-content-width), calc(100% - 48px)) !important;
    max-width:var(--vp-index-content-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Todas las secciones de las páginas internas. */
  body.internal-index-shell .internal-v16-main .container-xl{
    box-sizing:border-box !important;
    width:min(var(--vp-index-content-width), calc(100% - 48px)) !important;
    max-width:var(--vp-index-content-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Footer: fondo completo + contenido con el mismo margen. */
  body.internal-index-shell .home-footer{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body.internal-index-shell .home-footer > .container-xl{
    box-sizing:border-box !important;
    width:min(var(--vp-index-content-width), calc(100% - 48px)) !important;
    max-width:var(--vp-index-content-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* ---------- NOTEBOOK / ESCRITORIO INTERMEDIO ---------- */
@media (min-width:1200px) and (max-width:1365.98px){
  body.internal-index-shell .top-strip,
  body.internal-index-shell .main-nav,
  body.internal-index-shell .main-nav.compact{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  body.internal-index-shell .top-strip > .container-xl,
  body.internal-index-shell .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl,
  body.internal-index-shell .internal-v16-main .container-xl,
  body.internal-index-shell .home-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;
  }

  body.internal-index-shell .home-footer{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* ---------- TABLET ---------- */
@media (min-width:768px) and (max-width:1199.98px){
  body.internal-index-shell .internal-v16-main .container-xl,
  body.internal-index-shell .home-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;
  }
}

/* ---------- MÓVIL ---------- */
@media (max-width:767.98px){
  body.internal-index-shell .internal-v16-main .container-xl,
  body.internal-index-shell .home-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;
  }
}