/* Sprint 5p+5q — Pagina /servizi/: le card usano markup Tutor .tutor-card.tutor-course-card
   e ereditano automaticamente lo stile dal listing /corsi/. Qui solo override minimi. */

.exal-services-page {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.exal-services-section {
  margin-bottom: 3rem;
}

.exal-services-section__header {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  padding-bottom: .75rem;
}

.tutor-card.exal-service-tutor-card .exal-service-card-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 32px;
}

.tutor-card.exal-service-tutor-card .exal-service-badge {
  margin: 0;
  max-width: 100%;
  white-space: normal;
  text-align: left;
  font-size: 12px;
}

/* Placeholder brandizzato InCamera quando il prodotto servizio non ha immagine. */
.exal-service-thumb-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(135deg, #1A5697 0%, #13406F 100%);
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.exal-service-thumb-fallback::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.10) 1px, transparent 1.5px);
  background-size: 16px 16px;
  opacity: .5;
  pointer-events: none;
}
.exal-service-thumb-fallback__icon {
  width: 44px;
  height: 44px;
  color: #fff;
  opacity: .92;
  position: relative;
  z-index: 1;
}
.exal-service-thumb-fallback__cat {
  font-family: Archivo, Roboto, sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  position: relative;
  z-index: 1;
}
.tutor-card.exal-service-tutor-card .tutor-course-name a {
  font-family: Archivo, Roboto, sans-serif;
  color: #1A2A3A;
}
.tutor-card.exal-service-tutor-card .tutor-course-name a:hover {
  color: #1A5697;
}
.tutor-card.exal-service-tutor-card {
  transition: box-shadow .2s ease, transform .2s ease;
}
.tutor-card.exal-service-tutor-card:hover {
  box-shadow: 0 12px 30px -14px rgba(26,86,151,.35);
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .exal-services-page { padding-top: 1rem; padding-bottom: 2rem; }
  .exal-services-section { margin-bottom: 2rem; }
}