:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff;--paper-4:#fff}.folder{cursor:pointer;transition:transform .55s cubic-bezier(.4,0,.2,1)}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-120%,-70%)rotate(-15deg)}.folder.open .paper:first-child:hover{transform:translate(-120%,-70%)rotate(-15deg)scale(1.1)}.folder.open .paper:nth-child(2){height:78%;transform:translate(-35%,-82%)rotate(-8deg)}.folder.open .paper:nth-child(2):hover{transform:translate(-35%,-82%)rotate(-8deg)scale(1.1)}.folder.open .paper:nth-child(3){height:78%;transform:translate(35%,-78%)rotate(10deg)}.folder.open .paper:nth-child(3):hover{transform:translate(35%,-78%)rotate(10deg)scale(1.1)}.folder.open .paper:nth-child(4){height:82%;transform:translate(-50%,-105%)rotate(0)}.folder.open .paper:nth-child(4):hover{transform:translate(-50%,-105%)rotate(0)scale(1.1)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);border-radius:10px;width:70%;height:80%;transition:transform .65s cubic-bezier(.4,0,.2,1),height .65s cubic-bezier(.4,0,.2,1);position:absolute;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%,10%);box-shadow:0 2px 8px #0000002e}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:85%;height:65%}.paper:nth-child(4){background:var(--paper-4);width:92%;height:58%}.paper__content{border-radius:inherit;height:100%;overflow:hidden}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:transform .65s cubic-bezier(.4,0,.2,1);position:absolute}.folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #fff}
.scroll-velocity{flex-direction:column;gap:.35rem;width:100%;display:flex}.scroll-velocity-parallax{position:relative;overflow:hidden}.scroll-velocity-scroller{white-space:nowrap;text-align:center;width:max-content;font-family:var(--font-heading);letter-spacing:-.03em;text-transform:uppercase;color:var(--section-fg,#fff);opacity:.55;font-size:clamp(1.5rem,3.5vw,3rem);font-weight:700;line-height:1;display:flex}.scroll-velocity-scroller span{flex-shrink:0}.scroll-velocity-separator{opacity:.35;font-weight:400}.workshop-rubros-bg{opacity:1;height:100%;display:flex}.workshop-rubros-bg .scroll-velocity{flex-direction:column;flex:1;justify-content:space-evenly;gap:clamp(.25rem,1.5vh,.75rem);height:100%;padding:clamp(1rem,3vh,2rem) 0;display:flex}.scroll-velocity-parallax--bg{flex:1;align-items:center;display:flex}.scroll-velocity-scroller--bg{letter-spacing:-.03em;text-transform:uppercase;opacity:.14;font-size:clamp(2.25rem,6.5vw,5.5rem);font-weight:700;line-height:.95}.scroll-velocity-scroller--bg .scroll-velocity-separator{opacity:.35;padding:0 .15em;font-weight:400}@media (min-width:768px){.scroll-velocity{gap:.5rem}}