/* ==========================================================================
   Vértice Commerce 2 — core/recipes/header-clasico.css
   Receta estructural: HEADER CLÁSICO (default de fábrica, v2.1).

   QUÉ COMPONE (RECETARIO.md §3 · header-clasico):
   una sola fila — logo a la izquierda, nav de escritorio al centro (≥880px),
   acciones a la derecha; en mobile: logo + acciones + burger (drawer).
   ESTA composición ya es la que core/nav.css resuelve por default: declarar
   la receta NO cambia el render (compat v2.0, spec §2.7). El archivo existe
   para que el contrato "receta declarada ⇒ existe su CSS" se cumpla también
   en el default de fábrica y para fijar por escrito qué es "clásico".

   SELECTORES QUE EXPONE A LA PIEL (ganchos de veste):
   - .vc-header--clasico                        → el header entero
   - .vc-header--clasico .vc-header__bar        → la fila única
   - .vc-header--clasico .vc-header__brand      → marca / logo
   - .vc-header--clasico .vc-nav-wrap / .vc-nav → nav de escritorio (≥880px)
   - .vc-header--clasico .vc-header__actions    → búsqueda/wishlist/cuenta/carrito/burger
   La distribución fina (nav pegada al logo vs pegada a las acciones) es
   decisión de piel: p. ej. design/header-footer.css puede hacer
   .vc-header--clasico .vc-nav-wrap { margin-inline: var(--sp-6) auto; }.

   TOKENS NUEVOS OPCIONALES: ninguno.

   Mega-menú, drawers, búsqueda en vivo y mini-cart: mecánica intacta de
   core/nav.css + main.js — esta receta no toca esos selectores.
   ========================================================================== */

/* Fila única: mismos valores computados que core/nav.css (.vc-header__bar).
   Se re-declara SOLO como contrato ejecutable de la receta; cero cambio de
   render con el default de fábrica (criterio de aceptación 1 del spec).
   :where() deja la especificidad en 0,1,0 — paridad exacta con una piel que
   declare `.vc-header__bar { ... }` — y como esta hoja carga ANTES de
   design/ en la cascada (inc/enqueue.php), la piel SIEMPRE gana: no-op real
   también frente a pieles v2.0 que re-declaren display/align-items
   (regla dura de compat, spec §2.7). */
:where(.vc-header--clasico) .vc-header__bar {
	display: flex;
	align-items: center;
}