/* KINESIS · autoajuste de imágenes de clase */
.class-icon.class-icon-image{
  box-sizing:border-box !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  padding:4px !important;
  overflow:hidden !important;
  border:1px solid var(--gold) !important;
  border-radius:12px !important;
  background:transparent !important;
}
.class-icon.class-icon-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.schedule-class .class-icon.class-icon-image{
  width:36px !important;height:36px !important;flex-basis:36px !important;padding:3px !important;
}
.icon-upload-preview{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px dashed var(--border);
  border-radius:12px;
}
.icon-upload-preview[hidden]{display:none !important}
.icon-preview-box{
  width:76px;height:76px;flex:0 0 76px;
  box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  padding:7px;overflow:hidden;
  border:1px solid var(--gold);border-radius:14px;
  background:rgba(255,255,255,.015);
}
.icon-preview-box img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.icon-upload-preview strong,.icon-upload-preview small{display:block}