/* Mi Terapia Virtual v24 — Pasatiempos (pasatiempos.html): 14 tarjetas «Próximamente». */
.pasa .pt-wrap { padding-top: calc(1rem + env(safe-area-inset-top)); }
.pasa .pt-head { margin-bottom: 0.9rem; }
.pasa .pt-logo { width: 76px; height: 76px; border-radius: 20px; }
.pasa .pt-head h1 { font-size: 2.3rem; }
.pa-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9rem; }
.pa-card { min-height: 0; padding: 0.9rem 0.9rem 1rem; gap: 0.25rem; }
.pa-card .pt-art { max-width: 170px; margin: 1.1rem auto 0.2rem; }
.pa-card .pt-name { font-size: 1.25rem; line-height: 1.15; }
.pa-card .pt-info { font-size: 0.95rem; line-height: 1.3; }
.pa-card .pt-badge { font-size: 0.85rem; }
.pt-card.green { background: linear-gradient(160deg, #EAF6DF, #D5EDC0); }
.pt-card.rose { background: linear-gradient(160deg, #FFE9EE, #FAD3DD); }
.pt-card.aqua { background: linear-gradient(160deg, #E1F5F3, #C6EAE6); }
@media (max-width: 900px) {
  .pa-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pasa .pt-head { position: relative; padding-top: 4.2rem; }
}
@media (max-width: 600px) { .pa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }