: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: #0ce3c6;--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: #0ce3c6;--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 ⬇️ --- */

/* ============================================================
   PRUEBA — HOME EXTERNOS · Mis certificados
   Oculta el texto redundante "Descarga aquí tu certificado",
   muestra solo los cuatro primeros y los distribuye en 4 columnas.
   ============================================================ */

#page-totara-dashboard-6 .block_mycertificates .mycertificates.row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#page-totara-dashboard-6 .block_mycertificates .certificatename {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#page-totara-dashboard-6 .block_mycertificates .certificateitem {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex: 0 0 25% !important;
  width: 25% !important;
  max-width: 25% !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}

#page-totara-dashboard-6 .block_mycertificates .mycertificates.row > .certificateitem:nth-child(n + 5) {
  display: none !important;
}

#page-totara-dashboard-6 .block_mycertificates .certificateitem > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  color: var(--navy-blue, #08004F) !important;
  text-decoration: none !important;
}

#page-totara-dashboard-6 .block_mycertificates .coursename {
  display: -webkit-box !important;
  min-height: 2.6em !important;
  margin: 12px 0 0 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

#page-totara-dashboard-6 .block_mycertificates .cert-actions {
  margin-top: auto !important;
  padding-top: 12px !important;
}

@media (max-width: 991px) {
  #page-totara-dashboard-6 .block_mycertificates .certificateitem {
    flex-basis: 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 575px) {
  #page-totara-dashboard-6 .block_mycertificates .certificateitem {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   HOME EXTERNOS · Página "Mis certificados" (list.php)
   Mismo diseño que el bloque de la home, mostrando TODOS.
   Oculta el texto redundante "Descarga tu certificado".
   NOTA: el prefijo #page-blocks-mycertificates-list es el id
   del <body> de esa página. Si al inspeccionar ves otro id,
   sustitúyelo aquí (buscar y reemplazar).
   ============================================================ */

/* Fondo warm gray de la página. El token --warm-gray (#FAF4EE) viene
   del CSS organizado; se deja el hex como fallback. */
#page-blocks-mycertificates-list {
  background-color: var(--warm-gray, #FAF4EE) !important;
}

/* Contenedor principal transparente para que se vea el fondo warm gray
   (mismo patrón que ya se usa en las páginas LFE). Si tu tema usa otro
   contenedor, ajusta el selector. */
#page-blocks-mycertificates-list #region-main,
#page-blocks-mycertificates-list #region-main .card,
#page-blocks-mycertificates-list [role="main"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#page-blocks-mycertificates-list .mycertificates.row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Oculta SOLO el texto "Descarga tu certificado" pero mantiene la
   miniatura, porque en list.php la imagen va dentro de .certificatename. */
#page-blocks-mycertificates-list .certificatename {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

#page-blocks-mycertificates-list .certificatename img {
  font-size: initial !important;
  line-height: normal !important;
}

#page-blocks-mycertificates-list .certificateitem {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex: 0 0 25% !important;
  width: 25% !important;
  max-width: 25% !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}

#page-blocks-mycertificates-list .certificateitem > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  color: var(--navy-blue, #08004F) !important;
  text-decoration: none !important;
}

#page-blocks-mycertificates-list .coursename {
  display: -webkit-box !important;
  min-height: 2.6em !important;
  margin: 12px 0 0 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

#page-blocks-mycertificates-list .cert-actions {
  margin-top: auto !important;
  padding-top: 12px !important;
}

@media (max-width: 991px) {
  #page-blocks-mycertificates-list .certificateitem {
    flex-basis: 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 575px) {
  #page-blocks-mycertificates-list .certificateitem {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !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;
            }