/* =========================================================================
   CD TERUEL — Clasificación completa (con zonas de color y leyenda)
   ========================================================================= */
.cl-loading { color: var(--texto-sec); padding: 3rem 0; }

/* Cabecera: logo competición + nombre */
.cl-head { display: flex; align-items: center; gap: .9rem; margin-bottom: clamp(1.2rem, 2.5vw, 2rem); }
.cl-logo { height: 42px; width: auto; }
.cl-comp { font-family: "Barlow", sans-serif; font-weight: 700; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gris-400); }

/* Tabla */
.cl-wrap { overflow-x: auto; }
.cl-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.cl-table thead th {
  font-family: "Barlow", sans-serif; font-weight: 700; font-size: .68rem; letter-spacing: .08em;
  text-transform: uppercase; color: var(--gris-400); padding: .8rem .6rem; text-align: center;
  border-bottom: 1px solid var(--linea);
}
.cl-th-pos { text-align: left !important; padding-left: 1rem !important; }
.cl-table tbody td { padding: .55rem .6rem; text-align: center; font-variant-numeric: tabular-nums; border-bottom: 1px solid var(--linea); font-size: .95rem; }
.cl-row:hover { background: var(--papel-2); }

/* Posición con barra de color a la izquierda */
.cl-pos { position: relative; text-align: left !important; padding-left: 1.4rem !important; white-space: nowrap; }
.cl-bar { position: absolute; left: 0; top: 6px; bottom: 6px; width: 4px; border-radius: 2px; background: transparent; }
.cl-num { font-family: "Cinzel", sans-serif; font-weight: 700; font-size: 1.05rem; color: var(--gris-900); }
.cl-tick { width: 18px; height: 18px; vertical-align: middle; margin-left: .5rem; }

/* Equipo */
.cl-team { text-align: left !important; }
.cl-crest { display: inline-grid; place-items: center; width: 30px; height: 30px; vertical-align: middle; margin-right: .8rem; }
.cl-crest img { max-width: 100%; max-height: 100%; object-fit: contain; }
.cl-name { font-family: "Cinzel", sans-serif; text-transform: uppercase; font-weight: 700; font-size: .95rem; color: var(--gris-900); vertical-align: middle; }

.cl-pts { font-family: "Cinzel", sans-serif; font-weight: 700; color: var(--gris-900); }

/* Zonas de color */
.cl-zone--asc  .cl-bar { background: #2f9e44; }   /* verde: campeón/ascenso directo */
.cl-zone--po   .cl-bar { background: #1e63c8; }   /* azul: playoff */
.cl-zone--desc .cl-bar { background: var(--rojo); } /* rojo: descenso */

/* Fila del CD Teruel */
.cl-row.is-cdt { background: rgba(200,16,46,.06); }
.cl-row.is-cdt .cl-num, .cl-row.is-cdt .cl-name, .cl-row.is-cdt .cl-pts { color: var(--rojo); }
.cl-row.is-cdt td { font-weight: 700; }

/* Leyenda */
.cl-leyenda { display: flex; flex-wrap: wrap; gap: 1.2rem 2rem; margin-top: 1.6rem; font-family: "Barlow", sans-serif; font-size: .84rem; color: var(--gris-700); }
.cl-leyenda li { display: flex; align-items: center; gap: .55rem; }
.cl-dot { width: 14px; height: 14px; border-radius: 3px; flex: none; }
.cl-dot--asc { background: #2f9e44; }
.cl-dot--po { background: #1e63c8; }
.cl-dot--desc { background: var(--rojo); }