/* Academia Yamilet · Mobile Hero v95
   Ajuste focalizado del bloque superior del Inicio en móvil/tablet pequeña. */

@media (max-width:760px){
  body.pwa-dashboard-active .v71-home-page{
    gap:10px!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-welcome{
    display:block!important;
    position:relative!important;
    min-height:330px!important;
    height:330px!important;
    box-sizing:border-box!important;
    padding:22px 20px 158px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background-image:
      linear-gradient(180deg,
        rgba(250,248,243,.95) 0%,
        rgba(250,248,243,.78) 22%,
        rgba(250,248,243,.24) 42%,
        rgba(250,248,243,.03) 55%,
        rgba(250,248,243,0) 100%),
      url("../imagenes-academia-yamilet-final/07-academia-hero-mobile.webp")!important;
    background-size:cover!important;
    background-position:center 67%!important;
    border:1px solid rgba(18,63,53,.08)!important;
    box-shadow:0 12px 28px rgba(18,63,53,.06)!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-welcome::after{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0 0!important;
    height:38%!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(246,243,235,0),rgba(246,243,235,.08))!important;
    z-index:1!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-welcome>div:first-child{
    position:relative!important;
    z-index:2!important;
    max-width:94%!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-welcome .v71-eyebrow{
    margin-bottom:7px!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:.13em!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-welcome h1{
    margin:0!important;
    font-size:clamp(34px,9.4vw,42px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    color:#172825!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-welcome p{
    margin-top:8px!important;
    max-width:92%!important;
    font-size:12.5px!important;
    line-height:1.38!important;
    color:#53645f!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-date{
    display:none!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-summary-grid{
    margin-top:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-summary-card{
    min-height:88px!important;
    padding:12px 13px!important;
    gap:10px!important;
    border-radius:17px!important;
    box-shadow:0 8px 20px rgba(18,63,53,.04)!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-summary-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-summary-card strong{
    font-size:19px!important;
    line-height:1!important;
  }

  body.pwa-dashboard-active .v71-home-page .v71-summary-card small{
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
}

@media (max-width:390px){
  body.pwa-dashboard-active .v71-home-page .v71-welcome{
    min-height:310px!important;
    height:310px!important;
    padding:20px 18px 145px!important;
    background-position:center 66%!important;
  }
  body.pwa-dashboard-active .v71-home-page .v71-welcome h1{
    font-size:34px!important;
  }
  body.pwa-dashboard-active .v71-home-page .v71-summary-card{
    min-height:84px!important;
    padding:11px 12px!important;
  }
}