/* Brighter editorial surfaces for SEO and Hosting only.
   Original local illustrations; no stock photographs, extra library or CDN. */
.olp-service-refresh .olp-composition{
  --muted-foreground:#bcc8db;
  --warm:#9dbbff;
  --accent:var(--warm);
  --border:#34465f;
}
.olp-service-refresh #main-content{background:#0d1523}
.olp-service-refresh .olp-composition>section,
.olp-service-refresh .olp-composition>.olp-variant>section{
  background-color:#0d1523!important;
  position:relative;
  isolation:isolate;
}
.olp-service-refresh .olp-composition:nth-child(even)>section,
.olp-service-refresh .olp-composition:nth-child(even)>.olp-variant>section{background-color:#121e30!important}

/* Apps-style radial gradient. Decorative moving backgrounds belong below the hero. */
.olp-section-seo-01>section,
.olp-section-hospedagem-01>section{
  background-image:radial-gradient(ellipse at right,#112044,transparent 70%)!important;
  background-color:#0d1523!important;
}

/* Gradient mesh and very quiet grids break the long black-only scroll. */
.olp-section-seo-04>.olp-variant>section{
  background-image:radial-gradient(ellipse at 100% 0%,#42639366,transparent 65%),linear-gradient(135deg,#182a45,#0e1c31)!important;
}
.olp-section-seo-09>section{
  background-image:radial-gradient(ellipse at 5% 25%,#5374ab70,transparent 55%),radial-gradient(ellipse at 90% 80%,#398b9870,transparent 55%),linear-gradient(125deg,#1a2b46,#102b3c)!important;
}
.olp-section-hospedagem-07>section{
  background-image:linear-gradient(#dce9ff09 1px,transparent 1px),linear-gradient(90deg,#dce9ff09 1px,transparent 1px),radial-gradient(ellipse at 85% 50%,#477ba36b,transparent 65%),linear-gradient(125deg,#172c48,#1a364b)!important;
  background-size:64px 64px,64px 64px,cover,cover;
}
.olp-section-hospedagem-19>section{
  background-image:radial-gradient(ellipse at 5% 10%,#566ea575,transparent 55%),radial-gradient(ellipse at 95% 80%,#277e9080,transparent 60%),linear-gradient(135deg,#203552,#182642)!important;
}

/* Topic-specific original SVGs appear as accessible images below the content. */
.olp-section-seo-16>section{
  background-image:radial-gradient(ellipse at 85% 20%,#31598577,transparent 65%),linear-gradient(125deg,#172a42,#112d40)!important;
}
.olp-section-hospedagem-13>section{
  background-image:radial-gradient(ellipse at 85% 20%,#386b8777,transparent 65%),linear-gradient(125deg,#182b45,#143343)!important;
}
.olp-service-visual{max-width:1120px;margin:64px auto 0;padding:0 24px}
.olp-service-visual img{display:block;width:100%;height:auto;border:1px solid #91b8ee33;border-radius:24px;box-shadow:0 24px 80px #030c2044}
.olp-service-visual figcaption{margin:14px 0 0;font-size:12px;line-height:1.7;color:#bcc8db}
.olp-section-seo-19>section,
.olp-section-hospedagem-23>section{
  background-image:radial-gradient(ellipse at 20% 0%,#5d82be75,transparent 65%),radial-gradient(ellipse at 95% 90%,#4b9baa55,transparent 60%),linear-gradient(130deg,#20324f,#173349)!important;
  border-top:1px solid #88a8d333;
}
.olp-section-hospedagem-23>section>div>div.relative{
  background:linear-gradient(125deg,#203956,#173349)!important;
}
.olp-service-refresh .olp-aifx-section{border-block:1px solid #9bb8e82b}
.olp-service-refresh .olp-aifx-layer.olp-local-stars{
  background:radial-gradient(ellipse at 52% 55%,#14243b 12%,transparent 85%),#1a2d49;
}
/* Keep the selected gradient/grid visible beneath transparent star layers. */
.olp-section-seo-09 .olp-aifx-layer.olp-local-stars,
.olp-section-hospedagem-07 .olp-aifx-layer.olp-local-stars{background:transparent}

/* Dark dots need a lighter blue-slate canvas; text retains the white hierarchy. */
.olp-section-seo-07>section,
.olp-section-hospedagem-09>section{
  background-image:radial-gradient(ellipse at 90% 20%,#52799288,transparent 62%),linear-gradient(125deg,#26394f,#304e63)!important;
}
.olp-service-refresh .olp-rising-dots{overflow:hidden;background:none;--rise-height:800px}
.olp-rising-dot{
  position:absolute;top:100%;width:var(--dot-size);height:var(--dot-size);
  border-radius:50%;background:#03060a;opacity:0;pointer-events:none;
  animation:olp-dots-rise var(--dot-duration) linear var(--dot-delay) infinite;
  animation-play-state:paused;
}
.olp-dots-running .olp-rising-dot{animation-play-state:running}
@keyframes olp-dots-rise{
  0%{opacity:0;transform:translate3d(0,24px,0)}
  12%,78%{opacity:.65}
  100%{opacity:0;transform:translate3d(var(--dot-sway),calc(-1 * var(--rise-height) - 32px),0)}
}
@media(max-width:47.99rem){.olp-rising-dot:nth-child(n+25){display:none}}
@media(prefers-reduced-motion:reduce){.olp-rising-dots{display:none}.olp-rising-dot{animation:none!important}}

@media(max-width:47.99rem){
  .olp-service-visual{margin-top:40px}
  .olp-service-visual img{border-radius:14px}
}
