:root{--page-title-display:none;}/* 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: línea curva azul bajo el título === */
.genax-curva-oscura{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 99 H260 C330 99 360 1 440 1 H1000' fill='none' stroke='%2301207b' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}
@media (max-width:1024px){.genax-curva-oscura{background-image:none}}

/* === 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 */