@charset "UTF-8";
.ep-security-contrast-grid .ep-item {
  padding-top: 30px;
  overflow: visible !important;
}
.ep-security-contrast-grid .ep-item-inner {
  background: linear-gradient(90deg, #0a0818 0%, rgba(114, 35, 219, 0.35) 50%, #0a0818 100%) !important;
  border-radius: 14px;
  padding: 36px 28px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative !important;
  overflow: visible !important;
  border: none;
}
/* Borde gradiente del card */
.ep-security-contrast-grid .ep-item-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 2px;
  background: linear-gradient(180deg, rgba(114, 35, 219, 0.4) 0%, #7223DB 53%, #7223DB 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
/* Círculo del ícono */
.ep-security-contrast-grid .ep-item-inner .ep-item-media {
  width: 52px !important;
  height: 52px !important;
  background: linear-gradient(135deg, #7223DB 0%, #9B51E0 100%) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: -26px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}
/* Borde gradiente del círculo */
.ep-security-contrast-grid .ep-item-inner .ep-item-media::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 2px;
  background: linear-gradient(180deg, rgba(89, 89, 91, 0.4) 0%, #59595B 50%, rgba(89, 89, 91, 0.4) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.ep-security-contrast-grid .ep-item-inner .ep-item-media svg, .ep-security-contrast-grid .ep-item-inner .ep-item-media i {
  color: #ffffff !important;
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.ep-security-contrast-grid .ep-item-inner .ep-item-contents {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.ep-security-contrast-grid .ep-item-inner .ep-item-title {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff !important;
  line-height: 1.3;
  margin: 0;
}
.ep-security-contrast-grid .ep-item-inner .ep-item-neq {
  font-size: 22px;
  color: #ffffff !important;
  line-height: 1;
  margin: 0;
}
.ep-security-contrast-grid .ep-item-inner .ep-item-subtitle {
  font-size: 15px;
  font-weight: 400;
  color: #ffffff !important;
  line-height: 1.4;
  margin: 0;
}