a.syllabus:lang(es) {
    font-size: 0;
}
a.syllabus:lang(es)::after {
    content: "Programa";
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
}
a.context_external_tool_63:lang(es) {
    font-size: 0;
}
a.context_external_tool_63:lang(es)::after {
    content: "Asistencia";
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
}
h1.ic-Action-header__Heading:lang(es) {
    font-size: 0;
}
h1.ic-Action-header__Heading:lang(es)::after {
    content: "Programa de Iniciativa Académica";
    display: inline-block;
    vertical-align: bottom;
    font-size: 29px;
}
img[data-testid="cheerful-panda-svg"] + h3::after {
   content: " " url("https://dita.uvg.edu.gt/wp-content/uploads/2023/07/ServiceNowUVG.png");
}

/* Eliminar superposición de color en tarjetas del Dashboard */

/* No anulamos globalmente el fondo del header: Canvas administra sus tarjetas. */
.uvg-old-dashboard-card .ic-DashboardCard__header,
.uvg-dashboard-card .ic-DashboardCard__header {
    background-color: #ffffff !important;
}

/* La imagen personalizada debe permanecer visible aunque Canvas reprocese la tarjeta. */
.uvg-old-dashboard-card .ic-DashboardCard__header_image,
.uvg-dashboard-card .ic-DashboardCard__header_image {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Canvas puede volver a aplicar el color hero despues de crear la tarjeta.
   Lo hacemos transparente SOLO en nuestras tarjetas UVG. */
.uvg-old-dashboard-card .ic-DashboardCard__header_hero,
.uvg-dashboard-card .ic-DashboardCard__header_hero {
    opacity: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    pointer-events: none !important;
}

/* Opcional: quitar transparencia */

.ic-DashboardCard__header-overlay {
    display: none !important;
}

/* =========================================================
   UVG - Cursos institucionales
   ========================================================= */

.uvg-cursos-panel {
    padding: 24px 0;
}

.uvg-cursos-header {
    margin-bottom: 24px;
}

.uvg-cursos-header h2 {
    margin-bottom: 6px;
}

.uvg-cursos-header p {
    margin: 0;
    color: #5c5c5c;
}


/* Tarjetas */

#uvg-course-container {
    display: grid;
    grid-template-columns: repeat(
        auto-fill,
        minmax(260px, 1fr)
    );
    gap: 24px;
}

.uvg-dashboard-card {
    width: 100%;
    max-width: 300px;
}

.uvg-course-image-link {
    display: block;
}

.uvg-dashboard-card
.ic-DashboardCard__header_image {
    height: 146px;
}


/* Botón */

.uvg-course-actions {
    padding: 12px;
}

.uvg-enroll-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    box-sizing: border-box;
}


/* Pestaña UVG seleccionada */

#tab-cursos-uvg.uvg-tab-selected {
    font-weight: 700;
}


/* Responsive */

@media (max-width: 767px) {

    #uvg-course-container {
        grid-template-columns: 1fr;
    }

    .uvg-dashboard-card {
        max-width: none;
    }
}
/* =========================================================
   UVG - Refuerzo de imagen publica en tarjetas personalizadas
   ========================================================= */
.uvg-dashboard-card .ic-DashboardCard__header > a:first-of-type,
.uvg-old-dashboard-card .ic-DashboardCard__header > a:first-of-type {
    display: block !important;
    width: 100% !important;
}

.uvg-dashboard-card .ic-DashboardCard__header_image,
.uvg-old-dashboard-card .ic-DashboardCard__header_image {
    display: block !important;
    width: 100% !important;
    height: 146px !important;
    min-height: 146px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.uvg-dashboard-card .ic-DashboardCard__header_hero,
.uvg-old-dashboard-card .ic-DashboardCard__header_hero {
    opacity: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    pointer-events: none !important;
}