.card-pregrado{width:500px;height:240px;position:relative;transform-style:preserve-3d;transition:1s}.card-body-pregrado{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,80px) rotateY(0deg);width:85%;height:87%;border-radius:20px;overflow:hidden;border:5px solid #ffffffb8}.card-pregrado:nth-child(2n):hover{transform:rotateY(-20deg)}.card-pregrado:nth-child(odd):hover{transform:rotateY(20deg)}.card-body-pregrado .bg-pregrado{position:absolute;background:#ffffffa5;border-radius:70px;width:0;transition:.5s}.card-body-pregrado .bg-pregrado:first-child{height:150%;transform-origin:left;top:0;left:-30%;transform:rotate(-10deg)}.card-pregrado:hover .card-body-pregrado .bg-pregrado{width:200%;transition-delay:.8s}.content-pregrado{position:relative;opacity:0;transition:.5s;padding:10px;text-align:left}.title-pregrado{font-size:1rem;font-weight:700;text-transform:uppercase}.card-pregrado:hover .content-pregrado{opacity:1;transition-delay:1.3s}.left{position:relative}.left:before{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:100%;top:80%;max-width:300px;background:#777;box-shadow:0 15px 10px #777;transform:rotate(-3deg);transition:all .65s ease-in-out}.left:hover:before{box-shadow:20px 18px 20px #a0a0a0}.right{position:relative}.right:after{z-index:-1;position:absolute;content:"";bottom:15px;right:10px;left:auto;width:100%;top:80%;max-width:300px;background:#777;box-shadow:0 15px 10px #777;transform:rotate(3deg);transition:all .65s ease-in-out}.right:hover:after{box-shadow:-20px 18px 20px #a0a0a0}@media (max-width:768px){.card-pregrado{width:100%;height:auto;transform:none;transition:none}.card-pregrado:nth-child(2n):hover,.card-pregrado:nth-child(odd):hover,.left:before,.right:after{transform:none}.left:before,.right:after{box-shadow:none;display:none}.card-body-pregrado{position:relative;top:auto;left:auto;transform:none;width:100%;height:auto;border-radius:0 0 12px 12px;border-width:0 1px 1px;border-color:#cbd5e1;background:#fff;padding:10px}.card-body-pregrado .bg-pregrado{display:none}.title-pregrado{margin:0;border-radius:8px;padding:8px 10px}.content-pregrado{opacity:1;transition:none;padding:8px 0 0}}