/* Coleção WO: capas animadas, sem controles ou interação com o visitante. */
.wo-collection{--collection-ink:var(--dark);--collection-muted:var(--g600);width:100%;max-width:1224px;scroll-margin-top:100px}
.wo-collection__shelf{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;padding:0}
.wo-volume{min-width:0;position:relative}
.wo-volume__phase{min-height:32px;margin:0 0 10px;padding:0;text-align:center;color:var(--collection-ink);font:600 1.05rem/1.3 var(--fd);letter-spacing:-.015em}
.wo-volume__scene{height:350px;position:relative;pointer-events:none}
.wo-volume__frame{display:block;width:100%;height:100%;border:0;background:transparent;pointer-events:none}
.wo-volume__caption{padding-top:10px;text-align:center}
.wo-volume__range{display:block;color:var(--collection-muted);font-size:.94rem;line-height:1.4;margin:0}
@media(max-width:1020px) and (min-width:681px){.wo-collection__shelf{gap:24px}.wo-volume__phase{font-size:.9rem}.wo-volume__scene{height:300px}.wo-volume__range{font-size:.84rem}}
@media(max-width:680px){
 .wo-collection__shelf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:36px}
 .wo-volume__phase{font-size:.9rem;min-height:26px;margin-bottom:6px}
 .wo-volume__scene{height:244px}
 .wo-volume__caption{padding-top:8px}
 .wo-volume__range{font-size:.8rem}
}
@media(max-width:370px){.wo-collection__shelf{column-gap:16px}.wo-volume__scene{height:208px}.wo-volume__phase{font-size:.8rem}.wo-volume__range{font-size:.76rem}}


/* Resposta visual ao mouse; nenhuma ação é exigida sobre as capas. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .wo-volume__scene{transform-origin:50% 60%;transition:transform 460ms cubic-bezier(.22,1,.36,1)}
 .wo-volume:hover .wo-volume__scene{transform:translateY(-6px) scale(1.025)}
 body.parado .wo-volume__scene{transform:none;transition:none}
}
#materiais .astra-catalog{overflow-anchor:none}
#materiais .astra-catalog>summary span{transition:transform 260ms cubic-bezier(.22,1,.36,1)}
#materiais .astra-catalog[data-wo-expanded="true"]>summary span{transform:rotate(45deg)}
#materiais .astra-catalog[data-wo-expanded="false"]>summary span{transform:rotate(0)}
@media(prefers-reduced-motion:reduce){#materiais .astra-catalog>summary span{transition:none}}
body.parado #materiais .astra-catalog>summary span{transition:none}


/* Catálogo por ano: cada par conserva as cores e as artes dos seus volumes. */
#materiais .wo-catalog-groups{display:grid;gap:30px;padding:12px 0 28px}
#materiais .wo-catalog-group{min-width:0}
#materiais .wo-catalog-group__title{margin:0 0 14px;color:var(--dark);font:600 1.12rem/1.4 var(--fd);letter-spacing:-.01em}
#materiais .wo-catalog-group .colecoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
#materiais .colecao{display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;width:auto;height:auto;padding:18px;background:#fff;border:1px solid #e2e5ed;border-radius:10px;box-shadow:none;cursor:default}
#materiais .colecao__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#materiais .colecao__year{margin:0;color:var(--dark);font:600 1.08rem/1.4 var(--fd);letter-spacing:-.01em}
#materiais .colecao__age{flex:none;color:#626878;font-size:.8rem;line-height:1.4}
#materiais .colecao__nome{margin:4px 0 16px;color:#535c70;font:400 .9rem/1.4 var(--fd)}
#materiais .colecao__covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
#materiais .colecao__cover{display:flex;align-items:center;justify-content:center;padding:14px 8px;background:var(--cover-tint);border-radius:6px}
#materiais .colecao__cover img{display:block;width:auto;height:112px;max-width:100%;object-fit:contain;box-shadow:0 3px 7px #0002}
@media(max-width:980px){#materiais .wo-catalog-group .colecoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){
 #materiais .wo-catalog-groups{gap:26px}
 #materiais .wo-catalog-group .colecoes{grid-template-columns:1fr;gap:12px}
 #materiais .colecao{padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 128px;column-gap:12px;align-items:center}
 #materiais .colecao__heading{display:block}
 #materiais .colecao__year{font-size:1rem}
 #materiais .colecao__age{display:block;margin-top:2px}
 #materiais .colecao__nome{margin:6px 0 0;font-size:.83rem;align-self:start}
 #materiais .colecao__covers{grid-column:2;grid-row:1 / span 2;margin:0;gap:6px}
 #materiais .colecao__cover{padding:10px 4px}
 #materiais .colecao__cover img{height:74px}
}
@media(max-width:360px){#materiais .colecao{grid-template-columns:minmax(0,1fr) 112px;column-gap:10px}#materiais .colecao__cover img{height:64px}
}