/* Academia Yamilet · Calendario móvil UX v128
   Mejora contraste, legibilidad, ritmo vertical y navegación horizontal. */

@media (max-width:760px){
  body.pwa-dashboard-active .academy-calendar-page{
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-hero{
    min-height:286px!important;
    padding:20px 18px 18px!important;
    gap:14px!important;
    border-radius:22px!important;
    background:
      linear-gradient(180deg,rgba(7,35,30,.12) 0%,rgba(7,35,30,.48) 36%,rgba(7,35,30,.86) 66%,rgba(7,35,30,.98) 100%),
      url('../imagenes-academia-yamilet-final/14-comunidad-acompanamiento.webp') center 28%/cover no-repeat!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-hero>div:first-child{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-kicker{
    color:#f0c862!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-hero h2{
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 8px!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:clamp(28px,7.4vw,34px)!important;
    font-weight:800!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    text-shadow:0 2px 18px rgba(0,0,0,.22)!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-hero p{
    margin:0!important;
    color:rgba(255,255,255,.90)!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    text-shadow:0 1px 10px rgba(0,0,0,.16)!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-stats{
    gap:7px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-stats article{
    min-height:64px!important;
    padding:9px 7px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.22)!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-stats strong{
    color:#fff!important;
    font-size:21px!important;
    line-height:1!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-stats span{
    margin-top:5px!important;
    color:rgba(255,255,255,.80)!important;
    font-size:7px!important;
    letter-spacing:.08em!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-strip-wrap{
    margin-bottom:12px!important;
    padding:15px 0 13px 15px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-strip-head{
    padding-right:15px!important;
    gap:4px!important;
    margin-bottom:10px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-strip-head h3{
    margin:4px 0 0!important;
    color:#1e302b!important;
    font-family:Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:800!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-strip-head p{
    font-size:9px!important;
    line-height:1.35!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-days{
    gap:8px!important;
    padding:1px 18px 7px 0!important;
    scroll-padding-left:0!important;
    scroll-snap-type:x mandatory!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-day{
    flex:0 0 76px!important;
    width:76px!important;
    min-height:86px!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-day strong{
    margin-top:5px!important;
    font-size:25px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-empty{
    min-height:245px!important;
    padding:18px!important;
    gap:8px!important;
    border-radius:22px!important;
    justify-content:flex-end!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.64) 42%,rgba(255,255,255,.98) 72%),
      url('../imagenes-academia-yamilet-final/14-comunidad-acompanamiento.webp') center 28%/cover no-repeat!important;
    box-shadow:0 10px 28px rgba(18,63,53,.05)!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-empty-icon{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
    font-size:19px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-empty h3{
    margin:2px 0 4px!important;
    color:#1f302b!important;
    font-family:Arial,sans-serif!important;
    font-size:23px!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-empty p{
    margin:0!important;
    color:#6f7c76!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-empty + *{
    margin-top:0!important;
  }
}

@media (max-width:390px){
  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-hero{
    min-height:274px!important;
    padding:18px 16px 16px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-hero h2{
    font-size:28px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-day{
    flex-basis:72px!important;
    width:72px!important;
  }

  body.pwa-dashboard-active .academy-calendar-page .academy-calendar-empty{
    min-height:230px!important;
  }
}