/* Ensigna · profundidad y luz, sin cambiar la composición de las demos.
   Capas decorativas: sólo transform/opacity cuando hay movimiento.
   21/10/2026: sin el marco con órbitas del logo de la portada (el logo va suelto, V1) ni las miniaturas de
   «Más funciones» (ahora son etiquetas cortas). */
.ex-superficie{--ex-x:0px;--ex-y:0px;--ex-rx:0deg;--ex-ry:0deg}
.ex-plano{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;contain:paint}
.ex-luz{position:absolute;left:20%;top:-16%;width:90%;height:110%;border-radius:50%;opacity:.16;
  background:radial-gradient(ellipse at 50% 40%,rgba(217,200,255,.32),rgba(139,63,240,.12) 36%,transparent 68%);
  transform:translate3d(0,0,0)}
.ex-en-vista .ex-luz{transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .4s ease}
.ex-tarjeta{box-shadow:inset 0 1px 0 rgba(244,240,255,.075),0 24px 54px -34px rgba(0,0,0,.65)}
.ex-foto .ex-plano{z-index:1}
.ex-foto .ex-plano::after{content:"";position:absolute;inset:0;border:1px solid rgba(244,240,255,.07);pointer-events:none;
  background:linear-gradient(142deg,rgba(244,240,255,.07),transparent 32%,transparent 72%,rgba(139,63,240,.08))}
.ex-foto .ex-luz{left:34%;width:90%;height:150%;top:-48%;opacity:.22;
  background:linear-gradient(125deg,transparent 25%,rgba(244,240,255,.13) 44%,rgba(217,200,255,.04) 53%,transparent 72%)}
.ex-video{box-shadow:0 0 0 1px rgba(217,200,255,.09),0 24px 50px -28px rgba(0,0,0,.8)}
.ex-video.ex-reproduciendo{box-shadow:0 0 0 1px rgba(217,200,255,.24),0 24px 50px -28px rgba(0,0,0,.8)}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .ex-con-puntero.ex-en-vista .ex-luz{transform:translate3d(var(--ex-x),var(--ex-y),0);opacity:.38;will-change:transform,opacity}
}
@media (prefers-reduced-motion:reduce){
  .ex-luz{transition:none!important}
}