/* Lockup de marca LicitaFácil: isotipo (3 cuadrados + check + spark verde) con los
   colores del splash. Entrada tipo splash (las cartas se reparten + el check se dibuja)
   EN TODOS lados; y DENTRO del sidebar, movimiento CONTINUO (respira + spark pulsa) —
   "siempre en movimiento" estilo Netscape. */
.lfbrand { display:inline-flex; align-items:center; gap:11px; text-decoration:none; }
.lfbrand__mark { height:40px; width:40px; flex-shrink:0; overflow:visible; transform-origin:center; }

/* Entrada (una vez) — estado base VISIBLE + `backwards` → nunca queda invisible. */
.lfbrand__mark .lfc { transform-box:fill-box; transform-origin:center; opacity:1;
    animation:lfdeal .72s cubic-bezier(.2,.9,.25,1.12) backwards; }
.lfbrand__mark .lfc1 { animation-delay:.05s; }
.lfbrand__mark .lfc2 { animation-delay:.19s; }
.lfbrand__mark .lfc3 { animation-delay:.33s; }
@keyframes lfdeal {
    0%   { opacity:0; transform:scale(.5) translateY(11px) rotate(-8deg); }
    60%  { opacity:1; transform:scale(1.06) translateY(0) rotate(1.5deg); }
    100% { opacity:1; transform:none; }
}
.lfbrand__mark .lfcheck { stroke-dasharray:120; stroke-dashoffset:0;
    animation:lfdraw .46s cubic-bezier(.5,.1,.2,1) .72s backwards; }
@keyframes lfdraw { from { stroke-dashoffset:120; } to { stroke-dashoffset:0; } }

/* Spark verde (color del splash). Base sutil siempre visible. */
.lfbrand__mark .lfspark { transform-box:fill-box; transform-origin:center; opacity:.85; }

/* ── Movimiento CONTINUO: SOLO dentro del sidebar (no distrae en el header) ── */
.app-sidebar .lfbrand__mark { animation:lfbreathe 5.5s ease-in-out 1.3s infinite; }
@keyframes lfbreathe { 0%,100% { transform:scale(1); } 50% { transform:scale(1.04); } }
.app-sidebar .lfbrand__mark .lfspark { animation:lfsparkpulse 3.4s ease-in-out 1.25s infinite; }
@keyframes lfsparkpulse {
    0%,100% { opacity:.2; transform:scale(.55); }
    16%     { opacity:1;  transform:scale(1.1); }
    38%     { opacity:.55; transform:scale(.85); }
    60%     { opacity:.2; transform:scale(.6); }
}

.lfbrand__word { display:flex; flex-direction:column; line-height:1; white-space:nowrap; }
.lfbrand__tag { font-family:'Roboto Mono',ui-monospace,monospace; font-size:6.5px; font-weight:500;
    letter-spacing:.09em; text-transform:uppercase; color:#5b7793; margin-bottom:3px; }
.lfbrand__name { font-family:'Space Grotesk','Inter',system-ui,sans-serif; font-weight:700;
    font-size:21px; letter-spacing:-.015em; color:#0559a8; }

/* Sidebar colapsado: solo el isotipo. */
.app-sidebar--collapsed .lfbrand { justify-content:center; }
.app-sidebar--collapsed .lfbrand__word { display:none; }
.app-sidebar--collapsed .lfbrand__mark { height:34px; width:34px; }

@media (prefers-reduced-motion: reduce) {
    .lfbrand__mark, .lfbrand__mark .lfc, .lfbrand__mark .lfcheck, .lfbrand__mark .lfspark {
        animation:none !important; opacity:1; stroke-dashoffset:0;
    }
    .lfbrand__mark .lfspark { opacity:.85; }
}