/* Safe shared base. Page-specific inline CSS still owns final visual decisions. */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

a {
  color: inherit;
}

img {
  max-width: 100%;
}

.container,
.pf-container {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.pf-page-shell {
  min-height: 100vh;
  background: linear-gradient(180deg, var(--pf-azul-profundo), var(--pf-azul-escuro));
  color: var(--pf-branco);
  font-family: var(--pf-font-body);
}