.elementor-10869 .elementor-element.elementor-element-cb76aac{--display:flex;}.elementor-10869{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;}/* Start custom CSS for html, class: .elementor-element-2b701a3 */.modern-navbar{
      position:fixed;top:0;left:0;width:100%;
      background:rgba(15,23,42,.95);backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;
      transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInDown .6s ease-out
    }
    /* z-index:999;  <-- (ELIMINADO: línea suelta que no aplica a ningún .elementor-10869 .elementor-element.elementor-element-2b701a3) */

    .modern-navbar.scrolled{background:rgba(15,23,42,.98);box-shadow:0 8px 32px rgba(0,0,0,.3)}
    .navbar-container{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;align-items:center;justify-content:space-between;height:60px}
    .navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:700;font-size:1.5rem;transition:all .3s}
    .navbar-logo:hover{transform:scale(1.05);color:#3b82f6}
    .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;box-shadow:0 4px 15px rgba(59,130,246,.3)}
    .navbar-menu{display:flex;list-style:none;gap:8px;align-items:center}
    .navbar-item{position:relative}
    .navbar-link{display:flex;align-items:center;padding:12px 20px;color:#e2e8f0;text-decoration:none;font-weight:500;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
    .navbar-link::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}
    .navbar-link:hover::before{left:100%}
    .navbar-link:hover{background:rgba(59,130,246,.1);color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.2)}
    .navbar-link.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 20px rgba(59,130,246,.4)}
    .navbar-cta{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;font-weight:600;box-shadow:0 4px 20px rgba(16,185,129,.3);border:2px solid transparent}
    .navbar-cta:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 8px 30px rgba(16,185,129,.4)}

    /* Botón hamburguesa */
    .mobile-toggle{
      display:flex;flex-direction:column;cursor:pointer;padding:8px;border-radius:8px;
      transition:all .3s;background:rgba(255,255,255,.05)
    }
    .mobile-toggle:hover{background:rgba(255,255,255,.1)}
    .hamburger-line{width:25px;height:3px;background:#e2e8f0;margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}
    .mobile-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px);background:#3b82f6}
    .mobile-toggle.active .hamburger-line:nth-child(2){opacity:0}
    .mobile-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px);background:#3b82f6}

    /* Menú móvil */
    .mobile-menu{
      position:absolute;top:100%;left:0;width:100%;
      background:rgba(15,23,42,.98);backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(255,255,255,.1);
      max-height:0;overflow:hidden;opacity:0;
      transition:all .4s cubic-bezier(.4,0,.2,1);
      pointer-events:none; /* evita capturar clics estando cerrado */
    }
    .mobile-menu.active{
      max-height:400px;opacity:1;
      box-shadow:0 8px 32px rgba(0,0,0,.3);
      pointer-events:auto;
    }
    .mobile-menu .navbar-menu{
      display:flex;            /* <<--- CLAVE PARA QUE SE VEA EN MÓVIL */
      flex-direction:column;
      padding:20px;gap:8px;
    }
    .mobile-menu .navbar-link{width:100%;justify-content:center;padding:15px 20px;border-radius:12px}

    /* Dropdown rápido (desktop) */
    .quick-dropdown{
      position:absolute;top:70px;right:20px;min-width:220px;
      background:rgba(15,23,42,.98);backdrop-filter:blur(16px);
      border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;
      box-shadow:0 12px 40px rgba(0,0,0,.35);
      opacity:0;transform:translateY(-8px);pointer-events:none;
      transition:opacity .2s, transform .2s
    }
    .quick-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}
    .dropdown-link{display:block;padding:12px 14px;border-radius:10px;color:#e2e8f0;text-decoration:none;font-weight:500}
    .dropdown-link:hover{background:rgba(59,130,246,.12);color:#3b82f6}

    /* Responsive */
    @media (max-width:768px){
      .navbar-menu{display:none}        /* oculta menú horizontal en móvil */
      .navbar-container{height:60px;padding:0 15px}
      .navbar-logo{font-size:1.3rem}
      .logo-icon{width:35px;height:35px}
      .quick-dropdown{display:none}     /* dropdown solo desktop */
    }

    /* Subrayado hover */
    .navbar-item::after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:all .3s;transform:translateX(-50%)}
    .navbar-item:hover::after{width:80%}

    @keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}/* End custom CSS */