: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: #006975;--color-primary: #00B7BD;--btn-prim-accent-color: #008897;--btn-accent-color: #006975;--link-color: #313131;--color-state: #666666;--color-text: #666666;--block-background-color: #FFFFFF;--block-radius: 20px;--block-border: 0px solid #f00;--block-shadow: 0 1px 3px 1px #ddd;--block-pre-header-color: #FFFFFF;--block-pre-header-background: #00B7BD;--color-link-lateral-block: #008897;--color-link-central-block: #008897;--color-title-main: #006975;--color-title-blocks: #006975;--color-title-catalog-box: #006975;--color-icons: #F58C7C;--color-header-highlight: #00B7BD;--color-icons-star-rating: #DB7500;--color-body-background: #F9F9F9;--color-icons-rss-footer: #F58C7C;--btn-button-border-radius: 60px;--nav-text-color-hover: #004b57;--btn-prim-accent-color-focus: #007e8d;--btn-prim-accent-color-active: #006d7c;--btn-accent-color-focus: #005f6b;--btn-accent-color-active: #004e5a;--link-color-hover: #131313;--color-state-hover: #5c5c5c;--color-state-focus: #5c5c5c;--color-state-active: #4b4b4b;--font-size-custom: 1.0714;--footer-background-color: #006975;--footer-text-color: #FFFFFF;--second-footer-background-color: #006975;--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: #e75d5d;
  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 ⬇️ --- */

.tw-catalogItemWide__content_left {
    height: 150px;
}

.tw-catalogItemWide__ellipsis {
    padding: 2px 30px 10px 20px;
    font-size: 18px;
    color: var(--color-title-catalog-box);
}

/* ── Toggle vista lista/ficha ────────────────────────────────── */
#page-totara-catalog-index .tw-catalogItemStyleToggle__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--border-radius-small);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.18);
  transition: box-shadow 0.15s, background 0.15s;
}

#page-totara-catalog-index .tw-catalogItemStyleToggle__btn:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.26);
}

/* ── Iconos metadatos vista Wide ─────────────────────────────── */
#page-totara-catalog-index .tw-catalogItemWide__textarea_group_item:first-child::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f017";
  color: var(--color-primary-light);
  font-size: 12px;
  margin-right: 4px;
  vertical-align: middle;
}

#page-totara-catalog-index .tw-catalogItemWide__textarea_group_item:nth-child(2)::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f073";
  color: var(--color-primary-light);
  font-size: 12px;
  margin-right: 4px;
  vertical-align: middle;
}

/* ── Iconos metadatos vista Wide ─────────────────────────────── */
#page-totara-catalog-index .tw-catalogItemWide__textarea_group_item:nth-child(3) {
  display: none !important;
}

/* ── Resumen en tarjeta Wide ─────────────────────────────────── */
#page-totara-catalog-index .neo-wide-summary {
  font-size: 12px;
  color: var(--color-text-gray);
  line-height: 1.45;
  margin: 5px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


#page-totara-catalog-index .tw-selectSearchText__field {
    display: flex !important;                                                                                                                         
    align-items: center !important;
    background: #fff !important;
    border: 2px solid transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
    padding-top: 0px !important;
    padding-left: 15px;
    padding-bottom: 7 px;
  }

.tw-selectSearchText__field input[type=text].tw-selectSearchText__field_input{
    border-radius: 0px !important;
}

  #page-totara-catalog-index .tw-selectSearchText__field:focus-within {
    border-color: var(--color-primary-light) !important;
    box-shadow: 0 0 0 3px rgba(0, 183, 189, 0.15);
    background: #fff !important;
  }

  #page-totara-catalog-index .tw-selectSearchText__field_input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    color: var(--color-primary);
    flex: 1;
  }

  #page-totara-catalog-index .tw-selectSearchText__field_input::placeholder {
    color: var(--color-text-light);
  }

  #page-totara-catalog-index .tw-selectSearchText__field_clear {
    display: flex !important;
    align-items: center !important;
    line-height: 1;
  }

  .tw-selectSearchText__field_clear .flex-icon {
    padding-bottom: 0;
  }

/* Descripción — oculta en narrow, visible en wide */                                                                                                              
#page-totara-catalog-index .tw-catalogItemNarrow__description {                                                                                                    
   display: none !important;                                                                                                                                        
}  

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