/**
 * Votaciones, "me gusta" y premios del perfil — Espacio Gamer.
 * Usa las variables y componentes del tema (eg-tema.css).
 * Archivo: assets/css/eg-votaciones.css
 */

/* ---------------- Votación ---------------- */
.eg-vt-contenedor { max-width: 1100px; margin-inline: auto; }
.eg-vt-cargando { color: var(--eg-texto-3); }

.eg-vt {
	--acc: var(--eg-naranja);
	padding: 24px;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(254, 112, 6, .10) 0, var(--eg-card) 240px);
	box-shadow: var(--eg-sombra);
	color: var(--eg-texto);
}
.eg-vt-cab { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px; margin-bottom: 22px; }
.eg-vt-kicker { font: 700 12px var(--eg-f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--eg-naranja); }
.eg-vt-tit { margin: 4px 0 0; font-size: clamp(26px, 4.6vw, 40px); line-height: 1.05; text-transform: uppercase; color: var(--eg-titulo); text-wrap: balance; }
.eg-vt-cierre { text-align: right; font-size: 13px; color: var(--eg-texto-2); display: grid; gap: 2px; }
.eg-vt-cierre b { font: 900 22px var(--eg-f-titulo); font-style: italic; font-stretch: 75%; color: var(--eg-titulo); text-transform: uppercase; }

.eg-vt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; }

.eg-vt-tarj {
	position: relative;
	display: flex;
	height: 230px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: inherit;
	font: inherit;
	background: #0d0d10;
	border: 2px solid transparent;
	border-radius: 12px;
	overflow: hidden;
	appearance: none;
}
button.eg-vt-tarj { cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s var(--eg-suave); }
button.eg-vt-tarj:hover { border-color: rgba(254, 112, 6, .5); transform: translateY(-2px); }
button.eg-vt-tarj:focus-visible { outline: 2px solid var(--eg-naranja); outline-offset: 2px; }
.eg-vt-tarj-sel, button.eg-vt-tarj[aria-pressed="true"] { border-color: var(--eg-naranja); box-shadow: 0 0 0 4px rgba(254, 112, 6, .22); }

