/* ESDE 15.10.309 — refinamiento visual solicitado: barra superior retirada, resumen tipo píldora, tarjetas compactas 5 por fila y mejor contraste. */

/* 1) Limpiar la interfaz general: retirar la barra superior interna y forzar superficies claras. */
body .esde-cert244,
body .esde-cert244[data-esde-theme],
body .esde-cert244[data-esde-theme="dark"],
body .esde-cert244[data-esde-theme="light"]{
  background:#F5F8FB!important;
  color:#173146!important;
}
body .esde-cert244 .esde-cert244-toolbar.esde-cert251-topbar,
body .esde-cert244 [data-esde251-topbar],
body .esde-cert244 .esde-cert251-theme-toggle{
  display:none!important;
}
body .esde-cert244 .esde-cert237-list,
body .esde-cert244 .esde-cert238-list,
body .esde-cert244 .esde-cert251-profile-content,
body .esde-cert244 .esde-cert237-program,
body .esde-cert244 .esde-cert238-progress,
body .esde-cert244 .esde-cert239-roadmap,
body .esde-cert244 .esde-cert248-management-grid,
body .esde-cert244 .esde-cert238-history{
  background:#FFFFFF!important;
  color:#173146!important;
}
body .esde-cert244 .esde-cert237-program,
body .esde-cert244 .esde-cert251-profile{
  border:1px solid #D7E3EB!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#FFFFFF!important;
  box-shadow:0 6px 18px rgba(23,49,70,.05)!important;
}
body .esde-cert244 .esde-cert237-program-head{display:none!important;}
body .esde-cert244 .esde-cert251-profile-content>.esde-cert237-program-head{display:none!important;}

