/* Mi Terapia Virtual v39 — Ocio y tiempo libre (ocio.html) */
.ocio .pt-wrap { padding-top: calc(1rem + env(safe-area-inset-top)); }
.ocio .pt-logo { width: 76px; height: 76px; border-radius: 20px; }
.ocio .pt-head h1 { font-size: 2.3rem; }
.oc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.oc-card { min-height: 0; padding: 1rem 1rem 1.1rem; gap: 0.3rem; }
.oc-card .pt-art { max-width: 210px; margin: 1.2rem auto 0.3rem; }
.oc-card .pt-name { font-size: 1.4rem; line-height: 1.15; }
.oc-card .pt-info { font-size: 1rem; line-height: 1.35; }
.oc-card.oc-live { text-decoration: none; color: inherit; border-color: #8fd19e; box-shadow: 0 6px 18px rgba(79,122,74,0.18); }
.oc-card .pt-badge.oc-new { color: #2f7d32; }
.oc-card.oc-feature { grid-column: span 2; }
.pt-card.peach { background: linear-gradient(160deg, #FFEDE3, #FFD5C2); }
.pt-card.mint { background: linear-gradient(160deg, #E4F8EF, #C8EEDC); }
@media (max-width: 900px) { .oc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ocio .pt-head { position: relative; padding-top: 4.2rem; } }
@media (max-width: 600px) { .oc-grid { grid-template-columns: 1fr; } .oc-card.oc-feature { grid-column: auto; } }