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