/* Effects scoped only to the existing main hero logo. No layout changes. */
#inicio .hero-logo{position:relative;animation:alia-logo-float 8s ease-in-out infinite;transition:transform .65s ease,filter .65s ease;transform-origin:center}
@keyframes alia-logo-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
#inicio .hero-logo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#51cbff38 46%,#ffffff55 50%,#9769ff30 54%,transparent 65%);background-size:300% 100%;background-position:100% 0;opacity:0;mask-image:url('assets/logo-original.png');mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('assets/logo-original.png');-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;animation:alia-logo-reflection 16s ease-in-out infinite}
@keyframes alia-logo-reflection{0%,72%{background-position:100% 0;opacity:0}75%{opacity:.55}87%{background-position:0 0;opacity:.55}90%,100%{background-position:0 0;opacity:0}}
@media(hover:hover) and (pointer:fine){#inicio .hero-logo:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-3deg);filter:drop-shadow(0 5px 7px #174de218) drop-shadow(0 0 8px #6635cc12)}}
@media(prefers-reduced-motion:reduce){#inicio .hero-logo,#inicio .hero-logo:hover{animation:none;transition:none;translate:none;transform:none;filter:none}#inicio .hero-logo:after{display:none;animation:none}}