.elementor-12 .elementor-element.elementor-element-5b8fbe7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-d957eb7 *//* === ESTILOS GENERALES DEL NAVBAR === */
.aiweapon-navbar {
  background-color: rgba(13, 13, 26, 0.80);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(74, 78, 105, 0.7);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 0 20px;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}

.aiweapon-nav-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center; /* Alinear verticalmente todos los hijos */
  height: 70px;
  position: relative;
}

.aiweapon-logo {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(1.8rem, 4vw, 2rem);
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: baseline;
  z-index: 1005; /* Por si acaso, encima del panel móvil */
}
.aiweapon-logo-ai { color: #E0FFFF; transition: color 0.3s ease, text-shadow 0.3s ease; }
.aiweapon-logo-weapon { color: #7F00FF; }
.aiweapon-logo:hover .aiweapon-logo-ai {
  color: #FF00FF;
  text-shadow: 0 0 8px rgba(255, 0, 255, 0.7);
}

/* === ESTILOS PARA ESCRITORIO (>= 769px) === */
/* ... (otros estilos de escritorio como .aiweapon-logo, .aiweapon-desktop-cta-button) ... */

.aiweapon-desktop-nav-links { /* Contenedor solo para enlaces de escritorio */
  display: flex;
  gap: clamp(10px, 2vw, 25px); /* Ajusta el gap según tu preferencia, similar a tu margin-left: 25px */
  margin: 0 auto; /* ESTO CENTRARÁ LOS ENLACES ENTRE LOGO Y CTA */
}

.aiweapon-desktop-nav-links a {
  color: #E0FFFF; /* Color inicial del texto (var(--text-light)) */
  padding: 8px 12px; /* Espaciado interno para el área de clic */
  text-decoration: none;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 4px; /* Mantenemos el redondeo si te gusta */
  /* Transición actualizada para color y text-shadow únicamente */
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.aiweapon-desktop-nav-links a:hover {
  color: #7F00FF; /* Nuevo color del texto en hover (var(--accent-main)) */
  /* Sombra/resplandor del texto en hover (var(--text-glow-violet)) */
  text-shadow: 0 0 8px rgba(127, 0, 255, 0.7), 
               0 0 12px rgba(127, 0, 255, 0.5), 
               0 0 16px rgba(127, 0, 255, 0.3);
  /* background-color: transparent; quitamos el fondo en hover que había antes */
}

.aiweapon-desktop-cta-button { /* Botón CTA solo para escritorio */
  display: inline-block;
  background: linear-gradient(90deg, #7F00FF, #5D00A5);
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 10px rgba(127, 0, 255, 0.5);
  margin-left: 20px; /* Espacio después de los enlaces */
}
.aiweapon-desktop-cta-button:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 15px rgba(127, 0, 255, 0.7), 0 0 25px rgba(255, 0, 255, 0.5);
}

/* === ESTILOS PARA EL MENÚ MÓVIL (< 768px) === */

/* Botón Hamburguesa */
.aiweapon-menu-toggle {
  display: none; /* Oculto por defecto, se muestra en móvil */
  background: none;
  border: none;
  color: #E0FFFF;
  cursor: pointer;
  padding: 0;
  width: 44px;
  height: 44px;
  /* display: flex; se activará en la media query */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  z-index: 1010;
  margin-left: auto; /* EMPUJA EL BOTÓN A LA DERECHA */
}
.hamburger-bar {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #E0FFFF;
  border-radius: 1px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
}
.aiweapon-menu-toggle:hover .hamburger-bar {
  background-color: #FF00FF;
}
.aiweapon-menu-toggle.is-active .hamburger-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.aiweapon-menu-toggle.is-active .hamburger-bar:nth-child(2) {
  opacity: 0;
}
.aiweapon-menu-toggle.is-active .hamburger-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* Panel de Menú Móvil (desde la derecha) */
.aiweapon-mobile-nav-menu {
  /* display: flex; Se mostrará con .is-open */
  flex-direction: column;
  align-items: flex-start;
  position: fixed;
  top: 0;
  right: 0;
  width: clamp(280px, 75vw, 320px);
  height: 100vh;
  background-color: rgba(20, 20, 35, 0.95);
  backdrop-filter: blur(10px);
  padding: 80px 0 30px 0;
  box-shadow: -5px 0 25px rgba(0,0,0,0.35);
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease, visibility 0.4s;
  z-index: 1000;
  overflow-y: auto;
}
.aiweapon-mobile-nav-menu.is-open {
  display: flex !important; /* Asegurar que se muestre */
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

/* Estilos para los enlaces y botón CTA dentro del panel móvil */
.aiweapon-mobile-nav-menu .aiweapon-nav-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}
.aiweapon-mobile-nav-menu .aiweapon-nav-links a {
  text-align: left;
  padding: 15px 30px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(74, 78, 105, 0.2);
  font-size: 1.1rem;
  color: #E0FFFF;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.aiweapon-mobile-nav-menu .aiweapon-nav-links a:last-child {
  border-bottom: none;
}
.aiweapon-mobile-nav-menu .aiweapon-nav-links a:hover {
  background-color: rgba(127, 0, 255, 0.2);
  color: #FFFFFF;
}
.aiweapon-mobile-nav-menu .aiweapon-menu-cta-button {
  display: block;
  margin: 30px auto;
  width: calc(100% - 60px);
  max-width: 280px;
  padding: 14px 20px;
  font-size: 1rem;
  /* ... (otros estilos del botón CTA como background, color, etc.) ... */
  background: linear-gradient(90deg, #7F00FF, #5D00A5);
  color: #FFFFFF;
  border-radius: 5px;
  text-decoration: none;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-align: center;
}

/* --- MEDIA QUERIES PARA CONTROLAR VISIBILIDAD Y LAYOUT --- */
/* Estilos para Móvil (< 768px) */
@media (max-width: 768px) {
  .aiweapon-nav-container .aiweapon-logo { /* Centrar logo en móvil */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .aiweapon-menu-toggle {
    display: flex; /* Mostrar botón hamburguesa */
  }
  .aiweapon-desktop-nav-links,
  .aiweapon-desktop-cta-button {
    display: none; /* Ocultar elementos de escritorio en móvil */
  }
}

/* Estilos para Escritorio (>= 769px) */
@media (min-width: 769px) {
  .aiweapon-menu-toggle,
  .aiweapon-mobile-nav-menu {
    display: none !important;
  }
  .aiweapon-desktop-nav-links {
    display: flex; /* Asegurar visibilidad en escritorio */
    margin: 0 auto; /* Centrar los links */
  }
  .aiweapon-desktop-cta-button {
    display: inline-block; /* Asegurar visibilidad en escritorio */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47e223a *//* Estilos para la barra de navegación principal */
.aiweapon-navbar {
    background-color: rgba(13, 13, 26, 0.8); /* Fondo del menú */
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #4A4E69; /* Borde inferior del menú */
    position: fixed; 
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 0 20px; /* Padding horizontal para la barra */
    box-sizing: border-box;
}

.aiweapon-nav-container {
    max-width: 1200px; /* Ancho máximo del contenido del menú */
    margin: 0 auto; /* Centra el contenido */
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px; /* Altura de la barra de menú */
}

/* Estilos para el Logo */
.aiweapon-logo {
    font-family: 'Rajdhani', sans-serif; /* Fuente Rajdhani */
    font-size: 2rem; /* 32px */
    font-weight: 700; /* Bold */
    text-decoration: none;
    display: flex; 
    align-items: baseline; 
}

.aiweapon-logo-ai {
    color: #E0FFFF; /* Blanco Neón/Hielo */
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.aiweapon-logo-weapon {
    color: #7F00FF; /* Violeta Digital */
}

.aiweapon-logo:hover .aiweapon-logo-ai {
    color: #FF00FF; /* Magenta */
    text-shadow: 0 0 8px rgba(255, 0, 255, 0.7), 0 0 12px rgba(255, 0, 255, 0.5); /* Brillo Magenta */
}

/* Estilos para los Enlaces de Navegación */
.aiweapon-nav-links {
    display: flex; 
    gap: 5px; 
}

.aiweapon-nav-links a {
    color: #E0FFFF; /* Blanco Neón/Hielo */
    padding: 10px 15px; 
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif; /* Fuente Rajdhani */
    font-weight: 600; /* SemiBold */
    font-size: 1rem; /* 16px */
    transition: color 0.3s ease, text-shadow 0.3s ease;
    border-radius: 4px; 
}

.aiweapon-nav-links a:hover {
    color: #7F00FF; /* Violeta Digital */
    text-shadow: 0 0 8px rgba(127, 0, 255, 0.7), 0 0 12px rgba(127, 0, 255, 0.5), 0 0 16px rgba(127, 0, 255, 0.3); /* Brillo Violeta */
}

/* Estilos para el Botón CTA del Menú */
.aiweapon-menu-cta-button {
    display: inline-block;
    background: linear-gradient(90deg, #7F00FF, #5D00A5); 
    color: #FFFFFF; /* Blanco */
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif; /* Fuente Rajdhani */
    font-weight: 700; /* Bold */
    font-size: 0.9rem; /* aprox. 14.4px */
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    box-shadow: 0 0 10px rgba(127, 0, 255, 0.5); /* Sombra Violeta */
    margin-left: 15px; 
}

.aiweapon-menu-cta-button:hover {
    transform: translateY(-2px);
    /* Sombra combinada: Violeta más interno, Magenta más externo y sutil */
    box-shadow: 0 0 15px rgba(127, 0, 255, 0.7), /* Violeta Digital (127,0,255) */
                0 0 25px rgba(255, 0, 255, 0.5);  /* Magenta (255,0,255) */
 
}

/* --- Ajustes Responsivos (Ejemplo Básico para el menú) --- */
@media (max-width: 768px) {
    .aiweapon-nav-container {
        flex-direction: column; 
        height: auto; 
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .aiweapon-nav-links {
        flex-direction: column; 
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .aiweapon-nav-links a {
        text-align: center; 
        margin-left: 0; 
        padding: 12px 15px; 
        width: 100%; 
        box-sizing: border-box;
    }
    .aiweapon-menu-cta-button {
        margin-left: 0; 
        margin-top: 10px; 
        width: auto; /* O ajusta a 100% si prefieres que ocupe todo el ancho en móvil */
    }
    /* Si tienes un menú hamburguesa en Elementor, necesitarás estilos adicionales para el toggle y el panel desplegable */
}/* End custom CSS */