.eg-vt-tarj-foto { position: relative; flex: 1; min-width: 0; overflow: hidden; background: radial-gradient(120% 90% at 30% 10%, rgba(254, 112, 6, .28), #1a1a1f 70%); }
.eg-vt-tarj-foto > img:first-child { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
.eg-vt-tarj-foto::after { content: ""; position: absolute; inset: auto 0 0 0; height: 60%; background: linear-gradient(180deg, transparent, rgba(160, 64, 0, .82)); pointer-events: none; }
.eg-vt-tarj-ini { position: absolute; left: 12px; top: 6px; font: 900 92px/1 var(--eg-f-titulo); font-style: italic; font-stretch: 75%; color: transparent; -webkit-text-stroke: 2px rgba(255, 170, 90, .6); opacity: .6; }
.eg-vt-tarj-stats { position: absolute; left: 12px; bottom: 12px; z-index: 1; display: grid; gap: 2px; font: 700 12px/1.25 var(--eg-f-texto); color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.eg-vt-tarj-escudo { position: absolute; right: 10px; bottom: 10px; z-index: 1; width: 38px; height: 38px; object-fit: contain; }
.eg-vt-tarj-check { position: absolute; top: 10px; right: 10px; z-index: 2; background: var(--eg-naranja); color: #111; font: 800 11px var(--eg-f-texto); letter-spacing: .06em; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }
.eg-vt-tarj-nom { flex: none; width: 56px; display: flex; align-items: center; justify-content: center; background: #0d0d10; }
.eg-vt-tarj-nom > span { writing-mode: vertical-rl; transform: rotate(180deg); font: 900 21px var(--eg-f-titulo); font-style: italic; font-stretch: 75%; text-transform: uppercase; white-space: nowrap; color: #fff; max-height: 210px; overflow: hidden; text-overflow: ellipsis; }

.eg-vt-pie { margin-top: 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.eg-vt-nota { margin: 0; font-size: 14px; color: var(--eg-texto-2); max-width: 52ch; }
.eg-vt-acciones { display: flex; flex-wrap: wrap; gap: 10px; }
.eg-vt-msg { margin: 10px 0 0; min-height: 1.4em; font-size: 14px; color: var(--eg-naranja-claro); }
.eg-vt-volver { margin: 22px 0 0; font-size: 14px; }
.eg-vt-volver a { color: var(--eg-texto-2); }
.eg-vt button[disabled].eg-btn { opacity: .4; cursor: not-allowed; }

/* requisitos */
.eg-vt-req { margin-top: 18px; padding: 18px; border-radius: 10px; background: var(--eg-card-in); box-shadow: inset 0 0 0 1px var(--eg-sep); }
.eg-vt-req h3 { margin: 0 0 6px; font-size: 20px; text-transform: uppercase; color: var(--eg-titulo); }
.eg-vt-req p { margin: 0 0 12px; color: var(--eg-texto-2); font-size: 14px; }
.eg-vt-req ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.eg-vt-req li { display: flex; gap: 12px; align-items: baseline; font-size: 15px; }
.eg-vt-req-marca { flex: none; min-width: 52px; text-align: center; font: 800 11px var(--eg-f-texto); letter-spacing: .06em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; }
.eg-vt-req-si .eg-vt-req-marca { background: rgba(61, 220, 132, .16); color: #3ddc84; }
.eg-vt-req-no .eg-vt-req-marca { background: rgba(255, 93, 93, .16); color: #ff7b7b; }
.eg-vt-req a { color: var(--eg-naranja-claro); }

/* resultados */
.eg-vt-res { display: grid; gap: 10px; margin-top: 18px; }
.eg-vt-res-fila { position: relative; overflow: hidden; display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: center; padding: 11px 14px; border-radius: 8px; background: var(--eg-card-in); box-shadow: inset 0 0 0 1px var(--eg-linea); color: inherit; text-decoration: none; }
.eg-vt-res-fila:hover { background: var(--eg-card-hover); }
.eg-vt-res-barra { position: absolute; inset: 0 auto 0 0; background: rgba(254, 112, 6, .2); transition: width .8s var(--eg-suave); }
.eg-vt-res-fila > * { position: relative; }
.eg-vt-res-fila > .eg-vt-res-barra { position: absolute; }
.eg-vt-res-pos { font: 900 20px var(--eg-f-titulo); font-style: italic; color: var(--eg-naranja); }
.eg-vt-res-nom b { font-weight: 700; color: var(--eg-titulo); }
.eg-vt-res-nom small { display: block; color: var(--eg-texto-3); }
.eg-vt-res-nom i { margin-left: 8px; font: 800 10px var(--eg-f-texto); font-style: normal; letter-spacing: .08em; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; background: rgba(254, 112, 6, .18); color: var(--eg-naranja-claro); }
.eg-vt-res-pct { text-align: right; font: 900 22px var(--eg-f-titulo); font-style: italic; font-variant-numeric: tabular-nums; color: var(--eg-titulo); }
.eg-vt-res-pct small { display: block; font: 500 12px var(--eg-f-texto); font-style: normal; color: var(--eg-texto-3); }
.eg-vt-res-gana { box-shadow: inset 0 0 0 1px rgba(242, 183, 5, .6); }
.eg-vt-res-gana .eg-vt-res-pos { color: #f2b705; }

/* lista y banner */
.eg-vt-grupo { margin-bottom: 36px; }
.eg-vt-grupo-tit { margin: 0 0 14px; font-size: 22px; text-transform: uppercase; color: var(--eg-titulo); display: flex; align-items: center; gap: 10px; }
.eg-vt-grupo-tit::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: var(--eg-naranja); }
.eg-vt-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.eg-vt-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; color: inherit; text-decoration: none !important; }
.eg-vt-item:hover { background: var(--eg-card-hover); transform: translateY(-2px); }
.eg-vt-item-txt { display: grid; gap: 3px; min-width: 0; }
.eg-vt-item-txt b { font: 900 20px/1.1 var(--eg-f-titulo); font-style: italic; font-stretch: 75%; text-transform: uppercase; color: var(--eg-titulo); }
.eg-vt-item-txt small { color: var(--eg-texto-2); font-size: 13px; }
.eg-vt-item-cta { flex: none; font: 800 12px var(--eg-f-texto); letter-spacing: .08em; text-transform: uppercase; padding: 9px 12px; border-radius: 6px; background: var(--eg-naranja); color: #111; }

.eg-vt-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 20px 24px; border-radius: 12px; background: linear-gradient(90deg, rgba(254, 112, 6, .18), var(--eg-card) 70%); box-shadow: var(--eg-sombra); color: inherit; text-decoration: none !important; }
.eg-vt-banner-txt { display: grid; gap: 2px; }
.eg-vt-banner-txt b { font: 900 clamp(20px, 3vw, 28px)/1.1 var(--eg-f-titulo); font-style: italic; font-stretch: 75%; text-transform: uppercase; color: var(--eg-titulo); }
.eg-vt-banner-txt small { color: var(--eg-texto-2); }

/* más queridos */
.eg-vt-top { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.eg-vt-top a { display: grid; grid-template-columns: 34px 44px 1fr auto; gap: 12px; align-items: center; padding: 10px 14px; color: inherit; text-decoration: none !important; }
.eg-vt-top-pos { font: 900 20px var(--eg-f-titulo); font-style: italic; color: var(--eg-naranja); }
.eg-vt-top img, .eg-vt-top-ini { width: 44px; height: 44px; object-fit: contain; border-radius: 8px; }
.eg-vt-top-ini { display: grid; place-items: center; background: var(--eg-card-in); font: 800 14px var(--eg-f-titulo); color: var(--eg-naranja); }
.eg-vt-top b { color: var(--eg-titulo); font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eg-vt-top-n { font-size: 13px; color: var(--eg-texto-2); font-variant-numeric: tabular-nums; }

/* ---------------- Me gusta ---------------- */
/* ---------- Apoyo (me gusta) en el perfil, bajo la carta / el escudo ---------- */
.eg-ap {
	/* Ocupa el ancho de la carta / del escudo sin ensancharlos nunca */
	width: 0;
	min-width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 4px 6px;
	margin: 10px 0 0;
	padding: 6px 6px 6px 9px;
	box-sizing: border-box;
	background: var(--eg-card);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--eg-radio);
}
.eg-ap-tit { min-width: 0; font: 700 11px/1.2 var(--eg-f-texto); color: var(--eg-texto-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eg-ap-cuenta { display: inline-flex; align-items: center; gap: 4px; min-width: 0; color: var(--eg-naranja); font: 800 13px var(--eg-f-texto); font-variant-numeric: tabular-nums; }
.eg-ap-cuenta svg { flex: none; }
.eg-ap-cuenta b { font-weight: 800; color: var(--eg-titulo); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eg-ap-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none;
	width: 84px; height: 28px; gap: 4px; padding: 0; border: 0; border-radius: 6px; cursor: pointer;
	background: var(--eg-naranja); color: #111; font: 800 10.5px var(--eg-f-texto); letter-spacing: .04em; text-transform: uppercase;
	transition: transform .15s ease, background .15s ease;
}
.eg-ap-btn:hover { background: #ff8a30; }
.eg-ap-btn:active { transform: scale(.97); }
.eg-ap-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.eg-ap-btn[disabled] { opacity: .6; cursor: wait; }
.eg-ap-btn[aria-pressed="true"] { background: rgba(254, 112, 6, .16); color: var(--eg-naranja-claro, #ff9a4d); box-shadow: inset 0 0 0 1px var(--eg-naranja); }
.eg-ap-btn[aria-pressed="true"] svg { fill: currentColor; }
.eg-ap-msg { grid-column: 1 / -1; font-size: 11px; line-height: 1.3; color: var(--eg-texto-3); }
.eg-ap-msg[hidden] { display: none; }
.eg-ap-msg a { color: var(--eg-naranja-claro, #ff9a4d); }
/* Club: bloque izquierdo (escudo + apoyo) */
.eg-cl-izq { display: flex; flex-direction: column; align-items: stretch; flex: none; width: 256px; max-width: 100%; }
.eg-cl-izq .eg-cl-escudo { width: 100%; height: auto; aspect-ratio: 1; padding: 18px; }
.eg-cl-izq .eg-cl-escudo img { width: 100%; height: 100%; object-fit: contain; }
.eg-cl-izq .eg-ap { padding-left: 9px; }
.eg-ap-btn svg { width: 13px; height: 13px; flex: none; }
.eg-cl-izq .eg-ap-tit { font-size: 11px; }
.eg-cl-cab .eg-cl-kpis { align-self: center; }
@media (min-width: 768px) { .eg-cl-cab { align-items: center !important; } }

/* Celular: tipografía del apoyo más grande y club ordenado como el jugador */
@media (max-width: 767px) {
	.eg-ap { padding: 8px 8px 8px 14px; gap: 4px 10px; }
	.eg-ap-tit, .eg-cl-izq .eg-ap-tit { font-size: 14.5px; }
	.eg-ap-cuenta { font-size: 16px; gap: 5px; }
	.eg-ap-cuenta svg { width: 14px; height: 14px; }
	.eg-ap-btn { width: 100px; height: 38px; font-size: 12.5px; }
	.eg-ap-btn svg { width: 16px; height: 16px; }
	.eg-ap-msg { font-size: 12.5px; }
	/* Orden: etiquetas, nombre, encargado, escudo, apoyo, datos */
	.eg-cl-id { flex-direction: column; align-items: center; text-align: center; gap: 16px; }
	.eg-cl-id > .eg-cl-info { order: 1; width: 100%; display: flex; flex-direction: column; align-items: center; }
	.eg-cl-id > .eg-cl-izq { order: 2; width: min(100%, 320px); max-width: none; align-items: stretch; }
	.eg-cl-cab .eg-cl-kpis { width: min(100%, 320px); justify-self: center; align-self: center; box-sizing: border-box; }
	.eg-cl-id .eg-cl-chips { justify-content: center; }
	.eg-cl-izq .eg-cl-escudo { width: 100%; }
	.eg-cl-izq .eg-ap { margin-top: 14px; }
}

/* ---------- Slider de la página de votaciones ---------- */
.eg-vts { position: relative; margin: 0 0 28px; background: linear-gradient(135deg, #1b1209, var(--eg-card) 55%); border: 1px solid rgba(254, 112, 6, .3); border-radius: var(--eg-radio); overflow: hidden; }
.eg-vts-slide { display: none; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; align-items: center; padding: 28px 28px 64px; }
.eg-vts-slide.activa { display: grid; animation: eg-vts-in .45s ease; }
@keyframes eg-vts-in { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
.eg-vts-txt { display: grid; gap: 12px; justify-items: start; }
.eg-vts-tit { margin: 0; font: 900 clamp(26px, 4vw, 40px)/1 var(--eg-f-titulo); font-style: italic; font-stretch: 75%; text-transform: uppercase; color: var(--eg-titulo); }
.eg-vts-sub { margin: 0; color: var(--eg-texto-2); font-size: 15px; }
.eg-vts-sub b { color: var(--eg-naranja); }
.eg-vts-cartas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.eg-vts-cartas .eg-vt-tarj { height: auto; aspect-ratio: 3 / 4; }
.eg-vts-cartas .eg-vt-tarj-nom { width: 38px; }
.eg-vts-cartas .eg-vt-tarj-nom > span { font-size: 15px; max-height: 150px; }
.eg-vts-cartas .eg-vt-tarj-ini { font-size: 64px; }
.eg-vts-cartas .eg-vt-tarj-stats { font-size: 10.5px; left: 8px; bottom: 8px; }
.eg-vts-cartas .eg-vt-tarj-escudo { width: 28px; height: 28px; right: 6px; bottom: 6px; }
.eg-vts-nav { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.eg-vts-puntos { display: flex; gap: 8px; }
.eg-vts-punto { width: 28px; height: 6px; padding: 0; border: 0; border-radius: 3px; background: rgba(255, 255, 255, .25); cursor: pointer; }
.eg-vts-punto.activo { background: var(--eg-naranja); }
.eg-vts-flecha { width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, .2); border-radius: var(--eg-radio); background: rgba(0, 0, 0, .35); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.eg-vts-flecha:hover { border-color: var(--eg-naranja); color: var(--eg-naranja); }
@media (max-width: 760px) {
	.eg-vts-slide { grid-template-columns: 1fr; padding: 20px 16px 62px; gap: 16px; }
	.eg-vts-cartas { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { .eg-vts-slide.activa { animation: none; } }

/* ---------- Cómo votar, ayuda, FAQ, quitar voto ---------- */
.eg-vt-como, .eg-vt-faq { margin-top: 32px; }
.eg-vt-pasos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; counter-reset: paso; }
.eg-vt-pasos li { counter-increment: paso; position: relative; display: grid; gap: 6px; padding: 18px 16px 16px 60px; background: var(--eg-card); border: 1px solid rgba(255, 255, 255, .1); border-radius: var(--eg-radio); }
.eg-vt-pasos li::before { content: counter(paso); position: absolute; left: 16px; top: 16px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; background: var(--eg-naranja); color: #111; font: 900 18px var(--eg-f-titulo); font-style: italic; }
.eg-vt-pasos b { font: 900 17px var(--eg-f-titulo); font-style: italic; font-stretch: 75%; text-transform: uppercase; color: var(--eg-titulo); }
.eg-vt-pasos span { font-size: 14px; color: var(--eg-texto-2); line-height: 1.45; }
@media (max-width: 760px) { .eg-vt-pasos { grid-template-columns: 1fr; } }
.eg-vt-faq-lista { display: grid; gap: 10px; }
.eg-vt-faq-item { padding: 0; }
.eg-vt-faq-item summary { cursor: pointer; padding: 14px 16px; font: 700 15px var(--eg-f-texto); color: var(--eg-titulo); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.eg-vt-faq-item summary::-webkit-details-marker { display: none; }
.eg-vt-faq-item summary::after { content: "+"; color: var(--eg-naranja); font-size: 20px; line-height: 1; }
.eg-vt-faq-item[open] summary::after { content: "–"; }
.eg-vt-faq-item p { margin: 0; padding: 0 16px 16px; font-size: 14px; color: var(--eg-texto-2); line-height: 1.55; }
.eg-vt-ayuda { margin: 0 0 14px; padding: 12px 14px; font-size: 14px; color: var(--eg-texto-2); background: rgba(254, 112, 6, .08); border-left: 3px solid var(--eg-naranja); border-radius: 0 var(--eg-radio) var(--eg-radio) 0; }
.eg-vt-ayuda b { color: var(--eg-titulo); }
.eg-vt-quitar { padding: 8px 12px; border: 1px dashed rgba(255, 255, 255, .3); border-radius: var(--eg-radio); background: transparent; color: var(--eg-texto-3); font: 600 12px var(--eg-f-texto); cursor: pointer; }
.eg-vt-quitar:hover { color: #fff; border-color: var(--eg-naranja); }

.eg-pm { margin: 0 0 22px; }
.eg-pm-pista { display: flex; gap: 12px; margin-top: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px; }
.eg-pm-pista::-webkit-scrollbar { display: none; }
.eg-pm-medalla {
	position: relative; overflow: hidden; flex: 0 0 min(250px, 82%);
	scroll-snap-align: start;
	display: grid; gap: 4px; align-content: end; min-height: 128px;
	padding: 16px 16px 14px; border-radius: 12px;
	color: #1d1400; text-decoration: none !important;
	background: linear-gradient(135deg, #fff1b8 0%, #f2b705 38%, #c88a00 70%, #8a5a00 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 10px 26px -12px rgba(242, 183, 5, .55);
}
.eg-pm-medalla::before {
	content: ""; position: absolute; inset: 0;
	background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0) 0 14px, rgba(255, 255, 255, .06) 14px 15px);
	pointer-events: none;
}
.eg-pm-brillo {
	position: absolute; top: -40%; bottom: -40%; width: 38%; left: -60%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
	transform: skewX(-18deg); animation: eg-pm-brillo 5.5s ease-in-out infinite; pointer-events: none;
}
@keyframes eg-pm-brillo { 0%, 55% { left: -60%; } 100% { left: 130%; } }
.eg-pm-medalla small { font: 800 11px var(--eg-f-texto); letter-spacing: .12em; text-transform: uppercase; opacity: .8; }
.eg-pm-medalla b { font: 900 24px/1 var(--eg-f-titulo); font-style: italic; font-stretch: 75%; text-transform: uppercase; text-wrap: balance; }
.eg-pm-sello { margin-top: 6px; font: 700 10px var(--eg-f-texto); letter-spacing: .16em; text-transform: uppercase; opacity: .65; }
a.eg-pm-medalla { transition: transform .2s var(--eg-suave); }
a.eg-pm-medalla:hover { transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce) {
	.eg-pm-brillo { animation: none; display: none; }
	.eg-vt-res-barra { transition: none; }
}
@media (max-width: 640px) {
	.eg-vt { padding: 16px; }
	.eg-vt-cierre { text-align: left; }
	.eg-vt-top a { grid-template-columns: 28px 40px 1fr; }
	.eg-vt-top-n { grid-column: 2 / -1; }
}

/* Sin subrayado en los nombres con enlace dentro de votaciones (siguen siendo clicables) */
.eg-vt a, .eg-vt a *, .eg-vts a, .eg-vt-top a, .eg-vt-top a *, .eg-vt-res-fila, .eg-vt-res-fila * , .eg-pm a, .eg-pm a * { text-decoration: none !important; }
.eg-vt-res-fila:hover .eg-vt-res-nom { color: var(--eg-naranja); }

/* Club (PC): nombre grande como en el perfil del jugador */
@media (min-width: 768px) {
	.eg-cl-cab .eg-cl-id .eg-cl-nombre {
		font-size: clamp(54px, 5.6vw, 80px) !important;
		line-height: 1 !important;
		letter-spacing: -.005em;
	}
	.eg-cl-cab .eg-cl-id .eg-cl-chips { gap: 8px; margin-bottom: 14px; }
	.eg-cl-cab .eg-cl-id .eg-cl-dt { margin-top: 14px !important; font-size: 16px; }
	.eg-cl-cab .eg-cl-id { gap: 36px; }
}
@media (max-width: 767px) {
	.eg-cl-cab .eg-cl-id .eg-cl-nombre { font-size: clamp(38px, 11vw, 48px) !important; line-height: 1 !important; }
}