body{
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

.text-gradient {
    background: linear-gradient(90deg, #8a2be2, #ffd700);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient {
    background: linear-gradient(90deg, #8a2be2, #ffd700);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* FOOTER STYLES */
.footer-hover {
    transition: color 0.3s ease;
    cursor: pointer;
    }

.footer-hover:hover {
    color: #0d6efd; /* Azul Bootstrap */
}

.social-icon {
    color: white;
    transition: transform 0.3s ease, color 0.3s ease;
}

.social-icon:hover {
    color: #0d6efd;
    transform: translateY(-5px);
}

.bg-section {
  background-color: #ffffff; /* Color suave diferente al fondo general */
}

.border-top {
    border-top: 2px solid #5e5e5e !important;
}

.chart-center{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

#designerCoderChart {
    width: 100%;
    max-width: 450px;  /* Igual que el ancho del donut */
    margin: 0 auto;    /* Centrado */
}