.elementor-264 .elementor-element.elementor-element-168dbfc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-6bda506 *//* ===== RESET ===== */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
 
    body {
      background: #0d1b2a;
      font-family: 'Outfit', sans-serif;
    }
 
    /* ===== VARIABLES ===== */
    :root {
      --azul-oscuro:  #050d1a;
      --azul-medio:   #0a1628;
      --azul-fondo:   #0d2545;
      --azul-celeste: #38bdf8;
      --azul-claro:   #7dd3fc;
      --blanco:       #f0f8ff;
    }
 
    /* ===== HEADER ===== */
    .hdr {
      width: 100%;
      background: linear-gradient(135deg, var(--azul-oscuro) 0%, var(--azul-medio) 55%, var(--azul-fondo) 100%);
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 40px rgba(56, 189, 248, 0.15);
    }
 
    /* Cuadrícula de fondo */
    .hdr-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(56, 189, 248, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px);
      background-size: 40px 40px;
      pointer-events: none;
    }
 
    /* Halo de luz superior */
    .hdr-glow {
      position: absolute;
      top: -40px;
      left: 50%;
      transform: translateX(-50%);
      width: 500px;
      height: 160px;
      background: radial-gradient(ellipse, rgba(56, 189, 248, 0.18) 0%, transparent 70%);
      pointer-events: none;
    }
 
    /* Contenedor principal */
    .hdr-inner {
      position: relative;
      z-index: 2;
      max-width: 1160px;
      margin: 0 auto;
      padding: 0 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 70px;
      gap: 1.5rem;
    }
 
    /* ===== LOGO ===== */
    .hdr-logo {
      display: flex;
      align-items: center;
      gap: 11px;
      text-decoration: none;
      flex-shrink: 0;
    }
 
    .hdr-logo-icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      background: linear-gradient(135deg, #0ea5e9, var(--azul-celeste));
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 18px rgba(56, 189, 248, 0.45);
      position: relative;
      overflow: hidden;
    }
 
    /* Efecto shimmer sobre el icono */
    .hdr-logo-icon::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,0.28) 50%, transparent 60%);
      animation: shimmer 3s infinite;
    }
 
    @keyframes shimmer {
      0%   { transform: translateX(-120%) translateY(-120%); }
      100% { transform: translateX(120%)  translateY(120%);  }
    }
 
    .hdr-logo-icon svg {
      width: 20px;
      height: 20px;
      fill: var(--azul-oscuro);
      position: relative;
      z-index: 1;
    }
 
    .hdr-logo-text {
      display: flex;
      flex-direction: column;
      line-height: 1;
    }
 
    .hdr-logo-name {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 24px;
      letter-spacing: 0.08em;
      color: var(--blanco);
    }
 
    .hdr-logo-tag {
      font-size: 9.5px;
      letter-spacing: 0.22em;
      color: var(--azul-celeste);
      text-transform: uppercase;
      font-weight: 300;
      margin-top: 2px;
    }
 
    /* ===== NAVEGACIÓN ===== */
    .hdr-nav {
      display: flex;
      align-items: center;
      list-style: none;
      gap: 0.1rem;
    }
 
    .hdr-nav a {
      display: block;
      padding: 0.45rem 0.95rem;
      color: rgba(240, 248, 255, 0.72);
      text-decoration: none;
      font-size: 14px;
      border-radius: 7px;
      transition: all 0.18s ease;
      white-space: nowrap;
      position: relative;
    }
 
    .hdr-nav a:hover {
      color: var(--blanco);
      background: rgba(56, 189, 248, 0.1);
    }
 
    /* Link activo */
    .hdr-nav a.active {
      color: var(--azul-celeste);
      background: rgba(56, 189, 248, 0.12);
    }
 
    .hdr-nav a.active::after {
      content: '';
      position: absolute;
      bottom: 5px;
      left: 50%;
      transform: translateX(-50%);
      width: 18px;
      height: 2px;
      border-radius: 2px;
      background: var(--azul-celeste);
      box-shadow: 0 0 8px var(--azul-celeste);
    }
 
    /* ===== BOTONES ===== */
    .hdr-actions {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      flex-shrink: 0;
    }
 
    .hdr-btn-ghost {
      padding: 0.44rem 1.1rem;
      border-radius: 8px;
      border: 1px solid rgba(56, 189, 248, 0.32);
      background: transparent;
      color: var(--azul-claro);
      font-size: 13.5px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.18s ease;
      font-family: 'Outfit', sans-serif;
      white-space: nowrap;
    }
 
    .hdr-btn-ghost:hover {
      background: rgba(56, 189, 248, 0.1);
      color: var(--blanco);
      border-color: var(--azul-celeste);
    }
 
    .hdr-btn-primary {
      padding: 0.44rem 1.25rem;
      border-radius: 8px;
      border: none;
      background: linear-gradient(135deg, #0ea5e9, var(--azul-celeste));
      color: var(--azul-oscuro);
      font-size: 13.5px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.18s ease;
      font-family: 'Outfit', sans-serif;
      box-shadow: 0 0 16px rgba(56, 189, 248, 0.38);
      white-space: nowrap;
    }
 
    .hdr-btn-primary:hover {
      transform: translateY(-1px);
      box-shadow: 0 4px 22px rgba(56, 189, 248, 0.55);
    }
 
    .hdr-btn-primary:active {
      transform: translateY(0);
    }
 
    /* ===== HAMBURGER ===== */
    .hdr-burger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 6px;
      border-radius: 6px;
      border: 1px solid rgba(56, 189, 248, 0.22);
      background: rgba(56, 189, 248, 0.06);
      transition: background 0.18s;
    }
 
    .hdr-burger:hover {
      background: rgba(56, 189, 248, 0.14);
    }
 
    .hdr-burger span {
      width: 20px;
      height: 2px;
      background: var(--azul-celeste);
      border-radius: 2px;
      display: block;
    }
 
    /* Línea decorativa inferior con brillo */
    .hdr-line {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--azul-celeste) 30%, #0ea5e9 50%, var(--azul-celeste) 70%, transparent);
      box-shadow: 0 0 10px rgba(56, 189, 248, 0.6);
    }
 
    /* ===== RESPONSIVE ===== */
    @media (max-width: 820px) {
      .hdr-nav       { display: none; }
      .hdr-btn-ghost { display: none; }
      .hdr-burger    { display: flex; }
    }
 
    @media (max-width: 480px) {
      .hdr-inner    { padding: 0 1.2rem; }
      .hdr-logo-tag { display: none; }
    }/* End custom CSS */