/* TechVenture Hub — estilos complementarios a Tailwind */

.blueprint-bg {
  background-image:
    linear-gradient(to right, rgba(59,130,246,0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(59,130,246,0.08) 1px, transparent 1px);
  background-size: 32px 32px;
}

.dark .blueprint-bg {
  background-image:
    linear-gradient(to right, rgba(96,165,250,0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(96,165,250,0.08) 1px, transparent 1px);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in-up { animation: fadeInUp 0.35s ease-out both; }

.tab-active {
  border-color: #2563eb !important;
  color: #2563eb !important;
}
.dark .tab-active {
  color: #60a5fa !important;
  border-color: #60a5fa !important;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(148,163,184,0.5); border-radius: 8px; }

@media (prefers-reduced-motion: reduce) {
  .fade-in-up { animation: none; }
}