body {
      background-color: #1b1208;
      color: #e2dcd3;
      font-family: 'Segoe UI', sans-serif;
      line-height: 1.8;
      padding: 2em;
      max-width: 900px;
      margin: auto;
      background-image: url('https://www.transparenttextures.com/patterns/dark-denim.png'); /* Subtle texture */
      background-repeat: repeat;
    }

    h1 {
      font-size: 2.5em;
      text-align: center;
      margin-bottom: 1.2em;
      background: linear-gradient(90deg, #cccccc, #cccccc, #cccccc);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shine 8s ease-in-out infinite;
      color: #cccccc; /* Set h1 color to grey */
      text-shadow: 0 0 10px rgba(204, 204, 204, 0.5), 0 0 20px rgba(204, 204, 204, 0.3), 0 0 30px rgba(204, 204, 204, 0.2); /* Match a:hover text-shadow */
    }

    @keyframes shine {
      0% { background-position: 200% center; }
      100% { background-position: 0% center; }
    }

    p {
      margin-bottom: 1.4em;
      opacity: 0;
      animation: fadeIn 2s ease-in forwards;
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    .firma {
      margin-top: 4em;
      text-align: center;
      font-size: 0.9em;
    }

    .firma a {
      background: linear-gradient(90deg, #d4d2d0, #b4b2b0, #d4d2d0);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shine 8s ease-in-out infinite;
      text-decoration: none;
    }

    .firma a:hover {
      text-decoration: underline;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); /* Subtle glow on hover */
    }

    a {
      text-decoration: none;
      color: #b0b0b0; /* Darker base color for links */
      transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease; /* Smooth transition for all effects */
      display: inline-block; /* Required for transform to work */
    }

    a:hover {
      color: #cccccc !important; /* Pure white for maximum brightness, forced */
      -webkit-text-stroke: 2px #cccccc; /* White outline, thicker */
      text-stroke: 2px #cccccc; /* Standard text-stroke, thicker */
      text-shadow: 0 0 10px rgba(204, 204, 204, 0.8), 0 0 20px rgba(204, 204, 204, 0.6); /* Diffused glow */
      transform: scale(1.05); /* Slightly enlarge */
    }

    h1 a:hover {
      background: linear-gradient(90deg, #cccccc, #cccccc, #cccccc);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 0 0 10px rgba(204, 204, 204, 0.5); /* Stronger glow for h1 on hover */
    }