: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 ⬇️ --- */ /* ============================================================ PANELES DE ADMINISTRACIÓN POR REGIÓN — rebranding Dashboards de gestión (tenants): dashboard-2 (North America), -3 (Italy), -4 (North Europe), -22 (Latam), -23 (Global), -26 (Middle East). Todos usan bloques Totara NATIVOS (no HTML propio): report_graph, featured_links, course_search, totara_dashboard, my_learning_nav, report_manager, xp, virtualmeetings. Se estiliza por scope de dashboard + tipo de bloque (los IDs son de PRE: revisar en PRO). El hero (.block_slickslider) se excluye: ya tiene su estilo global. NOTA: las gráficas son (ChartJS); sus colores salen de la config del informe en Totara, no del CSS. Los fondos teal del hero (bg-admin.jpg) y de los tiles featured-links (seguimiento.png…) son IMÁGENES subidas a Totara: se recolorean resubiéndolas, no por CSS. Aquí solo se reviste el "chrome" del bloque (cabecera, tipografía, buscador, navs). Los bloques van SIN caja blanca: transparentes sobre el fondo warm-gray (decisión 2026-08-20). ============================================================ */ /* --- Fondo de página --- */ #page-totara-dashboard-2, #page-totara-dashboard-3, #page-totara-dashboard-4, #page-totara-dashboard-22, #page-totara-dashboard-23, #page-totara-dashboard-26 { background-color: var(--warm-gray); } /* --- Hero: más aire entre el encabezado y el contenido de abajo --- OJO especificidad: el organizado tiene `#block-region-top .block_slickslider { margin-bottom:20px }` (1 id+1 clase). Como el "CSS adicional" carga ANTES, hay que subir la especificidad (se añade #block-region-top → 2 ids+1 clase) para ganar. */ #page-totara-dashboard-2 #block-region-top .lfe_hero, #page-totara-dashboard-3 #block-region-top .lfe_hero, #page-totara-dashboard-4 #block-region-top .lfe_hero, #page-totara-dashboard-22 #block-region-top .lfe_hero, #page-totara-dashboard-23 #block-region-top .lfe_hero, #page-totara-dashboard-26 #block-region-top .lfe_hero { margin-bottom: 48px !important; } /* --- Hero: pastilla del subtítulo (p.ej. "Italy", "North America") --- El subtítulo es

