.card-categoria .circulo{background:radial-gradient(circle at 30% 100%,#006ae4 0 5%,#006ae4 45% 60%,#006ae4 90%);border-radius:50px;height:0;left:1%;margin:auto;top:0;transition:all .6s;width:0}.card-categoria:hover,.card-tipo:hover{box-shadow:0 12px 30px #0003;transform:translateY(-4px);transition:all .6s cubic-bezier(.19,1,.22,1)}.card-categoria:hover .circulo{background:radial-gradient(circle at 30% 100%,#006ae4 0 5%,#006ae4 45% 60%,#006ae4 90%);border-radius:16px;height:100%;left:0;top:0;transition:all .6s;width:100%}.card-tipo .circulo{border-radius:50px;height:0;left:3%;margin:auto;top:1%;transition:all .6s;width:0}.card-tipo .circulo.circulo-1{background:radial-gradient(circle at 30% 100%,#0055b6 0 5%,#0055b6 45% 60%,#0055b6 90%)}.card-tipo .circulo.circulo-2{background:radial-gradient(circle at 30% 100%,#006ae4 0 5%,#006ae4 45% 60%,#006ae4 90%)}.card-tipo:hover .circulo{border-radius:24px;height:100%;left:0;top:0;transition:all .6s;width:100%}.card-tipo:hover .circulo-1{background:radial-gradient(circle at 30% 100%,#0055b6 0 5%,#0055b6 45% 60%,#0055b6 90%)}.card-tipo:hover .circulo-2{background:radial-gradient(circle at 30% 100%,#006ae4 0 5%,#006ae4 45% 60%,#006ae4 90%)}