/* Ajustes por tamaño de pantalla. Va al final: sus reglas deben poder
   sobreescribir a las de los demás archivos. */

/* -------------------- RESPONSIVE -------------------- */
@media (max-width:640px){
  body{padding:16px 12px 60px;}
  .grid2{grid-template-columns:1fr;}
  .tile-grid{grid-template-columns:repeat(2,1fr);}
  .tile-grid.three-col{grid-template-columns:repeat(2,1fr);}
  .dash-stats{grid-template-columns:repeat(2,1fr);}
  .hero-live-num{font-size:36px;}
  .result-val{font-size:24px;}
  .topbar{padding:10px 0;}
  .topnav-btn{padding:6px 10px;font-size:11px;}
  .history-row-right{flex-wrap:wrap;gap:6px;}
  .libro-grid{column-gap:10px;}
  .resumen-grid4{grid-template-columns:1fr;}
  .calc-grid2col{grid-template-columns:1fr;}
  .ops-filter-bar{flex-direction:column;align-items:stretch;}
  .ops-search{width:100%;}
}
@media (max-width:480px){
  .dash-stats{grid-template-columns:1fr;}
  .tile-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .share-row{flex-direction:column;}
  .share-btn{width:100%;}
  .period-nav{flex-direction:column;gap:8px;}
  .save-row{flex-direction:column;}
  .save-date{flex:1;width:100%;}
  #toastContainer{bottom:12px;right:12px;left:12px;width:auto;}
}