body {
    margin:0;
    background: radial-gradient(circle at top, #1a1a1a, #000000);
    font-family: 'Playfair Display', serif;
    color: #d4af37;
    overflow-x:hidden;
}

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
    color: #ffffff;
    text-decoration: none; /* Quitar subrayado */
}

/* 2. Enlace ya visitado */
a:visited {
    color: #ffffff;
}

/* 3. Enlace al pasar el mouse (hover) */
a:hover {
    color: #FFD700;
    text-decoration: underline; /* Subrayar al pasar el mouse */
}

/* 4. Enlace clickeado / activado (active) */
a:active {
    color: red;
    background-color: black; /* Cambia al hacer clic */
}

header h1 {
    font-family: 'Cinzel', serif;
    font-size: 60px;
    letter-spacing: 4px;
}

.glass {
    backdrop-filter: blur(15px);
    background: rgba(20,20,20,0.5);
    border: 1px solid rgba(212,175,55,0.3);
    border-radius: 15px;
    padding: 40px;
    margin: 40px auto;
    width: 85%;
}

.particles::before {
    content:"";
    position:fixed;
    width:100%;
    height:100%;
    background-image: radial-gradient(#d4af37 1px, transparent 1px);
    background-size: 60px 60px;
    opacity:0.08;
    animation: sparkle 10s linear infinite;
}

@keyframes sparkle {
    from {transform:translateY(0);}
    to {transform:translateY(-60px);}
}

.slide img {
    width:300px;
    border:2px solid #d4af37;
    border-radius:10px;
}