:root { --radius: 1rem; }
.hero { border-radius: var(--radius); }
.feature { border-radius: calc(var(--radius) - .25rem); }
.gradient-text { background: linear-gradient(90deg,#5b86e5,#36d1dc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.card { border-radius: var(--radius); }
.btn, .form-control, .form-select { border-radius: .8rem; }
.badge { border-radius: 999px; }
.btn-purple {
    background-color: #6f42c1; /* morado Bootstrap */
    color: #fff;
}
.btn-purple:hover {
    background-color: #5a379c;
    color: #fff;
}
.btn-xs {
    padding: 0.15rem 0.35rem;
    font-size: 0.7rem;
    line-height: 1;
    border-radius: 0.2rem;
}