/* Orama · Academy — birrete que se deconstruye y crea el gráfico al hover */
.orama-academy{position:relative;width:100%}
.orama-academy .academy-fx{position:relative;width:100%;height:100%}
.orama-academy .academy-fx svg{position:absolute;inset:0;width:100%;height:100%;display:block}

.orama-academy .cap-icon{transition:opacity .4s ease;animation:orama-capfloat 4s ease-in-out infinite}
@keyframes orama-capfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.orama-academy .cap-tassel-l{transform-box:view-box;transform-origin:292px 172px;animation:orama-tsway 2.8s ease-in-out infinite}
@keyframes orama-tsway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}

.orama-academy .grow-chart{opacity:0;transition:opacity .35s ease}
.orama-academy:hover .grow-chart{opacity:1}
.orama-academy .grow-chart .ln{stroke-dasharray:640;stroke-dashoffset:640;transition:stroke-dashoffset 1s ease .12s}
.orama-academy:hover .grow-chart .ln{stroke-dashoffset:0}
.orama-academy .grow-chart .ln-area,.orama-academy .grow-chart .ln-dot{opacity:0;transition:opacity .5s ease .55s}
.orama-academy:hover .grow-chart .ln-area,.orama-academy:hover .grow-chart .ln-dot{opacity:1}