/* Variables de color */
:root {
  --primary: #000000;
  --secondary: #d2232a;
}

/* Curso plantilla  */
.item-group-condensed .ig-header {
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
}
.ig-header .name {
    text-shadow: none;
    color: #fff;
}
.ig-header .pill {
    box-shadow: none;
}
.ig-header.header i.icon-drag-handle {
    color: #fff;
}
.module_header_items .Button--icon-action, .module_header_items .Button--icon-action-danger, .module_header_items .Button--icon-action-rev {
    color: #fff;
}
.enFila{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.enFila a{
   text-decoration: none !important;
}
a.ic_txt{
   text-align: center;
   padding: 1em;
   margin: 0.5em;
   color: #ffffff;
   font-weight: bold !important;
   width: 30%;
   border-radius: .5em;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-decoration: none !important;
}
a.ic_txt:hover {
    opacity: .8;
}
a.ic_txt img{
   min-height: 60px;
   max-height: 60px;
   border-radius: 100%;
   max-width: 60px;
   margin: 0 10px 5px;
}
.ic_txt.primary{
   background-color: var(--primary);
}
.ic_txt.secondary{
   background-color: var(--secondary);
}
.ig-header-title .accessible-toggler {
    color: #ffffff;
}
/* CUSTOM MOBILE LOGIN*/

@media only screen and (max-device-width : 768px) {
    #f1_container {
        height: 100%;
        background-color: var(--ic-brand-Login-Content-bgd-color);
        background-size: cover;
        background-position-x: 50%, center;
    }

    #f1_container.fade {
        -webkit-animation: fadeInFromNone 0.5s ease-out;
        -moz-animation: fadeInFromNone 0.5s ease-out;
        -o-animation: fadeInFromNone 0.5s ease-out;
        animation: fadeInFromNone 0.5s ease-out;
        animation-fill-mode: forwards;
    }

    .mobileLogin-Header {
        background-image: var(--ic-brand-Login-logo) !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 85%;
        min-height: 156px;
        margin-bottom: 10%;
        margin-top: 15%;
    }
}
/* END CUSTOM MOBILE LOGIN*/

/* Encabezados de módulos: gris 75% (75% K) */
.context_module > .ig-header {
    background: #404040 !important;
    border-color: #404040 !important;
}

.context_module > .ig-header,
.context_module > .ig-header a,
.context_module > .ig-header button,
.context_module > .ig-header .name,
.context_module > .ig-header [class*="icon-"] {
    color: #ffffff !important;
}

/* ================================================================
 * Módulos modernos — variante visual, limitada a la vista Módulos
 * ================================================================ */

/* Cada módulo se percibe como una tarjeta completa. */
.context_module {
    border-radius: 12px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.10) !important;
}

.context_module > .ig-header {
    border-radius: 12px 12px 0 0 !important;
}

.context_module > .content,
.context_module > .content > .context_module_items {
    border-radius: 0 0 12px 12px !important;
}

.context_module .context_module_item:last-child,
.context_module .context_module_item:last-child > .ig-row {
    border-radius: 0 0 12px 12px !important;
}

