/* holograma.css — Estilos del sello holográfico */

.holo-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: visible;
}

.holo-svg {
  display: block;
  border-radius: 50%;
  filter: drop-shadow(0 0 8px rgba(124,58,237,0.5))
          drop-shadow(0 0 20px rgba(6,182,212,0.3));
  transition: filter 200ms ease;
  will-change: filter;
}

.holo-wrap:hover .holo-svg {
  filter: drop-shadow(0 0 12px rgba(124,58,237,0.7))
          drop-shadow(0 0 30px rgba(6,182,212,0.4));
}