/* Entrada coreografiada del hero: de contexto a propuesta de valor. */
@keyframes cico-xp-fade-left{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes cico-xp-fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes cico-xp-circle-in{from{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes cico-xp-portrait-in{from{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}
.cico-xp-top{animation:cico-xp-fade-left .42s cubic-bezier(.22,1,.36,1) both}.cico-xp-portrait>span{animation:cico-xp-circle-in .62s cubic-bezier(.22,1,.36,1) .1s both}.cico-xp-portrait img{animation:cico-xp-portrait-in .68s cubic-bezier(.22,1,.36,1) .18s both;will-change:transform,opacity}.cico-xp-intro{animation:cico-xp-fade-up .42s cubic-bezier(.22,1,.36,1) .38s both}.cico-xp-grid h1{animation:cico-xp-fade-up .5s cubic-bezier(.22,1,.36,1) .46s both}.cico-xp-bottom{animation:cico-xp-fade-up .4s cubic-bezier(.22,1,.36,1) .56s both}
@media(prefers-reduced-motion:reduce){.cico-xp-top,.cico-xp-portrait>span,.cico-xp-portrait img,.cico-xp-intro,.cico-xp-grid h1,.cico-xp-bottom{animation:none!important}}