.letter-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;list-style:none;margin:0 auto;max-width:420px;padding:0}.letter{color:#909090;cursor:pointer;font-size:25px;font-weight:700}.letter.active{color:#000!important}.professor-lista{grid-gap:40px;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(1,1fr);margin-top:60px;row-gap:60px}@media (min-width:600px){.professor-lista{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.professor-lista{grid-template-columns:repeat(3,1fr)}}.box-professor{border-left:1px solid #000;display:flex;flex-direction:column;padding-left:20px}.box-professor .resumo{margin-bottom:10px;position:relative}.box-professor .resumo p{margin-top:10px}.box-professor .btn-professor{display:inline-flex;margin-top:auto;position:relative}.box-professor .btn-professor a{background-color:#ffcc01;border-radius:8px;cursor:pointer;margin-top:10px;padding:10px 30px}.popup-professor{max-width:600px}.professor-info{align-items:center;display:flex;gap:30px;margin-bottom:20px}.popup-professor .foto-professor img{max-width:180px}.popup-professor h3{color:#27aae1;margin-bottom:30px;padding-bottom:10px;position:relative}.popup-professor p,.popup-professor span{font-weight:300}.popup-professor h3:before{background-color:#27aae1;bottom:0;content:"";height:2px;left:0;position:absolute;width:130px}