/* ESDE 15.10.311 — UI compacta: participante en píldora amarilla, tarjetas mínimas y contraste accesible. */

/* El módulo no necesita una segunda barra de navegación ni pestañas internas. */
html body .esde-cert244 .esde-cert244-toolbar,
html body .esde-cert244 [data-esde251-topbar],
html body .esde-cert244 .esde-cert303-view-switch,
html body .esde-cert244 [data-esde303-view-switch],
html body .esde-cert244 .esde-cert303-cert-intro,
html body .esde-cert244 [data-esde303-cert-intro],
html body .esde-cert244 .esde-cert251-theme-toggle { display:none!important; }

html body .esde-cert244,
html body .esde-cert244[data-esde-theme],
html body .esde-cert244[data-esde-theme="dark"],
html body .esde-cert244[data-esde-theme="light"] {
  --esde311-ink:#17232D; --esde311-muted:#526474; --esde311-line:#DCE4EA;
  background:#F4F7F9!important; color:var(--esde311-ink)!important;
  font-family:Poppins,Montserrat,Arial,sans-serif!important;
}
html body .esde-cert244 :is(h1,h2,h3,h4,h5,h6,.esde-cert251-participant-name,.esde-cert251-program-title) {
  font-family:Marvin,"Marvin Round",Poppins,sans-serif!important;
}

