: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;}
#inst9372 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
background: rgba(255, 255, 255, 0.0)!important;
}

#inst9372 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-bottom h3{
color:white!important;
padding-bottom:5px!important;
}

#page-course-view-onetopicas .section .activity .contentafterlink {
    background-color: #f0f5f680;
    padding: 1em 0.5em 0 1em;
    border-radius: 12px 0 0 0;
    margin-left: 65px;
margin-top:0px!important;
}
body.course-1061 #region-top .content.block-content{
margin-top:-68px!important;
}

#inst9929.one-tech-launch .content.block-content,
#inst10654.one-tech-launch .content.block-content{
    background-image: url('https://ivirmacampus.com/pluginfile.php/1/local_uploadfiles/additionalimages/0/bg-one-tech.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align:center;
    padding:2em 1em!important;
}

#inst9929.one-tech-launch .content.block-content a,
#inst10654.one-tech-launch .content.block-content a{
    padding: 12px 25px;
    background-color: white;
    border-radius: 25px;
    color: var(--color-secondary);
    font-size: 15px;
    font-weight: 500;
    border: 1.5px solid white;
    transition: background-color 0.3s ease-in, transform 0.3s ease-in;
    margin-top:20px!important;
}

#inst9929.one-tech-launch .content.block-content a:hover,
#inst10654.one-tech-launch .content.block-content a:hover {
    color: white!important;
    background-color: #ffffff40 !important;
    transform: scale(1.03);
}

#inst9929.one-tech-launch .content.block-content img,
#inst10654.one-tech-launch .content.block-content img {
    margin-bottom:20px!important;
}

#inst9929 .no-overflow,
#inst10654 .no-overflow{
    overflow: hidden !important;
    padding: 10px;
}


/* ============================================
   ESTILOS SOLO PARA EL BLOQUE inst10405
   ============================================ */


/* Icono ordenar */
#inst10405 th .iconsort {
    color: #0F6C72 !important;
}

/* === FILAS === */
#inst10405 table.totaratable tbody tr {
    background: #ffffff !important;
    margin-bottom: 10px;
}

#inst10405 table.totaratable tbody tr {
    background: #ffffff !important;
    margin: 10px;
}

#inst10405 table.totaratable tbody tr td {
    padding: 12px 16px; /* el padding va aquí */
}

#inst10405 table.totaratable td {
    padding: 10px 10px 2px 10px !important;
    border: none !important;
    font-size: 15px !important;
}



/* Línea fina separadora entre filas */
#inst10405 table.totaratable tbody tr:not(:last-child) {
#    border-bottom: 1px solid #F2F2F2 !important;
#}

/* Enlaces del nombre del curso */
#inst10405 table.totaratable a {
    color: #0F6C72 !important;
    font-weight: 600;
    text-decoration: none;
}

/* === BARRAS DE PROGRESO === */

#inst10405 .progressbar_container .bar {
    border-radius: 20px !important;
}

/* Color gris 0% */
#inst10405 .bar[aria-valuenow="0"] {
    background: #D2D2D2 !important;
}

/* Color naranja 50% */
#inst10405 .bar[aria-valuenow="50"] {
    background: #FF9F37 !important;
}

/* Texto del % */
#inst10405 .progressbar__text {
    color: #444 !important;
    font-size: 14px !important;
    margin-left: 6px;
}

/* Quitar pie "Ver informe completo" */
#inst10405 .footer,
#inst10405 .footer a {
    display: none !important;
}


/* ===== ICONO FA DE DOCUMENTO CON LÍNEAS DE TEXTO ===== */
/* Solo aplica al bloque inst10405 */

#inst10405 table.totaratable td.course_courselink a {
    position: relative;
    padding-left: 26px !important;
    display: inline-flex;
    align-items: center;
}

/* Iconos FontAwesome */
#inst10405 table.totaratable td.course_courselink a::before {
    font-family: "FontAwesome";
    content: "\f0f6";   /* ICONO: fa-file-text-o */
    font-size: 20px;
    color: #F58C7C;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.95;
}



#inst10405 table.totaratable td.base_timecompleted::before {
    font-family: "Font Awesome 6 Free"; /* obligatorio */
    font-weight: 400; /* regular (outline) */
    content: "\f058"; /* circle-check */
    padding-right: 10px;
    font-size: 18px;
    color: #4fcb3e;
    position: relative;
    left: 0;
    top: 40%;
    opacity: 0.95;
}


/* Hover */
#inst10405 table.totaratable td.course_courselink a:hover::before {
    opacity: 1;
}

/* Quitar padding extra del contenedor */
#inst10507 .content.block-content {
    padding: 0 !important;
}


# DASHBOARD PNTS

/* =======================================================
   DASHBOARD PNTS – Estilos encapsulados
   Page ID: #page-totara-dashboard-32
   ======================================================= */



/* ===========================
   Informe PNTs Globales (inst10607)
   =========================== */




/* Tabla principal */

#page-totara-dashboard-32 #inst10607 table.totaratable {
    display: block !important;
    width: 100% !important;
    border-collapse: unset !important;
    border-spacing: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
}

/* Tabla → grid */
#page-totara-dashboard-32 #inst10607 table.totaratable tbody {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Fila como tile */
#page-totara-dashboard-32 #inst10607 table.totaratable tr {
    display: block !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
    transition: box-shadow 0.2s ease !important;
}

#page-totara-dashboard-32 #inst10607 table.totaratable tr:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
}

/* Celda principal */
#page-totara-dashboard-32 #inst10607 table.totaratable td.c0 {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Imagen superior del tile */
#page-totara-dashboard-32 #inst10607 table.totaratable td.c0::before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    background: url('https://ivirmacampus.com/pluginfile.php/1/course/defaultcourseimage/2545/microscopio-lwfi7vnuibs.jpg') center / cover no-repeat !important;
}

