/* ========= Nubix: estilo global ========= */

/* Fondo global y color de texto base */
html, body {
  height: 100%;
  min-height: 100%;
  background: radial-gradient(circle at center, #0d1f4a 0%, #081536 60%, #040b1b 100%) !important;
  color: #e8f3ff !important;
}

/* Hacer transparentes fondos que tapaban el degradado */
.bg-body,
.bg-body-secondary,
.bg-body-tertiary,
section.bg-body,
section.bg-body-secondary,
section.bg-body-tertiary,
header,
main,
section,
footer,
div {
  background: transparent !important;
  background-color: transparent !important;
}

/* Reducir el “aire” vertical entre secciones del template */
.py-7, .py-sm-8, .py-xl-9 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Footer con degradado sutil */
footer {
  background: radial-gradient(circle at center, #0b1b3f 0%, #050b20 90%) !important;
  color: #e8f3ff !important;
}

/* ========= FAQs ========= */
#faqs .accordion-item {
  background: rgba(3, 8, 20, 0.55) !important;
  border: 1px solid rgba(232, 243, 255, 0.08) !important;
  border-radius: 10px;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

#faqs .accordion-button {
  background: transparent !important;
  color: #e8f3ff !important;
  box-shadow: none !important;
}

#faqs .accordion-button::after { 
  filter: invert(0.7) sepia(1) saturate(5) hue-rotate(160deg) brightness(1.2);
}

#faqs .accordion-body {
  background: transparent !important;
  color: #cfe3ff !important;
}

#faqs .accordion-item + .accordion-item { margin-top: .75rem; }

/* ========= Logos de tecnología ========= */
.tech-logos { row-gap: 2rem; }

.tech-logo {
  max-height: 48px;
  opacity: .85;
  filter: brightness(0) invert(1);
  transition: transform .25s ease, opacity .25s ease;
}

.tech-logo:hover { transform: scale(1.1); opacity: 1; }

@media (max-width: 768px) {
  .tech-logo { max-height: 40px; }
  .tech-logos { gap: 2rem 3rem; }
}

@media (max-width: 480px) {
  .tech-logo { max-height: 36px; }
  .tech-logos { gap: 1.5rem 2rem; }
}


#projects.bg-body-tertiary,
#projects,
.section-testimonials,
.section-testimonials.bg-body-tertiary {
  background: transparent !important;
  background-color: transparent !important;
}


/* ====== Testimonials ====== */
div.bg-body-tertiary,
div.bg-body-tertiary .container,
div.bg-body-tertiary .glide,
div.bg-body-tertiary .glide__track,
div.bg-body-tertiary .glide__slide {
  background: transparent !important;
  background-color: transparent !important;
}

/* Tarjetas individuales de testimonios */
div.bg-body {
  background: rgba(3, 8, 20, 0.55) !important;
  border: 1px solid rgba(232, 243, 255, 0.08) !important;
  color: #e8f3ff !important;
}

div.bg-body p {
  color: #cfe3ff !important;
}


/* === Menú mobile (offcanvas) === */
.offcanvas {
  background: rgba(7, 16, 40, 0.96) !important;  /* fondo oscuro sólido/translúcido */
  backdrop-filter: blur(6px);
  color: #e8f3ff;
  border-top: 1px solid rgba(232, 243, 255, 0.08);
}

.offcanvas-header,
.offcanvas-body {
  background: transparent !important;
}

/* Links del menú */
.offcanvas .nav-link {
  color: #e8f3ff !important;
}
.offcanvas .nav-link:hover {
  background: rgba(232, 243, 255, 0.08) !important;
}

/* Botón cerrar (X) claro */
.offcanvas .btn-close {
  filter: invert(1) brightness(2);
}

/* Oscurecer el fondo cuando el menú está abierto */
.offcanvas-backdrop {
  background: #000 !important;
}
.offcanvas-backdrop.show {
  opacity: .55 !important;
}