/* Material compartido con las capacidades; no altera la geometría del carrusel. */
.services-section .service-card,.intro-section .principle,.process-section .process-card{
  --glass-optics:blur(0px);--glass-blur:6px;--glass-saturation:112%;--glass-tint-rgb:222,229,236;--glass-tint-alpha:.58;
  isolation:isolate;background:transparent;border-color:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 12px 32px rgba(30,47,77,.065);
}
.services-section .service-card::before,.intro-section .principle::before,.process-section .process-card::before{
  content:"";display:block;position:absolute;inset:0;width:auto;height:auto;
  z-index:0;pointer-events:none;border:0;border-radius:inherit;
  animation:none;transform:none;
  background:linear-gradient(145deg,rgba(var(--glass-tint-rgb),.32),rgba(var(--glass-tint-rgb),var(--glass-tint-alpha)) 54%,rgba(var(--glass-tint-rgb),.44));
  backdrop-filter:var(--glass-optics) blur(var(--glass-blur)) saturate(var(--glass-saturation));
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));
}
.services-section .service-card::after,.intro-section .principle::after,.process-section .process-card::after{
  content:"";display:block;position:absolute;inset:0;width:auto;height:auto;
  z-index:0;pointer-events:none;border:0;border-radius:inherit;animation:none;transform:none;
  background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 22%,transparent 76%,rgba(255,255,255,.14));
  box-shadow:inset 0 2px 5px rgba(255,255,255,.85),inset 2px 0 7px rgba(255,255,255,.6),inset -2px -3px 7px rgba(126,170,198,.12);
}
.services-section .service-card>*,.intro-section .principle>*,.process-section .process-card>*{z-index:1}
.services-section .service-card>h3,.services-section .service-card>p,.services-section .service-card>.card-link,
.intro-section .principle>.principle-copy,.process-section .process-card>h3,.process-section .process-card>p{position:relative}
.services-section .service-card:hover,.services-section .service-card:focus-within,
.intro-section .principle:hover,.intro-section .principle:focus-within{
  --glass-tint-alpha:.5;background:transparent;border-color:transparent;
  box-shadow:0 20px 38px rgba(53,92,125,.11);
}
/* La tarjeta activa conserva el vidrio; las laterales siguen siendo claras. */
.process-section .process-card:not(.is-active){--glass-tint-alpha:.4}
.services-section .service-grid,.intro-section .principles,.process-section .process-stage{background:transparent}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .services-section .service-card,.intro-section .principle,.process-section .process-card{background:#DEE5EC}
}
@media(prefers-reduced-transparency:reduce){
  .services-section .service-card,.intro-section .principle,.process-section .process-card{background:#DEE5EC}
  .services-section .service-card::before,.intro-section .principle::before,.process-section .process-card::before{backdrop-filter:none;-webkit-backdrop-filter:none}
}