:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-body-background:#fbfbfb;--color-state:#313131;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-link-lateral-block:var(--color-state);--color-link-central-block:var(--color-state);--color-title-blocks:#fff;--color-title-catalog-box:var(--color-state);--color-icons:var(--color-state);--color-icons-star-rating:var(--color-state);--color-icons-rss-footer:#fff;--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:#666666;--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:#313131;--link-color-hover:var(--color-state-hover);--color-title-main:var(--color-text);--nav-bg-color:#313131;--nav-text-color:#ffffff;--nav-text-color-hover:var(--color-state-active);--nav-side-seperator-color:var(--nav-text-color);--nav-side-text-color-focus:var(--nav-text-color-hover);--nav-tab-expand-text-color:var(--color-text);--color-header-highlight:#2ABB9C;--font-size-custom:1;--btn-accent-color:#2ABB9C;--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:#2ABB9C;--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled);--btn-button-border-radius:4px;--footer-background-color:#313131;--footer-text-color:#FFFFFF;--second-footer-background-color:#313131;--second-footer-text-color:#FFFFFF;--block-background-color:#FFFFFF;--block-radius:4px;--block-border:0px solid #f00;--block-shadow:0 1px 3px 1px #ddd;--block-pre-header-color:#FFFFFF;--block-pre-header-background:#FDC151}:root{--select-icon-size:var(--gap-1)}.tui-select__input{display:inline-block;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;color:black;font:400 13.3333px Arial;font-size:inherit;line-height:inherit;letter-spacing:normal;white-space:pre;text-align:start;text-transform:none;text-indent:0;text-shadow:none;word-spacing:normal;background-color:white;border-color:darkgrey;border-style:solid;border-width:1px;border-radius:0;border-image:initial;box-shadow:none;cursor:default;transition-delay:0s;transition-timing-function:ease;transition-duration:0s;transition-property:all;text-rendering:auto;-webkit-appearance:menulist;appearance:menulist}.tui-select__input[disabled]{color:#3d444b;background:#dadada;cursor:default}.tui-select__input[multiple]{height:auto;overflow-x:hidden;overflow-y:visible}.tui-select__input:focus{border-color:#dadada;outline-width:3px;outline-style:auto;outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-offset:-2px;box-shadow:none;-moz-user-focus:normal}.tui-select{position:relative;display:flex;flex-grow:unset;width:100%;min-width:0;height:var(--form-input-height)}.tui-select--charLength-2{max-width:calc(2 * var(--form-input-font-size))}.tui-select--charLength-3{max-width:calc(3 * var(--form-input-font-size))}.tui-select--charLength-4{max-width:calc(4 * var(--form-input-font-size))}.tui-select--charLength-5{max-width:calc(5 * var(--form-input-font-size))}.tui-select--charLength-10{max-width:calc(10 * var(--form-input-font-size))}.tui-select--charLength-15{max-width:calc(15 * var(--form-input-font-size))}.tui-select--charLength-20{max-width:calc(20 * var(--form-input-font-size))}.tui-select--charLength-25{max-width:calc(25 * var(--form-input-font-size))}.tui-select--charLength-30{max-width:calc(30 * var(--form-input-font-size))}.tui-select--charLength-50{max-width:calc(50 * var(--form-input-font-size))}.tui-select--charLength-75{max-width:calc(75 * var(--form-input-font-size))}.tui-select--charLength-100{max-width:calc(100 * var(--form-input-font-size))}.tui-form--inputWidth-limited .tui-select:not(.tui-input--customSize){max-width:var(--form-input-limited-width)}.tui-form--inputWidth-limited .tui-inputSet--split .tui-select:not(.tui-input--customSize){max-width:none}.tui-select::after{position:absolute;top:calc((var(--form-input-height) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height) - var(--select-icon-size) * 2) / 2);display:block;width:0;height:0;border:var(--select-icon-size) solid transparent;border-top-color:var(--form-input-text-color);content:'';pointer-events:none}.tui-select--disabled::after{border-top-color:var(--form-input-text-color-disabled)}.tui-select--multiple::after{display:none}.tui-select--large{height:var(--form-input-height-large)}.tui-select--large::after{top:calc((var(--form-input-height-large) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height-large) - var(--select-icon-size) * 2) / 2)}.tui-select__input{flex-grow:1;box-sizing:border-box;width:100%;min-width:0;padding:0 var(--gap-6) 0 var(--gap-1);color:var(--form-input-text-color);font-size:var(--form-input-font-size);background:var(--form-input-bg-color);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color);-webkit-appearance:none;appearance:none}.tui-select__input[multiple]{height:auto}.tui-select__input[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.tui-select__input:focus{background:var(--form-input-bg-color-focus);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color-focus);outline:none;box-shadow:var(--form-input-shadow-focus)}.tui-contextInvalid .tui-select__input:focus{background:var(--form-input-bg-color-invalid-focus);border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid-focus)}.tui-select__input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.tui-select__input::-ms-expand{display:none}.tui-select__input::-ms-value{color:inherit;background-color:transparent}.tui-contextInvalid .tui-select__input{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}:root{--nav-bg-color: #FFFFFF;--nav-text-color: #08004f;--color-primary: #004df0;--btn-prim-accent-color: #004df0;--btn-accent-color: #0a024f;--link-color: #313131;--color-state: #004df0;--color-text: #000000;--block-background-color: #FFFFFF;--block-radius: 10px;--block-border: 0px solid #f00;--block-shadow: 0 1px 3px 1px #ddd;--block-pre-header-color: #FFFFFF;--block-pre-header-background: #08004f;--color-link-lateral-block: #0a024f;--color-link-central-block: #0a024f;--color-title-main: #08004f;--color-title-blocks: #08004f;--color-title-catalog-box: #08004f;--color-icons: #004df0;--color-header-highlight: #004df0;--color-icons-star-rating: #004df0;--color-body-background: #ffffff;--color-icons-rss-footer: #004df0;--btn-button-border-radius: 100px;--nav-text-color-hover: #000031;--btn-prim-accent-color-focus: #0043e6;--btn-prim-accent-color-active: #0032d5;--btn-accent-color-focus: #000045;--btn-accent-color-active: #000034;--link-color-hover: #131313;--color-state-hover: #0043e6;--color-state-focus: #0043e6;--color-state-active: #0032d5;--font-size-custom: 1;--footer-background-color: #08004f;--footer-text-color: #FFFFFF;--second-footer-background-color: #08004f;--second-footer-text-color: #FFFFFF;}
/* --- ⚠️ ⚠️ NO BORRAR ⚠️ ⚠️  --- */
/* --- Barra de entorno PRE - DEJAR SIEMPRE AQUÍ --- */
body::before {
  content: "⚠️ SITIO EN PRE ⚠️";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background-color: #b4084a;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 8px 0;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

body {
  padding-top: 38px !important;
}

/* --- ⚠️ ⚠️ NO BORRAR ⚠️ ⚠️  --- */

/* --- ⬇️ DE AQUÍ HACIA ABAJO PARA REALIZAR PRUEBAS ⬇️ --- */

/* ============================================================
   MONTHLY SEMINARS — Mis cursos (#inst287)
   Badges de vencimiento alineados con el sistema visual del campus.
   ============================================================ */

/* Base compartida: píldora compacta y completamente redondeada. */
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate_text {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 5px 13px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
}

/* Curso vigente: azul suave + texto azul corporativo. */
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate_text-label-info {
  background: var(--bg-blue, #DCE6FF) !important;
  color: var(--light-blue, #004DF0) !important;
}

/* Curso fuera de plazo: rosa suave + rojo corporativo. */
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate_text-label-danger {
  background: #FBE0EA !important;
  color: var(--red, #B4084A) !important;
}

/* Quitar los adornos legacy que Totara añade a las etiquetas. */
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate::before,
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate::after,
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate_text::before,
#page-totara-dashboard-11 #inst287 .block_current_learningas-tile__content_duedate_text::after {
  display: none !important;
  content: none !important;
}

/* ============================================================
   MONTHLY SEMINARS — Completados (#ms-grid)
   Misma leyenda del Expediente: completado/finalizado = navy.
   El badge lima de calificación no se modifica.
   ============================================================ */

#page-totara-dashboard-11 #ms-grid .exp-status--done {
  background: var(--navy-blue, #08004F) !important;
  color: #ffffff !important;
}

#page-totara-dashboard-11 #ms-grid .exp-progress--done .exp-progress__fill {
  background: var(--navy-blue, #08004F) !important;
}

#page-totara-dashboard-11 #ms-grid .exp-progress--done .exp-progress__label {
  color: var(--navy-blue, #08004F) !important;
}

/* ============================================================
   LEARNING FOR EXCELLENCE — Presentación 2026
   La imagen cubre por completo el recuadro azul y respeta su radio.
   ============================================================ */

.preslfe .content.block-content .no-overflow .preslfe-ilus {
  position: relative !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

.preslfe .content.block-content .no-overflow .preslfe-ilus img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 767px) {
  .preslfe .content.block-content .no-overflow .preslfe-ilus {
    min-height: 220px !important;
  }
}

/* ============================================================
   HOME INTERNA (dashboard-9) — fechas límite por urgencia
   JS: 10_home--orden-urgencia-cursos.html
   ============================================================ */

/* Maincontent en columna (como el tema): CURSO, título, fecha y, al pie, el
   bloque .__content con la barra de progreso. NO se fuerza el crecimiento de
   maincontent ni de .__content: el tema ya reparte la altura y el progreso
   queda dentro de la tarjeta. */
body.ivi-home-due-active .block_current_learningas-tile__maincontent,
body.ivi-home-due-active .block_current_programsas-tile__maincontent {
  display: flex !important;
  flex-direction: column !important;
}

/* El contenedor de la fecha crece para ocupar el hueco entre el título y el
   progreso; en columna, justify-content:center centra el badge verticalmente
   dentro de ese hueco (align-items:flex-start lo mantiene a la izquierda).
   Solo se toca este contenedor → el progreso no se ve afectado. */
body.ivi-home-due-active .block_current_learningas-tile__content_duedate,
body.ivi-home-due-active .block_current_programsas-tile__content_duedate {
  position: static !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* Cursos sin fecha (badge oculto): el progreso queda igualmente al pie. */
body.ivi-home-due-active [data-home-due-missing="1"] .block_current_learningas-tile__content,
body.ivi-home-due-active [data-home-due-missing="1"] .block_current_programsas-tile__content {
  margin-top: auto !important;
}

/* Totara conserva un contenedor vacío cuando no publica ninguna fecha. */
body.ivi-home-due-active [data-home-due-missing="1"]
  .block_current_learningas-tile__content_duedate,
body.ivi-home-due-active [data-home-due-missing="1"]
  .block_current_programsas-tile__content_duedate {
  display: none !important;
  margin: 0 !important;
}

body.ivi-home-due-active .home-due-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  white-space: normal !important;
  box-shadow: 0 2px 7px rgba(8, 0, 79, 0.12) !important;
}

/* Icono común; sustituye los indicadores legacy de Totara. */
body.ivi-home-due-active .home-due-badge::before {
  content: "event" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  font-feature-settings: "liga" !important;
}

body.ivi-home-due-active .home-due-badge::after,
body.ivi-home-due-active .block_current_learningas-tile__content_duedate::before,
body.ivi-home-due-active .block_current_learningas-tile__content_duedate::after,
body.ivi-home-due-active .block_current_programsas-tile__content_duedate::before,
body.ivi-home-due-active .block_current_programsas-tile__content_duedate::after {
  content: none !important;
  display: none !important;
}

/* Colores IDÉNTICOS a la leyenda de días restantes del dashboard-33 (PNTs).
   Fuera de plazo — naranja intenso, texto blanco. */
body.ivi-home-due-active .home-due-badge--danger {
  background: var(--orange, #E9482A) !important;
  color: var(--white, #FFFFFF) !important;
}

/* Menos de 1 mes — bright-orange. */
body.ivi-home-due-active .home-due-badge--orange {
  background: var(--bright-orange, #FC814C) !important;
  color: var(--navy-blue, #08004F) !important;
}

/* Menos de 6 meses — ámbar (mismo que PNTs). */
body.ivi-home-due-active .home-due-badge--warning {
  background: #F5A623 !important;
  color: var(--navy-blue, #08004F) !important;
}

/* Más de 6 meses — teal, dentro de plazo. */
body.ivi-home-due-active .home-due-badge--success {
  background: var(--teal, #0CE3C6) !important;
  color: var(--navy-blue, #08004F) !important;
}

/* Informe auxiliar con Curso + fecha. Sigue presente en el DOM para que el
   script pueda leerlo, pero no ocupa espacio visual en el dashboard.
   Se oculta por clase y por instancia (#inst11511 en PRE — revisar id en PRO). */
.bloque-fechas-cursos,
#inst11511 {
  display: none !important;
}


                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Light.woff") format("woff");
                    font-weight: 300;
                    font-style: normal;
                    font-display: swap;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Medium.woff") format("woff");
                    font-weight: 500;
                    font-style: normal;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Regular.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Light.woff") format("woff");
                    font-weight: 300;
                    font-style: normal;
                    font-display: swap;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Medium.woff") format("woff");
                    font-weight: 500;
                    font-style: normal;
                }
                @font-face {
                    font-family: "NotoSans";
                    src: url("https://ivirma.actuatxp.com/theme/actua/webfont.php?nomfont=NotoSans-Regular.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
            body {
                font-family: NotoSans;
            }