/* Academia Yamilet · Mobile Home Experience v137
   Inicio móvil más orientado a continuar aprendiendo, con hero sin superposición,
   progreso compacto, agenda vacía reducida y accesos rápidos. */

@media (max-width:760px){
  body.pwa-dashboard-active .v71-home-page.v137-home{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding-bottom:8px!important;
  }

  body.pwa-dashboard-active .v71-home-page.v137-home > *{
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Cabecera compacta de la experiencia privada. */
  body.pwa-dashboard-active .v137-homebar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    min-height:52px!important;
    padding:2px 3px 3px!important;
  }
  body.pwa-dashboard-active .v137-homebar-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
  }
  body.pwa-dashboard-active .v137-homebar-copy small{
    color:#a47f26!important;
    font-size:9px!important;
    font-weight:850!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
  }
  body.pwa-dashboard-active .v137-homebar-copy strong{
    color:#17312c!important;
    font-size:15px!important;
    line-height:1.15!important;
  }
  body.pwa-dashboard-active .v137-profile-shortcut{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    background:#0d5a4d!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(13,90,77,.16)!important;
  }

  /* Hero: texto y fotografía quedan físicamente separados. */
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome{
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    background:#faf7ef!important;
    background-image:none!important;
    border:1px solid rgba(18,63,53,.08)!important;
    box-shadow:0 10px 26px rgba(18,63,53,.055)!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome>div:first-child{
    position:relative!important;
    z-index:2!important;
    max-width:none!important;
    width:100%!important;
    padding:18px 20px 15px!important;
    background:#faf7ef!important;
    box-sizing:border-box!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome::after{
    content:""!important;
    display:block!important;
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    width:100%!important;
    height:178px!important;
    min-height:178px!important;
    flex:0 0 178px!important;
    background:
      linear-gradient(180deg,rgba(250,247,239,0),rgba(18,63,53,.04)),
      url("../imagenes-academia-yamilet-final/07-academia-hero-mobile.webp") center 62%/cover no-repeat!important;
    pointer-events:none!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome .v71-eyebrow{
    margin:0 0 6px!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    letter-spacing:.13em!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome h1{
    margin:0!important;
    font-size:clamp(34px,9.4vw,41px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    color:#172825!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome p{
    margin:8px 0 0!important;
    max-width:100%!important;
    font-size:12.5px!important;
    line-height:1.42!important;
    color:#596a65!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-date{display:none!important}

  /* Continuar aprendiendo pasa a ser la acción principal tras la bienvenida. */
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-course{
    margin:0!important;
    min-height:0!important;
    border-radius:22px!important;
    box-shadow:0 12px 30px rgba(18,63,53,.065)!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-course::before{
    height:170px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-course>div{
    padding:18px 20px 20px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-course h2{
    font-size:27px!important;
    margin-top:9px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-actions{
    margin-top:14px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-actions .v71-btn.primary{
    min-height:48px!important;
    font-size:12.5px!important;
    font-weight:850!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-actions .v71-btn.ghost{
    min-height:42px!important;
    background:transparent!important;
    border-color:rgba(13,90,77,.2)!important;
  }
  body.pwa-dashboard-active .v137-progress-note{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:9px!important;
    color:#65746f!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  body.pwa-dashboard-active .v137-progress-note::before{
    content:"✓"!important;
    display:grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    border-radius:999px!important;
    background:#e9f3ef!important;
    color:#0d5a4d!important;
    font-weight:900!important;
  }

  /* KPIs más compactos y fáciles de leer de un vistazo. */
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-summary-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-summary-card{
    min-height:76px!important;
    padding:11px 12px!important;
    gap:9px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 7px 18px rgba(18,63,53,.04)!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-summary-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-summary-card strong{
    font-size:17px!important;
    line-height:1.05!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-summary-card small{
    margin-top:3px!important;
    font-size:9.5px!important;
    line-height:1.2!important;
  }

  /* Agenda vacía: no gastar media pantalla cuando no existe un evento. */
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"]{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:3px 12px!important;
    align-items:center!important;
    padding:16px!important;
    min-height:0!important;
    border-radius:20px!important;
    background:#fff!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"]::before{
    content:"◷"!important;
    display:grid!important;
    place-items:center!important;
    grid-column:1!important;
    grid-row:1/4!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    border-radius:13px!important;
    background:#edf5f1!important;
    color:#0d5a4d!important;
    font-size:20px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"] > *{
    grid-column:2!important;
    margin-left:0!important;
    margin-right:0!important;
    width:auto!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"] .v71-eyebrow{
    margin:0!important;
    font-size:9px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"] h2{
    margin:1px 0!important;
    font-size:18px!important;
    line-height:1.08!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"] p{
    margin:2px 0 7px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card[data-v137-empty="true"] .v71-btn{
    justify-self:start!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#0d5a4d!important;
    font-size:11px!important;
    text-decoration:none!important;
  }

  /* Si hay evento real, mantiene foto pero reduce altura. */
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card:not([data-v137-empty="true"])::before{
    height:126px!important;
    flex-basis:126px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-event-card:not([data-v137-empty="true"]) h2{
    font-size:22px!important;
  }

  /* Accesos rápidos de uso frecuente. */
  body.pwa-dashboard-active .v137-quick{
    padding:17px!important;
    border:1px solid rgba(18,63,53,.08)!important;
    border-radius:21px!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(18,63,53,.045)!important;
  }
  body.pwa-dashboard-active .v137-quick-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:11px!important;
  }
  body.pwa-dashboard-active .v137-quick-head strong{
    color:#172825!important;
    font-size:18px!important;
    line-height:1.1!important;
  }
  body.pwa-dashboard-active .v137-quick-head small{
    color:#75817e!important;
    font-size:9.5px!important;
    text-align:right!important;
  }
  body.pwa-dashboard-active .v137-quick-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.pwa-dashboard-active .v137-quick-grid a{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    min-height:58px!important;
    padding:10px!important;
    border:1px solid rgba(18,63,53,.08)!important;
    border-radius:14px!important;
    background:#f8faf8!important;
    color:#20312d!important;
    text-decoration:none!important;
  }
  body.pwa-dashboard-active .v137-quick-icon{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    background:#e8f2ee!important;
    color:#0d5a4d!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  body.pwa-dashboard-active .v137-quick-grid strong{
    display:block!important;
    font-size:11px!important;
    line-height:1.15!important;
  }
  body.pwa-dashboard-active .v137-quick-grid small{
    display:block!important;
    margin-top:2px!important;
    color:#73807c!important;
    font-size:8.5px!important;
    line-height:1.15!important;
  }

  /* Novedades y soporte con menos longitud vertical. */
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-news{
    padding:16px!important;
    border-radius:20px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-news .v71-section-heading h2{
    font-size:23px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-news>a{
    grid-template-columns:88px minmax(0,1fr)!important;
    padding:11px 0!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-news>a::before{
    width:88px!important;
    height:72px!important;
    border-radius:13px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-support{
    min-height:190px!important;
    padding:21px!important;
    border-radius:21px!important;
    box-sizing:border-box!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-support h2{
    max-width:360px!important;
    font-size:23px!important;
    line-height:1.05!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-support p{
    max-width:380px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-support .v71-btn{
    min-height:42px!important;
    padding:10px 16px!important;
    font-size:11px!important;
  }

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

@media (max-width:390px){
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-welcome::after{
    height:164px!important;
    min-height:164px!important;
    flex-basis:164px!important;
  }
  body.pwa-dashboard-active .v71-home-page.v137-home .v71-featured-course::before{
    height:158px!important;
  }
  body.pwa-dashboard-active .v137-quick-grid{
    gap:7px!important;
  }
  body.pwa-dashboard-active .v137-quick-grid a{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:7px!important;
    padding:9px!important;
  }
  body.pwa-dashboard-active .v137-quick-icon{
    width:30px!important;
    height:30px!important;
  }
}