.snp-grid{display:grid;grid-gap:10px;grid-template-columns:repeat(3,1fr);grid-auto-columns:1fr;grid-auto-rows:minmax(80px,100%);justify-items:stretch;align-items:stretch;margin-bottom:40px}.snp-grid[data-pc-cols="4"]{grid-template-columns:repeat(4,1fr)}.snp-grid[data-pc-cols="5"]{grid-template-columns:repeat(5,1fr)}.snp-grid[data-pc-cols="6"]{grid-template-columns:repeat(6,1fr)}.snp-grid .item{flex:1 0 18%;display:flex;justify-content:center;align-items:center;border:solid 1px var(--borde);border-radius:5px;background-color:var(--wBox);height:70px;font-size:1.4rem;box-shadow:1px 4px 4px 0 rgb(0 0 0 / .09);-webkit-box-shadow:1px 4px 4px 0 rgb(0 0 0 / .09);-moz-box-shadow:1px 4px 4px 0 rgb(0 0 0 / .09);transition:all .3s ease-in-out}.snp-grid .item.selected,.snp-grid .item:hover{cursor:pointer;background-color:var(--morado);color:var(--txtMorado)}.snp-grid .item .item-content{width:100%;padding:5px 10px 5px 20px;display:flex;justify-content:start;align-items:center}.snp-grid .item i{color:var(--morado)}.snp-grid .item.selected i,.snp-grid .item:hover i{color:var(--txtMorado)}.snp-grid .item span{padding:0 10px;font-size:.9rem;font-weight:600}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){.snp-grid{grid-template-columns:repeat(1,1fr);grid-gap:0}.snp-grid[data-mb-cols="1"]{grid-template-columns:repeat(1,1fr)}.snp-grid[data-mb-cols="2"]{grid-template-columns:repeat(2,1fr);grid-gap:10px}.snp-grid .item{flex:1 0 100%}.snp-grid .item .item-content{width:75%;margin:0 auto}.snp-grid .item i{margin-right:20px}.snp-grid .item br{content:"";display:block;margin:.5rem 0}}