/* Start custom CSS *//* === GENAX: viñeta cian de botones y etiquetas === */
.genax-punto::before{content:"";display:inline-block;flex:0 0 auto;width:.3em;height:.3em;border-radius:50%;background:#22c3c3;margin-right:.55em}

/* === GENAX: imágenes 3D flotando (cada tarjeta con su propio ritmo) === */
@keyframes genax-flotar{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7%) rotate(-2deg)}}
.genax-flotar{animation:genax-flotar 4.6s ease-in-out infinite;will-change:transform}
article:nth-of-type(2) .genax-flotar{animation-duration:5.2s;animation-delay:-1.4s}
article:nth-of-type(3) .genax-flotar{animation-duration:4.2s;animation-delay:-2.6s}
@media (prefers-reduced-motion:reduce){.genax-flotar{animation:none}}

/* === GENAX: brillo de la tarjeta al pasar el mouse === */
article:has(.genax-flotar){transition:box-shadow .35s ease,border-color .35s ease}
article:has(.genax-flotar):hover{box-shadow:0 0 34px rgba(34,195,195,.65);border-color:#22c3c3}
article:has(.genax-flotar):hover .genax-flotar{animation-duration:2.4s}/* End custom CSS */