/* Fundo compartilhado. A textura e o padrão de linhas são incorporados (SVG embutido
   em data-URI), sem acesso a outros sites.
   --portal-pattern: composição decorativa de arcos concêntricos (cinza, --line) + anéis
   e cápsulas em destaque (verde --mint do site), bem fraquinha/quase imperceptível —
   é só uma textura de fundo, não pode competir com o conteúdo. Baseado numa referência
   visual do cliente; os traços laranja da referência viraram o verde-menta da marca. */
:root {
  --portal-gradient: linear-gradient(135deg, #faf9f5 0%, #f7f9f7 10%, #e8f5ef 100%);
  --portal-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.01' filter='url(%23n)'/%3E%3C/svg%3E");
  --portal-pattern: url("data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201500%201000%22><style>.a%7Bfill:none;stroke:%23dde2dd;stroke-width:2.2;opacity:0.01%7D.b%7Bfill:none;stroke:%232fd9ac;stroke-width:5.5;opacity:0.06%7D.c%7Bfill:none;stroke:%232fd9ac;stroke-width:4;opacity:0.10%7D</style><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22360.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22500.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22650.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22810.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22980.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221160.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221360.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221600.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221900.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22360.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22500.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22650.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22810.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22980.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%221160.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%221360.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%221600.0%22%20class=%22a%22/><circle%20cx=%22352.0%22%20cy=%2283.0%22%20r=%2231.0%22%20class=%22b%22/><circle%20cx=%221027.0%22%20cy=%22100.0%22%20r=%2223.0%22%20class=%22b%22/><circle%20cx=%2248.0%22%20cy=%22365.0%22%20r=%2212.0%22%20class=%22c%22/><circle%20cx=%22202.0%22%20cy=%22870.0%22%20r=%2287.0%22%20class=%22b%22/><circle%20cx=%221387.0%22%20cy=%22605.0%22%20r=%2264.0%22%20class=%22b%22/><circle%20cx=%22982.0%22%20cy=%22865.0%22%20r=%2226.0%22%20class=%22b%22/><g%20transform=%22translate%28-46.5,780.0%29%20rotate%28-35.0%29%22><rect%20x=%220%22%20y=%22-47.5%22%20width=%22340.0%22%20height=%2295.0%22%20rx=%2247.5%22%20class=%22b%22/></g><g%20transform=%22translate%28419.4,695.9%29%20rotate%28-35.0%29%22><rect%20x=%220%22%20y=%22-56.0%22%20width=%22760.0%22%20height=%22112.0%22%20rx=%2256.0%22%20class=%22b%22/></g></svg>");
}
[data-page-theme="dark"] {
  --portal-gradient: linear-gradient(155deg, #172e27 0%, #11261f 48%, #0b1d18 100%);
  --portal-pattern: url("data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201500%201000%22><style>.a%7Bfill:none;stroke:%23ffffff;stroke-width:2.2;opacity:0.006%7D.b%7Bfill:none;stroke:%232fd9ac;stroke-width:5.5;opacity:0.012%7D.c%7Bfill:none;stroke:%232fd9ac;stroke-width:4;opacity:0.012%7D</style><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22360.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22500.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22650.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22810.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%22980.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221160.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221360.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221600.0%22%20class=%22a%22/><circle%20cx=%22-260.0%22%20cy=%22-160.0%22%20r=%221900.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22360.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22500.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22650.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22810.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%22980.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%221160.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%221360.0%22%20class=%22a%22/><circle%20cx=%221900.0%22%20cy=%221320.0%22%20r=%221600.0%22%20class=%22a%22/><circle%20cx=%22352.0%22%20cy=%2283.0%22%20r=%2231.0%22%20class=%22b%22/><circle%20cx=%221027.0%22%20cy=%22100.0%22%20r=%2223.0%22%20class=%22b%22/><circle%20cx=%2248.0%22%20cy=%22365.0%22%20r=%2212.0%22%20class=%22c%22/><circle%20cx=%22202.0%22%20cy=%22870.0%22%20r=%2287.0%22%20class=%22b%22/><circle%20cx=%221387.0%22%20cy=%22605.0%22%20r=%2264.0%22%20class=%22b%22/><circle%20cx=%22982.0%22%20cy=%22865.0%22%20r=%2226.0%22%20class=%22b%22/><g%20transform=%22translate%28-46.5,780.0%29%20rotate%28-35.0%29%22><rect%20x=%220%22%20y=%22-47.5%22%20width=%22340.0%22%20height=%2295.0%22%20rx=%2247.5%22%20class=%22b%22/></g><g%20transform=%22translate%28419.4,695.9%29%20rotate%28-35.0%29%22><rect%20x=%220%22%20y=%22-56.0%22%20width=%22760.0%22%20height=%22112.0%22%20rx=%2256.0%22%20class=%22b%22/></g></svg>");
}
.content-area > main,
.content-main,
body.portal-public {
  background-image: var(--portal-grain), var(--portal-pattern), var(--portal-gradient);
  background-size: 160px 160px, cover, 100% 100%;
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: 0 0, top center, 0 0;
  background-attachment: scroll, fixed, scroll;
}
/* No escuro, o mesmo fundo atravessa cabeçalho e conteúdo, acompanhando
   os tons da sidebar. As formas permanecem apenas como uma textura discreta. */
[data-page-theme="dark"] body {
  background-image: var(--portal-gradient);
  background-attachment: fixed;
}
[data-page-theme="dark"] .content-area > main,
[data-page-theme="dark"] .content-main {
  background-color: transparent;
  background-image: var(--portal-grain), var(--portal-pattern);
  background-size: 160px 160px, cover;
  background-repeat: repeat, no-repeat;
  background-position: 0 0, top center;
  background-attachment: scroll, fixed;
}
@media print {
  [data-page-theme="dark"] body { background: #fff !important; }
  .content-area > main, .content-main, body.portal-public { background: #fff !important; }
}