@keyframes counter--50{0%{--num:0}to{--num:50}}@keyframes counter--8{0%{--num:0}to{--num:8}}@keyframes counter--300{0%{--num:0}to{--num:300}}section.contadores{background-color:#fff;padding-top:2rem}section.contadores ul{display:flex;flex-direction:row;gap:1rem;justify-content:space-evenly;list-style:none;margin:0 auto;padding:0;width:100%}section.contadores ul li{align-items:center;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;margin:0;padding:0;text-align:center}section.contadores .counter_number{color:var(--maincolor);display:block;font-size:1.75rem;font-weight:700}@media (max-width:667px){section.contadores .counter_number{font-size:1.25rem}}@property --num{syntax:"<integer>";initial-value:0;inherits:false}.number-animation{--num:0;counter-reset:num var(--num)}.number-animation::after{content:counter(num)}.animate--50{animation:counter--50 2s ease forwards}.animate--300,.animate--8{animation:counter--8 2s ease forwards;animation-delay:1s}.animate--300{animation:counter--300 2s ease forwards}