:root {
    --default-bg: #ffde45;
    --text-color: #000000;
    --highlight-weight: 550;
    --normal-weight: 150;
    --transition-speed: 350ms;
  }
  :root {
    --iztacalco-bg: #008f5d;
    --elsur-bg:     #ff3c00;
    --fad-bg:       #ffde45;
    --nimodo-bg:    #ff00cc;
    --brandings-bg: #111111;
    --gohgoh-bg:    #fdd8e2;
    --base-bg:      #fff25d;
    --neocity-bg:   #00ff1a;
    --tiempos-bg:   #a59756;
    --xpan-bg:      #ffffff;
  }
  
  
  body {
    background-color: var(--default-bg);
    font-family: "Aspekta", sans-serif;
    color: var(--text-color);
    overflow: hidden; /* 🔒 sin scroll */
    height: 100vh; /* ⬆️ fuerza altura exacta */
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; /* centra vertical */
    align-items: center;
  }
  
  
  /* Lista de proyectos del pasado */
  .lista-proyectos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 0;
    margin: 0;
    margin-top: 50px;
  }
  
  
  /* Estilo base de cada proyecto */
  .proyecto-item {
    font-size: clamp(2rem, 6vw, 3rem);
    font-weight: var(--normal-weight);
    text-transform: none;
    color: var(--text-color);
    transition: color var(--transition-speed) ease, font-weight var(--transition-speed) ease;
  }
  
  /* Hover para cambio de color y peso */
  .proyecto-item:hover,
  .proyecto-item:focus-visible {
    font-weight: var(--highlight-weight);
    color: #000000;
    outline: none;
  }
  
  /* Espacio inferior extra en el último elemento */
  .lista-proyectos a:last-child {
    margin-bottom: 4rem;
  }
  
  /* Responsivo */
  @media (max-width: 768px) {
    .proyecto-item {
      font-size: clamp(1.5rem, 8vw, 2.5rem);
    }
  }