.elementor-5524 .elementor-element.elementor-element-42ec55d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5524 .elementor-element.elementor-element-f1eadfa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1a30cbf *//* CONTAINER */
.coin-icon {
  position: relative;
  overflow: visible;
}

/* IMAGEM BASE */
.coin-icon img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  z-index: 2;
  position: relative;

  filter: drop-shadow(0 0 6px rgba(59,130,246,0.6));
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* AURA ENERGIA */
.coin-icon::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59,130,246,0.4), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s;
}

/* BRILHO GIRANDO */
.coin-icon::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    transparent,
    rgba(59,130,246,0.6),
    transparent
  );
  animation: spinGlow 3s linear infinite;
  opacity: 0.6;
}

/* HOVER (EFEITO LENDÁRIO) */
.pack:hover .coin-icon img {
  transform: rotateY(25deg) scale(1.15);
  filter: drop-shadow(0 0 14px rgba(59,130,246,1));
}

.pack:hover .coin-icon::before {
  opacity: 1;
}

/* POPULAR = SEMPRE ATIVO */
.pack-popular .coin-icon::before {
  opacity: 1;
  background: radial-gradient(circle, rgba(37,99,235,0.5), transparent 70%);
}

.pack-popular .coin-icon img {
  animation: pulseLegend 2s infinite;
}

/* ELITE = ROXO */
.pack-elite .coin-icon::before {
  background: radial-gradient(circle, rgba(124,58,237,0.5), transparent 70%);
}

.pack-elite .coin-icon img {
  filter: drop-shadow(0 0 10px rgba(124,58,237,0.9));
}

/* ANIMAÇÕES */
@keyframes spinGlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes pulseLegend {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}/* End custom CSS */