.materiais{padding:64px 0;background:#fff}.materiais.theme-grey{background:var(--grey)}.materiais.theme-grey .material{outline-color:transparent}.materiais.theme-grey .material:hover{background-color:#fff;outline-color:var(--primary)}.materiais .title{color:var(--secondary)}.materiais .text{color:var(--text-color)}.materiais__heading{text-align:center}.materiais__heading .materiais__title{margin-bottom:20px}.materiais__heading .materiais__subtitle{margin-bottom:32px}.materiais__list{display:grid;grid-template-columns:repeat(auto-fill,256px);justify-content:center;gap:16px;margin:0;padding:0;list-style-type:none}.materiais__list .material{outline:1px solid var(--primary);position:relative;background-color:#fff;transition:all .3s ease-in-out;display:flex;flex-direction:column}.materiais__list .material a{display:flex;flex-direction:column;text-decoration:none;gap:16px}.materiais__list .material:hover{background-color:var(--light-blue)}.materiais__list .material__cover{width:100%;height:154px;-o-object-fit:cover;object-fit:cover}.materiais__list .material__type{position:absolute;top:16px;left:16px;padding:8px 16px;background-color:#fff;color:var(--secondary);border-radius:8px;font-size:14px}.materiais__list .material__content{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:16px}.materiais__list .material__content .material__description{flex-grow:1;font-size:14px}.materiais__list .material h3.title{font-size:20px}@media (min-width:40em){.materiais__list{grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}}.materiais .hide-on-mobile{display:none}@media (min-width:80em){.materiais .hide-on-mobile{display:block}}