/* CreatixNova · Footer · firma. Paquete "footer-firma" del plugin CreatixNova Core.
   Solo contorno (sin relleno): el trazo aparece caminando letra por letra; al pasar el puntero, la letra toma el color de marca.
   Mientras se dibuja, la punta del trazo es recta (butt): así no aparecen "puntitos" sueltos antes de que cada letra empiece. */
.cnx-firma{--firma-stroke:#FFFFFF;--firma-hover:#3B36FF;--firma-w:9;position:relative;width:100%;line-height:0;user-select:none}
.cnx-firma__svg{display:block;width:100%;height:auto;overflow:visible}
.cnx-firma__l{cursor:default}
.cnx-firma__fill,.cnx-firma__comet{display:none}
.cnx-firma__trace{fill:none;stroke:var(--firma-stroke);stroke-width:var(--firma-w);stroke-linejoin:round;stroke-linecap:round;transition:stroke .35s ease}
.cnx-firma.is-ready .cnx-firma__trace{stroke-dasharray:0 .5;stroke-linecap:butt}
.cnx-firma.is-done .cnx-firma__trace{stroke-linecap:round}
.cnx-firma.is-done .cnx-firma__l:hover .cnx-firma__trace{stroke:var(--firma-hover)}
@media (max-width:1024px){.cnx-firma{--firma-w:11}}
@media (max-width:767px){.cnx-firma{--firma-w:16}}
/* 12/10: el puntero activa la letra completa (antes solo el trazo fino) y el color de marca se ve claro sobre el fondo oscuro */
.cnx-firma.is-done .cnx-firma__trace{pointer-events:all}
.cnx-firma{--firma-hover:#5C64FF}
.cnx-firma.is-done .cnx-firma__l:hover .cnx-firma__trace{filter:drop-shadow(0 0 10px rgba(92,100,255,.55))}