/* MODEL UP! 2026 · V16.4 · Acumulativa: fechas online + pendientes visuales · 2026-08-13 */
.online-date-highlight{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:10px!important;background:#e31b2b!important;color:#fff!important;font-weight:950!important}
.online-date-highlight strong{font-size:.68rem!important;letter-spacing:.07em!important}.online-date-highlight span{font-size:.84rem!important;font-weight:1000!important;white-space:nowrap!important}
.online-date-box{border:2px solid #e31b2b!important;background:#fff6f7!important;box-shadow:0 8px 22px rgba(227,27,43,.08)!important}.online-date-box>strong{color:#e31b2b!important}.online-date-box p b{color:#071b33!important;font-size:1.08rem!important;letter-spacing:.015em!important}
.online-calendar .online-date-milestone{border:2px solid #e31b2b!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}.online-calendar .online-date-milestone b{color:#fff!important}.online-calendar .online-date-milestone span{color:#f5c64e!important;font-size:1.03rem!important}
@media(max-width:640px){.online-date-highlight{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}.online-date-highlight span{font-size:.9rem!important}}


/* Pendiente acumulado: categorías presenciales con altura uniforme e imágenes contenidas. */
.category-home-scroller .card{
  display:grid!important;
  grid-template-rows:132px minmax(58px,auto)!important;
  height:194px!important;
  overflow:hidden!important;
}
.category-home-scroller .card>img{
  display:block!important;
  width:100%!important;
  height:132px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:7px 8px 4px!important;
  box-sizing:border-box!important;
  background:#f2f4f7!important;
}
.category-home-scroller .card-body{
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
.category-home-scroller .card h3{
  min-height:2.12em!important;
  display:flex!important;
  align-items:flex-start!important;
}
@media(max-width:640px){
  .category-home-scroller .card{
    grid-template-rows:112px minmax(62px,auto)!important;
    height:180px!important;
  }
  .category-home-scroller .card>img{
    height:112px!important;
    padding:6px 7px 3px!important;
  }
  .category-home-scroller .card-body{min-height:68px!important}
}