/* ============================================================
 * LaMari Diarios v1.40.1097 · Cronología móvil
 * Corrige desbordamiento horizontal, centra el hero completo y
 * normaliza los filtros de tipo para que el activo no sobresalga.
 * ============================================================ */
@media (max-width:700px){
  body.kd-standalone-chronology-template{
    overflow-x:hidden!important;
  }
  body.kd-standalone-chronology-template .kd-chronology-template-main,
  body.kd-standalone-chronology-template .kd-chrono-shell{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.kd-standalone-chronology-template .kd-chrono-shell{
    margin:0 auto!important;
    padding:12px 14px 56px!important;
  }

  /* HERO: centrado real, sin sumar padding al 100% de ancho. */
  body.kd-standalone-chronology-template #kd-chrono-hero.kd-chrono-hero{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    padding:18px 15px 15px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;
    min-height:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background-position:66% center!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-main{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    justify-items:center!important;
    align-items:start!important;
    text-align:center!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-symbol{
    width:58px!important;
    height:58px!important;
    margin:0 auto!important;
    border-radius:16px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-symbol svg{
    width:33px!important;
    height:33px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-copy{
    width:100%!important;
    max-width:560px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-kicker{
    display:block!important;
    margin:0 auto 5px!important;
    font-size:9.5px!important;
    line-height:1.3!important;
    letter-spacing:.105em!important;
    text-align:center!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero #kd-chrono-title{
    max-width:100%!important;
    margin:0 auto 8px!important;
    font-size:34px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-copy>p{
    width:100%!important;
    max-width:530px!important;
    margin:0 auto!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.47!important;
    text-align:center!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-private-badge{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    margin:11px auto 0!important;
    padding:8px 11px!important;
    white-space:normal!important;
    font-size:9px!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats>div{
    min-width:0!important;
    min-height:64px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:6px 4px!important;
    border:0!important;
    border-right:1px solid rgba(218,255,187,.18)!important;
    text-align:center!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats>div:last-child{
    border-right:0!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-stat-icon{
    display:none!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats strong{
    display:block!important;
    font-size:22px!important;
    line-height:1!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats small{
    display:block!important;
    margin-top:3px!important;
    font-size:8.7px!important;
    line-height:1.2!important;
    text-align:center!important;
  }

  /* TIPOS DE EVENTO: todos los botones tienen el mismo peso visual. */
  body.kd-standalone-chronology-template .kd-chrono-types{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin:14px auto 0!important;
    padding:12px!important;
    border-radius:16px 16px 0 0!important;
  }
  body.kd-standalone-chronology-template .kd-chrono-types a{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 6px!important;
    border-radius:12px!important;
    font-size:11px!important;
    line-height:1.1!important;
    text-align:center!important;
    white-space:normal!important;
    box-shadow:none!important;
  }
  body.kd-standalone-chronology-template .kd-chrono-types a.is-active{
    box-shadow:0 5px 12px rgba(17,129,62,.14)!important;
  }

  body.kd-standalone-chronology-template .kd-chrono-filters,
  body.kd-standalone-chronology-template .kd-chrono-decades,
  body.kd-standalone-chronology-template .kd-chrono-workspace,
  body.kd-standalone-chronology-template .kd-chrono-list{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.kd-standalone-chronology-template .kd-chrono-filters>*{
    min-width:0!important;
  }
}

@media (max-width:390px){
  body.kd-standalone-chronology-template .kd-chrono-shell{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero.kd-chrono-hero{
    padding:16px 13px 13px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero #kd-chrono-title{
    font-size:31px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-copy>p{
    font-size:13.5px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats strong{
    font-size:20px!important;
  }
  body.kd-standalone-chronology-template #kd-chrono-hero .kd-chrono-hero-stats small{
    font-size:8.2px!important;
  }
  body.kd-standalone-chronology-template .kd-chrono-types{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:10px!important;
  }
  body.kd-standalone-chronology-template .kd-chrono-types a{
    min-height:40px!important;
    font-size:10.5px!important;
  }
}