/* IMSA Academy v1.40.6 — Mis cursos | independent of the dashboard redesign. */
.imsa-app .shell .my-courses-head{margin:0 0 23px!important;display:flex;align-items:flex-end;gap:20px;justify-content:space-between}
.imsa-app .shell .my-courses-head .eyebrow{display:inline-block;font-size:11px!important;letter-spacing:.15em!important;font-weight:800!important;color:#3263d8!important}
.imsa-app .shell .my-courses-head h1{font-size:clamp(30px,3.1vw,40px)!important;letter-spacing:-.045em!important;font-weight:750!important;line-height:1.12!important;margin:9px 0 12px!important}
.imsa-app .shell .my-courses-head p{font-size:14px!important;line-height:1.6!important;max-width:670px;margin:0!important}
.imsa-app .shell .my-courses-shell{gap:0!important}
.imsa-app .shell .my-courses-grid{margin:0!important;align-items:stretch}
/* A visible fallback border remains if animated masks are unsupported. */
.imsa-app .shell .my-course-card.imsa-course-today{
  position:relative;isolation:isolate;overflow:hidden;
  border:2px solid #4285ff!important;
  box-shadow:0 0 0 1px rgba(57,115,248,.24),0 12px 32px rgba(36,98,226,.17)!important;
}
.imsa-app .shell .my-course-card.imsa-course-today::before{
  content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  border-radius:inherit;padding:2.5px;
  background:linear-gradient(115deg,#fff 0%,#5797ff 17%,#0a49d9 33%,#fff 49%,#5aa2ff 64%,#0e4bd7 82%,#fff 100%) 0 50%/300% 100%;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:imsa-course-shine 4.6s linear infinite;
}
.imsa-app .shell .my-course-card.imsa-course-today::after{
  content:"";position:absolute;top:1px;left:0;width:9px;height:9px;z-index:6;pointer-events:none;
  border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #fff,0 0 22px 8px rgba(44,136,255,.7);
  animation:imsa-course-glint 4.6s ease-in-out infinite;
}
@keyframes imsa-course-shine{0%{background-position:0 50%}100%{background-position:150% 50%}}
@keyframes imsa-course-glint{0%,100%{left:0;opacity:0}12%{opacity:.95}58%{left:calc(100% - 10px);opacity:.85}67%{opacity:0}}
.imsa-app .shell .my-course-cover .imsa-course-today-label{
  position:absolute;left:11px;bottom:11px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:8px 11px;max-width:calc(100% - 22px);border-radius:999px;
  background:#f7fbff;color:#1349b1;font-size:10px;font-weight:800;line-height:1;
  letter-spacing:.005em;box-shadow:0 4px 14px rgba(3,27,74,.17);
}
.imsa-app .shell .my-course-cover .imsa-course-today-label i{color:#2d72fa}
.imsa-app .shell .imsa-course-today-info{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;
  background:rgba(52,116,239,.075);border:1px solid rgba(65,126,243,.25);
  border-radius:10px;padding:10px 11px;color:#1651c4;
}
.imsa-app .shell .imsa-course-today-info>span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800}
.imsa-app .shell .imsa-course-today-info button{
  appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:0;
  background:transparent;color:#1754be;font-size:11px;font-weight:800;padding:3px 0;
}
.imsa-app .shell .imsa-course-today-info button:hover{text-decoration:underline}
.imsa-app .shell .imsa-course-today-info button:focus-visible{outline:2px solid #407fff;outline-offset:3px;border-radius:3px}
.imsa-app.theme-dark .shell .imsa-course-today-info{background:rgba(36,96,209,.19);border-color:rgba(125,174,255,.34);color:#bed5ff}
.imsa-app.theme-dark .shell .imsa-course-today-info button{color:#a7c9ff}
.imsa-app.theme-dark .shell .my-course-cover .imsa-course-today-label{background:#f3f8ff;color:#1248ad}
@media(max-width:680px){
  .imsa-app .shell .my-courses-head{align-items:flex-start;flex-wrap:wrap;margin-bottom:18px!important}
  .imsa-app .shell .my-courses-head h1{font-size:30px!important}
  .imsa-app .shell .my-courses-head p{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .imsa-app .shell .my-course-card.imsa-course-today::before,
  .imsa-app .shell .my-course-card.imsa-course-today::after{animation:none!important}
  .imsa-app .shell .my-course-card.imsa-course-today::after{display:none}
}