/* Respuesta visual suave al recorrer una actividad. */
.context_module .context_module_item:not(.context_module_sub_header) > .ig-row {
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

.context_module .context_module_item:not(.context_module_sub_header) > .ig-row:hover {
    background-color: #eef5f8 !important;
    box-shadow: inset 4px 0 0 rgba(47, 111, 159, 0.18) !important;
}

/* Jerarquía de encabezados internos en escala de grises. */
.context_module .context_module_sub_header > .ig-row {
    font-weight: 600;
}

.context_module .context_module_sub_header.indent_0 > .ig-row,
.context_module .context_module_sub_header.indent_1 > .ig-row {
    background-color: #c6ccd2 !important;
}

.context_module .context_module_sub_header.indent_2 > .ig-row,
.context_module .context_module_sub_header.indent_3 > .ig-row {
    background-color: #e0e4e7 !important;
}

.context_module .context_module_sub_header.indent_4 > .ig-row,
.context_module .context_module_sub_header.indent_5 > .ig-row {
    background-color: #f0f2f4 !important;
}

/* Canvas usa verde para marcar filas publicadas. Se neutraliza esa barra y
   se reemplaza únicamente por los colores semánticos definidos abajo. */
.context_module .context_module_item > .ig-row.ig-published {
    border-left-style: solid !important;
    border-left-color: transparent !important;
}

/* El grosor expresa jerarquía: más ancho en niveles superiores y más fino
   a medida que aumenta la sangría. */
.context_module .context_module_item.indent_0 > .ig-row.ig-published {
    border-left-width: 5px !important;
}

.context_module .context_module_item.indent_1 > .ig-row.ig-published {
    border-left-width: 6px !important;
}

.context_module .context_module_item.indent_2 > .ig-row.ig-published {
    border-left-width: 7px !important;
}

.context_module .context_module_item.indent_3 > .ig-row.ig-published {
    border-left-width: 8px !important;
}

.context_module .context_module_item.indent_4 > .ig-row.ig-published {
    border-left-width: 9px !important;
}

.context_module .context_module_item.indent_5 > .ig-row.ig-published {
    border-left-width: 10px !important;
}

/* La barra verde nativa es un pseudo-elemento; se oculta sin modificar el
   botón/ticket verde que controla el estado de publicación. */
.context_module .context_module_item > .ig-row.ig-published::before {
    background-color: transparent !important;
}

/* Los encabezados internos usan barra gris solo cuando están publicados. */
.context_module .context_module_sub_header.indent_0 > .ig-row.ig-published,
.context_module .context_module_sub_header.indent_1 > .ig-row.ig-published {
    border-left-color: #343a40 !important;
}

.context_module .context_module_sub_header.indent_2 > .ig-row.ig-published,
.context_module .context_module_sub_header.indent_3 > .ig-row.ig-published {
    border-left-color: #66717b !important;
}

.context_module .context_module_sub_header.indent_4 > .ig-row.ig-published,
.context_module .context_module_sub_header.indent_5 > .ig-row.ig-published {
    border-left-color: #9aa2aa !important;
}

/* El código cromático aparece solo cuando la actividad está publicada. */
.context_module .context_module_item.assignment > .ig-row.ig-published {
    border-left-color: #d7263d !important;
}

.context_module .context_module_item.quiz > .ig-row.ig-published,
.context_module .context_module_item.lti-quiz > .ig-row.ig-published,
.context_module .context_module_item.quiz_lti > .ig-row.ig-published,
.context_module .context_module_item.quizzes_next > .ig-row.ig-published {
    border-left-color: #d7263d !important;
}

.context_module .context_module_item.wiki_page > .ig-row.ig-published {
    border-left-color: #1683c7 !important;
}

.context_module .context_module_item.wiki_page.indent_0 > .ig-row.ig-published,
.context_module .context_module_item.wiki_page.indent_1 > .ig-row.ig-published {
    border-left-color: #075985 !important;
}

.context_module .context_module_item.wiki_page.indent_2 > .ig-row.ig-published {
    border-left-color: #6f42c1 !important;
}

.context_module .context_module_item.wiki_page.indent_3 > .ig-row.ig-published {
    border-left-color: #2498cf !important;
}

.context_module .context_module_item.wiki_page.indent_4 > .ig-row.ig-published,
.context_module .context_module_item.wiki_page.indent_5 > .ig-row.ig-published {
    border-left-color: #52add7 !important;
}

.context_module .context_module_item.discussion_topic > .ig-row.ig-published {
    border-left-color: #e69500 !important;
}

.context_module .context_module_item.attachment > .ig-row.ig-published {
    border-left-color: #0f8f78 !important;
}

/* El icono comparte el color identificador de la barra publicada. */
.context_module .context_module_item.assignment > .ig-row.ig-published .type_icon,
.context_module .context_module_item.assignment > .ig-row.ig-published .ig-type-icon {
    color: #d7263d !important;
}

.context_module .context_module_item.quiz > .ig-row.ig-published .type_icon,
.context_module .context_module_item.quiz > .ig-row.ig-published .ig-type-icon,
.context_module .context_module_item.lti-quiz > .ig-row.ig-published .type_icon,
.context_module .context_module_item.lti-quiz > .ig-row.ig-published .ig-type-icon,
.context_module .context_module_item.quiz_lti > .ig-row.ig-published .type_icon,
.context_module .context_module_item.quiz_lti > .ig-row.ig-published .ig-type-icon,
.context_module .context_module_item.quizzes_next > .ig-row.ig-published .type_icon,
.context_module .context_module_item.quizzes_next > .ig-row.ig-published .ig-type-icon {
    color: #d7263d !important;
}

.context_module .context_module_item.wiki_page > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page > .ig-row.ig-published .ig-type-icon {
    color: #1683c7 !important;
}

.context_module .context_module_item.wiki_page.indent_0 > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page.indent_0 > .ig-row.ig-published .ig-type-icon,
.context_module .context_module_item.wiki_page.indent_1 > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page.indent_1 > .ig-row.ig-published .ig-type-icon {
    color: #075985 !important;
}

.context_module .context_module_item.wiki_page.indent_2 > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page.indent_2 > .ig-row.ig-published .ig-type-icon {
    color: #6f42c1 !important;
}

.context_module .context_module_item.wiki_page.indent_3 > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page.indent_3 > .ig-row.ig-published .ig-type-icon {
    color: #2498cf !important;
}

.context_module .context_module_item.wiki_page.indent_4 > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page.indent_4 > .ig-row.ig-published .ig-type-icon,
.context_module .context_module_item.wiki_page.indent_5 > .ig-row.ig-published .type_icon,
.context_module .context_module_item.wiki_page.indent_5 > .ig-row.ig-published .ig-type-icon {
    color: #52add7 !important;
}

.context_module .context_module_item.discussion_topic > .ig-row.ig-published .type_icon,
.context_module .context_module_item.discussion_topic > .ig-row.ig-published .ig-type-icon {
    color: #e69500 !important;
}

.context_module .context_module_item.attachment > .ig-row.ig-published .type_icon,
.context_module .context_module_item.attachment > .ig-row.ig-published .ig-type-icon {
    color: #0f8f78 !important;
}

/* Controles generales con un radio moderado, sin alterar botones de iconos. */
.Button,
.btn,
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select {
    border-radius: 8px !important;
}