.mask-fluent {
  position: absolute; /* Para que funcione como una capa */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Transparencia + color sutil */
  background: rgba(255, 255, 255, 0.137);

  /* Difuminado para efecto Fluent */
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);

  /* Un leve gradiente para darle profundidad */
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );

  border-radius: inherit; /* Respeta esquinas redondeadas del padre */
  pointer-events: none; /* Que no bloquee clics */
}