@media(max-width:768px){
  .app-main{padding:16px 12px 130px;}
  .form-row{flex-direction:column;}
  .detalle-actions{flex-direction:column;}
  .detalle-actions .btn{width:100%;justify-content:center;}
  .dashboard-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .modal-overlay{padding:0;align-items:flex-end;}
  .modal{border-radius:20px 20px 0 0;max-height:95vh;}
  .fab{bottom:76px;right:16px;width:50px;height:50px;font-size:24px;}
  .pomodoro-fs-ring{width:220px;height:220px;}
  .pomodoro-fs-time{font-size:44px;}
  .nav-btn span:not(.nav-btn__icon){display:none;}
}
@media(min-width:1024px){
  .app-main{max-width:900px;}
}