:root{
  --ox-black:#05050B;
  --ox-deep:#090012;
  --ox-blue:#071C32;
  --ox-purple-deep:#21003A;
  --ox-purple:#8B3DFF;
  --ox-magenta:#FF4DF0;
  --ox-cyan:#00E5FF;
  --ox-matrix:#00FF88;
  --ox-yellow:#FFCD11;
  --ox-white:#F8FAFC;
  --ox-muted:#B8C0D4;
  --ox-card:rgba(10,14,28,.86);
  --ox-border:rgba(255,255,255,.14);
}

/* Oculta barras antiguas que duplicaban menús */
#orbix-creative-access,
.orbix-v5-topbar,
.orbix-gen-v6-topbar,
.orbix-v5-nav,
.orbix-gen-v6-nav,
.orbix-creative-access,
.orbix-creative-bar,
.orbix-ecosystem-bar,
.orbix-old-topbar,
[data-orbix-version="v6"],
[data-orbix-version="v5"],
[data-orbix-menu-old="true"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 14% 0%,rgba(0,255,136,.10),transparent 32rem),
    radial-gradient(circle at 90% 6%,rgba(139,61,255,.24),transparent 36rem),
    radial-gradient(circle at 62% 78%,rgba(0,229,255,.08),transparent 32rem),
    linear-gradient(180deg,#071C32 0%,#05050B 88%) !important;
  color:var(--ox-white) !important;
}

/* Header principal limpio */
header,
.o_header_standard,
.o_header_affixed,
[data-name="Header"],
#top{
  background:
    linear-gradient(90deg,rgba(5,5,11,.95),rgba(33,0,58,.84),rgba(5,5,11,.95)) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 50px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(18px) saturate(1.25) !important;
}

header a,
.o_header_standard a,
.o_header_affixed a,
[data-name="Header"] a,
#top a{
  color:#F8FAFC !important;
  font-weight:850 !important;
}

header a:hover,
.o_header_standard a:hover,
.o_header_affixed a:hover,
[data-name="Header"] a:hover,
#top a:hover{
  color:var(--ox-yellow) !important;
}

/* Menú Generar con IA dentro del header real */
.orbix-main-ai-menu{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  margin-left:10px !important;
  z-index:999998 !important;
}

.orbix-main-ai-button{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,205,17,.78) !important;
  background:linear-gradient(135deg,var(--ox-yellow),var(--ox-matrix)) !important;
  color:#07101F !important;
  text-decoration:none !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  box-shadow:
    0 0 28px rgba(255,205,17,.24),
    0 0 34px rgba(0,255,136,.16) !important;
  cursor:pointer !important;
}

.orbix-main-ai-dropdown{
  position:absolute !important;
  right:0 !important;
  top:calc(100% + 12px) !important;
  width:min(880px,calc(100vw - 28px)) !important;
  display:none !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:11px !important;
  padding:17px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 10% 0%,rgba(0,255,136,.18),transparent 18rem),
    radial-gradient(circle at 82% 0%,rgba(255,77,240,.18),transparent 18rem),
    rgba(8,10,22,.98) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 30px 110px rgba(0,0,0,.74) !important;
  backdrop-filter:blur(26px) saturate(1.32) !important;
}

.orbix-main-ai-menu.open .orbix-main-ai-dropdown,
.orbix-main-ai-menu:hover .orbix-main-ai-dropdown{
  display:grid !important;
}

.orbix-main-ai-dropdown a{
  min-height:94px !important;
  padding:15px !important;
  border-radius:19px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(0,229,255,.08),transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;
  color:#fff !important;
  text-decoration:none !important;
  transition:.18s ease !important;
}

.orbix-main-ai-dropdown a:hover{
  transform:translateY(-3px) scale(1.01) !important;
  border-color:rgba(0,229,255,.56) !important;
}

.orbix-main-ai-dropdown strong{
  display:block !important;
  font-size:15px !important;
  margin-bottom:6px !important;
  color:#fff !important;
}