/* 2) Píldora expandible del participante, compacta y legible. */
body .esde-cert244 .esde-cert251-profile{
  margin:0 0 14px!important;
}
body .esde-cert244 .esde-cert251-profile>summary{
  list-style:none!important;
  cursor:pointer!important;
}
body .esde-cert244 .esde-cert251-profile>summary::-webkit-details-marker{display:none!important;}
body .esde-cert244 .esde-cert251-profile-summary{
  display:grid!important;
  grid-template-columns:minmax(270px,1.4fr) minmax(180px,.9fr) minmax(190px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FBFD 100%)!important;
  border-left:6px solid #FFD43D!important;
  color:#173146!important;
}
body .esde-cert244 .esde-cert251-profile[open]>.esde-cert251-profile-summary{
  background:linear-gradient(180deg,#FFFFFF 0%,#F2F8FB 100%)!important;
  border-bottom:1px solid #DCE7EF!important;
}
body .esde-cert244 .esde-cert251-summary-identity{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
body .esde-cert244 .esde-cert251-summary-identity .esde-cert243-avatar{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  border-radius:50%!important;
  border:2px solid #E4EDF3!important;
  box-shadow:none!important;
}
body .esde-cert244 .esde-cert251-summary-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-label{
  font:700 10px/1.3 Montserrat,Poppins,sans-serif!important;
  letter-spacing:.14em!important;
  color:#0F7AA7!important;
}
body .esde-cert244 .esde-cert251-participant-name{
  display:block!important;
  color:#173146!important;
  font:400 clamp(18px,1.3vw,22px)/1.12 Marvin,'Marvin Round',Poppins,sans-serif!important;
  overflow-wrap:anywhere!important;
}
body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-login{
  color:#35627A!important;
  font:700 12px/1.35 Montserrat,Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-role{
  color:#5E7284!important;
  font:500 11px/1.4 Montserrat,Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-summary-title{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  align-content:center!important;
}
body .esde-cert244 .esde-cert251-summary-title .esde-cert237-state{
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#FFF4D1!important;
  color:#704F00!important;
  border:1px solid #F0D17B!important;
  font:700 10px/1.3 Montserrat,Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-program-title{
  color:#173146!important;
  font:400 16px/1.2 Marvin,'Marvin Round',Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-summary-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
body .esde-cert244 .esde-cert251-summary-metrics>div{
  display:grid!important;
  gap:3px!important;
  align-content:center!important;
  min-width:0!important;
  padding:8px 6px!important;
  border:1px solid #D9E4EC!important;
  border-radius:10px!important;
  background:#F8FBFD!important;
  text-align:center!important;
}
body .esde-cert244 .esde-cert251-summary-metrics strong{
  color:#173146!important;
  font:700 18px/1.1 Marvin,'Marvin Round',Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-summary-metrics span{
  color:#64788A!important;
  font:600 10px/1.35 Montserrat,Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-profile-chevron{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  border:1px solid #F0D17B!important;
  background:#FFD43D!important;
  color:#1F2630!important;
  font-size:18px!important;
  transition:transform .18s ease!important;
}
body .esde-cert244 .esde-cert251-profile[open] .esde-cert251-profile-chevron{
  transform:rotate(180deg)!important;
}
body .esde-cert244 .esde-cert251-profile-content{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  background:#FFFFFF!important;
}

/* 3) Barra desplegable amarilla para gestionar la trayectoria. */
body .esde-cert244 .esde-cert251-profile-content .esde-cert238-detail,
body .esde-cert244 .esde-cert251-profile-content .esde-cert237-detail{
  border-top:0!important;
}
body .esde-cert244 .esde-cert251-profile-content .esde-cert238-detail>summary,
body .esde-cert244 .esde-cert251-profile-content .esde-cert237-detail>summary,
body .esde-cert244 .esde-cert238-detail>summary,
body .esde-cert244 .esde-cert237-detail>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:13px 15px!important;
  border:1px solid #E5C13B!important;
  border-radius:12px!important;
  background:#FFD43D!important;
  color:#1E2831!important;
  font:700 13px/1.35 Montserrat,Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert251-profile-content .esde-cert238-detail[open]>summary,
body .esde-cert244 .esde-cert251-profile-content .esde-cert237-detail[open]>summary,
body .esde-cert244 .esde-cert238-detail[open]>summary,
body .esde-cert244 .esde-cert237-detail[open]>summary{
  background:#FFE06A!important;
  border-radius:12px 12px 0 0!important;
}
body .esde-cert244 .esde-cert238-detail-hint{
  color:#4F4A2C!important;
  font:600 11px/1.35 Montserrat,Poppins,sans-serif!important;
}

/* 4) Tarjetas de actividades: 5 por fila, tamaño estándar y mejor contraste. */
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-session-id]{
  height:100%!important;
}
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="0"],
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-esde-color-customized="1"]{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  min-height:250px!important;
  height:100%!important;
  aspect-ratio:auto!important;
  padding:12px!important;
  border:1px solid #D8E5ED!important;
  border-left:4px solid #45B8E8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#173146!important;
  box-shadow:0 4px 14px rgba(23,49,70,.05)!important;
  overflow:visible!important;
}
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card[data-session-id] *{
  text-shadow:none!important;
}
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:8px!important;
  margin:0!important;
  padding:0 40px 0 0!important;
}
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;
}
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-card-head h5{
  margin:0!important;
  color:#173146!important;
  font:700 15px/1.2 Marvin,'Marvin Round',Poppins,sans-serif!important;
  overflow-wrap:anywhere!important;
}
body .esde-cert244 .esde-cert242-history .esde-cert242-activity-card .esde-cert242-activity-card-head p{
  margin:0!important;
  color:#5F7384!important;
  font:500 11px/1.45 Poppins,Montserrat,sans-serif!important;
}
body .esde-cert244 .esde-cert242-state{
  background:#EDF4F8!important;
  border:1px solid #D7E2E9!important;
  color:#314A5B!important;
}
body .esde-cert244 .esde-cert242-topic-pill,
body .esde-cert244 .esde-cert253-score-badge,
body .esde-cert244 .esde307-publication-chip{
  align-self:flex-start!important;
}
body .esde-cert244 .esde-cert242-topic-pill{
  background:#EAF8FC!important;
  border:1px solid #CFEAF3!important;
  color:#20556A!important;
}
body .esde-cert244 .esde-cert242-activity-card .esde-cert242-session-topics{
  display:none!important;
}
body .esde-cert244 .esde-cert242-activity-card .esde-cert242-activity-summary{
  margin:0!important;
  color:#52697A!important;
  font:400 11px/1.45 Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert242-activity-card .esde-cert252-progress-heading,
body .esde-cert244 .esde-cert242-activity-card .esde-cert257-card-progress-line{
  color:#334C5D!important;
}
body .esde-cert244 .esde-cert252-progress-track,
body .esde-cert244 .esde-cert257-card-progress-track{
  background:#E7EEF3!important;
}
body .esde-cert244 .esde-cert252-progress-note{
  color:#617484!important;
}
body .esde-cert244 .esde-cert257-card-actions-row.esde307-card-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:auto!important;
  padding-top:4px!important;
}
body .esde-cert244 .esde-cert257-card-actions-row.esde307-card-actions .esde307-action-button,
body .esde-cert244 .esde-cert257-card-actions-row.esde307-card-actions [data-esde257-open-editor]{
  min-height:34px!important;
  padding:7px 8px!important;
  border-radius:8px!important;
  font:700 11px/1.2 Montserrat,Poppins,sans-serif!important;
}

/* 5) Menú de tres puntos con mejor contraste. */
body .esde-cert244 .esde306-card-menu>summary{
  width:34px!important;
  height:34px!important;
  background:#FFFFFF!important;
  color:#111111!important;
  border:1px solid #CCD9E3!important;
  border-radius:10px!important;
  font:900 24px/1 Montserrat,Poppins,Arial,sans-serif!important;
}
body .esde-cert244 .esde306-menu-panel{
  background:#FFFFFF!important;
  border:1px solid #CCD9E3!important;
  color:#173146!important;
}
body .esde-cert244 .esde306-menu-item{
  color:#173146!important;
}

/* 6) Acciones del participante con mejor lectura. */
body .esde-cert244 .esde-cert284-participant-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body .esde-cert244 .esde-cert284-participant-actions .esde-cert284-action{
  min-height:34px!important;
  padding:7px 10px!important;
  border:1px solid #CFE0E9!important;
  border-radius:8px!important;
  background:#F7FAFC!important;
  color:#1F3B4C!important;
  font:700 11px/1.25 Montserrat,Poppins,sans-serif!important;
}
body .esde-cert244 .esde-cert284-participant-actions .esde-cert284-view-profile{
  background:#E7F7FD!important;
  border-color:#B9E3F4!important;
  color:#15536C!important;
}
body .esde-cert244 .esde-cert284-participant-actions .esde-cert284-alert.is-marked{
  background:#FFD43D!important;
  border-color:#E3B91D!important;
  color:#28230E!important;
}

/* 7) Responsive. */
@media (max-width:1360px){
  body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:1080px){
  body .esde-cert244 .esde-cert251-profile-summary{grid-template-columns:minmax(240px,1fr) minmax(160px,.8fr) minmax(180px,.9fr) auto!important;}
  body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:800px){
  body .esde-cert244 .esde-cert251-profile-summary{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;}
  body .esde-cert244 .esde-cert251-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:540px){
  body .esde-cert244 .esde-cert251-profile-summary{padding:12px!important;gap:10px!important;}
  body .esde-cert244 .esde-cert251-summary-metrics{grid-template-columns:1fr!important;}
  body .esde-cert244 .esde-cert242-history .esde-cert242-activity-list{grid-template-columns:1fr!important;}
}