.elementor-1177 .elementor-element.elementor-element-495ae32{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1177 .elementor-element.elementor-element-7582994{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1177 .elementor-element.elementor-element-495ae32{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-7582994 *//* ===== NeuroAIgency Navbar (alineado con sistema) ===== */

:root{
  --na-zinc-950:#09090b;
  --na-zinc-900:#18181b;
  --na-zinc-600:#52525b;
  --na-zinc-500:#71717a;
  --na-zinc-200:#e4e4e7;

  --na-border: rgba(228,228,231,.7);
  --na-shadow: 0 18px 40px rgba(0,0,0,.10);

  --na-nav-h: 80px;
  --na-container: 1920px;
}

/* Compensa header fijo */
html{ scroll-padding-top: calc(var(--na-nav-h) + 12px); }

/* NAV */
.na-nav{
  position:fixed;
  inset:0 0 auto 0;
  height: var(--na-nav-h);
  z-index: 999;
  display:flex;
  align-items:stretch;

  background: rgba(255,255,255,.86);
  border-bottom: 1px solid var(--na-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  isolation:isolate;        /* para que el dropdown quede bien apilado */
  transform: translateZ(0); /* suaviza blur */
}

/* Inner */
.na-inner{
  width:100%;
  max-width: var(--na-container);
  margin:0 auto;
  height:100%;

  padding: 0 46px; /* alineado con footer grande */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

@media (max-width: 767px){
  .na-inner{ padding: 0 16px; } /* alineado con footer mobile */
}

/* Brand */
.na-brand{
  display:inline-flex;
  align-items:center;
  gap:8px;

  border:1px solid transparent;
  background:transparent;
  cursor:pointer;

  padding: 10px 8px;
  border-radius: 14px;

  transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.na-brand:hover{
  background: rgba(244,244,245,.7);
  border-color: rgba(228,228,231,.85);
}
.na-brand:active{ transform: translateY(1px); }

.na-logo{
  width: 30px;
  height: 30px;
  object-fit: contain;
  flex: 0 0 auto;
  /* si tu svg ya está invertido no hace falta esto */
}

.na-name{
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: 16px;
  color: var(--na-zinc-900);
  white-space: nowrap;
}

/* Desktop links */
.na-links{
  display:none;
  align-items:center;
  gap:24px;
  font-size: 13px;
  font-weight: 600;
  color: var(--na-zinc-600);
}

@media (min-width: 768px){
  .na-links{ display:flex; }
}

.na-link{
  text-decoration:none;
  color: inherit;
  padding: 10px 10px;
  border-radius: 12px;
  transition: color .15s ease, background-color .15s ease;
}
.na-link:hover{
  color:#000;
  background: rgba(244,244,245,.75);
}

/* CTA (misma lógica que tu sistema) */
.na-cta{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#000;
  color:#fff;
  border:1px solid transparent;

  padding: 10px 16px;
  border-radius: 12px;

  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .10em;

  cursor:pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.na-cta:hover{
  background:#fff;
  color:#000;
  border-color:#000;
}
.na-cta:active{ transform: translateY(1px); }

/* Burger */
.na-burger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;

  border:1px solid transparent;
  border-radius:14px;
  background: transparent;

  cursor:pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.na-burger:hover{
  background: rgba(244,244,245,.85);
  border-color: rgba(228,228,231,.9);
}

@media (min-width: 768px){
  .na-burger{ display:none; }
}

/* Icons */
.na-icon{
  width:24px;
  height:24px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}

.na-icon-menu{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3C/svg%3E");
}
.na-icon-close{
  display:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E");
}

/* Mobile dropdown */
.na-mobile{
  position:absolute;
  top: var(--na-nav-h);
  left:0;
  right:0;

  background: rgba(255,255,255,.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  border-bottom: 1px solid var(--na-border);
  box-shadow: var(--na-shadow);

  opacity:0;
  transform: translateY(-10px);
  pointer-events:none;

  transition: transform .18s ease, opacity .18s ease;
}

/* Elementor usa hidden en HTML. Esto asegura que al abrir con JS se vea */
.na-mobile.is-open{ opacity:1; transform: translateY(0); pointer-events:auto; }
.na-mobile[hidden]{ display:none; }
.na-mobile.is-open[hidden]{ display:block; }

.na-mobile-inner{
  max-width: var(--na-container);
  margin: 0 auto;
  padding: 18px 46px;
  display:flex;
  flex-direction:column;
  gap:0;
}

@media (max-width: 767px){
  .na-mobile-inner{ padding: 18px 16px; }
}

.na-m-link{
  display:block;
  padding: 14px 6px;
  border-bottom: 1px solid rgba(244,244,245,1);
  text-decoration:none;
  color: var(--na-zinc-600);
  font-weight: 700;
  border-radius: 12px;
}
.na-m-link:hover{
  color:#000;
  background: rgba(244,244,245,.75);
}
.na-m-link:last-of-type{ border-bottom: 0; }

.na-m-cta{
  margin-top: 14px;
  width:100%;
  padding: 14px 14px;
  border-radius: 12px;

  background:#000;
  color:#fff;
  border:1px solid transparent;

  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;

  text-decoration:none;
  text-align:center;

  cursor:pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.na-m-cta:hover{
  background:#fff;
  color:#000;
  border-color:#000;
}
.na-m-cta:active{ transform: translateY(1px); }

/* Estado de iconos cuando el burger está abierto */
.na-burger[aria-expanded="true"] .na-icon-menu{ display:none; }
.na-burger[aria-expanded="true"] .na-icon-close{ display:inline-block; }

/* Asegura que Elementor no meta subrayados */
.na-nav a{ text-decoration:none; }

/* Accesibilidad: focus visible */
.na-link:focus-visible,
.na-cta:focus-visible,
.na-brand:focus-visible,
.na-burger:focus-visible,
.na-m-link:focus-visible,
.na-m-cta:focus-visible{
  outline: 2px solid rgba(9,9,11,.25);
  outline-offset: 2px;
  border-radius: 12px;
}/* End custom CSS */