/* ============================================================
   LABORATORIO · card de DongoOS (proyecto curioso) — Atacama Editorial
   ============================================================ */
.lab-card {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
    border: 1px solid var(--hairline);
    border-radius: var(--r-lg);
    background: var(--card-bg, #fff);
    padding: clamp(1.6rem, 4vw, 3rem);
    box-shadow: var(--sh-md);
    position: relative;
    overflow: hidden;
}
.lab-eyebrow {
    display: inline-flex; align-items: center; gap: 0.5rem;
    font-family: var(--f-mono); font-size: 0.7rem; letter-spacing: 0.16em;
    text-transform: uppercase; color: var(--accent-dk); margin-bottom: 1rem;
}
.lab-eyebrow .pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.lab-card .lab-title {
    font-family: var(--f-display); font-size: clamp(2rem, 4vw, 3.1rem);
    letter-spacing: -0.03em; line-height: 1; margin: 0 0 1rem; color: var(--ink);
}
.lab-lead { font-size: 1.02rem; line-height: 1.7; color: var(--on-light-mut); margin-bottom: 1.4rem; max-width: 46ch; }
.lab-lead em { color: var(--accent-dk); font-style: italic; }
.lab-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.7rem; }
.lab-tags span {
    font-family: var(--f-mono); font-size: 0.72rem; padding: 0.4rem 0.85rem;
    border: 1px solid var(--hairline); border-radius: 100px; color: var(--on-light-mut);
}

/* Terminal mock */
.lab-term {
    border-radius: var(--r-md); overflow: hidden; border: 1px solid #2a3346;
    background: #1d2435; box-shadow: 0 18px 50px -22px rgba(20, 16, 10, 0.55);
    font-family: var(--f-mono);
}
.lab-term-bar {
    display: flex; align-items: center; gap: 7px; padding: 0.7rem 1rem;
    background: #161c2b; border-bottom: 1px solid #2a3346;
}
.lab-term-bar span { width: 11px; height: 11px; border-radius: 50%; }
.lab-term-bar span:nth-child(1) { background: #e0664f; }
.lab-term-bar span:nth-child(2) { background: #e3b341; }
.lab-term-bar span:nth-child(3) { background: #5e9e63; }
.lab-term-bar b { margin-left: auto; font-size: 0.64rem; letter-spacing: 0.12em; text-transform: uppercase; color: #8b97b3; font-weight: 500; }
.lab-term-body { padding: 1.1rem 1.2rem 1.4rem; font-size: 0.82rem; line-height: 1.95; color: #c7d0e4; min-height: 168px; }
.lab-term-body p { margin: 0; white-space: nowrap; }
.lt-prompt { color: #7fb88a; }
.lt-path { color: #e3b341; }
.lt-cmd { color: #e8c49a; }
.lt-out { color: #8b97b3; }
.lt-cur { display: inline-block; width: 9px; height: 1.05em; background: var(--accent); vertical-align: -2px; animation: labBlink 1.1s steps(1) infinite; }
@keyframes labBlink { 50% { opacity: 0; } }

@media (max-width: 820px) {
    .lab-card { grid-template-columns: 1fr; }
    .lab-term { order: -1; }
}