/* ═════════════════════════════════════════════════════════════════════════════
   SEGUIDOR DEL RATÓN

   Etiqueta que sigue al cursor con una máscara que se abre hasta el ancho del
   texto. La usa el precargador de la portada y, más adelante, el carrusel y la
   sección de vídeo, así que vive en su propia hoja en vez de dentro de ninguno
   de ellos.
   ═════════════════════════════════════════════════════════════════════════════ */

.carousel-cursor-follower {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
}

/* Contenedor que actúa como máscara */
.carousel-cursor-follower .cursor-mask {
    overflow: hidden;
    width: 0px;
    background: var(--bg-color);
    color: var(--text-color);
    border-radius: 0;
    transition: background-color var(--theme-transition), color var(--theme-transition);
}

/* El texto dentro de la máscara */
.carousel-cursor-follower .cursor-text {
    font-family: var(--tatc-font-mono);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;

    /* 👇 Dejamos que el texto defina el tamaño del contenedor 👇 */
    padding: 10px 14px;
    display: inline-block;

    line-height: 1;
    white-space: nowrap;
    /* Mantiene el texto en una sola línea */
}