body {
    margin: 0;
    background: #111;
    color: #f5f5f5;
    font-family: Arial, sans-serif;
}
.logo {
    width: 200px;
    height: 200px;
    background: #222;
    border: 4px dashed #555;
    border-radius: 10px;
    margin-bottom: 2rem;
    display: flex;
    color: #888;
    font-size: 0.9rem;
}
.bg-secondary {
    background: #555;
}
.text-secondary {
    color: #f5f5f5;
}
.bg-primary {
    background: #222;
}
.text-primary {
    color: #ffe800;
}
.hover-text-primary:hover {
    color: #ffe800;
}
.border-primary {
    border-color: #ffe800;
}
.primary-button {

}
h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 3rem;
    margin-bottom: 0.5rem;
}
p {
    font-size: 1.2rem;
    opacity: 0.85;
    margin-bottom: 2rem;
}

/* Redes */
.social {
    display: flex;
    gap: 1.2rem;
    margin-top: 1rem;
}
.social a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #222;
    transition: background 0.3s;
}
.social a:hover { background: #e60012; }
.social svg {
    width: 22px;
    height: 22px;
    fill: white;
}