/*
 Theme Name: LexGesti車n Child
 Template: hello-elementor
 Version: 1.0.0
*/
:root{
  --bar-h:64px; --btn-h:40px; --gap-1:8px; --gap-2:12px; --gap-3:16px;
  --radius:12px; --bg-0:#0b111a; --bg-1:#0f1724; --bd:rgba(255,255,255,.08);
  --fg:#e8eefc; --muted:rgba(255,255,255,.65);
}
/* Header escritorio */
.topbar{background:var(--bg-0);}
.topbar-inner{height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gap-3);}
.nav{display:flex;align-items:center;gap:12px;}
.nav a{display:inline-flex;align-items:center;height:var(--btn-h);padding:0 12px;border-radius:12px;}
.search,.search form{display:flex;gap:8px;align-items:center;margin:0;}
.search input{height:var(--btn-h);padding:0 12px}
/* Solo m車vil */
@media (max-width:480px){
  .topbar-inner{height:56px;padding:0 var(--gap-2)}
  .nav{overflow-x:auto;gap:8px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{height:36px;padding:0 10px;white-space:nowrap;border-radius:10px}
  .search{display:none}
}
/* ===== Header base (desktop) ===== */
.topbar{ background: var(--bg-0); }
.topbar-inner{
  height: var(--bar-h);
  display:flex; align-items:center; justify-content:space-between;
  padding: 0 var(--gap-3); gap: var(--gap-2);
}
.brand{ font-weight:700; }
.nav{ display:flex; align-items:center; gap:12px; }
.nav a{
  display:inline-flex; align-items:center;
  height: var(--btn-h); padding: 0 12px; line-height:1; border-radius:12px;
}
.search,.search form{ display:flex; gap:8px; align-items:center; margin:0; }
.search-input{ height: var(--btn-h); padding: 0 12px; }

/* ===== Solo móvil ===== */
@media (max-width: 480px){
  .topbar-inner{ height:56px; padding:0 var(--gap-2); }
  .nav{ overflow-x:auto; gap:8px; scrollbar-width:none; }
  .nav::-webkit-scrollbar{ display:none; }
  .nav a{ height:36px; padding:0 10px; white-space:nowrap; border-radius:10px; }
  .search{ display:none; } /* Oculta buscador en el header móvil */
}