/* Hereda toda la estructura de .sa-page-hero definida en page-eventos.css */

.sa-page-hero--clases { background: var(--sc-orange); }

.sa-decor--ilustracion-clases {
  right: 0;
  bottom: 0;
  width: clamp(320px, 42vw, 640px);
  height: auto;
  z-index: 0;
  transform: translateY(11.6%);
}

.sa-page-hero--clases .sa-decor--textura-papel {
  z-index: 1;
  transform: translateY(40%);
}

/* Thumbnail 16:9 según Figma (380×212px) */
.post-type-archive-clase .sa-card__thumb {
  aspect-ratio: 16 / 9;
}

/* En /centro el hero de clases NO está al tope, no necesita padding-top de header */
.page-template-page-centro .sa-page-hero--clases .sa-page-hero__inner {
  padding-top: 0;
}