/* Posiciones: cristal sobre el fondo global v3.3 */

/* El contenedor no debe tener una base blanca opaca. */
html body .public .lc-standings {
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Quitar el blanco sólido de TODAS las capas internas. */
html body .public .lc-standings-scroll,
html body .public .lc-standings-table,
html body .public .lc-standings-table thead,
html body .public .lc-standings-table tbody,
html body .public .lc-standings-table tr {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Filas con 50 % de blanco y 50 % de fondo visible. */
html body .public .lc-standings-table tbody tr td {
    background: rgba(255, 255, 255, .65) !important;
    background-image: none !important;
    color: #101b4b !important;
}

/* Líder amarillo semitransparente. */
html body .public .lc-standings-table tbody tr.is-leader td {
    background: rgba(255, 225, 0, .72) !important;
}

/* Encabezado de columnas. */
html body .public .lc-standings-table thead tr th {
    background: rgba(255, 225, 0, .90) !important;
    color: #101b4b !important;
}

/* Efecto al pasar el mouse. */
html body .public .lc-standings-table tbody tr:hover td {
    background: rgba(255, 255, 255, .76) !important;
}

html body .public .lc-standings-table tbody tr.is-leader:hover td {
    background: rgba(255, 225, 0, .86) !important;
}

/* Conservar el encabezado azul y los indicadores. */
html body .public .lc-standings-header {
    background: rgba(10, 25, 85, .94) !important;
}

html body .public .lc-standings-footer {
    background: rgba(255, 255, 255, .65) !important;
    color: #101b4b !important;
}

html body .public .lc-standings-table .team-cell-name,
html body .public .lc-standings-table .lc-standings-number {
    color: #101b4b !important;
}

html body .public .lc-standings-points {
    background: #eef0ff !important;
    color: #0001c5 !important;
}

html body .public .lc-standings-table .is-leader .lc-standings-points {
    background: #0001c5 !important;
    color: #ffffff !important;
}
/* ===== Ajustes finales de la página pública ===== */

/* 1. Barra superior con efecto de cristal */
html body:has(.public) .topbar {
    background: rgba(255, 255, 255, .50) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .35) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0, 15, 65, .08);
}

/* Mantener legibles los enlaces de la barra */
html body:has(.public) .topbar a {
    color: #101b4b !important;
}

/* 2. Enlace "Todas las ligas" */
html body .public > p:first-child > a[href="/"],
html body #public > p:first-child > a[href="/"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #ffffff !important;
    background: rgba(10, 25, 85, .72) !important;

    padding: 9px 15px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 10px;

    font-weight: 700;
    text-decoration: none !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

html body .public > p:first-child > a[href="/"]:hover,
html body #public > p:first-child > a[href="/"]:hover {
    background: rgba(10, 25, 85, .92) !important;
    color: #ffffff !important;
}

/* 3. Quitar el amarillo extra de la fila líder */
html body .public .lc-standings-table tbody tr.is-leader,
html body .public .lc-standings-table tbody tr.is-leader td {
    background: rgba(255, 255, 255, .65) !important;
    background-color: rgba(255, 255, 255, .65) !important;
    background-image: none !important;
}

/* Quitar la franja amarilla lateral, si existe */
html body .public .lc-standings-table tbody tr.is-leader td:first-child {
    border-left-color: transparent !important;
}

/* El líder conserva su número y distintivo */
html body .public .lc-standings-table tbody tr.is-leader
.lc-standings-number {
    background: #0001c5 !important;
    color: #ffffff !important;
}

/* Mantener los puntos del líder destacados */
html body .public .lc-standings-table tbody tr.is-leader
.lc-standings-points {
    background: #0001c5 !important;
    color: #ffffff !important;
}

/* El encabezado amarillo de columnas permanece */
html body .public .lc-standings-table thead th {
    background: rgba(255, 225, 0, .90) !important;
    color: #101b4b !important;
}
/* Líder: estadísticas con el mismo cristal que las demás filas */

html body .public .lc-standings-table tbody tr.is-leader
td.lc-standings-number {
    background: rgba(255, 255, 255, .65) !important;
    background-color: rgba(255, 255, 255, .65) !important;
    background-image: none !important;
    color: #101b4b !important;
}

/* Mantener el mismo efecto al pasar el mouse */
html body .public .lc-standings-table tbody tr.is-leader:hover
td.lc-standings-number {
    background: rgba(255, 255, 255, .76) !important;
    background-image: none !important;
    color: #101b4b !important;
}