
:root{--ink:#0f172a;--champ:#bda27a;--sep-alpha:.32}
header .lang-btn{box-shadow:0 6px 18px rgba(15,23,42,.06)}
.header-dark{color:#fff}
.header-dark .header-surface{background:linear-gradient(180deg,#1E293B 0%,#334155 100%)}
.header-dark .nav-link:hover{color:#bda27a}
.header-dark .header-sep{background-color:rgba(255,255,255,var(--sep-alpha))}
.header-dark .lang-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.10)}
.header-dark .lang-btn:hover{background:rgba(255,255,255,.15)}
.header-dark .lang-menu{color:var(--ink);background:#fff}

.header-light{color:var(--ink)}
.header-light .header-surface{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.header-light .nav-link{color:var(--ink)}
.header-light .nav-link:hover{color:#6b7280}
.header-light .header-sep{background-color:rgba(0,0,0,.12)}
.header-light .lang-btn{border:1px solid rgba(0,0,0,.12);background:#fff}
.header-light .lang-btn:hover{background:rgba(0,0,0,.03)}
.header-light .lang-menu{color:var(--ink);background:#fff}

.header-sep{width:1px;height:1.25rem}
/* Ajuste visual del lockup vertical */
header [data-logo-personal] {
  margin-bottom: 2px; /* separa ligeramente los logos */
  transition: transform .25s ease, opacity .25s ease;
}

header [data-logo-company] {
  transform: translateY(1px); /* lo alinea visualmente más abajo */
  transition: transform .25s ease, opacity .25s ease;
}

.group:hover [data-logo-personal] {
  transform: translateY(-1px);
}
.group:hover [data-logo-company] {
  transform: translateY(0);
}
/* ===== Alineación elegante de doble logo ===== */
header [data-logo-personal] {
  transition: transform .2s ease, opacity .2s ease;
}

header [data-logo-company] {
  transition: transform .25s ease, opacity .25s ease;
}

/* Hover sutil */
.group:hover [data-logo-personal] {
  transform: translateY(-1px);
}
.group:hover [data-logo-company] {
  transform: translateY(5px);
}

/* Responsive balance */
@media (max-width: 768px) {
  [data-logo-personal] { height: 1.9rem; }
  [data-logo-company] { height: 1.2rem; translate: none; }
}
