/* Tema 1 - Gradiente Roxo */
body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.container {
    background: rgba(255, 255, 255, 0.95);
}

.profile-image {
    border: 5px solid #667eea;
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
}

h1 {
    color: #2d3748;
}

.subtitle {
    color: #718096;
}

.link-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.link-button:hover {
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
}

.link-button.special-1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.link-button.special-1:hover {
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
}

.link-button.special-2 {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    box-shadow: 0 4px 15px rgba(240, 147, 251, 0.4);
}

.link-button.special-2:hover {
    box-shadow: 0 8px 25px rgba(240, 147, 251, 0.6);
}

.link-button.special-3 {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}

.link-button.special-3:hover {
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);
}

.footer {
    color: #a0aec0;
}