con la pastilla en estilo INLINE (background-color:#F9F9F940, blanco ~25%): sobre el teal viejo se veía, pero sobre la imagen azul nueva casi desaparece. Se fija por CSS (con !important porque el inline gana) para que no dependa de la imagen. --- */ #page-totara-dashboard-2 .lfe_hero .conttext .text h3 span, #page-totara-dashboard-3 .lfe_hero .conttext .text h3 span, #page-totara-dashboard-4 .lfe_hero .conttext .text h3 span, #page-totara-dashboard-22 .lfe_hero .conttext .text h3 span, #page-totara-dashboard-23 .lfe_hero .conttext .text h3 span, #page-totara-dashboard-26 .lfe_hero .conttext .text h3 span { display: inline-block; padding: 9px 22px !important; border-radius: 999px !important; background-color: rgba(255, 255, 255, 0.2) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: #fff !important; margin-top: 0 !important; /* tamaño/peso fijos: garantizan la MISMA pill en las 5 regiones, sin depender del font-size inline raro (19.2852px) */ font-family: var(--font-body) !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.2 !important; } /* --- Hero: menos espacio entre el título y el subtítulo --- El hueco lo meten estilos INLINE (h2 margin-bottom:30px + span margin-top:20px); se recortan por CSS (!important gana al inline). --- */ #page-totara-dashboard-2 .lfe_hero .conttext .text h2, #page-totara-dashboard-3 .lfe_hero .conttext .text h2, #page-totara-dashboard-4 .lfe_hero .conttext .text h2, #page-totara-dashboard-22 .lfe_hero .conttext .text h2, #page-totara-dashboard-23 .lfe_hero .conttext .text h2, #page-totara-dashboard-26 .lfe_hero .conttext .text h2 { margin-bottom: 12px !important; } #page-totara-dashboard-2 .lfe_hero .conttext .text h3, #page-totara-dashboard-3 .lfe_hero .conttext .text h3, #page-totara-dashboard-4 .lfe_hero .conttext .text h3, #page-totara-dashboard-22 .lfe_hero .conttext .text h3, #page-totara-dashboard-23 .lfe_hero .conttext .text h3, #page-totara-dashboard-26 .lfe_hero .conttext .text h3 { margin-top: 0 !important; } /* --- Bloques SIN caja blanca: transparentes sobre el fondo warm-gray (decisión 2026-08-20: se quita el fondo blanco de las cajas) --- */ #page-totara-dashboard-2 .block:not(.block_slickslider), #page-totara-dashboard-3 .block:not(.block_slickslider), #page-totara-dashboard-4 .block:not(.block_slickslider), #page-totara-dashboard-22 .block:not(.block_slickslider), #page-totara-dashboard-23 .block:not(.block_slickslider), #page-totara-dashboard-26 .block:not(.block_slickslider) { background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 32px !important; } /* --- Cabecera del bloque: sin barra ni padding lateral, alineada con el contenido; título IVI Glance navy con aire inferior --- */ #page-totara-dashboard-2 .block:not(.block_slickslider) .header.block-header, #page-totara-dashboard-3 .block:not(.block_slickslider) .header.block-header, #page-totara-dashboard-4 .block:not(.block_slickslider) .header.block-header, #page-totara-dashboard-22 .block:not(.block_slickslider) .header.block-header, #page-totara-dashboard-23 .block:not(.block_slickslider) .header.block-header, #page-totara-dashboard-26 .block:not(.block_slickslider) .header.block-header { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } #page-totara-dashboard-2 .block:not(.block_slickslider) .title.block-title, #page-totara-dashboard-3 .block:not(.block_slickslider) .title.block-title, #page-totara-dashboard-4 .block:not(.block_slickslider) .title.block-title, #page-totara-dashboard-22 .block:not(.block_slickslider) .title.block-title, #page-totara-dashboard-23 .block:not(.block_slickslider) .title.block-title, #page-totara-dashboard-26 .block:not(.block_slickslider) .title.block-title { padding: 0 0 14px 0 !important; } #page-totara-dashboard-2 .block:not(.block_slickslider) .title.block-title h2, #page-totara-dashboard-3 .block:not(.block_slickslider) .title.block-title h2, #page-totara-dashboard-4 .block:not(.block_slickslider) .title.block-title h2, #page-totara-dashboard-22 .block:not(.block_slickslider) .title.block-title h2, #page-totara-dashboard-23 .block:not(.block_slickslider) .title.block-title h2, #page-totara-dashboard-26 .block:not(.block_slickslider) .title.block-title h2 { font-family: var(--font-title) !important; font-weight: 700; font-size: 20px !important; color: var(--navy-blue) !important; margin: 0; } #page-totara-dashboard-2 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-3 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-4 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-22 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-23 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-26 .block:not(.block_slickslider) .content.block-content { font-family: var(--font-body); color: var(--navy-blue); padding: 0 !important; /* sin caja: el tema pinta algunos .block-content como tarjeta blanca (p.ej. las gráficas report_graph) → se fuerza transparente */ background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --- Gráficas de informe (report_graph): sin recuadro blanco --- El fondo blanco lo ponen los DIVS contenedores de la gráfica; se hacen transparentes. NO se toca el ni los .chartjs-size-monitor / .chartjs-render-monitor (los usa ChartJS para dibujar/redimensionar: tocarlos con `*` hacía que la gráfica no se visualizara). El COLOR de las barras es (config del gráfico del informe en Totara). */ #page-totara-dashboard-2 .block_totara_report_graph .block_totara_report_graph__chart, #page-totara-dashboard-2 .block_totara_report_graph .rb-chartjs, #page-totara-dashboard-2 .block_totara_report_graph .rb-chartjs__chart, #page-totara-dashboard-3 .block_totara_report_graph .block_totara_report_graph__chart, #page-totara-dashboard-3 .block_totara_report_graph .rb-chartjs, #page-totara-dashboard-3 .block_totara_report_graph .rb-chartjs__chart, #page-totara-dashboard-4 .block_totara_report_graph .block_totara_report_graph__chart, #page-totara-dashboard-4 .block_totara_report_graph .rb-chartjs, #page-totara-dashboard-4 .block_totara_report_graph .rb-chartjs__chart, #page-totara-dashboard-22 .block_totara_report_graph .block_totara_report_graph__chart, #page-totara-dashboard-22 .block_totara_report_graph .rb-chartjs, #page-totara-dashboard-22 .block_totara_report_graph .rb-chartjs__chart, #page-totara-dashboard-23 .block_totara_report_graph .block_totara_report_graph__chart, #page-totara-dashboard-23 .block_totara_report_graph .rb-chartjs, #page-totara-dashboard-23 .block_totara_report_graph .rb-chartjs__chart, #page-totara-dashboard-26 .block_totara_report_graph .block_totara_report_graph__chart, #page-totara-dashboard-26 .block_totara_report_graph .rb-chartjs, #page-totara-dashboard-26 .block_totara_report_graph .rb-chartjs__chart { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --- Sidebar izquierdo (side-pre): tarjeta blanca --- Columna izquierda (Búsqueda de cursos + Otras páginas). Se envuelve como tarjeta: fondo blanco, sombra suave, esquinas redondeadas y padding. Global (dashboard-23) NO se incluye: tiene el side-pre vacío. */ /* La tarjeta blanca se pinta con un ::before SÓLIDO, metido 15px por cada lado (el gutter de la columna) para ALINEARSE con el hero sin sangrar. Así el blanco es sólido, llena todo el card y la sombra va pegada al blanco. El contenido va encima con 18px de padding interior (33px de padding en la columna = 15 gutter + 18 interior). */ #page-totara-dashboard-2 #block-region-side-pre, #page-totara-dashboard-3 #block-region-side-pre, #page-totara-dashboard-4 #block-region-side-pre, #page-totara-dashboard-22 #block-region-side-pre, #page-totara-dashboard-26 #block-region-side-pre { position: relative !important; z-index: 0 !important; background: transparent !important; border: 0 !important; padding: 18px 33px !important; } #page-totara-dashboard-2 #block-region-side-pre::before, #page-totara-dashboard-3 #block-region-side-pre::before, #page-totara-dashboard-4 #block-region-side-pre::before, #page-totara-dashboard-22 #block-region-side-pre::before, #page-totara-dashboard-26 #block-region-side-pre::before { content: ""; position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; background: #fff; border-radius: 10px; box-shadow: var(--shadow-soft); z-index: -1; } /* dentro de la tarjeta: bloques algo más juntos y sin margen sobrante abajo */ #page-totara-dashboard-2 #block-region-side-pre .block:not(.block_slickslider), #page-totara-dashboard-3 #block-region-side-pre .block:not(.block_slickslider), #page-totara-dashboard-4 #block-region-side-pre .block:not(.block_slickslider), #page-totara-dashboard-22 #block-region-side-pre .block:not(.block_slickslider), #page-totara-dashboard-26 #block-region-side-pre .block:not(.block_slickslider) { margin-bottom: 20px !important; } #page-totara-dashboard-2 #block-region-side-pre .block:not(.block_slickslider):last-of-type, #page-totara-dashboard-3 #block-region-side-pre .block:not(.block_slickslider):last-of-type, #page-totara-dashboard-4 #block-region-side-pre .block:not(.block_slickslider):last-of-type, #page-totara-dashboard-22 #block-region-side-pre .block:not(.block_slickslider):last-of-type, #page-totara-dashboard-26 #block-region-side-pre .block:not(.block_slickslider):last-of-type { margin-bottom: 0 !important; } /* --- Búsqueda de cursos: input suave + botón azul de marca --- */ #page-totara-dashboard-2 .block_course_search .input-group, #page-totara-dashboard-3 .block_course_search .input-group, #page-totara-dashboard-4 .block_course_search .input-group, #page-totara-dashboard-22 .block_course_search .input-group, #page-totara-dashboard-23 .block_course_search .input-group, #page-totara-dashboard-26 .block_course_search .input-group { display: flex; gap: 8px; } #page-totara-dashboard-2 .block_course_search .form-control, #page-totara-dashboard-3 .block_course_search .form-control, #page-totara-dashboard-4 .block_course_search .form-control, #page-totara-dashboard-22 .block_course_search .form-control, #page-totara-dashboard-23 .block_course_search .form-control, #page-totara-dashboard-26 .block_course_search .form-control { height: 42px; border: 1px solid var(--border-soft) !important; border-radius: 8px !important; box-shadow: none !important; font-family: var(--font-body); color: var(--navy-blue); } #page-totara-dashboard-2 .block_course_search .input-group-btn .btn, #page-totara-dashboard-3 .block_course_search .input-group-btn .btn, #page-totara-dashboard-4 .block_course_search .input-group-btn .btn, #page-totara-dashboard-22 .block_course_search .input-group-btn .btn, #page-totara-dashboard-23 .block_course_search .input-group-btn .btn, #page-totara-dashboard-26 .block_course_search .input-group-btn .btn { height: 42px; padding: 0 22px; background: var(--light-blue) !important; border: 0 !important; border-radius: 8px !important; color: #fff !important; font-family: var(--font-title); font-weight: 700; box-shadow: none !important; } #page-totara-dashboard-2 .block_course_search .input-group-btn .btn:hover, #page-totara-dashboard-3 .block_course_search .input-group-btn .btn:hover, #page-totara-dashboard-4 .block_course_search .input-group-btn .btn:hover, #page-totara-dashboard-22 .block_course_search .input-group-btn .btn:hover, #page-totara-dashboard-23 .block_course_search .input-group-btn .btn:hover, #page-totara-dashboard-26 .block_course_search .input-group-btn .btn:hover { background: var(--blue-hover) !important; } /* --- Listas de navegación (Paneles de control, Otras páginas, Mi Aprendizaje): enlaces azules, filas con separador --- */ /* Reset de sangría/padding del tema en ul/li/.name (si no, los enlaces salen indentados y con filas altísimas en vivo) */ #page-totara-dashboard-2 .block_totara_dashboard :is(ul.list, li.dashboard, .name), #page-totara-dashboard-3 .block_totara_dashboard :is(ul.list, li.dashboard, .name), #page-totara-dashboard-4 .block_totara_dashboard :is(ul.list, li.dashboard, .name), #page-totara-dashboard-22 .block_totara_dashboard :is(ul.list, li.dashboard, .name), #page-totara-dashboard-23 .block_totara_dashboard :is(ul.list, li.dashboard, .name), #page-totara-dashboard-26 .block_totara_dashboard :is(ul.list, li.dashboard, .name), #page-totara-dashboard-3 .block_totara_my_learning_nav :is(ul, li, .name) { margin: 0 !important; padding: 0 !important; list-style: none !important; } #page-totara-dashboard-2 .block_totara_dashboard ul.list li, #page-totara-dashboard-3 .block_totara_dashboard ul.list li, #page-totara-dashboard-4 .block_totara_dashboard ul.list li, #page-totara-dashboard-22 .block_totara_dashboard ul.list li, #page-totara-dashboard-23 .block_totara_dashboard ul.list li, #page-totara-dashboard-26 .block_totara_dashboard ul.list li, #page-totara-dashboard-3 .block_totara_my_learning_nav li { list-style: none; border-bottom: 1px solid var(--border-soft); } #page-totara-dashboard-2 .block_totara_dashboard ul.list li:last-child, #page-totara-dashboard-3 .block_totara_dashboard ul.list li:last-child, #page-totara-dashboard-4 .block_totara_dashboard ul.list li:last-child, #page-totara-dashboard-22 .block_totara_dashboard ul.list li:last-child, #page-totara-dashboard-23 .block_totara_dashboard ul.list li:last-child, #page-totara-dashboard-26 .block_totara_dashboard ul.list li:last-child, #page-totara-dashboard-3 .block_totara_my_learning_nav li:last-child { border-bottom: 0; } #page-totara-dashboard-2 .block_totara_dashboard .name a, #page-totara-dashboard-3 .block_totara_dashboard .name a, #page-totara-dashboard-4 .block_totara_dashboard .name a, #page-totara-dashboard-22 .block_totara_dashboard .name a, #page-totara-dashboard-23 .block_totara_dashboard .name a, #page-totara-dashboard-26 .block_totara_dashboard .name a, #page-totara-dashboard-3 .block_totara_my_learning_nav a { display: block; padding: 11px 0 !important; font-family: var(--font-body); color: var(--light-blue) !important; text-decoration: none; } #page-totara-dashboard-2 .block_totara_dashboard .name a:hover, #page-totara-dashboard-3 .block_totara_dashboard .name a:hover, #page-totara-dashboard-4 .block_totara_dashboard .name a:hover, #page-totara-dashboard-22 .block_totara_dashboard .name a:hover, #page-totara-dashboard-23 .block_totara_dashboard .name a:hover, #page-totara-dashboard-26 .block_totara_dashboard .name a:hover, #page-totara-dashboard-3 .block_totara_my_learning_nav a:hover { color: var(--navy-blue) !important; text-decoration: none; } /* --- Enlaces destacados (featured links): esquinas redondeadas --- */ #page-totara-dashboard-2 .block_totara_featured_links .block-totara-featured-links-tile, #page-totara-dashboard-3 .block_totara_featured_links .block-totara-featured-links-tile, #page-totara-dashboard-4 .block_totara_featured_links .block-totara-featured-links-tile, #page-totara-dashboard-22 .block_totara_featured_links .block-totara-featured-links-tile, #page-totara-dashboard-23 .block_totara_featured_links .block-totara-featured-links-tile, #page-totara-dashboard-26 .block_totara_featured_links .block-totara-featured-links-tile { border-radius: 10px !important; overflow: hidden; } /* --- Administrador de reportes (report_manager, solo Global) --- Bloque con dos vistas (ficha=grid / lista) conmutables por JS. */ /* Subtítulo interno "Informes" */ #page-totara-dashboard-23 .totara_core__myreports__title h2 { font-family: var(--font-title); font-weight: 700; font-size: 15px; color: var(--navy-blue); margin: 0 0 14px; } /* Fila superior: contador a la izquierda, toggle grid/lista a la derecha */ #page-totara-dashboard-23 .totara_core__myreports__overview { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } #page-totara-dashboard-23 .totara_core__myreports__count { font-family: var(--font-body); font-size: 13px; color: var(--text-gray); } #page-totara-dashboard-23 .totara_core__myreports__itemstyletoggle { display: flex; gap: 6px; } #page-totara-dashboard-23 .totara_core__myreports__itemstyletoggle__btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--border-soft); border-radius: 8px; color: var(--navy-blue) !important; text-decoration: none; overflow: hidden; } #page-totara-dashboard-23 .totara_core__myreports__itemstyletoggle__btn_active { background: var(--light-blue); border-color: var(--light-blue); color: #fff !important; } /* Lista base = filas limpias (icono + título) */ #page-totara-dashboard-23 ul.totara_core__myreports__list { margin: 0; padding: 0; list-style: none; } #page-totara-dashboard-23 .totara_core__myreports__list__item { list-style: none; } #page-totara-dashboard-23 .totara_core__myreports__list__item__content { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--border-soft); text-decoration: none !important; } #page-totara-dashboard-23 .totara_core__myreports__list__item:last-child .totara_core__myreports__list__item__content { border-bottom: 0; } #page-totara-dashboard-23 .totara_core__myreports__list__item__content__image { flex: 0 0 auto; display: flex; align-items: center; } #page-totara-dashboard-23 .totara_core__myreports__list__item__content__image img { max-width: 28px; max-height: 28px; } #page-totara-dashboard-23 .totara_core__myreports__list__item__content__title { font-family: var(--font-body); font-size: 14px; color: var(--navy-blue) !important; text-decoration: none; } #page-totara-dashboard-23 .totara_core__myreports__list__item__content:hover .totara_core__myreports__list__item__content__title { color: var(--light-blue) !important; } /* Vista ficha (grid): tiles en cuadrícula, icono sobre el título */ #page-totara-dashboard-23 ul.totara_core__myreports__list--grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; } #page-totara-dashboard-23 .totara_core__myreports__list--grid .totara_core__myreports__list__item__content { flex-direction: column; text-align: center; gap: 8px; padding: 16px 10px; border: 1px solid var(--border-soft); border-radius: 10px; } #page-totara-dashboard-23 .totara_core__myreports__list--grid .totara_core__myreports__list__item__content:hover { box-shadow: var(--shadow-soft); } /* --- Responsive: menos padding en móvil --- */ @media (max-width: 767px) { #page-totara-dashboard-2 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-3 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-4 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-22 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-23 .block:not(.block_slickslider) .content.block-content, #page-totara-dashboard-26 .block:not(.block_slickslider) .content.block-content { padding: 0 !important; } #page-totara-dashboard-2 .block_course_search .input-group, #page-totara-dashboard-3 .block_course_search .input-group, #page-totara-dashboard-4 .block_course_search .input-group, #page-totara-dashboard-22 .block_course_search .input-group, #page-totara-dashboard-23 .block_course_search .input-group, #page-totara-dashboard-26 .block_course_search .input-group { flex-wrap: wrap; } } @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; }