:root {
    --color-primary-base: 33 75 103;
    --color-primary-gradient: 29 69 93;
    --color-primary-button-text: 46 117 163;
    --color-primary-button-alternative-text: 255 255 255;

    --color-secondary-base: 243 126 47;
    --color-secondary-gradient: 224 100 16;
    --color-secondary-button-text: 255 255 255;

    --color-tertiary-base: 51 51 51;
    --color-tertiary-gradient: 0 0 0;
    --color-tertiary-button-text: 255 255 255;

    --color-success-base: 119 170 12;
    --color-success-gradient: 83 127 0;
    --color-success-button-text: 255 255 255;

    --color-info-base: 13 123 253;
    --color-info-gradient: 0 84 211;
    --color-info-button-text: 255 255 255;

    --color-warning-base: 245 206 1;
    --color-warning-gradient: 186 152 0;
    --color-warning-button-text: 0 0 0;

    --color-danger-base: 223 59 59;
    --color-danger-gradient: 180 0 21;
    --color-danger-button-text: 255 255 255;

    --color-form-base: 46 117 163;
}
.app-topbar{
    background: #214b67;
}
#pv_id_1_list,
.p-menubar-root-list{
    background: #214b67;
    color:#ccc;
}
#pv_id_1_list:hover{
    color:#ccc;
}
/* Ocultar widget version check */
.admin-block-version,.block-admin-version__status,.block-admin-version {
    display: none !important;
}
.app-sidebar__bottom{
    display: none;
}
/*.app-main {
    background-image: url('/themes/chamilo/images/bg-mba3scape-1.png') repeat:none !important;
}*/
.app-main {
    background-image: url('/themes/chamilo/images/bg-mba3scape-1.png') !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: auto 180px !important;
}

.page-home .app-main, .page-tool-ccalendarevent .app-main{
    background-image: none!important;
}

#pv_id_1_0{
    display: none;    
}

/* ============================================================
 * MBA3 — Capa de tokens propios (NO toca nada de arriba)
 * ============================================================
 * Todo lo anterior es el archivo NATIVO de Chamilo 2 + tus
 * personalizaciones ya en producción — no se reemplaza nunca,
 * solo se agrega contenido nuevo después de este punto.
 *
 * Este bloque es para contenido NO-SCORM dentro de .mba3-content
 * (tareas, anuncios, foros, descripciones de curso). NO define
 * --color-primary-base ni ningún token con prefijo --color-,
 * porque esos ya están arriba y los usan componentes Vue/PrimeVue
 * nativos — redefinirlos aquí los pisaría otra vez.
 *
 * Para módulos SCORM: NO se usa este bloque. Cada SCORM lleva su
 * propia copia inline de estos mismos valores — ver scorm-base.html.
 * ============================================================ */

:root {
  /* --- Marca corporativa MBA3 (valores oficiales) --- */
  --pr:   #214b67; /* Primario (navy) — mismo valor que --color-primary-base nativo */
  --sc:   #40565b; /* Secundario */
  --te:   #6b949d; /* Terciario */
  --ti:   #b5bcc3; /* Títulos — SOLO sobre fondo oscuro (--pr). Sobre blanco: 1.92:1, NO USAR. */
  --st:   #667c85; /* Subtítulos — 4.39:1 sobre blanco, válido para texto grande/bold */
  --ac:   #2378ba; /* Destaque / acento (links, CTAs) */

  /* --- Derivados de --pr --- */
  --prD:  #15324a; /* Primario oscuro — hover/active */
  --prC:  #e4ebf0; /* Primario claro — fondos de sección */
  --prLL: #f3f6f8; /* Primario muy claro — fondo de página */

  /* --- Semánticos: familia de VERDES (decisión de marca) ---
   * success / error / warning comparten matiz verde a propósito.
   * El color por sí solo NO basta para distinguir estados —
   * siempre combinar con ícono y/o texto. */
  --vd:   #227954; /* success — verde esmeralda (base) */
  --rj:   #194d30; /* error   — verde bosque oscuro */
  --am:   #52742f; /* warning — verde oliva */
  --vdC:  #e1efe8; /* fondo success */
  --rjC:  #dde6e0; /* fondo error */
  --amC:  #e7ecdd; /* fondo warning */

  /* --- Neutros / texto --- */
  --gr:   #2b2f33; /* texto principal */
  --grS:  #5b6670; /* texto auxiliar */
  --rule: #c7ccd1; /* líneas divisorias */
  --bl:   #ffffff; /* blanco base */
}

/* ============================================================
 * Contenido editable de marca (tareas, foros, anuncios, etc.)
 * Todo bajo .mba3-content para no filtrar a la UI nativa.
 * ============================================================ */

.mba3-content,
.tiny-content.mba3-content {
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--gr);
  line-height: 1.6;
}

