/* ==================== Variables CSS Optimizadas ==================== */
:root {
  --bg-dark: #0b0d1b;
  --bg-card: rgba(20, 20, 40, 0.7);
  --text-primary: #ffffff;
  --text-secondary: #72d6ff;
  --accent: #72d6ff;
  --accent-purple: #ff7fff;
  --border-color: rgba(255, 255, 255, 0.1);
  --radius: 12px;
  --transition: 0.2s ease;
  --header-height: 70px;
}

/* ==================== Reset & Base ==================== */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  background: #000014;
  color: var(--text-primary);
  overflow-x: hidden;
  position: relative;
  line-height: 1.6;
}

/* ==================== Footer ==================== */
footer.site-footer {
  display: block;
  background: rgba(10, 10, 30, 0.95);
  text-align: center;
  border-top: 1px solid rgba(114, 214, 255, 0.2);
  position: relative;
  z-index: 1;
}

footer.site-footer small {
  color: var(--text-secondary);
  font-size: 0.85rem;
}

footer.site-footer a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
}

footer.site-footer a:hover {
  color: var(--accent-purple);
}

/* ==================== Scrollbar Simplificada ==================== */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(10, 15, 30, 0.9);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(114, 214, 255, 0.6);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(114, 214, 255, 0.9);
}

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(114, 214, 255, 0.6) rgba(10, 15, 30, 0.9);
}

/* ==================== Responsive ==================== */


/* ==================== Sobrescritura de fondo ==================== */
body {
  background-image: url("fondos/fondo1.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}