/* 
 * Unificador de posición del menú lateral
 * Este archivo garantiza que todas las páginas muestren el menú lateral en la misma posición
 * que en club.html y partido.html, más arriba y con menos distancia desde el borde
 */

/* Eliminador del espacio causado por el <br> */
#sidebar-container br:first-child,
#sidebar-container > br,
#sidebar br:first-child,
#sidebar > br {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Posicionamiento uniforme del contenedor del sidebar */
#sidebar-container {
    width: 230px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    top: -40px !important; /* Aumentado a -40px para compensar más espacio */
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* Asegurar que el sidebar interno también tenga las propiedades correctas */
#sidebar {
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    box-shadow: none !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-y: visible !important;
    padding-top: 0 !important; /* Elimina padding adicional */
    margin-top: -16px !important; /* Reduce el espacio causado por el BR */
}

/* Asegurar que la navegación y secciones del menú lateral estén alineadas */
#sidebar .sidebar-nav, 
#sidebar .menu-section {
    height: auto !important;
    overflow: visible !important;
    max-height: none !important;
    overflow-y: visible !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Ajuste específico para el primer elemento del menú */
#sidebar .menu-section h3:first-child {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

/* Ajustes para el elemento <br> antes del aside */
#sidebar-container aside {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Apuntar específicamente al BR que está causando el problema */
#sidebar-container > br + aside,
#sidebar-container > br:first-child + aside {
    margin-top: -16px !important;
}