.min-h-screen{& img{position:relative!important;object-fit:cover;width:250px!important;height:200px!important}}.container-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:250px;grid-gap:2rem;gap:2rem;padding:1rem;& .card{max-width:300px;grid-template-columns:1fr 40px}& span{width:100%;padding:5px;text-align:center;display:flex;font-size:15px}}@media screen and (max-width:527px){.min-h-screen{& img{height:250px!important}}.container-card{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:150px;& .card{max-width:150px;grid-template-columns:none}& .text-span{display:none}& img{width:150px!important;height:150px!important}& span{width:100%;padding:0;text-align:center;font-size:12px}}& nav{& form{width:80%}}.navbar-nav{& a{padding-left:10px}}}.pagination{margin-bottom:20px;display:flex;justify-content:center}button{border-radius:10px!important}.navbar-nav{& a.active{background-color:rgba(0,0,0,.07);border-radius:.5rem;border:2px}}.navbar-toggler{box-shadow:none;&:focus{box-shadow:none!important}}.load-content{height:100vh;overflow:hidden;background:darkgray;justify-content:center}.load-content,.loader{display:flex;align-items:center}.icon{height:1.5rem;width:1.5rem;animation:spin 1s linear infinite;stroke:rgba(107,114,128,1)}.loading-text{font-size:.75rem;line-height:1rem;font-weight:500;color:rgba(107,114,128,1)}@keyframes spin{to{transform:rotate(1turn)}}