/* ===== NeuralGPT.store AI — Interfaz Premium ===== */
:root{
  --ink:#0b0b0f;           /* negro mate */
  --panel:#12131a;         /* panel */
  --glass:rgba(255,255,255,.06);
  --gold:#ffbf40;          /* dorado 28k */
  --gold2:#ffd479;
  --text:#d8d8e3;
  --muted:#9aa0b4;
  --ok:#22c55e; --warn:#f59e0b;
  --accent:#7dd3fc;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:radial-gradient(1200px 800px at 70% -10%, #1c2031 0%, #0b0b0f 40%),
           radial-gradient(900px 600px at -10% 110%, #1a1132 0%, #0b0b0f 35%);
  color:var(--text); font:16px/1.6 'Orbitron',system-ui,Segoe UI,Roboto;
  overflow-x:hidden;
}

/* partículas sutiles */
body::before{
  content:""; position:fixed; inset:-20vh -20vw;
  background:
    radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.07), transparent 60%),
    radial-gradient(1.5px 1.5px at 70% 30%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(2px 2px at 30% 80%, rgba(255,255,255,.05), transparent 60%);
  pointer-events:none; filter:blur(.2px);
}

/* barra superior */
.nav{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0));
  backdrop-filter:saturate(130%) blur(6px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav__inner{
  max-width:1200px;margin:0 auto;padding:18px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between
}
.brand{display:flex;gap:14px;align-items:center}
.brand__logo{
  width:34px;height:34px;border-radius:10px;
  background:conic-gradient(from 10deg, #ffd479, #ffbf40,#ffd479);
  box-shadow:0 0 0 2px rgba(255,191,64,.2), 0 0 24px rgba(255,191,64,.25) inset;
}
.brand__name{
  font-weight:800;letter-spacing:.6px;font-size:18px;color:var(--gold);
}
.brand__ai{color:var(--gold2);opacity:.9;font-size:14px;margin-left:6px}

.nav__links{display:flex;gap:12px;flex-wrap:wrap}
a.link{
  color:var(--text);text-decoration:none;padding:10px 14px;border-radius:12px;
  background:transparent;border:1px solid rgba(255,255,255,.08);
}
a.link:hover{border-color:var(--gold); color:var(--gold)}

/* HERO */
.hero{max-width:1200px;margin:28px auto 10px;display:grid;grid-template-columns:1.3fr .7fr;gap:26px;padding:0 22px}
.hero__card{
  padding:28px;border-radius:22px;background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 40px rgba(0,0,0,.45);
  position:relative; overflow:hidden;
}
.hero__title{
  font-size:clamp(28px,4.4vw,48px);
  line-height:1.1;margin:6px 0 10px; color:var(--gold);
  text-shadow:0 0 18px rgba(255,191,64,.15);
}
.hero__subtitle{color:var(--muted);max-width:58ch}
.badge{
  display:inline-block;padding:6px 10px;border-radius:999px;
  background:rgba(125,211,252,.12); color:var(--accent); font-weight:700; letter-spacing:.4px; margin-bottom:10px
}

/* Búsqueda */
.search{
  display:flex; gap:10px; margin-top:16px
}
.search input{
  flex:1;background:#0d0f15;border:1px solid rgba(255,255,255,.08);
  color:var(--text); padding:14px 16px;border-radius:14px; outline:none
}
.search button{
  padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, #2a2a33, #1a1a22); color:#fff; cursor:pointer
}
.search button:hover{border-color:var(--gold); box-shadow:0 0 0 2px rgba(255,191,64,.15)}

/* GRID de agentes */
.section{max-width:1200px;margin:10px auto 90px;padding:0 22px}
.section h2{
  font-size:clamp(22px,2.8vw,30px); color:var(--text); letter-spacing:.4px;margin:28px 0 12px
}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1060px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}

.card{
  position:relative; border-radius:18px; padding:18px; background:var(--panel);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  min-height:160px; display:flex; flex-direction:column; gap:10px
}
.card:hover{ transform:translateY(-4px); border-color:var(--gold); box-shadow:0 16px 38px rgba(255,191,64,.08)}
.card .title{font-weight:800; color:#fff}
.card .meta{display:flex; gap:10px; align-items:center; color:var(--muted); font-size:12px}
.chip{border:1px solid rgba(255,255,255,.12);padding:6px 9px;border-radius:999px; background:rgba(255,255,255,.05)}
.chip-premium{border-color:rgba(255,191,64,.45); color:var(--gold)}
.price{color:var(--gold); font-weight:800}

.card .desc{color:#b9bed0; font-size:14px; line-height:1.45}
.card .cta{margin-top:auto; display:flex; gap:10px}
.btn{
  text-decoration:none; text-align:center; flex:1; padding:10px 12px; border-radius:12px;
  border:1px solid rgba(255,255,255,.14); color:#fff; background:linear-gradient(180deg,#2b2b35,#1c1c24)
}
.btn--gold{border-color:rgba(255,191,64,.45); background:linear-gradient(180deg,#47330f,#2a1f0b); color:var(--gold2)}
.btn:hover{border-color:var(--gold); box-shadow:0 0 0 2px rgba(255,191,64,.12)}

/* MotherCore – vitrina */
.mother{
  position:relative; border-radius:22px; padding:26px; background:
  linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden
}
.mother::after{
  content:"EXHIBICIÓN"; position:absolute; top:14px; right:-36px; rotate:-12deg;
  color:rgba(255,255,255,.1); font-weight:900; letter-spacing:8px; font-size:40px
}
.mother h3{ color:var(--gold); margin:0 0 6px}
.mother p{ color:var(--muted); max-width:62ch}
.mother .seal{
  display:inline-flex; gap:10px; align-items:center; margin-top:10px;
  color:var(--gold2); border:1px dashed rgba(255,191,64,.45); padding:8px 12px; border-radius:14px;
}

/* Footer */
.footer{border-top:1px solid rgba(255,255,255,.08); padding:28px 22px; text-align:center; color:var(--muted)}
.footer a{color:var(--gold)}