body {
           
            /* IMPORTANTE: Oculta el cursor predeterminado del sistema */
            cursor: none;
            
        }
       

        /* --- ESTILOS DEL CURSOR PERSONALIZADO --- */

        /* El punto principal del cursor (círculo azul con borde negro) */
        .main-cursor {
            position: fixed;
                
             width: 0;
             height: 0;
             border: 8px solid transparent;
            border-top: 0;
            border-bottom: 15px solid rgb(101, 174, 233);
            background-image: url('../img/back_bod.png');
            /* Centrar el punto en la coordenada exacta del mouse */
            transform: translate(-50%, -50%);
            pointer-events: none; /* Permite hacer clic a través del cursor */
            z-index: 9999;
            transition: transform 0.1s ease-out; /* Un pequeño suavizado inicial */
            will-change: transform;
             color: #000000;
            text-align: center;
            pointer-events: none; /* Evita que el texto interfiera con el mouse */
        }

        /* Contenedor para las letras del texto */
        #cursor-text-trail {
            position: fixed;
            top: 0;
            left: 0;
            pointer-events: none;
            z-index: 9998;
            white-space: nowrap;
        }

        /* Estilo de cada letra individual en el rastro */
        .trail-letter {
            position: fixed;
            font-weight: bold;
            color: #333; /* Color del texto del rastro */
            font-size: 16px;
            /* Sombra ligera para que se lea mejor sobre cualquier fondo */
            text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
            will-change: transform;
        }