/* =========================================================================
   BASE.CSS - Resets, Tipografía Global y Comportamientos Raíz
   ========================================================================= */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Comfortaa', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: linear-gradient(180deg, var(--brand-dark-purple) 0%, var(--brand-body-bg) 100%);
  min-height: 100vh;
  padding-top: 88px;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Forzar que las imágenes escalen bien globalmente */
.logo img, .redes-sociales img {
  max-width: 100%;
  height: auto;
}

/* Modificadores de Accesibilidad globales */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-delay: -1ms !important;
    animation-duration: -1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: -1ms !important;
    transition-delay: -1ms !important;
  }
}

/* Ajustes de espaciado general por queries de pantalla */
@media (max-width: 768px) {
  body { padding-top: 76px; }
}
@media (max-width: 640px) {
  body { padding-top: 78px; }
}