/**
 * Jugamos en Equipo - listado de clubes por disciplina
 * Cuestion de Imagen. Todo acotado a .cdi-deporte.
 */

.cdi-deporte {
	--cdi-tinta: #16241c;
	--cdi-verde: #0e7a45;
	--cdi-verde-osc: #0a5531;
	--cdi-papel: #ffffff;
	--cdi-fondo: #eef2ec;
	--cdi-linea: #dbe3d9;
	--cdi-suave: #66776b;

	/* Tarjeta de club */
	--cdi-tarjeta: #14432f;
	--cdi-tarjeta-alta: #1c5d41;
	--cdi-tarjeta-suave: #a8cbb6;

	/* Detalle Caja Rural */
	--cdi-oro: #e9b949;

	--cdi-radio: 12px;
	--cdi-hueco: 22px;
}


/* Cabecera */

.cdi-deporte .cdi-deporte__head {
	margin: 0 0 38px;
}

.cdi-deporte .cdi-deporte__titulo {
	margin: 0;
	color: var(--cdi-tinta);
	font-size: 3.2rem;
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.cdi-deporte .cdi-deporte__dato {
	margin: 10px 0 0;
	color: var(--cdi-suave);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cdi-deporte .cdi-deporte__cifra {
	color: var(--cdi-verde-osc);
	font-weight: 800;
	letter-spacing: 0;
}

/* Linea de campo: trazo verde con remate dorado */
.cdi-deporte .cdi-deporte__linea {
	display: block;
	position: relative;
	height: 1px;
	margin: 18px 0 0;
	background: var(--cdi-linea);
}

.cdi-deporte .cdi-deporte__linea:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 76px;
	height: 5px;
	background: var(--cdi-verde);
}

.cdi-deporte .cdi-deporte__linea:after {
	content: "";
	position: absolute;
	top: -2px;
	left: 76px;
	width: 18px;
	height: 5px;
	background: var(--cdi-oro);
}

.cdi-deporte .cdi-deporte__intro {
	max-width: 62ch;
	margin: 22px 0 0;
	color: var(--cdi-suave);
	font-size: 1rem;
	line-height: 1.65;
}


/* Buscador */

.cdi-deporte .cdi-deporte__filtro {
	max-width: 380px;
	margin: 0 0 26px;
}

.cdi-deporte .cdi-deporte__label {
	display: block;
	margin: 0 0 7px;
	color: var(--cdi-tinta);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.cdi-deporte .cdi-deporte__input {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 15px;
	border: 1px solid var(--cdi-linea);
	border-radius: var(--cdi-radio);
	background: var(--cdi-papel);
	color: var(--cdi-tinta);
	font-size: 0.95rem;
	line-height: 1.3;
}

.cdi-deporte .cdi-deporte__input:focus {
	border-color: var(--cdi-verde);
	box-shadow: 0 0 0 3px rgba(14, 122, 69, 0.16);
	outline: none;
}


/* Rejilla */

.cdi-deporte .cdi-clubes {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
	gap: var(--cdi-hueco);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdi-deporte .cdi-clubes > li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

.cdi-deporte .cdi-clubes > li:before {
	content: none;
}

.cdi-deporte .cdi-club[hidden] {
	display: none;
}


/* Ficha de club */

.cdi-deporte .cdi-club__enlace {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	padding: 28px 16px 24px;
	border-radius: var(--cdi-radio);
	background: var(--cdi-tarjeta);
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
}

/* Filo dorado inferior, discreto y siempre visible */
.cdi-deporte .cdi-club__enlace:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 38%;
	height: 3px;
	background: var(--cdi-oro);
	opacity: 0.55;
	transition: width 0.28s ease, opacity 0.28s ease;
}

.cdi-deporte .cdi-club__enlace:hover,
.cdi-deporte .cdi-club__enlace:focus {
	transform: translateY(-4px);
	background: var(--cdi-tarjeta-alta);
	box-shadow: 0 14px 30px -14px rgba(10, 45, 28, 0.6);
	text-decoration: none;
}

.cdi-deporte .cdi-club__enlace:hover:before,
.cdi-deporte .cdi-club__enlace:focus:before {
	width: 100%;
	opacity: 1;
}

.cdi-deporte .cdi-club__enlace:focus {
	outline: 2px solid var(--cdi-oro);
	outline-offset: 3px;
}


/* Circulo blanco del escudo */

.cdi-deporte .cdi-club__escudo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	margin: 0 0 18px;
	border-radius: 50%;
	background: #ffffff;
	transition: box-shadow 0.22s ease;
}

.cdi-deporte .cdi-club__enlace:hover .cdi-club__escudo,
.cdi-deporte .cdi-club__enlace:focus .cdi-club__escudo {
	box-shadow: 0 0 0 4px rgba(233, 185, 73, 0.4);
}

.cdi-deporte .cdi-club__img {
	display: block;
	width: auto;
	max-width: 70px;
	height: auto;
	max-height: 70px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	object-fit: contain;
}

.cdi-deporte .cdi-club__monograma {
	color: var(--cdi-tarjeta);
	font-size: 1.7rem;
	font-weight: 800;
	line-height: 1;
}


/* Textos de la ficha */

.cdi-deporte .cdi-club__nombre {
	display: block;
	color: #ffffff;
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1.34;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

/* Subrayado dorado corto bajo el nombre */
.cdi-deporte .cdi-club__nombre:after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	margin: 10px auto 0;
	background: var(--cdi-oro);
	transition: width 0.28s ease;
}

.cdi-deporte .cdi-club__enlace:hover .cdi-club__nombre:after,
.cdi-deporte .cdi-club__enlace:focus .cdi-club__nombre:after {
	width: 42px;
}

.cdi-deporte .cdi-club__localidad {
	display: block;
	margin: 9px 0 0;
	color: var(--cdi-tarjeta-suave);
	font-size: 0.74rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}


/* Estados */

.cdi-deporte .cdi-deporte__vacio,
.cdi-deporte .cdi-deporte__sinresultados {
	max-width: 52ch;
	margin: 0;
	padding: 26px 24px;
	border: 1px dashed var(--cdi-linea);
	border-radius: var(--cdi-radio);
	background: var(--cdi-fondo);
	color: var(--cdi-suave);
	font-size: 0.95rem;
	line-height: 1.6;
}

.cdi-deporte .cdi-deporte__sinresultados {
	margin-top: var(--cdi-hueco);
}


/* Movil */

@media only screen and (max-width: 540px) {
	.cdi-deporte {
		--cdi-hueco: 14px;
	}

	.cdi-deporte .cdi-deporte__titulo {
		font-size: 2.1rem;
	}

	.cdi-deporte .cdi-clubes {
		grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	}

	.cdi-deporte .cdi-club__enlace {
		padding: 20px 10px 18px;
	}

	.cdi-deporte .cdi-club__escudo {
		width: 76px;
		height: 76px;
		margin-bottom: 13px;
	}

	.cdi-deporte .cdi-club__img {
		max-width: 54px;
		max-height: 54px;
	}

	.cdi-deporte .cdi-club__nombre {
		font-size: 0.78rem;
	}

	.cdi-deporte .cdi-club__nombre:after {
		margin-top: 8px;
	}
}


@media (prefers-reduced-motion: reduce) {
	.cdi-deporte .cdi-club__enlace,
	.cdi-deporte .cdi-club__enlace:before,
	.cdi-deporte .cdi-club__escudo,
	.cdi-deporte .cdi-club__nombre:after {
		transition: none;
	}

	.cdi-deporte .cdi-club__enlace:hover,
	.cdi-deporte .cdi-club__enlace:focus {
		transform: none;
	}
}


/* ============================================================
   Rejilla de equipos  [cdi_equipos]
   Version compacta: tarjetas pequenas y de altura uniforme.
   ============================================================ */

.cdi-equipos {
	--cdi-cols: 3;
	--cdi-hueco: 12px;
}

.cdi-deporte.cdi-equipos .cdi-clubes--fijo {
	grid-template-columns: repeat(var(--cdi-cols), minmax(0, 1fr));
	gap: var(--cdi-hueco);
}

/* Tarjeta compacta */

.cdi-deporte.cdi-equipos .cdi-club__enlace {
	padding: 16px 10px 14px;
	border-radius: 10px;
}

.cdi-deporte.cdi-equipos .cdi-club__enlace:before {
	height: 2px;
}

.cdi-deporte.cdi-equipos .cdi-club__escudo {
	width: 66px;
	height: 66px;
	margin: 0 0 11px;
}

.cdi-deporte.cdi-equipos .cdi-club__img {
	max-width: 46px;
	max-height: 46px;
}

.cdi-deporte.cdi-equipos .cdi-club__monograma {
	font-size: 1.15rem;
}

/* Nombre a dos lineas como maximo, para que todas midan igual */

.cdi-deporte.cdi-equipos .cdi-club__nombre {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.7rem;
	line-height: 1.26;
	letter-spacing: 0.02em;
}

/* El filo dorado inferior ya marca la tarjeta; sobra el subrayado */
.cdi-deporte.cdi-equipos .cdi-club__nombre:after {
	display: none;
}

.cdi-deporte.cdi-equipos .cdi-club__localidad {
	margin: 5px 0 0;
	font-size: 0.64rem;
	letter-spacing: 0.03em;
}

/* Pie con el enlace al listado completo */

.cdi-deporte.cdi-equipos .cdi-equipos__pie {
	margin: 16px 0 0;
	text-align: right;
}

.cdi-deporte.cdi-equipos .cdi-equipos__vertodos {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border: 1px solid var(--cdi-linea);
	border-radius: 999px;
	background: var(--cdi-papel);
	color: var(--cdi-tarjeta);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.cdi-deporte.cdi-equipos .cdi-equipos__vertodos:hover,
.cdi-deporte.cdi-equipos .cdi-equipos__vertodos:focus {
	border-color: var(--cdi-oro);
	background: var(--cdi-tarjeta);
	color: #ffffff;
	text-decoration: none;
}

.cdi-deporte.cdi-equipos .cdi-equipos__flecha {
	color: var(--cdi-oro);
	font-size: 0.9rem;
	line-height: 1;
	transition: transform 0.2s ease;
}

.cdi-deporte.cdi-equipos .cdi-equipos__vertodos:hover .cdi-equipos__flecha,
.cdi-deporte.cdi-equipos .cdi-equipos__vertodos:focus .cdi-equipos__flecha {
	transform: translateX(3px);
}


/* Columna estrecha (sidebar de la portada) */

@media only screen and (max-width: 1100px) {
	.cdi-deporte.cdi-equipos .cdi-club__escudo {
		width: 58px;
		height: 58px;
	}

	.cdi-deporte.cdi-equipos .cdi-club__img {
		max-width: 40px;
		max-height: 40px;
	}
}


/* Movil: dos columnas, nunca una tarjeta a pantalla completa */

@media only screen and (max-width: 600px) {
	.cdi-deporte.cdi-equipos {
		--cdi-hueco: 10px;
	}

	.cdi-deporte.cdi-equipos .cdi-clubes--fijo {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cdi-deporte.cdi-equipos .cdi-club__enlace {
		padding: 14px 8px 12px;
	}

	.cdi-deporte.cdi-equipos .cdi-club__escudo {
		width: 62px;
		height: 62px;
		margin-bottom: 10px;
	}

	.cdi-deporte.cdi-equipos .cdi-club__img {
		max-width: 42px;
		max-height: 42px;
	}

	.cdi-deporte.cdi-equipos .cdi-club__nombre {
		font-size: 0.68rem;
	}

	.cdi-deporte.cdi-equipos .cdi-club__localidad {
		font-size: 0.62rem;
	}

	.cdi-deporte.cdi-equipos .cdi-equipos__pie {
		text-align: center;
	}

	.cdi-deporte.cdi-equipos .cdi-equipos__vertodos {
		width: 100%;
		justify-content: center;
	}
}


/* Pantallas muy estrechas */

@media only screen and (max-width: 360px) {
	.cdi-deporte.cdi-equipos .cdi-club__escudo {
		width: 54px;
		height: 54px;
	}

	.cdi-deporte.cdi-equipos .cdi-club__img {
		max-width: 36px;
		max-height: 36px;
	}
}