/* 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)); } }
/* v32 · el laberinto ya está activo */
.pa-card.pa-live { text-decoration: none; color: inherit; border-color: #8fd19e; box-shadow: 0 6px 18px rgba(79,122,74,0.18); }
.pa-card .pt-badge.pa-new { color: #2f7d32; }
/* v34 · pasatiempos activos + próximamente */
.pa-h2 { font-size: 1.5rem; color: #3d3360; margin: 1.4rem 0 0.6rem; }
.pa-soongrid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.6rem; padding-bottom: calc(1.5rem + env(safe-area-inset-bottom)); }
.pa-soon { min-height: 0; padding: 0.6rem 0.5rem; display: flex; flex-direction: column; align-items: center; gap: 0.2rem; text-align: center; background: rgba(255,255,255,0.7); border-radius: 18px; box-shadow: 0 3px 10px rgba(61,51,96,0.08); cursor: pointer; }
.pa-soon .pa-sico { font-size: 1.9rem; line-height: 1.1; }
.pa-soon .pt-name { font-size: 0.98rem; line-height: 1.15; font-weight: 800; color: #5b4b63; }
@media (max-width: 900px) { .pa-soongrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }