.category-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{position:relative;width:400px;height:350px;background-size:cover;background-position:center;border-radius:10px;overflow:hidden;filter:brightness(.8)}.card .overlay{position:absolute;bottom:0;width:65%;height:30%;padding:10px;color:#fff;border-top-right-radius:60px;background:rgba(0,0,128,.8);display:flex;flex-direction:column;justify-content:center;transition:.3s ease}.card .overlay.yellow{background:rgb(211 177 19/78%)}.card .overlay.blue{background:rgb(3 69 145/67%)}.card:hover .overlay{height:100%;border-radius:0}.card h3{color:#fff !important;margin:0 0 10px;font-weight:700}.title{color:#fff}.card p{font-size:14px;margin-bottom:15px}.card a{color:#fff;text-decoration:none;font-weight:700;font-size:13px;position:relative}.card a:after{content:'→';margin-left:5px;transition:margin-left .3s}.card a:hover:after{margin-left:10px}.card{background-color:#fff;color:#002147 !important;text-align:center;border-radius:10px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.card1:hover{background-color:#002147;color:#fff;cursor:pointer}.card1:hover img,.card1:hover svg{filter:brightness(0) invert(1)}.boton{background-color:blue;color:#fff;padding:10px 20px;border:none;cursor:pointer;transition:transform .3s ease}.boton:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.5);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}