/* Estilos adicionales para los botones de selección - Máxima especificidad */
a.capital-button, a.platform-button, a.challenge-button {
    text-decoration: none !important;
    color: #fff !important;
    display: inline-block !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

a.capital-button:hover, a.platform-button:hover, a.challenge-button:hover {
    color: #fff !important;
    text-decoration: none !important;
}

a.capital-button:visited, a.platform-button:visited, a.challenge-button:visited {
    color: #fff !important;
    text-decoration: none !important;
}

a.capital-button:focus, a.platform-button:focus, a.challenge-button:focus {
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

a.capital-button:active, a.platform-button:active, a.challenge-button:active {
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Estilos más específicos para eliminar el subrayado */
.capital-buttons a, .platform-buttons a, .challenge-buttons a {
    text-decoration: none !important;
    color: inherit !important;
}

.capital-buttons a:hover, .platform-buttons a:hover, .challenge-buttons a:hover {
    text-decoration: none !important;
}

.capital-button[disabled], .platform-button[disabled], .challenge-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Ajustes para asegurar que los botones se vean como antes */
.capital-button span, .platform-button span, .challenge-button span {
    display: block;
    text-align: center;
}

/* Estado seleccionado - Máxima especificidad */
a.capital-button.selected, a.platform-button.selected, a.challenge-button.selected {
    background-color: #007cba !important;
    border-color: #007cba !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.3) !important;
}

a.capital-button.selected:hover, a.platform-button.selected:hover, a.challenge-button.selected:hover {
    background-color: #005a87 !important;
    border-color: #005a87 !important;
    color: #fff !important;
    text-decoration: none !important;
}

a.capital-button.selected:visited, a.platform-button.selected:visited, a.challenge-button.selected:visited {
    background-color: #007cba !important;
    border-color: #007cba !important;
    color: #fff !important;
    text-decoration: none !important;
}

a.capital-button.selected:focus, a.platform-button.selected:focus, a.challenge-button.selected:focus {
    background-color: #007cba !important;
    border-color: #007cba !important;
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
}

/* Efecto de hover */
.capital-button:not(.disabled):not(.selected):hover, 
.platform-button:not(.disabled):not(.selected):hover, 
.challenge-button:not(.disabled):not(.selected):hover {
    background-color: #1a2e4c;
    border-color: #2d4a77;
    text-decoration: none !important;
}