
/* Базовый стиль для всех карточек-ссылок */
.cards-grid {gap:13px !important;}
.card-link {
  padding: 21px 14px;
  border-radius: 16px;
  text-decoration: none;
  display: flex;
  gap: 8px;
  color: inherit;
  line-height: 1.4;
  align-items: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-weight: 500;
}

.card-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Цветовые варианты */
.card-blue     { background: #e3f2fd; color: #0d47a1; }   /* Руководство */
.card-orange   { background: #fff3e0; color: #e65100; }   /* История, традиции… */
.card-purple   { background: #f3e5f5; color: #4a148c; }   /* Основные задачи… */
.card-green    { background: #e8f5e8; color: #1b5e20; }   /* Педагогический коллектив */
.card-yellow   { background: #fff8e1; color: #e65100; }   /* Политика персональных данных */
.card-cyan     { background: #e0f2f1; color: #004d40; }   /* Пропускной режим */
.card-pink     { background: #fce4ec; color: #880e4f; }   /* Контакты */

.leadership-fullwidth-photo {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px;
}

.lead-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 45px rgba(0,0,0,0.14);
  width: 100%;
  max-width: 560px;
  flex: 1 1 460px;
  display: flex;
  flex-direction: column;
  transition: all .4s ease;
}

.lead-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 28px 70px rgba(0,0,0,0.22);
}

.lead-photo {
  position: relative;
  width: 100%;
  padding-top: 100%; /* квадратное фото */
  overflow: hidden;
  background: #f8fbff;
}

.lead-card:nth-child(2) .lead-photo { background: #fff3e0; }

.lead-photo img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  object-fit: cover;
  transition: transform .5s;
}

.lead-card:hover .lead-photo img {
  transform: scale(1.06);
}

.lead-info {
  padding: 10px 14px 8px;
  background: linear-gradient(135deg, #f8fbff, #e3f2fd);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.lead-card:nth-child(2) .lead-info {
  background: linear-gradient(135deg, #fff3e0, #ffe0b2);
}

.lead-info h3 {
  margin: 0 0 8px;
  font-size: 22px;
  color: #1565c0;
}

.lead-card:nth-child(2) h3 { color: #ef6c00; }

.lead-info .position {
  font-style: italic;
  margin: 0 0 20px;
  font-size: 15px;
  color: #1976d2;
}

.lead-card:nth-child(2) .position { color: #f57c00; }

.lead-info .schedule {
  background: #fff;
  padding: 8px 14px;
  border-radius: 16px;
  margin: 10px 0 20px;
  line-height: 1.8;
  flex-grow: 1;
  box-shadow: 0 6px 22px rgba(0,0,0,0.09);
}

.lead-info .phone {
  font-size: 20px;
  margin-top: auto;
}

.lead-info .phone a {
  color: #1565c0;
  text-decoration: none;
  font-weight: 600;
}

.lead-card:nth-child(2) .phone a { color: #ef6c00; }

/* Мобильная версия */
@media (max-width: 768px) {
  .leadership-fullwidth-photo { gap: 5px; padding: 20px 10px; }
  .lead-info { padding: 4px 8px 10px; }
  .lead-info h3 {margin: 0 0 0px;font-size: 17px;color: #1565c0;}
  .lead-info .phone {font-size: 13px; margin-top: auto;margin-bottom: auto; text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;}
  .lead-info .position {font-style: italic;margin: 0 0 0px;font-size: 15px;color: #1976d2;}
  .lead-info .schedule {margin: 10px 0 10px;}
}