@media(min-width:992px){#img_pc{border:0!important;margin-left:59px}.shadow{padding:10px;position:relative;margin-bottom:15px;width:100%;height:100%;border-radius:14px;background-image:linear-gradient(to right top,#ffffff,#fdfdfd,#fafafa,#f8f8f8,#f6f6f6);box-shadow:0 15px 20px 0 rgba(40,60,98,.1)}.shadow:before,.shadow:after{content:'';position:absolute;top:-2px;left:-2px;background-image:linear-gradient(20deg,#fdfdfd,#ebe0ff,#e1c0ff,#de9dff,#e073ff,#ffffff,#ede9ff,#ddd3ff,#ccbcff,#bda6ff,#515760,#667385,#ffffff,#ede9ff,#ddd3ff,#7b90ac,#90aed5,#c478ff,#899dff,#4cb8ff,#32cdff,#5edcff,#a6cdff,#ffffff,#ede9ff,#ddd3ff,#fff376,#ffdd76,#ffc97c,#ffb786,#ffa890);background-size:400%;z-index:-1;width:calc(100% + 2px);height:calc(100% + 2px);opacity:.5;animation:animate 15s linear infinite;border-radius:14px;box-shadow:0 15px 20px 0 rgba(40,60,98,.1)}.shadow:after{filter:blur(3px)}@keyframes animate{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:200% 0}75%{background-position:300% 0}100%{background-position:400% 0}}}@media(max-width:992px){#canvas{display:none}}#contenedor{width:100%;margin:0 auto;display:flex;align-items:center;height:300px;justify-content:space-between}.note{width:11%;border-radius:20px;cursor:pointer}.note:nth-child(1){background:#02b65e;height:300px}.note:nth-child(2){background:#f0d20e;height:280px}.note:nth-child(3){background:#d04559;height:260px}.note:nth-child(4){background:#e28c12;height:240px}.note:nth-child(5){background:#8e83c8;height:220px}.note:nth-child(6){background:#0285d4;height:200px}.note:nth-child(7){background:#fdc1c0;height:180px}.note:nth-child(8){background:#be3c22;height:160px}.boton{margin:20px auto;width:100%;height:50px;background:#333;cursor:pointer}.white_bold{font-family:Helvetica,Arial,Sans-Serif;color:#fff;font-weight:700;font-size:20px;user-select:none}.center{text-align:center;display:flex;justify-content:center;flex-direction:column}.boton:hover{box-shadow:0 10px 12px rgba(255,255,255,.2)}.boton:focus,.boton:active{box-shadow:0 10px 12px rgba(255,255,255,.6)}@media(max-width:490px){#pia{margin-top:25px}.note{width:50px;border-radius:20px;cursor:pointer;margin-left:5px}.note:nth-child(1){background:#02b65e;height:260px}.note:nth-child(2){background:#f0d20e;height:240px}.note:nth-child(3){background:#d04559;height:220px}.note:nth-child(4){background:#e28c12;height:200px}.note:nth-child(5){background:#8e83c8;height:180px}.note:nth-child(6){background:#0285d4;height:160px}.note:nth-child(7){background:#fdc1c0;height:140px}.note:nth-child(8){background:#be3c22;height:120px}}