/* Efecto de fondo respirando */
    body {margin: 0; height: 100vh;
      background-color: #111; /* color inicial */
      animation: respirar 8s infinite alternate;
      color: white; /* texto visible sobre fondo oscuro */
      font-family: Arial, sans-serif; text-align: center;
      padding: 2% 30%;}
      @media (max-width: 700px){body {padding: 2% 10%;}}
   @keyframes respirar {
  0%   { background-color: #080808; }
  25%  { background-color: #0e0d0d; }
  50%  { background-color: #150e18; }
  75%  { background-color: #0e0d0d; }
  100% { background-color: #080808; }}
/* Propiedades de cursor */
.l {  color: inherit;          /* mismo color que el texto */
      text-decoration: none;   /* sin subrayado */
      cursor: pointer;         /* NO aparece la manito */
      pointer-events: auto;    /* mantiene el click activo */}