.materiais{background:#fff;padding:64px 0}.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;gap:16px;grid-template-columns:repeat(auto-fill,256px);justify-content:center;list-style-type:none;margin:0;padding:0}.materiais__list .material{background-color:#fff;display:flex;flex-direction:column;outline:1px solid var(--primary);position:relative;transition:all .3s ease-in-out}.materiais__list .material a{display:flex;flex-direction:column;gap:16px;text-decoration:none}.materiais__list .material:hover{background-color:var(--light-blue)}.materiais__list .material__cover{height:154px;-o-object-fit:cover;object-fit:cover;width:100%}.materiais__list .material__type{background-color:#fff;border-radius:8px;color:var(--secondary);font-size:14px;left:16px;padding:8px 16px;position:absolute;top:16px}.materiais__list .material__content{display:flex;flex-direction:column;flex-grow:1;gap:16px;height:100%;justify-content:space-between;padding:20px}.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}}