: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 ⬇️ --- */

/* --- PRE1 · Home externos: cursos dinámicos y filtros --- */
#page-totara-dashboard-6 .externos .ivi-external-courses {
  width: 100%;
}

#page-totara-dashboard-6 .externos .ivi-course-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0 60px 8px;
}

#page-totara-dashboard-6 .externos .ivi-course-filter {
  appearance: none;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--color-text-gray, #4B5563);
  box-shadow: none;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#page-totara-dashboard-6 .externos .ivi-course-filter:hover,
#page-totara-dashboard-6 .externos .ivi-course-filter:focus-visible {
  border-color: var(--light-blue, #004DF0);
  background: var(--bg-blue, #DCE6FF);
  color: var(--light-blue, #004DF0);
}

#page-totara-dashboard-6 .externos .ivi-course-filter.is-active {
  border-color: var(--light-blue, #004DF0);
  background: var(--light-blue, #004DF0);
  color: #fff !important;
}

#page-totara-dashboard-6 .externos .ivi-course-filter.is-active:hover,
#page-totara-dashboard-6 .externos .ivi-course-filter.is-active:focus-visible {
  border-color: var(--blue-hover, #0038C4);
  background: var(--blue-hover, #0038C4);
  color: #fff !important;
}

#page-totara-dashboard-6 .externos .ivi-course-filter:focus-visible {
  outline: 2px solid var(--navy-blue, #08004F);
  outline-offset: 2px;
}

#page-totara-dashboard-6 .externos .ivi-course-filter:disabled {
  opacity: 0.45;
  cursor: wait;
}

#page-totara-dashboard-6 .externos .carousel {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

#page-totara-dashboard-6 .externos .carousel:focus-visible {
  outline: 2px solid var(--light-blue, #004DF0);
  outline-offset: 2px;
}

#page-totara-dashboard-6 .externos .carousel-card {
  min-height: 430px;
}

#page-totara-dashboard-6 .externos .ivi-course-card__media {
  position: relative;
  flex: 0 0 140px;
  min-height: 140px;
  overflow: hidden;
  background: var(--color-background, #F1F5FC);
}

#page-totara-dashboard-6 .externos .carousel-card.is-partial .ivi-course-card__media {
  background: linear-gradient(
    100deg,
    var(--color-background, #F1F5FC) 20%,
    var(--bg-blue, #DCE6FF) 40%,
    var(--color-background, #F1F5FC) 60%
  );
  background-size: 200% 100%;
  animation: ivi-course-skeleton 1.2s ease-in-out infinite;
}

#page-totara-dashboard-6 .externos .ivi-course-card__media > img {
  display: block;
  height: 140px !important;
}

#page-totara-dashboard-6 .externos .ivi-course-mode {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--teal, #0CE3C6);
  color: var(--navy-blue, #08004F);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

#page-totara-dashboard-6 .externos .card-content h3 {
  min-height: 54px;
  margin: 0;
  line-height: 1.25;
}

#page-totara-dashboard-6 .externos .card-content .datos {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 9px !important;
}

#page-totara-dashboard-6 .externos .ivi-course-detail {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  width: 100%;
  margin: 0;
  line-height: 1.35;
}

#page-totara-dashboard-6 .externos .ivi-course-detail .material-symbols-outlined {
  flex: 0 0 auto;
  margin: 0 !important;
}

#page-totara-dashboard-6 .externos .card-footer {
  gap: 12px;
  border-top: 1px solid var(--color-background, #F1F5FC);
}

#page-totara-dashboard-6 .externos .matricula {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  color: var(--color-text-gray, #4B5563);
  font-size: 12px;
  line-height: 1.25;
}

#page-totara-dashboard-6 .externos .matricula strong {
  color: var(--navy-blue, #08004F);
  font-size: 14px;
}

#page-totara-dashboard-6 .externos .btn-info {
  flex: 0 0 auto;
  white-space: nowrap;
}

#page-totara-dashboard-6 .externos .carousel-btn:disabled {
  opacity: 0.25;
  cursor: default;
}

#page-totara-dashboard-6 .externos .carousel-btn:focus-visible {
  outline: 2px solid var(--navy-blue, #08004F);
  outline-offset: 2px;
}

#page-totara-dashboard-6 .externos .ivi-course-status {
  display: flex;
  flex: 1 0 100%;
  min-height: 260px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  color: var(--navy-blue, #08004F);
  text-align: center;
}

#page-totara-dashboard-6 .externos .ivi-course-status.is-message {
  flex-direction: column;
}

#page-totara-dashboard-6 .externos .ivi-course-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid var(--color-background, #F1F5FC);
  border-top-color: var(--light-blue, #004DF0);
  border-radius: 50%;
  animation: ivi-course-spin 0.8s linear infinite;
}

#page-totara-dashboard-6 .externos .ivi-course-source-link {
  color: var(--light-blue, #004DF0) !important;
  font-weight: 600;
  text-decoration: underline;
}

@keyframes ivi-course-spin {
  to { transform: rotate(360deg); }
}

@keyframes ivi-course-skeleton {
  to { background-position-x: -200%; }
}

@media (prefers-reduced-motion: reduce) {
  #page-totara-dashboard-6 .externos .ivi-course-spinner {
    animation-duration: 1.6s;
  }

  #page-totara-dashboard-6 .externos .carousel-card.is-partial .ivi-course-card__media {
    animation: none;
  }
}

@media (max-width: 767px) {
  #page-totara-dashboard-6 .externos .ivi-course-filters {
    flex-wrap: nowrap;
    gap: 14px;
    padding: 0 42px 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #page-totara-dashboard-6 .externos .ivi-course-filters::-webkit-scrollbar {
    display: none;
  }

  #page-totara-dashboard-6 .externos .ivi-course-filter {
    flex: 0 0 auto;
  }

  #page-totara-dashboard-6 .externos .carousel-container {
    padding-right: 42px !important;
    padding-left: 42px !important;
  }

  #page-totara-dashboard-6 .externos .carousel-card {
    min-height: 410px;
  }

  #page-totara-dashboard-6 .externos .prev {
    left: 0 !important;
  }

  #page-totara-dashboard-6 .externos .next {
    right: 0 !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;
            }