/* Dedicated backdrop for the home residency notices section. */
html[data-page="index"] #editais-residencia-medica {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(44px, 5vw, 76px) !important;
  background:
    radial-gradient(ellipse at 4% 4%, rgba(47,128,237,.17), transparent 56%),
    radial-gradient(ellipse at 98% 100%, rgba(0,179,136,.12), transparent 52%),
    linear-gradient(125deg, #edf5ff 0%, #f7fbff 50%, #eaf8f6 100%) !important;
  border-top: 1px solid rgba(47,128,237,.18);
  border-bottom: 1px solid rgba(0,151,139,.18);
}
html[data-page="index"] #editais-residencia-medica::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(rgba(47,128,237,.2) .8px, transparent .8px);
  background-size: 24px 24px;
  opacity: .35;
}
html[data-page="index"] #editais-residencia-medica::after {
  content: "";
  position: absolute;
  top: 0;
  left: 18%;
  right: 18%;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #2f80ed 35%, #00b388 70%, transparent);
}
html[data-page="index"] #editais-residencia-medica > .section-shell { position: relative; z-index: 1; }
html[data-page="index"] #editais-residencia-medica .blog-head { margin-bottom: 28px; }
html[data-page="index"] #editais-residencia-medica .ri-home-editais {
  border: 1px solid rgba(47,128,237,.2) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 24px 60px rgba(24,79,116,.10), 0 1px 0 rgba(255,255,255,.8) inset !important;
}
html[data-page="index"][data-theme="dark"] #editais-residencia-medica {
  background:
    radial-gradient(ellipse at 2% 0%, rgba(47,128,237,.25), transparent 57%),
    radial-gradient(ellipse at 100% 100%, rgba(0,179,136,.17), transparent 54%),
    linear-gradient(125deg, #0c2946 0%, #0b2338 52%, #08343b 100%) !important;
  border-color: rgba(96,185,225,.2);
}
html[data-page="index"][data-theme="dark"] #editais-residencia-medica::before {
  background-image: radial-gradient(rgba(137,204,255,.4) .8px, transparent .8px);
  opacity: .22;
}
html[data-page="index"][data-theme="dark"] #editais-residencia-medica .ri-home-editais {
  background: rgba(7,26,41,.96) !important;
  border-color: rgba(99,187,209,.27) !important;
  box-shadow: 0 24px 60px rgba(0,10,22,.28), 0 1px 0 rgba(149,216,255,.06) inset !important;
}
@media (max-width: 600px) {
  html[data-page="index"] #editais-residencia-medica .ri-home-editais { border-radius: 18px !important; }
  html[data-page="index"] #editais-residencia-medica .blog-head { margin-bottom: 22px; }
}