/* Onhora brand theme — landing assistant (onhora.com/) */
:root {
  --onhora-bg: #0D0D0D;
  --onhora-fg: #ffffff;
  --onhora-lime: #B8E03A;
  --onhora-lime-bright: #CCFF00;
  --onhora-lime-dark: #9BCB2E;
  --onhora-muted: rgba(255, 255, 255, 0.75);
  --onhora-glow: rgba(184, 224, 58, 0.35);
  --adazha-bg: var(--onhora-bg);
  --adazha-accent: var(--onhora-lime);
  --adazha-fg: var(--onhora-fg);
}

html[data-accent="olive"],
html[data-accent="teal"],
html[data-accent="orange"] {
  --accent: var(--onhora-lime) !important;
  --accent-light: var(--onhora-lime-bright) !important;
  --accent-dark: var(--onhora-lime-dark) !important;
  --accent-glow: var(--onhora-glow) !important;
}

body,
.landing,
.landing-root,
.landing-dialect,
.bg-\[\#070b14\],
.bg-\[\#070b14\]\/70,
.bg-\[\#03060d\] {
  background-color: var(--onhora-bg) !important;
}

.landing-nav {
  background-color: rgba(13, 13, 13, 0.82) !important;
  border-bottom-color: rgba(184, 224, 58, 0.12) !important;
}

/* Logo Onhora en header */
.landing-nav a.shrink-0,
.landing-nav a.router-link-active.shrink-0 {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px;
}
.landing-nav a.shrink-0 span,
.landing-nav a.shrink-0 .font-display {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  width: clamp(118px, 18vw, 156px);
  height: 38px;
  background: url(/onhora-logo-white.png) no-repeat left center / contain;
  display: inline-block !important;
}

/* Tailwind cyan → Onhora lime */
.text-cyan,
.text-cyan[data-v-6aa03ad7],
.hover\:text-cyan:hover,
.group:hover .group-hover\:text-cyan {
  color: var(--onhora-lime) !important;
}

.bg-cyan,
.bg-cyan[data-v-6aa03ad7],
.hover\:bg-cyan:hover {
  background-color: var(--onhora-lime) !important;
  color: var(--onhora-bg) !important;
}

.border-cyan,
.border-cyan[data-v-6aa03ad7],
.hover\:border-cyan:hover,
.hover\:border-cyan\/50:hover {
  border-color: var(--onhora-lime) !important;
}

.text-\[\#070b14\] {
  color: var(--onhora-bg) !important;
}

a.btn-primary,
.cta-primary,
.landing-cta,
.inline-flex.bg-cyan {
  background: var(--onhora-lime) !important;
  color: var(--onhora-bg) !important;
}

.text-accent,
.brand-accent {
  color: var(--onhora-lime) !important;
}

.selection\:bg-cyan\/30 ::selection,
.selection\:bg-cyan\/30::selection {
  background-color: rgba(184, 224, 58, 0.28) !important;
}

/* Scoped landing accents (was Adazha cyan) */
.foot-ring--1[data-v-ccc571cc],
.foot-ring--4[data-v-ccc571cc],
.nova-foot-ring--2[data-v-6aa03ad7] {
  border-color: var(--onhora-lime) !important;
  box-shadow: 0 0 30px rgba(184, 224, 58, 0.55), inset 0 0 20px rgba(184, 224, 58, 0.3) !important;
}

.foot-glow[data-v-ccc571cc],
.burst-core[data-v-ccc571cc] {
  background: radial-gradient(ellipse at center, rgba(184, 224, 58, 0.55) 0%, rgba(184, 224, 58, 0.15) 40%, transparent 75%) !important;
}

.jarvis-orb-core[data-v-6aa03ad7],
.jarvis-orb-ring[data-v-6aa03ad7] {
  box-shadow: 0 0 18px rgba(184, 224, 58, 0.55) !important;
}

.nova-companion[data-v-6aa03ad7] {
  filter: drop-shadow(0 0 18px rgba(184, 224, 58, 0.45)) drop-shadow(0 0 40px rgba(184, 224, 58, 0.18)) !important;
}

.bp-scanline-h[data-v-6aa03ad7],
.bp-scanline-v[data-v-6aa03ad7],
.av-scan-h[data-v-6aa03ad7] {
  background: linear-gradient(90deg, transparent, var(--onhora-lime), transparent) !important;
}

.os-card--active[data-v-6aa03ad7] {
  border-color: rgba(184, 224, 58, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(184, 224, 58, 0.2), 0 18px 50px rgba(184, 224, 58, 0.12) !important;
}

.onhora-vertical-letter.built[data-v-6aa03ad7]:after {
  background: radial-gradient(circle, rgba(184, 224, 58, 0.45) 0%, transparent 70%) !important;
}

/* Letras verticales ONHORA — Montserrat (font-display original) */
.onhora-vertical-letter {
  font-family: Montserrat, Inter, system-ui, sans-serif !important;
}

/* Logo Onhora en footer */
.flex.items-center.justify-between.pt-8.border-t.border-white\/10 > span.text-xl.font-bold.tracking-tight.text-white.font-display.uppercase {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  width: clamp(100px, 14vw, 132px);
  height: 32px;
  background: url(/onhora-logo-white.png) no-repeat left center / contain;
  display: inline-block !important;
}


/* Hero — letras grandes aunque hidrate bundle cacheado */
#hero .hero-h1,
#hero .hero-line {
  font-size: clamp(3.2rem, 9vw, 8.5rem) !important;
  line-height: 0.86 !important;
}
#hero .hero-lego-letter {
  font-family: Montserrat, Inter, system-ui, sans-serif !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}

/* Logo Onhora en footer (selector robusto) */
footer#contact .onhora-footer-logo,
footer#contact .flex.items-center.justify-between.pt-8 > span.font-display.uppercase,
footer#contact .flex.items-center.justify-between.pt-8 > span.text-xl.font-bold {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  width: clamp(100px, 14vw, 132px);
  height: 32px;
  background: url(/onhora-logo-white.png) no-repeat left center / contain;
  display: inline-block !important;
}

