/* Material perlado de las verticales NAVOA.
   Aplicado solo en Clínicas/Hospitales y Laboratorios; la Home queda intacta. */
.clinic-hero .hero-orb__sphere{
  --vertical-pearl:#f7f8fb;
  --vertical-silver:#d7dce5;
  --vertical-blue-mist:#b9c6dc;
  --vertical-blue-mid:#879bbd;
  --vertical-blue-shadow:#536b94;
  border:0!important;
  outline:0!important;
  background:
    radial-gradient(ellipse at 23% 16%,rgba(255,255,255,.96) 0 8%,rgba(247,249,253,.62) 17%,transparent 37%),
    radial-gradient(ellipse at 49% 48%,rgba(225,229,237,.78) 0 19%,rgba(194,204,219,.42) 44%,transparent 68%),
    radial-gradient(ellipse at 73% 83%,rgba(68,89,126,.64) 0 11%,rgba(102,125,163,.42) 26%,transparent 55%),
    linear-gradient(142deg,var(--vertical-pearl) 0%,var(--vertical-silver) 38%,var(--vertical-blue-mist) 67%,var(--vertical-blue-shadow) 100%)!important;
  box-shadow:
    inset 40px 35px 98px rgba(255,255,255,.34),
    inset -66px -74px 132px rgba(51,68,99,.5),
    inset 0 0 70px rgba(255,255,255,.08),
    0 34px 86px rgba(17,31,56,.3)!important;
  animation:navoa-vertical-volume 24s cubic-bezier(.45,0,.55,1) infinite alternate!important;
}

.clinic-hero .hero-orb__sphere::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-31%;
  border-radius:50%;
  opacity:.86;
  background:
    radial-gradient(ellipse at 27% 20%,rgba(255,255,255,.9) 0 8%,rgba(239,243,250,.48) 17%,transparent 34%),
    radial-gradient(ellipse at 72% 24%,rgba(169,184,208,.44) 0 10%,rgba(137,157,190,.24) 21%,transparent 39%),
    radial-gradient(ellipse at 27% 73%,rgba(213,220,233,.66) 0 9%,rgba(145,164,195,.28) 21%,transparent 39%),
    radial-gradient(ellipse at 76% 79%,rgba(70,92,131,.7) 0 10%,rgba(91,116,157,.4) 23%,transparent 42%),
    radial-gradient(ellipse at 51% 54%,rgba(247,248,251,.46) 0 12%,rgba(176,190,212,.2) 27%,transparent 47%),
    conic-gradient(from 8deg,rgba(245,247,251,.2),transparent 16% 32%,rgba(118,139,174,.2) 46%,transparent 59% 77%,rgba(255,255,255,.22) 91%,rgba(245,247,251,.2));
  filter:blur(17px)!important;
  transform-origin:50% 50%;
  animation:navoa-vertical-material 50.4s linear infinite!important;
  will-change:transform;
}

.clinic-hero .hero-orb__sphere::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:-1%;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 18%,rgba(255,255,255,.68) 0 6%,rgba(255,255,255,.22) 15%,transparent 33%),
    radial-gradient(ellipse at 67% 68%,rgba(122,141,172,.16) 0 17%,transparent 42%),
    radial-gradient(ellipse at 39% 76%,rgba(237,241,248,.3) 0 9%,transparent 30%);
  box-shadow:none!important;
  filter:blur(7px);
  transform-origin:50% 50%;
  animation:navoa-vertical-specular 34s cubic-bezier(.45,0,.55,1) infinite alternate!important;
  will-change:transform,opacity;
}

.clinic-hero .hero-orb__atmosphere{
  inset:-5%!important;
  opacity:.18!important;
  background:radial-gradient(circle,transparent 0 79%,rgba(210,220,236,.22) 90%,transparent 100%)!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:blur(15px)!important;
  animation:none!important;
}

@keyframes navoa-vertical-material{
  0%{transform:rotate(0deg) scale(1.015) translate3d(-1.1%,.3%,0)}
  25%{transform:rotate(-90deg) scale(1.025) translate3d(.6%,-.8%,0)}
  50%{transform:rotate(-180deg) scale(1.018) translate3d(1%,.5%,0)}
  75%{transform:rotate(-270deg) scale(1.028) translate3d(-.4%,.9%,0)}
  100%{transform:rotate(-360deg) scale(1.015) translate3d(-1.1%,.3%,0)}
}

@keyframes navoa-vertical-specular{
  0%{transform:translate3d(-2.2%,-1.2%,0) rotate(-8deg) scale(1.025);opacity:.66}
  50%{transform:translate3d(1.4%,1.8%,0) rotate(8deg) scale(1.04);opacity:.9}
  100%{transform:translate3d(2.6%,-.4%,0) rotate(19deg) scale(1.03);opacity:.72}
}

@keyframes navoa-vertical-volume{
  from{transform:translate3d(-.22%,-.28%,0) scale(1)}
  to{transform:translate3d(.28%,.32%,0) scale(1.007)}
}

@media(max-width:767px){
  .clinic-hero .hero-orb__sphere::before{filter:blur(13px)!important}
  .clinic-hero .hero-orb__sphere::after{filter:blur(5px)}
}

@media(prefers-reduced-motion:reduce){
  .clinic-hero .hero-orb__sphere,
  .clinic-hero .hero-orb__sphere::before,
  .clinic-hero .hero-orb__sphere::after{
    animation:none!important;
  }
}