: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: #0ce3c6;--btn-button-border-radius: 4px;--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 ⬇️ --- */

/* Lo anterior (Monthly Seminars #inst8174 + hero .ivi-cert-hero) se
   fusionó en css-totara-organizado.css el 2026-07-15. */

/* Prueba 2026-07-15: subir el subtítulo del hero a 1.1em.
   Especificidad extra (.ivi-cert-hero ...) para ganar al !important del
   organizado, ya que el "CSS adicional" carga ANTES que jsDelivr. */
.ivi-cert-hero .ivi-cert-hero__text {
  font-size: 1.1em !important;
}

/* Fondo warm gray en TODAS las páginas de esta base de datos (listado,
   individual, edición, búsqueda). La clase de body cmid-20259 está en
   todas ellas (id del módulo; en PRO puede cambiar el número). */
body.cmid-20259 {
  background-color: var(--warm-gray, #FAF4EE) !important;
}
/* El main transparente para que se vea el fondo warm gray del body */
body.cmid-20259 div[role="main"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ============================================================
   REGISTRO DE CERTIFICADOS LfE (mod-data edit, cmid-20259) —
   rediseño del formulario estilo del ejemplo, con colores
   corporativos. Estructura la inyecta anadir-certificados--form.html
   (mueve los inputs reales). Clases ivi-cert-*.
   ============================================================ */

/* Contenedor general */
.ivi-cert-wrap { max-width: 1120px; margin: 0 auto; font-family: var(--font-body); }

/* --- Guía de puntos: 3 tarjetas --- */
.ivi-cert-guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin: 22px 0;
}
.ivi-cert-card {
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: var(--shadow-soft);
}
.ivi-cert-card--externos,
.ivi-cert-card--attending,
.ivi-cert-card--delivery  { background: #fff; }
.ivi-cert-card__head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.ivi-cert-card__icon {
  width: 40px; height: 40px; flex: 0 0 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 11px; color: #fff;
}
.ivi-cert-card__icon .material-symbols-outlined { font-size: 22px; }
.ivi-cert-card--externos  .ivi-cert-card__icon { background: var(--light-blue); }
.ivi-cert-card--attending .ivi-cert-card__icon { background: var(--teal); color: var(--navy-blue); }
.ivi-cert-card--delivery  .ivi-cert-card__icon { background: var(--purple); }
.ivi-cert-card__title { font-family: var(--font-title); font-weight: 500; font-size: 18px; color: var(--navy-blue); margin: 0; }
.ivi-cert-card__desc { font-size: 13px; line-height: 1.5; color: var(--text-gray); margin: 0 0 12px; }

/* Píldoras de puntos (externos) */
.ivi-cert-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.ivi-cert-pill {
  background: #fff; border: 1px solid var(--border-soft); border-radius: 10px;
  padding: 7px 12px; text-align: center; line-height: 1.15;
}
.ivi-cert-pill b { display: block; color: var(--light-blue); font-size: 15px; font-weight: 700; }
.ivi-cert-pill span { font-size: 11px; color: var(--text-gray); }

/* Filas de regla con badge de puntos (attending / delivery) */
.ivi-cert-rule { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 9px; font-size: 12.5px; line-height: 1.45; color: #3A3A55; }
.ivi-cert-rule__pts {
  flex: 0 0 auto; color: #fff; font-weight: 700; font-size: 11px;
  padding: 3px 9px; border-radius: 999px; margin-top: 1px; white-space: nowrap;
}
.ivi-cert-card--attending .ivi-cert-rule__pts { background: var(--teal); color: var(--navy-blue); }
.ivi-cert-card--delivery  .ivi-cert-rule__pts { background: var(--purple); }
.ivi-cert-star { color: var(--red); font-weight: 700; }

/* Lista "No se incluyen" */
.ivi-cert-exclude { border-top: 1px dashed var(--border-soft); margin-top: 4px; padding-top: 10px; }
.ivi-cert-exclude__t { font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--red); margin: 0 0 6px; }
.ivi-cert-exclude ul { margin: 0; padding-left: 16px; }
.ivi-cert-exclude li { font-size: 12px; line-height: 1.5; color: #3A3A55; }

/* Todo el texto de las 3 tarjetas en negro (los badges de puntos y los
   iconos conservan su color) */
.ivi-cert-card__title,
.ivi-cert-card__desc,
.ivi-cert-rule,
.ivi-cert-pill b,
.ivi-cert-pill span,
.ivi-cert-exclude__t,
.ivi-cert-exclude li,
.ivi-cert-card .ivi-cert-star { color: #000; }

/* --- Aviso ámbar --- */
.ivi-cert-note {
  display: flex; gap: 12px; align-items: flex-start;
  background: #FFF6E6; border: 1px solid #F3DFB0; border-radius: 12px;
  padding: 14px 18px; margin: 8px 0 22px; font-size: 13px; line-height: 1.5; color: #6B5628;
}
.ivi-cert-note .material-symbols-outlined { color: #E0952B; font-size: 22px; flex: 0 0 auto; }
.ivi-cert-note a { color: var(--light-blue); font-weight: 700; text-decoration: underline; }

/* --- Toolbar (tabs de mod-data): los botones usan el sistema .ivi-btn
   (variantes --secondary activo / --ghost inactivo, en el organizado) --- */
.ivi-cert-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }

/* --- Tarjeta del formulario "Nueva entrada" --- */
.ivi-cert-form { background: #fff; border: 1px solid var(--border-soft); border-radius: 16px; box-shadow: var(--shadow-soft); padding: 28px 30px; }
.ivi-cert-form__title { font-family: var(--font-title); font-weight: 500; font-size: 24px; color: var(--navy-blue); margin: 0 0 4px; }
.ivi-cert-form__req { font-size: 12.5px; color: var(--text-gray); margin: 0 0 22px; }
.ivi-cert-form__req .req { color: var(--red); }

/* Secciones (Datos / Validación) */
.ivi-cert-section { border-top: 1px solid var(--border-soft); padding-top: 20px; margin-top: 20px; }
.ivi-cert-section:first-of-type { border-top: none; padding-top: 0; margin-top: 0; }
.ivi-cert-section__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.ivi-cert-section__bar { display: none; }   /* sin línea azul/morada */
.ivi-cert-section__title { font-family: var(--font-title); font-weight: 500; font-size: 18px; color: var(--navy-blue); margin: 0; }
.ivi-cert-badge-int { background: #EFE6FB; color: var(--purple); font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; }
.ivi-cert-section__note { font-size: 12.5px; color: var(--text-gray); margin: -8px 0 16px; }

/* Grid de campos */
.ivi-cert-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.ivi-cert-field--full { grid-column: 1 / -1; }
.ivi-cert-field__label { display: block; font-size: 13px; font-weight: 700; color: var(--navy-blue); margin: 0 0 4px; padding: 0; }
.ivi-cert-field__label .req { color: var(--red); }

/* Inputs/selects reales reestilizados */
.ivi-cert-form .mod-data-input select,
.ivi-cert-form select.mod-data-input,
.ivi-cert-form input.mod-data-input[type="text"],
.ivi-cert-form .basefieldinput {
  display: block !important;   /* anula el d-inline de Moodle (espacio a la izq.) */
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  min-height: 50px !important;
  height: auto !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-family: var(--font-body) !important;
  color: var(--navy-blue) !important;
  background-color: #fff !important;
}
.ivi-cert-form input.mod-data-input[type="text"]:focus,
.ivi-cert-form select.mod-data-input:focus {
  outline: none !important;
  border-color: var(--light-blue) !important;
  box-shadow: 0 0 0 3px rgba(0,77,240,0.12) !important;
}

/* Zona de subida (envuelve el filemanager real) */
.ivi-cert-drop {
  border: 2px dashed #B9C6E8; border-radius: 14px; background: #F7FAFF;
  padding: 22px; text-align: center;
}
.ivi-cert-drop__icon { width: 52px; height: 52px; margin: 0 auto 10px; border-radius: 14px; background: var(--bg-blue); color: var(--light-blue); display: flex; align-items: center; justify-content: center; }
.ivi-cert-drop__icon .material-symbols-outlined { font-size: 26px; }
.ivi-cert-drop__title { font-size: 15px; font-weight: 700; color: var(--navy-blue); margin: 0 0 2px; }
.ivi-cert-drop__hint { font-size: 12.5px; color: var(--text-gray); margin: 0; }
.ivi-cert-drop__hint a { color: var(--light-blue); font-weight: 700; text-decoration: underline; cursor: pointer; }
.ivi-cert-drop .fp-restrictions { font-size: 11px; color: var(--text-gray); margin-top: 10px; }

/* Barra de acciones */
.ivi-cert-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; border-top: 1px solid var(--border-soft); margin-top: 24px; padding-top: 22px; }
.ivi-cert-actions .ivi-cert-btn {
  display: inline-flex; align-items: center; gap: 8px;
  border-radius: 10px; padding: 12px 22px; font-size: 14px; font-weight: 700;
  font-family: var(--font-body); cursor: pointer; border: 1.5px solid transparent; text-decoration: none;
}
.ivi-cert-btn--ghost { background: transparent; color: var(--text-gray); border-color: transparent; }
.ivi-cert-btn--ghost:hover { color: var(--navy-blue); }
.ivi-cert-btn--outline { background: #fff; color: var(--light-blue); border-color: var(--light-blue); }
.ivi-cert-btn--outline:hover { background: var(--bg-blue); }
.ivi-cert-btn--primary { background: var(--light-blue); color: #fff !important; border-color: var(--light-blue); }
.ivi-cert-btn--primary:hover { background: var(--blue-hover, #0038C4); }
.ivi-cert-actions .material-symbols-outlined { font-size: 19px; }

@media (max-width: 640px) {
  .ivi-cert-grid { grid-template-columns: 1fr; }
  .ivi-cert-actions { justify-content: stretch; }
  .ivi-cert-actions .ivi-cert-btn { flex: 1; justify-content: center; }
}

/* --- Encabezado de la sección (sin fondo): título h3 + subtítulo --- */
.ivi-cert-intro { margin: 4px 0 6px; }
.ivi-cert-intro__title {
  font-family: var(--font-title, 'IVI Glance','Noto Sans',sans-serif);
  font-weight: 500; font-size: 26px; line-height: 1.15;
  margin: 0 0 8px; color: var(--navy-blue);
}
.ivi-cert-intro__desc {
  margin: 0; max-width: 78ch; font-size: 15px; line-height: 1.55;
  color: #3A3A55;
}

/* --- Limpieza del filemanager real dentro del dropzone --- */
.ivi-cert-drop__header { margin-bottom: 6px; }
.ivi-cert-drop__browse { color: var(--light-blue); font-weight: 700; text-decoration: underline; cursor: pointer; }
.ivi-cert-drop fieldset { border: none !important; margin: 0 !important; padding: 0 !important; }
.ivi-cert-drop fieldset > legend { display: none !important; }
.ivi-cert-drop .inline-req { display: none !important; }
/* Se ocultan solo elementos que NO intervienen en el drag & drop.
   OJO: NO ocultar .fm-empty-container ni .dndupload-target — Moodle los
   usa como zona de soltado; ocultarlos rompe el arrastrar y soltar. */
.ivi-cert-drop .fp-restrictions,
.ivi-cert-drop .filemanager-loading,
.ivi-cert-drop .fp-navbar,
.ivi-cert-drop .filemanager-updating,
.ivi-cert-drop .dndupload-uploadinprogress,
.ivi-cert-drop .fp-img-downloading { display: none !important; }

/* Filemanager y contenedores: transparentes y sin borde PERO conservando
   área de soltado (min-height) para que el drag & drop siga funcionando.
   overflow visible + height auto para que el cuadro se vea ENTERO (no cortado). */
.ivi-cert-drop,
.ivi-cert-drop .mod-data-input,
.ivi-cert-drop .filemanager,
.ivi-cert-drop .filemanager-container,
.ivi-cert-drop .fm-content-wrapper,
.ivi-cert-drop .fm-empty-container {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
.ivi-cert-drop .filemanager,
.ivi-cert-drop .filemanager-container,
.ivi-cert-drop .fm-content-wrapper {
  border: none !important; background: transparent !important;
  box-shadow: none !important; padding: 0 !important;
  min-height: 84px !important;
}
/* El texto del estado vacío se oculta con visibility (mi cabecera ya lo
   dice) pero el contenedor sigue ocupando espacio = zona de soltado */
.ivi-cert-drop .dndupload-message { visibility: hidden !important; }
.ivi-cert-drop .dndupload-target { border-radius: 12px; }
.ivi-cert-drop .fp-content { background: transparent !important; border: none !important; }

/* Bloque #inst11494: sin borde ni fondo, margen inferior 0 y superior 45px
   (el mismo trato que .block de #block-region-side-post, pero acotado a
   ese bloque). Especificidad + !important para ganar a la regla del tema. */
#inst11494,
#block-region-side-post #inst11494 {
  border: 0 !important;
  background: transparent !important;
  margin-bottom: 20 !important;
  margin-top: 45px !important;
}

/* ============================================================
   REGISTRO DE CERTIFICADOS LfE — vista LISTADO (.ividb_cert)
   Cada entrada como card estilo "Mis certificados": datos +
   icono de archivo con Ver/Descargar (sin previa). El script
   anadir-certificados--listado.html añade .ivi-cert-list__*.
   ============================================================ */
.ividb_cert.ivi-cert-list__card {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  box-shadow: var(--shadow-soft);
  padding: 20px 24px;
  margin-bottom: 16px;
}
.ividb_cert .ividb_left_1 { display: flex; gap: 32px; flex: 1; flex-wrap: wrap; }
.ividb_cert .ividb_uservisible_1 { flex: 1 1 220px; min-width: 200px; }
.ividb_cert .ividb_text_1 { font-size: 13.5px; line-height: 1.55; color: #3A3A55; margin: 0 0 6px; }
.ividb_cert .ividb_text_1 b { color: var(--navy-blue); font-weight: 700; }
.ividb_cert .ividb_name { color: var(--light-blue); font-weight: 700; }
.ividb_cert .ividb_bold_1 { color: var(--navy-blue); font-weight: 700; }
.ividb_cert .ividb_adminvisible { color: var(--text-gray); font-size: 12.5px; }
.ividb_cert .ividb_actionbtn { margin-top: 10px; display: flex; gap: 8px; align-items: center; }
.ividb_cert .ividb_right { flex: 0 0 auto; }

/* Icono de archivo + botones (a la derecha) */
.ivi-cert-list__file { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 160px; flex: 0 0 160px; min-width: 0; }
.ivi-cert-list__fileicon {
  width: 76px; height: 76px; border-radius: 16px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-blue); color: var(--light-blue);
}
.ivi-cert-list__fileicon.is-pdf { background: #FDE7E1; color: #E9482A; }
.ivi-cert-list__fileicon .material-symbols-outlined { font-size: 42px; }
.ivi-cert-list__actions { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }
.ivi-cert-list__actions .ivi-btn {
  width: 100%; justify-content: center; min-width: 0;
  padding: 9px 12px !important; font-size: 13px !important;
}

@media (max-width: 640px) {
  .ividb_cert.ivi-cert-list__card { flex-direction: column; }
  .ivi-cert-list__file { flex-direction: row; align-items: center; width: 100%; flex: 0 0 auto; }
  .ivi-cert-list__actions { flex-direction: row; }
}


                @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;
            }