/* Avatar 3D — no tapar contenido; negro del canvas se vuelve transparente */
.adhan-overlay {
  background: transparent !important;
  background-color: transparent !important;
}
.adhan-scroll {
  background: transparent !important;
}
.adhan-scroll canvas {
  background: transparent !important;
  opacity: 1 !important;
  mix-blend-mode: screen !important;
}
.adhan-scroll .foot-waves,
.adhan-scroll .foot-bursts {
  display: none !important;
}






/* Pin 3D avatar to the viewport; kill floor-grid leftovers */
.adhan-overlay {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  height: 100vh !important;
  width: min(40vw, 720px) !important;
  transform: none !important;
  filter: none !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 20 !important;
}
.adhan-scroll,
.adhan-scroll[data-v-ccc571cc] {
  overflow: visible !important;
  transform: none !important;
  height: 100% !important;
}
.adhan-scroll canvas {
  transform: none !important;
  mix-blend-mode: screen !important;
}


/* n15-hide-blueprint-grid */
.landing-dialect .pointer-events-none.fixed.inset-0.z-0 > svg {
  display: none !important;
}
.adhan-overlay,
.adhan-overlay.opacity-0,
.adhan-overlay.invisible {
  opacity: 1 !important;
  visibility: visible !important;
}


/* live-adhan-hide-vue */
.adhan-overlay,
.adhan-overlay.opacity-0,
.adhan-overlay.invisible,
.adhan-overlay[data-v-ccc571cc] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.landing-dialect .pointer-events-none.fixed.inset-0.z-0 > svg {
  display: none !important;
}
#onhora-adhan-live {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: min(46vw, 780px) !important;
  height: 100vh !important;
  z-index: 18 !important;
  pointer-events: none !important;
  background: transparent !important;
}