.barra {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(10, 12, 17, .92);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--linea);
}
.barra__fila {
    max-width: var(--ancho);
    margin-inline: auto;
    padding: .7rem var(--tope);
    display: flex;
    align-items: center;
    gap: 1.1rem;
    justify-content: space-between;
}
.marca { display: inline-flex; align-items: center; gap: .5rem; flex: none; }
.marca img { width: 128px; height: 48px; }
.buscar {
    flex: 1; max-width: 340px; display: none;
    align-items: center; gap: .5rem;
    background: var(--panel); border: 1px solid var(--linea);
    border-radius: var(--r); padding: .5rem .75rem;
    color: var(--tinta3); font-size: .9rem;
}
.buscar svg { width: 16px; height: 16px; flex: none; }
.menu { display: none; }
.menu > ul {
    display: inline-flex; align-items: center;
    gap: clamp(.9rem, 1.8vw, 1.6rem);
    list-style: none; margin: 0; padding: 0;
}
.menu a {
    font-family: var(--titulo); font-weight: 600; font-size: .86rem;
    letter-spacing: .02em; text-transform: uppercase;
    color: var(--tinta2); padding: .35rem .1rem; position: relative; transition: color .15s;
}
.menu a:hover { color: var(--tinta); }
.menu a::after {
    content: ""; position: absolute; left: 0; right: 100%; bottom: -2px;
    height: 2px; background: var(--rojo); transition: right .18s ease;
}
.menu a:hover::after { right: 0; }
.barra__cta { display: inline-flex; align-items: center; gap: .6rem; flex: none; }
.burger {
    display: inline-flex; flex-direction: column; gap: 4px;
    background: var(--panel); border: 1px solid var(--linea-viva);
    border-radius: var(--r); padding: .55rem; cursor: pointer;
}
.burger span { width: 20px; height: 2px; background: var(--tinta); display: block; }

@media (min-width: 680px) { .buscar { display: inline-flex; } }

@media (min-width: 1080px) {
    .menu { display: inline-flex; }
    .burger { display: none; }
}

@media (max-width: 1079px) {
    .menu.abierto {
        display: block;
        position: absolute; top: 100%; left: 0; right: 0;
        background: var(--fondo2);
        border-bottom: 1px solid var(--linea); padding: 1rem var(--tope);
    }
    .menu.abierto > ul {
        display: flex; flex-direction: column; align-items: flex-start; gap: .2rem;
    }
    .barra__cta .btn:not(.burger) { display: none; }
}