.orbix-main-ai-dropdown span{
  display:block !important;
  color:var(--ox-muted) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

/* Hero */
.s_cover,
.s_banner,
#wrapwrap main > section:first-child,
main > section:first-child{
  background:
    radial-gradient(circle at 12% 10%,rgba(0,255,136,.14),transparent 32rem),
    radial-gradient(circle at 84% 6%,rgba(139,61,255,.24),transparent 34rem),
    linear-gradient(135deg,#061725 0%,#0B1830 48%,#21003A 100%) !important;
}

h1{
  color:#fff !important;
  letter-spacing:-.055em !important;
  text-shadow:0 8px 42px rgba(0,0,0,.28) !important;
}

h1 strong,
h1 b{
  background:linear-gradient(90deg,#fff,var(--ox-yellow),var(--ox-matrix),var(--ox-cyan),var(--ox-magenta));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}

h2,h3,h4{
  color:#fff !important;
  letter-spacing:-.035em !important;
}

p,li,span{
  color:rgba(248,250,252,.84);
}

/* Arreglo importante: cards blancas con letras blancas */
main .card,
main .o_card,
main .s_card,
main [class*="card"],
main [class*="feature"],
main [class*="box"],
main [class*="tile"],
main [class*="panel"]{
  background:
    radial-gradient(circle at 100% 0%,rgba(0,229,255,.10),transparent 42%),
    radial-gradient(circle at 0% 100%,rgba(255,77,240,.10),transparent 44%),
    rgba(10,15,30,.88) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.30) !important;
  color:#F8FAFC !important;
}

main .card *,
main .o_card *,
main .s_card *,
main [class*="card"] *,
main [class*="feature"] *,
main [class*="box"] *,
main [class*="tile"] *,
main [class*="panel"] *{
  color:rgba(248,250,252,.86) !important;
}

main .card h1,
main .card h2,
main .card h3,
main .card h4,
main .o_card h1,
main .o_card h2,
main .o_card h3,
main .o_card h4,
main .s_card h1,
main .s_card h2,
main .s_card h3,
main .s_card h4,
main [class*="card"] h1,
main [class*="card"] h2,
main [class*="card"] h3,
main [class*="card"] h4,
main [class*="feature"] h1,
main [class*="feature"] h2,
main [class*="feature"] h3,
main [class*="feature"] h4{
  color:#fff !important;
}

/* Si alguna tarjeta queda obligatoriamente blanca, texto oscuro */
main .orbix-light-card,
main .bg-white,
main [style*="background: white"],
main [style*="background:#fff"],
main [style*="background-color: white"],
main [style*="background-color:#fff"]{
  background:#0B1220 !important;
  color:#F8FAFC !important;
}

main .bg-white *,
main [style*="background: white"] *,
main [style*="background:#fff"] *,
main [style*="background-color: white"] *,
main [style*="background-color:#fff"] *{
  color:#F8FAFC !important;
}

/* Visual premium */
.orbix-premium-visual-v8{
  width:100% !important;
  display:block !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.42),
    0 0 44px rgba(0,229,255,.10),
    0 0 54px rgba(255,77,240,.08) !important;
  background:#05050B !important;
}

.orbix-visual-replaced-v8{
  padding:18px !important;
  border-radius:34px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

/* Botones */
.btn,
.btn-primary,
a.btn,
button,
input[type="submit"]{
  border-radius:999px !important;
  font-weight:950 !important;
}

.btn-primary,
a.btn-primary,
a[href*="contacto"],
a[href*="demo"],
a[href*="shop"],
a[href*="orbix-credits"],
a[href*="generar-con-ia"],
a[href*="crear-con-ia"],
.orbix-credit-floating,
.orbix-credit-header-badge-direct{
  background:linear-gradient(135deg,var(--ox-yellow),var(--ox-matrix)) !important;
  color:#07101F !important;
  border-color:rgba(255,205,17,.72) !important;
  box-shadow:
    0 18px 44px rgba(255,205,17,.20),
    0 0 28px rgba(0,255,136,.10) !important;
}

.btn:hover,
a.btn:hover,
button:hover{
  transform:translateY(-2px);
}

@media(max-width:980px){
  .orbix-main-ai-menu{
    width:100% !important;
    margin:8px 0 !important;
  }

  .orbix-main-ai-button{
    width:100% !important;
  }

  .orbix-main-ai-dropdown{
    left:0 !important;
    right:auto !important;
    grid-template-columns:1fr !important;
  }

  h1{
    font-size:clamp(42px,13vw,72px) !important;
  }
}