/* Classements — [classificacao_futebol] */

.cf-wrapper{background:var(--gf-card,#12160f);border:1px solid var(--gf-line,rgba(255,255,255,.08));
	border-radius:14px;padding:24px;max-width:960px;margin:30px auto;color:var(--gf-text,#f2f4f2);
	font-family:var(--gf-sans,'IBM Plex Sans',system-ui,sans-serif)}
.cf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
	padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}
.cf-head h2{margin:0;font-size:20px}
.cf-fonte{font-family:var(--gf-mono,monospace);font-size:10.5px;letter-spacing:.06em;color:var(--gf-mut2,#8a938c);
	background:var(--gf-card2,#0f1310);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:5px 12px}

.cf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.cf-tab{background:var(--gf-card2,#0f1310);border:1px solid rgba(255,255,255,.1);color:var(--gf-mut,#c3c9c4);
	padding:8px 16px;border-radius:16px;cursor:pointer;font-size:12.5px;font-weight:500;
	font-family:inherit;transition:background .15s,color .15s}
.cf-tab:hover{color:#fff}
.cf-tab.is-active{background:var(--gf-green,#39ff8a);border-color:var(--gf-green,#39ff8a);color:var(--gf-bg,#0b0e0c)}

.cf-pane{display:none}
.cf-pane.is-active{display:block}

.cf-league{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.cf-league h3{margin:0;font-family:var(--gf-display,'Space Grotesk',sans-serif);font-size:16px}
.cf-league span{font-family:var(--gf-mono,monospace);font-size:10.5px;color:var(--gf-mut3,#6b746e);letter-spacing:.05em}
.cf-zona{margin:24px 0 10px;color:var(--gf-green,#39ff8a);font-size:13px;letter-spacing:.05em;text-transform:uppercase;
	font-family:var(--gf-mono,monospace);font-weight:500}

.cf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cf-table{width:100%;border-collapse:collapse;background:var(--gf-card2,#0f1310);border-radius:10px;overflow:hidden;min-width:520px}
.cf-table th{background:rgba(255,255,255,.02);padding:11px 10px;text-align:left;font-family:var(--gf-mono,monospace);
	font-size:10px;letter-spacing:.08em;color:var(--gf-mut3,#6b746e);font-weight:500;
	border-bottom:1px solid rgba(255,255,255,.07)}
.cf-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;color:var(--gf-mut,#c3c9c4)}
.cf-table tr:last-child td{border-bottom:none}
.cf-table tbody tr:hover td{background:rgba(255,255,255,.03)}
.cf-pos{font-family:var(--gf-mono,monospace);font-weight:600;width:38px;color:var(--gf-text,#f2f4f2)}
.cf-time{font-weight:600;color:var(--gf-text,#f2f4f2)}
.cf-pts{font-family:var(--gf-mono,monospace);font-weight:600;color:var(--gf-green,#39ff8a)}

.cf-g4 .cf-pos{color:var(--gf-green,#39ff8a)}
.cf-g4 td{box-shadow:inset 3px 0 0 -1px var(--gf-green,#39ff8a)}
.cf-g4 td:not(:first-child){box-shadow:none}
.cf-rebaixamento .cf-pos{color:#c0392b}
.cf-rebaixamento td:first-child{box-shadow:inset 3px 0 0 -1px #c0392b}
.cf-lider .cf-pos{color:var(--gf-yellow,#ffd400)}

.cf-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:11.5px;color:var(--gf-mut3,#6b746e)}
.cf-legend span{display:flex;align-items:center;gap:7px}
.cf-dot{width:9px;height:9px;border-radius:2px;display:block}
.cf-dot--g4{background:var(--gf-green,#39ff8a)}
.cf-dot--rel{background:#c0392b}

@media(max-width:640px){
	.cf-wrapper{padding:16px;margin:18px 0;border-radius:12px}
	.cf-head h2{font-size:17px}
	.cf-table th,.cf-table td{padding:9px 7px;font-size:12.5px}
	.cf-tab{padding:7px 13px;font-size:12px}
}