.action-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.action-card{min-height:210px;padding:22px;display:flex;flex-direction:column;border-radius:24px;box-shadow:var(--shadow)}.action-card h3{margin-top:16px}.action-card p{margin-top:8px;color:var(--muted);font-size:.76rem}.action-card a{margin-top:auto;padding:10px;text-align:center;border-radius:11px;background:#fff;color:var(--pd);font-size:.72rem;font-weight:700}.lilac{background:#ebe4ff}.pink{background:#fde5ed}.mint{background:#dff4ee}.peach{background:#fbe8d9}.filters{margin-top:24px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:end;border:1px solid var(--line);border-radius:22px;background:#fff}.filters label{display:block;margin-bottom:7px;font-size:.72rem}.filters input,.filters select{width:100%;padding:11px;border:1px solid var(--line);border-radius:12px;background:#faf9fd}.filters button{padding:11px 15px;border:0;border-radius:12px;background:#eee9fc;color:var(--pd)}.resource-grid{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.resource-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff}.resource-cover{min-height:170px;padding:20px;display:grid;place-content:center;text-align:center}.resource-cover strong{display:block;margin-top:7px;color:var(--pd)}.resource-body{padding:18px}.resource-body p{margin-top:8px;min-height:48px;color:var(--muted);font-size:.7rem}.resource-body button{width:100%;margin-top:14px;padding:10px;border:0;border-radius:11px;background:var(--p);color:#fff}.cover-pink{background:#fde5ed}.cover-yellow{background:#fff2c9}.cover-lilac{background:#eee8ff}.cover-mint{background:#dff4ee}.cover-blue{background:#dfeeff}.cover-peach{background:#fbe8d9}.cover-green{background:#e1f4df}.cover-rose{background:#f8dfeb}.module-card{margin-top:25px;padding:30px;border:1px solid var(--line);border-radius:25px;background:#fff}.module-card p{margin-top:10px;color:var(--muted)}@media(max-width:1200px){.action-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.action-grid,.resource-grid,.filters{grid-template-columns:1fr}}
body[data-page="biblioteca"] .filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
@media(max-width:700px){body[data-page="biblioteca"] .filters{grid-template-columns:1fr}}