/* Shell mínimo de carta (Fase 9 + fix classic).
   Sustituye Metronic layout3 sin romper el .container de Bootstrap
   (márgenes laterales / ancho boxed). Modern sigue anulando vía modern.css. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body.page-container-bg-solid,
body.page-boxed {
  margin: 0;
  min-height: 100%;
}

.page-container,
.page-content-wrapper,
.page-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

/* Metronic layout3: padding vertical del área de contenido */
.page-content {
  padding: 15px 0;
}

/* Bootstrap .container: centrado + gutters (NO anular padding/max-width) */
.page-content > .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

@media (min-width: 768px) {
  .page-content > .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .page-content > .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .page-content > .container {
    width: 1170px;
  }
}

@media (max-width: 991px) {
  .page-content {
    padding-top: 0;
  }
  .page-content > .container {
    width: 100%;
    max-width: none;
  }
}

.page-content-inner {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.page-content-inner.pad-top {
  padding-top: 0;
}

.page-footer {
  min-height: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}