:root{--on-fucsia:#c00087;--on-azul:#29274c;--on-amarillo:#ffd400;--hero-width:min(90%,1500px);--hero-height:610px;--hero-radius:28px}
.punto-bote{display:inline-block;width:.18em;height:.18em;min-width:10px;min-height:10px;margin-left:.10em;border-radius:50%;background:var(--on-amarillo);vertical-align:.08em;-webkit-text-fill-color:var(--on-amarillo);animation:on-punto-bote 1.8s ease-in-out infinite}
@keyframes on-punto-bote{0%,100%{transform:translateY(0)}50%{transform:translateY(-.16em)}}
h1 .grad,h2 .grad{background:linear-gradient(90deg,#71306f 0%,var(--on-fucsia) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
@media (prefers-reduced-motion:reduce){.punto-bote{animation:none}}