.mba3-content h1,
.mba3-content h2,
.mba3-content h3 {
  color: var(--pr);
  font-weight: 700;
}

.mba3-content a {
  color: var(--ac);
  text-decoration: underline;
}

.mba3-content a:hover {
  color: var(--prD);
}

.mba3-content .mba3-panel {
  background: var(--pr);
  color: var(--bl);
  border-radius: 8px;
  padding: 20px 24px;
}

.mba3-content .mba3-panel h3,
.mba3-content .mba3-panel .mba3-panel-title {
  color: var(--ti);
  margin-top: 0;
}

.mba3-content blockquote,
.mba3-content .mba3-quote {
  border-left: 4px solid var(--ac);
  background: var(--prC);
  padding: 12px 18px;
  color: var(--sc);
  margin: 16px 0;
}

.mba3-content .mba3-meta {
  background: var(--prLL);
  border: 1px solid var(--rule);
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 0.9em;
  color: var(--st);
}

.mba3-content .mba3-alert {
  border-radius: 6px;
  padding: 12px 16px;
  border-left: 4px solid;
  margin: 12px 0;
  font-weight: 600;
}

.mba3-content .mba3-alert::before {
  margin-right: 8px;
  font-weight: 700;
}

.mba3-content .mba3-alert-success {
  background: var(--vdC);
  border-color: var(--vd);
  color: var(--vd);
}
.mba3-content .mba3-alert-success::before { content: "✓ Correcto:"; }

.mba3-content .mba3-alert-warning {
  background: var(--amC);
  border-color: var(--am);
  color: var(--am);
}
.mba3-content .mba3-alert-warning::before { content: "⚠ Atención:"; }

.mba3-content .mba3-alert-error {
  background: var(--rjC);
  border-color: var(--rj);
  color: var(--rj);
}
.mba3-content .mba3-alert-error::before { content: "✕ Error:"; }

.mba3-content .mba3-chip {
  display: inline-block;
  background: var(--te);
  color: var(--bl);
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 0.8em;
  font-weight: 600;
}

/* ============================================================
 * MBA3 — Componentes reutilizables de contenido
 * ============================================================
 * Movidos aquí (en vez de <style> inline en cada tarea) porque
 * TinyMCE sanitiza <style>/<script> del HTML al guardar. Las
 * tareas solo necesitan usar las clases — el CSS vive acá.
 * ============================================================ */

/* --- Tarjeta de ejercicio/práctica --- */
.mba3-content .mba3-ex-card {
  border: 1px solid var(--ac);
  border-radius: 10px;
  padding: 28px 32px;
  background: var(--bl);
  box-shadow: 0 1px 3px rgba(33, 75, 103, 0.08);
}

.mba3-content .mba3-ex-title {
  text-align: center;
  color: var(--pr);
  font-weight: 700;
  font-size: 1.15em;
  letter-spacing: 0.2px;
  margin: 0 0 18px 0;
}

.mba3-content .mba3-ex-meta {
  text-align: center;
  color: var(--st);
  margin: 0 0 22px 0;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--rule);
}

.mba3-content .mba3-ex-list {
  margin: 0;
  padding-left: 1.4em;
}

.mba3-content .mba3-ex-list li {
  margin: 0 0 10px 0;
  padding-left: 6px;
  color: var(--gr);
}

.mba3-content .mba3-ex-list li::marker {
  color: var(--ac);
  font-weight: 700;
}

.mba3-content .mba3-ex-list li:last-child {
  margin-bottom: 0;
}

/* --- Embed de Google Slides con marco y escudo anticopia --- */
.mba3-content .mba3-slides-frame {
  border: 1px solid var(--ac);
  border-radius: 10px;
  padding: 18px 20px 14px;
  background: var(--bl);
  box-shadow: 0 1px 3px rgba(33, 75, 103, 0.08);
  user-select: none;
}

.mba3-content .mba3-slides-label {
  font-size: 0.85em;
  font-weight: 700;
  color: var(--pr);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 12px;
}

.mba3-content .mba3-slides-wrap {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--rule);
}

.mba3-content .mba3-slides-wrap iframe {
  display: block;
}

/* Escudo invisible: intercepta clic derecho/selección sobre el
 * área de contenido, dejando libre una franja inferior (~40px)
 * para los controles nativos de navegación del Slide. Esto es
 * solo CSS — bloquea clic derecho vía pointer-events, pero NO
 * reemplaza el bloqueo JS de selectstart/dragstart/copy (ese
 * requiere <script>, ver nota más abajo sobre TinyMCE). */
.mba3-content .mba3-slides-shield {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  background: transparent;
  z-index: 5;
  cursor: default;
  pointer-events: auto;
}

.mba3-content .mba3-slides-note {
  margin: 10px 2px 0;
  font-size: 0.78em;
  color: var(--st);
  text-align: center;
}