/* Estilos específicos para la sección de torneos públicos */
.torneos-publicos-section {
    background-color: black !important;
    color: white !important;
}
.torneos-publicos-section h1, 
.torneos-publicos-section h2, 
.torneos-publicos-section h3 {
    color: white !important;
}
.torneos-publicos-section .card {
    background-color: #111827 !important; /* gray-900 */
    border-color: #374151 !important; /* gray-700 */
}
.torneos-publicos-section .card-header {
    background-color: #1f2937 !important; /* gray-800 */
    border-color: #374151 !important; /* gray-700 */
}
.torneos-publicos-section .badge-pending {
    background-color: #374151 !important; /* gray-700 */
    color: #d1d5db !important; /* gray-300 */
}
.torneos-publicos-section .badge-active {
    background-color: #064e3b !important; /* green-900 */
    color: #6ee7b7 !important; /* green-300 */
}
.torneos-publicos-section .badge-completed {
    background-color: #1e3a8a !important; /* blue-900 */
    color: #93c5fd !important; /* blue-300 */
}
.torneos-publicos-section a.btn-view {
    background-color: #8b5cf6 !important; /* purple-500 */
    color: black !important;
}
.torneos-publicos-section a.btn-view:hover {
    background-color: #7c3aed !important; /* purple-600 */
}

/* Estilos aplicados al body para toda la página */
body.torneos-publicos-view, 
body.torneos-publicos-view .min-h-screen,
body.torneos-publicos-view footer {
    background-color: black !important;
    color: white !important;
}
body.torneos-publicos-view footer {
    background-color: #111827 !important;
}

/* Estilos específicos para tablas */
body.torneos-publicos-view table thead {
    background-color: #1f2937 !important; /* gray-800 */
}
body.torneos-publicos-view table tbody {
    background-color: #111827 !important; /* gray-900 */
}
body.torneos-publicos-view table tbody tr:hover {
    background-color: #1e293b !important; /* slate-800 */
}
body.torneos-publicos-view table th,
body.torneos-publicos-view table td {
    border-color: #374151 !important; /* gray-700 */
}

/* Enlaces en la sección de torneos públicos */
body.torneos-publicos-view a:not(.btn-view) {
    color: #a78bfa !important; /* purple-400 */
}
body.torneos-publicos-view a:not(.btn-view):hover {
    color: #c4b5fd !important; /* purple-300 */
}

/* Estilos para iframe de Challonge */
body.torneos-publicos-view iframe {
    background-color: #111827 !important;
    border: 1px solid #374151 !important;
}

/* Estilos para acordeones */
.accordion-header {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid;
    margin-bottom: -1px;
}

.accordion-header:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.accordion-header .icon-accordion {
    transition: transform 0.2s ease;
}

.accordion-header.active .icon-accordion {
    transform: rotate(180deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    opacity: 0;
}

.accordion-content.show {
    max-height: 10000px; /* Valor alto para permitir cualquier contenido */
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease;
}

/* Estilos específicos por nivel */
.evento-header {
    background-color: #312e81 !important; /* indigo-900 */
    border-color: #4f46e5 !important; /* indigo-600 */
}

.fecha-header {
    background-color: #1e3a8a !important; /* blue-900 */
    border-color: #2563eb !important; /* blue-600 */
    padding-left: 1.5rem !important;
}

.categoria-header {
    background-color: #1f2937 !important; /* gray-800 */
    border-color: #4b5563 !important; /* gray-600 */
    padding-left: 2.5rem !important;
}

/* Contadores */
.evento-counter,
.fecha-counter,
.categoria-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.evento-counter {
    background-color: #4338ca !important; /* indigo-700 */
    color: #e0e7ff !important; /* indigo-100 */
}

.fecha-counter {
    background-color: #1d4ed8 !important; /* blue-700 */
    color: #dbeafe !important; /* blue-100 */
}

.categoria-counter {
    background-color: #4b5563 !important; /* gray-600 */
    color: #f3f4f6 !important; /* gray-100 */
}

/* Estilos para los filtros */
.torneos-publicos-section select,
.torneos-publicos-section input[type="text"] {
    background-color: #1f2937 !important; /* gray-800 */
    border-color: #374151 !important; /* gray-700 */
    color: white !important;
}

.torneos-publicos-section select:focus,
.torneos-publicos-section input[type="text"]:focus {
    border-color: #8b5cf6 !important; /* purple-500 */
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3) !important;
}

.torneos-publicos-section label {
    color: #e5e7eb !important; /* gray-200 */
}

/* Transición de opacidad para carga */
#torneos-container {
    transition: opacity 0.3s ease;
}