:root{--corDestaque1: #CE5757;--corDestaque2:#01db7d;--corTitulo: #28828b;--corTexto: #000000;--tamTitulo: $px18;--tamSubtitulo: $px17;--tamTexto: $px16}.container{max-width:1280px;margin:0 auto}.quadros h2{font-size:3.125rem;margin-top:-100px;margin-left:50px;z-index:5;color:#FFF;font-weight:100;position:absolute}.quadros h2 a{color:#FFF}.lista-quadros{--gap:0px;--col:4;line-height:0;padding-top:100px;column-count:var(--col);column-gap:var(--gap);gap:var(--gap)}.lista-quadros img{width:100% !important;height:auto !important}.lista-quadros>div{padding:10px}.lista-quadros .item{cursor:pointer;position:relative;overflow:hidden}.lista-quadros .item::before{position:absolute;transition:all 0.5s;-webkit-transition:all 0.5s;background-color:rgba(0,0,0,0.9);color:#FFF;display:flex;width:100%;height:100%;top:0;left:0;justify-content:center;align-items:center;font-size:1.5625rem;content:attr(data-content);opacity:0}.lista-quadros .item:hover:before{opacity:1}@media screen and (max-width: 950px){.quadros h2{font-size:2.1875rem;margin-top:-70px}.lista-quadros{--col:2}.lista-quadros .item::before{opacity:0.9;height:90px;bottom:0;top:auto}}@media screen and (max-width: 950px){.quadros h2{font-size:1.875rem}.lista-quadros{--col:1}}