/* Atalhos da página inicial: grid fixo de 3 colunas, pronto para novos módulos. */
#page-inicio .home-modules{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
  max-width:620px;
  margin-top:18px;
}
#page-inicio .module-tile{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:11px;
  width:100%;
  min-width:0;
  min-height:118px;
  padding:15px 6px 13px;
  background:#fff;
  color:#244450;
  border:1px solid #e0e9e8;
  border-radius:15px;
  cursor:pointer;
  box-shadow:0 4px 15px #143a4710;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
#page-inicio .module-tile:hover{
  transform:translateY(-2px);
  border-color:#bfcfcb;
  box-shadow:0 8px 20px #143a4719;
}
#page-inicio .module-tile:active{transform:scale(.97)}
#page-inicio .module-tile:focus-visible{
  outline:3px solid #18a894;
  outline-offset:3px;
}
#page-inicio .module-tile-icon{
  display:grid;
  place-items:center;
  flex:none;
  width:47px;
  height:47px;
  border-radius:13px;
}
#page-inicio .module-tile-icon svg{
  width:25px;
  height:25px;
}
#page-inicio .module-tile-diarias .module-tile-icon{
  background:#e0f5eb;
  color:#07826f;
}
#page-inicio .module-tile-acerto .module-tile-icon{
  background:#f0e8fb;
  color:#6944ae;
}
#page-inicio .module-tile-label{
  display:block;
  width:100%;
  font-size:13px;
  line-height:1.25;
  font-weight:780;
  letter-spacing:-.12px;
  overflow-wrap:anywhere;
}
@media(min-width:650px){
  #page-inicio .home-modules{gap:16px;margin-top:23px}
  #page-inicio .module-tile{min-height:138px;gap:13px}
  #page-inicio .module-tile-icon{width:55px;height:55px;border-radius:15px}
  #page-inicio .module-tile-icon svg{width:29px;height:29px}
  #page-inicio .module-tile-label{font-size:15px}
}
@media(max-width:359px){
  #page-inicio .home-modules{gap:8px}
  #page-inicio .module-tile{min-height:111px;padding:12px 3px 11px;gap:9px}
  #page-inicio .module-tile-icon{width:43px;height:43px;border-radius:12px}
  #page-inicio .module-tile-label{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  #page-inicio .module-tile{transition:none}
}