/* Málaga Labs — shared custom styles (complements Tailwind CDN utilities). */

@layer base {
  html,
  body {
    margin: 0;
    padding: 0;
  }
  body {
    overscroll-behavior: none;
  }
  main > :first-child {
    margin-top: 0 !important;
  }
  main > :last-child {
    margin-bottom: 0 !important;
  }
}

/* Hide scrollbars while keeping scroll (matches the design source). */
::-webkit-scrollbar {
  display: none;
}
html {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 24px structural grid referencing the Málaga Tech Hub. */
.grid-bg {
  background-size: 24px 24px;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* Company logos: styled in each page's <style> block so the mask url() —
   supplied via the inline --logo custom property — resolves against the HTML
   document rather than this stylesheet's directory. */

/* Tech-stack marquee. */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.animate-marquee {
  animation: marquee 30s linear infinite;
}

/* Smooth in-page anchoring for jump links. */
html {
  scroll-behavior: smooth;
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .animate-marquee,
  .animate-pulse {
    animation: none;
  }
  * {
    transition-duration: 0.001ms !important;
  }
}