/* =========================
   CARDS COMPARTIDAS
========================= */
.course-card { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 438px; border-radius: 8px; background: var(--pymes-white); box-shadow: var(--pymes-shadow); overflow: hidden; transition: transform .25s ease,box-shadow .25s ease; }
.course-card:hover { transform: translateY(-4px); box-shadow: var(--pymes-shadow-hover); }
.course-card__image { position: relative; overflow: hidden; }
.course-card__image::after { content: ""; position: absolute; inset: 0; background: rgba(27,26,25,.05); pointer-events: none; }
.course-card__image a { display: block; }
.course-card__image img { width: 100%; object-fit: contain; }
.course-card__content { display: flex; flex-direction: column; flex: 1; padding: 24px 16px 16px 16px; }
.course-card__top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.course-card__top--overlay { position: absolute; top: 12px; left: 12px; right: 12px; margin-bottom: 0; z-index: 2; }
.course-card__meta { display: flex; align-items: center; gap: 8px; }
.course-card__duration,.course-card__rating { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 4px 8px; border-radius: 20px; background: rgba(0,0,0,.5); color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1; backdrop-filter: blur(4px); }
.course-card__duration::before,
.course-card__rating::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.course-card__duration::before { background-image: url('../../img/defaults/Clockbadge.svg'); }
.course-card__rating::before { background-image: url('../../img/defaults/Starbadge.svg'); }
.course-card__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.course-card__badge { display: inline-flex; align-items: center; min-height: 22px; padding: 0 10px; border-radius: 999px; background: #7fa6b5; color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1; }
.course-card__badge--type { background: #7fa6b5; color: #ffffff; }
.course-card__badge--clase-magistral { background: rgba(38, 149, 137, 1); color: #ffffff; }
.course-card__badge--procesos-comerciales { background: rgba(156, 167, 6, 1); color: #ffffff; }
.course-card__badge--curso { background: rgba(102, 157, 171, 1); color: #ffffff; }
.course-card__badge--procesos-de-gestion { background: rgba(228, 156, 4, 1); color: #ffffff; }
.course-card__badge--procesos-productivos { background: rgba(0, 175, 180, 1); color: #ffffff; }
.course-card__title { margin: 0 0 12px; font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--pymes-black); }
.course-card__title a { color: inherit; text-decoration: none; }
.course-card__title a:hover { color: var(--pymes-blue); }
.course-card__excerpt { margin: 0 0 32px; color: var(--pymes-black-75); font-size: 16px; font-weight: 400; line-height: 1.5; }
.course-card--course .course-card__title,
.live-card .course-card__title { font-size: 20px; line-height: 1.2; }
.course-card--course .course-card__excerpt,
.live-card .course-card__excerpt { font-size: 16px; line-height: 1.5; }
.course-card__footer { margin-top: auto; padding-top: 4px; display: flex; justify-content: center; }
.course-card__button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: background .25s ease,transform .25s ease,color .25s ease; }
.course-card__button--course { min-height: 48px; min-width: 183px; padding: 0 20px; border-radius: 6px; background: var(--pymes-primary); color: var(--pymes-white); font-size: 18px; font-weight: 500; line-height: 24px; }
.course-card__button--course:hover { background: var(--pymes-primary-hover); color: var(--pymes-white); transform: translateY(-1px); }
.course-card__button--live { min-height: 48px; min-width: 126px; padding: 0 20px; border-radius: 6px; background: var(--pymes-primary); color: var(--pymes-white); font-size: 18px; font-weight: 500; line-height: 24px; }
.course-card__button--live:hover { background: var(--pymes-primary-hover); color: var(--pymes-white); transform: translateY(-1px); }

@media (max-width: 767px) {
    .course-card { min-height: 518px; }
    .course-card__image img { height: 200px; }
}