/* ═══════════════════════════════════════
   KEIMESH — LOGO Y PRELOADER
   ═══════════════════════════════════════ */

/* Logo de la barra de navegación */
.keimesh-logo {
    width: 150px;
    height: 55px;
    object-fit: contain;
    display: block;
}

/* Contenedor del logo del preloader */
#logo-cont {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    pointer-events: none;
}

/* Nuevo logo PNG */
.preloader-logo{
    width:180px;
    max-width:80vw;
    height:auto;
    display:block;
    object-fit:contain;

    opacity:0;
    transform:scale(.7);

    filter:drop-shadow(0 0 18px rgba(0, 212, 255, .35));

    /* APARICIÓN DEL LOGO MÁS LENTA */
}

/* Texto KEI / mesh */
#brand-word {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.bl{
    font-family:'Space Grotesk',sans-serif;
    font-size:3rem;
    font-weight:700;
    color:#fff;

    opacity:0;
    display:inline-block;

    transform:translateY(24px);

    text-shadow:0 0 28px rgba(0, 212, 255, .35);

    /* APARICIÓN MÁS LENTA */
}

.bl.accent {
    color: var(--purple);
}
/* Retraso entre KEI y mesh */



.bl:nth-child(2){}


@media (max-width: 600px) {
    .preloader-logo {
        width: 220px;
    }

    .bl {
        font-size: 2.4rem;
    }
}