/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 02 2026 | 10:41:40 */
.container {
    max-width: 1280px!important;
    margin: 180px auto!important;
}

.ufc-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 120px auto 60px;
}

.ufc-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 180px;
  border-radius: 16px;
  text-decoration: none;
  color: white;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}

.ufc-card:hover {
  transform: translateY(-6px) scale(1.03);
}

/* кружок под лого */
.card-logo {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* сама иконка */
.card-logo img {
  width: 60%;
  height: 60%;
  object-fit: contain;
  filter: brightness(0) invert(1); /* делает иконки белыми */
}

.card-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* цвета карточек */
.card-red {
  background: linear-gradient(135deg, #e10600, #7a0000);
}

.card-blue {
  background: linear-gradient(135deg, #0047ff, #001a7a);
}

.card-green {
  background: linear-gradient(135deg, #00c853, #006b2d);
}

.leer {
	margin-top: 25px;
	background: #a6a6a680;
	border-radius: 20px;
	padding: 5px 15px;
}

.leer:hover {
	background: #4a4a4a80;
}

/* адаптив */
@media (max-width: 900px) {
  .ufc-cards {
    grid-template-columns: 1fr;
  }

  .ufc-card {
    height: 140px;
  }
}