/* v32 · Psicomotricidad: dos bloques (fina / gruesa); la fina agrupada por destrezas */
.ps-fina { margin-bottom: 1.4rem; }
.ps-sub { background: rgba(255,255,255,0.55); border: 2px solid rgba(255,255,255,0.9); border-radius: 26px; padding: 0.8rem 1rem 1rem; margin: 0 0 1rem; box-shadow: 0 4px 14px rgba(90,80,120,0.06); }
.ps-h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.55rem; margin: 0.1rem 0.2rem 0.7rem; font-size: 1.45rem; color: #3d3360; }
.ps-h3 small { font-size: 1.02rem; font-weight: 600; color: #6b6585; }
.ps-ico { font-size: 1.35rem; }
.ps-more { margin-left: auto; align-self: center; font-size: 1rem; font-weight: 800; color: #3d3360; text-decoration: none; background: #fff; border: 2px solid #d9cfee; border-radius: 999px; padding: 0.4rem 0.9rem; min-height: 44px; display: inline-flex; align-items: center; }
.ps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; }
.ps-card { display: flex; align-items: center; gap: 0.8rem; min-height: 104px; padding: 0.6rem 0.9rem 0.6rem 0.6rem; border-radius: 22px; text-decoration: none; color: #2f3b38; border: 3px solid rgba(255,255,255,0.95); box-shadow: 0 5px 16px rgba(90,80,120,0.1); transition: transform .12s ease; -webkit-tap-highlight-color: transparent; }
.ps-card:active { transform: scale(0.98); }
.ps-art { flex: 0 0 116px; width: 116px; height: auto; border-radius: 14px; background: rgba(255,255,255,0.7); }
.ps-txt { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.ps-name { font-size: 1.3rem; font-weight: 900; line-height: 1.15; color: #2f2950; }
.ps-desc { font-size: 1.02rem; line-height: 1.3; color: #4f4a66; }
.ps-card.mint { background: linear-gradient(160deg, #E4F7EE, #CDEFE0); }
.ps-card.peach { background: linear-gradient(160deg, #FFEDE4, #FFDCCB); }
.ps-card.lilac { background: linear-gradient(160deg, #F1EAFC, #E0D3F6); }
.ps-card.sky { background: linear-gradient(160deg, #E5F2FD, #CFE5FA); }
.ps-card.lemon { background: linear-gradient(160deg, #FFF6D6, #FCE8A9); }
.ps-card.rose { background: linear-gradient(160deg, #FDE8EF, #F9D3E0); }
.ps-card.aqua { background: linear-gradient(160deg, #E2F6F8, #C8ECF0); }
.ps-card.green { background: linear-gradient(160deg, #EAF6DF, #D5EDC0); }
.ps-card.wood { background: linear-gradient(160deg, #F8E7CF, #EBCB9F); }
@media (min-width: 901px) {
  .ps-grid.n4, .ps-grid.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ps-grid.n4 .ps-art, .ps-grid.n2 .ps-art { flex-basis: 150px; width: 150px; }
}
@media (max-width: 900px) {
  .ps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ps-more { margin-left: 0; }
}