/* ============================================================
   WTECH — Utilidades de vidrio (glassmorphism claro)
   ============================================================ */

.glass{
  background:rgba(255,255,255,.62);
  backdrop-filter:saturate(160%) blur(16px);
  -webkit-backdrop-filter:saturate(160%) blur(16px);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 8px 32px rgba(16,80,45,.12);
}
.glass-green{
  background:rgba(233,248,239,.55);
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
  border:1px solid rgba(34,197,94,.22);
}

/* Panel de vidrio sobre imágenes (hero soporte) */
.glass-panel{
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(160%) blur(20px);
  -webkit-backdrop-filter:saturate(160%) blur(20px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:var(--rlg);
  box-shadow:0 20px 60px rgba(8,40,22,.18);
}

/* Tarjeta con borde de gradiente (brillo) */
.grad-border{position:relative;background:#fff;border-radius:var(--rlg);}
.grad-border::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;
  background:linear-gradient(135deg,var(--green-400),var(--emer-500),transparent 60%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;
}

/* Píldora de vidrio */
.glass-pill{
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(34,197,94,.2);
  border-radius:var(--rpill);
}