/* Cada trayectoria queda como una unidad blanca; el resumen amarillo es el control desplegable. */
html body .esde-cert244 .esde-cert237-list > .esde-cert251-profile,
html body .esde-cert244 .esde-cert251-profile {
  display:block!important; margin:0 0 12px!important; padding:0!important;
  border:1px solid #E0E6EA!important; border-radius:16px!important;
  background:#FFFFFF!important; color:#17232D!important; box-shadow:none!important; overflow:hidden!important;
}
html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary {
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) minmax(130px,.58fr) minmax(300px,1.3fr) 30px!important;
  align-items:center!important; gap:12px!important; min-height:86px!important;
  margin:5px!important; padding:10px 12px!important;
  border:1px solid #E7BF24!important; border-left:1px solid #E7BF24!important;
  border-radius:13px!important; background:#FFD943!important; color:#17232D!important;
  box-shadow:none!important; cursor:pointer!important; list-style:none!important;
}
html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary::-webkit-details-marker { display:none!important; }
html body .esde-cert244 .esde-cert251-profile[open] > summary.esde-cert251-profile-summary {
  margin-bottom:0!important; border-radius:13px 13px 8px 8px!important; border-bottom-color:#E7BF24!important;
}
html body .esde-cert244 .esde-cert251-summary-identity { display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; }
html body .esde-cert244 .esde-cert251-summary-identity .esde-cert243-avatar {
  width:48px!important; height:48px!important; flex:0 0 48px!important; border-radius:50%!important;
  border:2px solid #FFFFFF!important; box-shadow:none!important;
}
html body .esde-cert244 .esde-cert251-summary-copy { display:grid!important; gap:2px!important; min-width:0!important; }
html body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-label { color:#252515!important; font:800 9px/1.2 Montserrat,Poppins,sans-serif!important; letter-spacing:.12em!important; }
html body .esde-cert244 .esde-cert251-participant-name { color:#17232D!important; font:400 clamp(17px,1.25vw,21px)/1.12 Marvin,"Marvin Round",Poppins,sans-serif!important; overflow-wrap:anywhere!important; }
html body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-login,
html body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-role { color:#293842!important; font:600 10px/1.3 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert251-summary-title { display:grid!important; gap:4px!important; min-width:0!important; align-content:center!important; }
html body .esde-cert244 .esde-cert251-summary-title .esde-cert237-state { width:max-content!important; max-width:100%!important; margin:0!important; padding:3px 7px!important; border:1px solid rgba(23,35,45,.2)!important; border-radius:999px!important; background:#FFFFFF!important; color:#17232D!important; font:700 9px/1.25 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert251-program-title { color:#17232D!important; font:400 15px/1.15 Marvin,"Marvin Round",Poppins,sans-serif!important; overflow-wrap:anywhere!important; }
html body .esde-cert244 .esde-cert311-summary-actions { display:flex!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:wrap!important; gap:6px!important; min-width:0!important; }
html body .esde-cert244 .esde-cert311-summary-actions .esde-cert284-action {
  display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:31px!important;
  padding:6px 9px!important; border:1px solid #D4DDE3!important; border-radius:8px!important;
  background:#FFFFFF!important; color:#17232D!important; font:700 10px/1.2 Montserrat,Poppins,sans-serif!important;
  box-shadow:none!important; white-space:normal!important; text-align:center!important;
}
html body .esde-cert244 .esde-cert311-summary-actions .esde-cert284-action:hover { background:#E9F8FC!important; border-color:#65CBE8!important; color:#17232D!important; }
html body .esde-cert244 .esde-cert311-summary-actions .esde-cert284-alert.is-marked { background:#17232D!important; color:#FFFFFF!important; border-color:#17232D!important; }
html body .esde-cert244 .esde-cert311-summary-actions .esde-cert284-action-status { color:#17232D!important; font:600 10px/1.3 Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert251-profile-chevron.esde-cert311-chevron {
  display:grid!important; place-items:center!important; width:30px!important; height:30px!important;
  border:1px solid #17232D!important; border-radius:50%!important; background:#FFFFFF!important;
  color:#17232D!important; font:900 18px/1 Montserrat,sans-serif!important; transition:transform .16s ease!important;
}
html body .esde-cert244 .esde-cert251-profile[open] .esde-cert251-profile-chevron { transform:rotate(180deg)!important; }

/* El cuerpo expandido es claro y compacto. Aquí aparecen el progreso y Gestionar trayectoria. */
html body .esde-cert244 .esde-cert251-profile-content.esde-cert311-profile-content {
  display:grid!important; gap:10px!important; padding:12px!important; background:#FFFFFF!important; color:#17232D!important;
}
html body .esde-cert244 .esde-cert311-profile-tools { display:grid!important; gap:8px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:#FFFFFF!important; box-shadow:none!important; }
html body .esde-cert244 .esde-cert311-expanded-metrics { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; }
html body .esde-cert244 .esde-cert311-expanded-metrics > div { display:grid!important; gap:2px!important; padding:8px 10px!important; border:1px solid #E1E8ED!important; border-radius:9px!important; background:#F7F9FA!important; text-align:center!important; }
html body .esde-cert244 .esde-cert311-expanded-metrics strong { color:#17232D!important; font:700 17px/1.1 Marvin,"Marvin Round",Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert311-expanded-metrics span { color:#526474!important; font:600 10px/1.3 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert251-profile-content :is(.esde-cert238-progress,.esde-cert239-roadmap,.esde-cert238-history,.esde-cert237-detail,.esde-cert248-management-grid,.esde-cert248-edit-panel,.esde-cert248-plan-panel,.esde-cert248-skills-panel,.esde-cert248-evaluation-summary,.esde-cert241-topic-eval-form,.esde-cert243-branding,.esde-cert238-detail) {
  background:#FFFFFF!important; color:#17232D!important; border-color:#DCE4EA!important; box-shadow:none!important;
}
html body .esde-cert244 .esde-cert251-profile-content :is(h3,h4,h5,h6,strong,label,th,td,p,small,span) { text-shadow:none!important; }
html body .esde-cert244 .esde-cert251-profile-content :is(h4,h5,h6) { color:#173146!important; }
html body .esde-cert244 .esde-cert251-profile-content :is(p,small,label,.esde-cert238-progress-copy span) { color:#526474!important; }
html body .esde-cert244 .esde-cert251-profile-content .esde-cert238-detail > summary,
html body .esde-cert244 .esde-cert251-profile-content .esde-cert237-detail > summary,
html body .esde-cert244 .esde-cert238-detail > summary,
html body .esde-cert244 .esde-cert237-detail > summary {
  display:flex!important; align-items:center!important; justify-content:space-between!important; flex-wrap:wrap!important; gap:8px!important;
  padding:11px 13px!important; border:1px solid #E6BF2D!important; border-radius:10px!important;
  background:#FFD943!important; color:#17232D!important; font:800 12px/1.3 Montserrat,Poppins,sans-serif!important;
}
html body .esde-cert244 .esde-cert238-detail-hint { color:#38351F!important; font:600 10px/1.3 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert251-profile-content .esde-cert300-program-color-details > summary { color:#263A46!important; font:700 11px/1.3 Montserrat,Poppins,sans-serif!important; }

/* Cards: cinco columnas en escritorio, sin listas de temas ni marcos decorativos. */
html body .esde-cert244 .esde-cert238-detail .esde-cert242-history .esde-cert242-activity-list,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list {
  display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:9px!important;
  align-items:stretch!important; grid-auto-rows:minmax(190px,auto)!important; overflow:visible!important;
}
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-session-id] {
  display:flex!important; flex-direction:column!important; gap:7px!important; min-width:0!important; min-height:190px!important; height:100%!important;
  padding:10px!important; border:0!important; border-left:0!important; outline:0!important; border-radius:11px!important;
  box-shadow:none!important; overflow:visible!important; color:#17232D!important; text-shadow:none!important;
}
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="0"]:nth-child(5n+1) { background:#FFE99A!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="0"]:nth-child(5n+2) { background:#BDEFF8!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="0"]:nth-child(5n+3) { background:#F7F9FA!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="0"]:nth-child(5n+4) { background:#FFF2C9!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="0"]:nth-child(5n+5) { background:#D9F6FB!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="1"] { background:var(--esde252-card-bg,#FFFFFF)!important; color:var(--esde252-card-fg,#17232D)!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card * { text-shadow:none!important; box-sizing:border-box!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-card-head { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:start!important; gap:6px!important; margin:0!important; padding:0 34px 0 0!important; min-width:0!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-card-head > div { display:grid!important; gap:4px!important; min-width:0!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-card-head h5 { margin:0!important; color:#17232D!important; font:700 14px/1.15 Marvin,"Marvin Round",Poppins,sans-serif!important; overflow-wrap:anywhere!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-card-head p { margin:0!important; color:#394D5A!important; font:500 10px/1.35 Poppins,Montserrat,sans-serif!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-session-topics,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list .esde-cert242-activity-card .esde-cert238-session-topics { display:none!important; visibility:hidden!important; height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-summary { display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; margin:0!important; color:#394D5A!important; font:400 10px/1.35 Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-state { display:inline-flex!important; width:max-content!important; max-width:100%!important; padding:3px 7px!important; border:1px solid rgba(23,35,45,.22)!important; border-radius:999px!important; background:#FFFFFF!important; color:#17232D!important; font:700 9px/1.25 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-topic-pill,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert253-score-badge,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde307-publication-chip { align-self:flex-start!important; max-width:100%!important; padding:4px 7px!important; border:1px solid rgba(23,35,45,.15)!important; border-radius:999px!important; background:rgba(255,255,255,.8)!important; color:#17232D!important; font:700 9px/1.25 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-progress { gap:4px!important; margin:0!important; padding-top:5px!important; border-top:1px solid rgba(23,35,45,.12)!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert252-progress-heading,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-progress-line { color:#263A46!important; font:700 9px/1.3 Montserrat,Poppins,sans-serif!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert252-progress-track,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-progress-track { height:5px!important; background:rgba(23,35,45,.12)!important; border-radius:99px!important; overflow:hidden!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert252-progress-track span,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-progress-track span { background:#159FC5!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert252-activity-assessment { display:block!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert252-activity-assessment form[data-esde252-activity-grade] { display:none!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row.esde307-card-actions { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; margin-top:auto!important; padding-top:4px!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row.esde307-card-actions .esde307-action-button,
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row.esde307-card-actions [data-esde257-open-editor] { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; min-height:30px!important; padding:5px 4px!important; border:1px solid #C8D2D9!important; border-radius:7px!important; background:#FFFFFF!important; color:#17232D!important; font:700 9px/1.2 Montserrat,Poppins,sans-serif!important; box-shadow:none!important; text-align:center!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row.esde307-card-actions .is-view { background:#DDF7FC!important; border-color:#8BD6E8!important; color:#17232D!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row.esde307-card-actions .is-edit { background:#FFFFFF!important; color:#17232D!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row.esde307-card-actions .is-grade { background:#FFD943!important; border-color:#D7B51F!important; color:#17232D!important; }
html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert257-card-actions-row button:disabled { opacity:.45!important; cursor:not-allowed!important; }

/* Menú de tres puntos: fondo blanco, puntos negros y opciones legibles. */
html body .esde-cert244 .esde-cert242-activity-card[data-session-id] .esde306-card-menu { position:absolute!important; top:0!important; right:0!important; z-index:20!important; }
html body .esde-cert244 .esde-cert306-card-menu[open],
html body .esde-cert244 .esde306-card-menu[open] { z-index:90!important; }
html body .esde-cert244 .esde306-card-menu > summary { display:flex!important; align-items:center!important; justify-content:center!important; width:29px!important; height:29px!important; padding:0!important; border:1px solid #C9D2D9!important; border-radius:8px!important; background:#FFFFFF!important; color:#111111!important; font:900 20px/1 Montserrat,Poppins,Arial,sans-serif!important; list-style:none!important; }
html body .esde-cert244 .esde306-card-menu > summary::-webkit-details-marker { display:none!important; }
html body .esde-cert244 .esde306-menu-panel { background:#FFFFFF!important; color:#17232D!important; border:1px solid #D3DCE2!important; box-shadow:0 8px 20px rgba(23,35,45,.12)!important; }
html body .esde-cert244 .esde306-menu-item { background:#FFFFFF!important; color:#17232D!important; }
html body .esde-cert244 .esde306-menu-item:not(:disabled):hover { background:#E5F8FC!important; color:#17232D!important; }

@media (max-width:1199px) {
  html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary { grid-template-columns:minmax(220px,1fr) minmax(120px,.6fr) minmax(270px,1.1fr) 30px!important; }
}
@media (max-width:1000px) {
  html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary { grid-template-columns:minmax(0,1fr) 30px!important; }
  html body .esde-cert244 .esde-cert251-summary-title { grid-column:1!important; }
  html body .esde-cert244 .esde-cert311-summary-actions { grid-column:1/-1!important; }
  html body .esde-cert244 .esde-cert251-profile-chevron { grid-column:2!important; grid-row:1!important; }
}
@media (max-width:720px) {
  html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body .esde-cert244 .esde-cert311-expanded-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  html body .esde-cert244 .esde-cert311-summary-actions .esde-cert284-action { min-height:32px!important; }
}
@media (max-width:500px) {
  html body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list { grid-template-columns:1fr!important; }
  html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary { padding:9px!important; gap:8px!important; }
  html body .esde-cert244 .esde-cert311-expanded-metrics { grid-template-columns:1fr!important; }
  html body .esde-cert244 .esde-cert251-summary-identity .esde-cert243-avatar { width:42px!important; height:42px!important; flex-basis:42px!important; }
}