/* Ocultar icono original */
#page-totara-dashboard-32 #inst10607 table.totaratable td .course_icon {
    display: none !important;
}

/* Etiqueta "CURSO" */
#page-totara-dashboard-32 #inst10607 table.totaratable td.c0 a::before {
    content: 'CURSO' !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: var(--color-primary) !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 4px !important;
}

/* Título del curso */
#page-totara-dashboard-32 #inst10607 table.totaratable td.c0 a {
    display: block !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #006d7c !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

#page-totara-dashboard-32 #inst10607 table.totaratable td.c0 a:hover {
    text-decoration: underline !important;
    color: #008897 !important;
}

/* Barra inferior (progreso) */
#page-totara-dashboard-32 #inst10607 table.totaratable td.c0::after {
    content: '' !important;
    display: block !important;
    height: 4px !important;
    background: #e5e7eb !important;
    margin: 4px 12px 12px !important;
    border-radius: 4px !important;
}

/* Ocultar tabla original */
#page-totara-dashboard-32 #inst10607 .totara-table-container,
#page-totara-dashboard-32 #inst10607 .rb-report-svggraph {
    display: none !important;
}

/* Tiles generadas por JS */
#page-totara-dashboard-32 #inst10607 .pnts-filter-bar {
    padding: 12px 15px;
}

#page-totara-dashboard-32 #inst10607 .nav.nav-tabs {
    background: transparent !important;
    background-color: transparent !important;
}

#page-totara-dashboard-32 #inst10607 .nav.nav-tabs li {
    padding: 20px;
}

#page-totara-dashboard-32 #inst10607 .nav.nav-tabs li.active a {
    border-radius: var(--border-radius-medium);
}


#page-totara-dashboard-32 #inst10607 .pnts-tiles-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 20px;
}

#page-totara-dashboard-32 #inst10607 .pnts-tile {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--shadow-2);
    transition: box-shadow 0.2s ease;
}

#page-totara-dashboard-32 #inst10607 .pnts-tile:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    cursor: pointer;
}

#page-totara-dashboard-32 #inst10607 .pnts-tile__img {
    width: 100%;
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center;
    max-height: 150px;
}

#page-totara-dashboard-32 #inst10607 .pnts-tile__body {
    padding: 20px 20px 40px;
}

#page-totara-dashboard-32 #inst10607 .pnts-tile__type {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

#page-totara-dashboard-32 #inst10607 .pnts-tile__title {
    font-size: var(--font-size-16);
    font-weight: bold;
    color: #006d7c;
    line-height: 1.4;
    margin: 0 0 10px;
}

/* ===========================
   Mandatory SOPs (inst10360)
   =========================== */

#page-totara-dashboard-32 #inst10360 .tabtree ul.nav.nav-tabs {
    margin: 0px 12px;
    padding: 10px 8px 12px 10px;
    background: none !important;
}

#page-totara-dashboard-32 #inst10360 .nav.nav-tabs li {
    padding-right: 20px;
    padding-bottom: 8px;
}

#page-totara-dashboard-32 #inst10360 .content.block-content {
    border-radius: 10px !important;
    #box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}

#page-totara-dashboard-32 #inst10360 .block .block-header {
    padding-top: 3rem !important;
}

#page-totara-dashboard-32 #inst10360 .panel-footer {
    border-top: 0 !important;
    padding: 0 20px 20px 20px !important;
}

#page-totara-dashboard-32 #inst10360 .block_current_learningas-tiles {
    padding: 30px 15px 30px 15px;
}

.pnts-empty-msg {
    text-align: center;
    padding: 0px 20px;
}

/* ===========================
  PNTs Completados (inst10405)
   =========================== */

/* ==============================
   BLOQUES PNT'S
   ============================== */

#inst10405 .totara-table-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

#inst10405 thead {
  display: none;
}


#inst10405 .footer {
  display: none;
}


#inst10405 tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


div#region-main #inst10405.block .content {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background: transparent !important;
}


#inst10405 tr {
  width: calc(31%);
  border-top: 0;
  background: transparent;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  padding: 10px;
  border-radius: 15px;
  margin: 5px;
}


#inst10405 td {
  display: flex;
  border-top: 0;
  background: transparent;
  width: 100%;
  flex-direction: row;
  align-items: center;
}


#inst10405 td a {
  width: 100% !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  gap: var(--spacing-large);
  font-weight: 700;
}


#inst10405 td a img.course_icon {
  background: var(--color-primary-light);
  padding: 14px;
  max-width: 65px !important;
  max-height: 65px !important;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

#####

#page-totara-dashboard-32 #inst10360 .content.block-content {
   margin:5px;
}


#page-totara-dashboard-32 #inst10405 .totara-table-container .totara-toolbar-top {
    display: none !important;
}

#page-totara-dashboard-32 #inst10405 #instance-10405-header {
    padding-top: 10px;
}

#page-totara-dashboard-32 #inst10405 .totara-table-container .toolbar-cell {
    padding: 10px 20px !important;
}


#page-totara-dashboard-32 #report_finalizacion_del_curso_incluye_historial th.c2,
#page-totara-dashboard-32 #report_finalizacion_del_curso_incluye_historial td.c2 {
    display: none !important;
}




                @font-face {
                    font-family: "Gotham";
                    src: url("https://ivirmacampus.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://ivirmacampus.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://ivirmacampus.com/theme/actua/webfont.php?nomfont=Gotham-Medium.woff") format("woff");
                    font-weight: 500;
                    font-style: normal;
                }
            body {
                font-family: Gotham;
            }