body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.btn-color:hover {
    background: white !important;
    color: #8b5cf6 !important;
}

.btn-color {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.gradient-custom {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* 2 columnas por fila en md */
    .row-cols-md-2 > .col:nth-last-child(1):nth-child(odd) {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
  /* 3 columnas por fila en lg */
    .row-cols-lg-3 > .col:nth-last-child(1):nth-child(3n+1) {
        margin-left: auto;
        margin-right: auto;
    }
}

.icons {
    color : #8b5cf6 !important;
}

footer .text-muted {
    color: white !important;
}