/* =====================================================================
   MASSIVE ESTADISTICAS

   Cuatro pestanas: los lideres en tarjetas de diez, lo mismo con las
   metricas avanzadas, y las dos tablas completas. Hereda de
   situacion.css la caja, la tipografia y el cambio de pestana.

   Sin escudos ni fotos: cada jugador lleva una franja del color de su
   equipo, que es lo que permite escanear una lista de mil filas sin
   leer las siglas una por una.
   ===================================================================== */

.mbt {
	--mbt-oro:      #c8a24a;
	--mbt-oro-hondo:#8a6a1f;
	--mbt-sube:     #1a7f37;
	--mbt-baja:     #c0392b;
}

.mbt__vistas {
	margin-top: 1.1rem;
	gap: 0.5rem;
}

.mbt .mbs__vista {
	padding: 0.6rem 1.35rem;
}

.mbt__estrella {
	margin-left: 0.35rem;
	color: var(--mbt-oro);
	font-size: 0.9em;
}

/* --- La barra de arriba: temporada, buscador y cuantos hay ---------- */

.mbt__barra {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.6rem;
	margin: 0 0 1.6rem;
	padding: 0.9rem 1.1rem;
	border: 1px solid var(--mbs-borde);
	border-radius: 10px;
	background: var(--mbs-gris);
}

.mbt__temporadas {
	display: inline-flex;
	border: 1px solid var(--mbs-borde);
	border-radius: 8px;
	overflow: hidden;
	background: var(--mbs-papel);
}

.mbt a.mbt__temporada {
	padding: 0.5rem 1.1rem;
	border: 0;
	font-family: inherit;
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--mbs-suave);
	text-decoration: none;
	background: transparent;
	transition: background 0.18s ease, color 0.18s ease;
}

.mbt a.mbt__temporada + .mbt__temporada {
	border-left: 1px solid var(--mbs-borde);
}

.mbt a.mbt__temporada:hover {
	color: var(--mbs-tinta);
	background: var(--mbs-gris);
}

.mbt a.mbt__temporada.is-activa {
	color: #fff;
	background: var(--mbs-acento);
}

/* --- El buscador ---------------------------------------------------- */

.mbt__buscador {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	flex: 1 1 18rem;
}

.mbt__buscador-etiqueta {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--mbs-suave);
	white-space: nowrap;
}

.mbt input.mbt__buscador-campo {
	flex: 1 1 auto;
	min-width: 8rem;
	max-width: 22rem;
	padding: 0.5rem 0.8rem;
	border: 1px solid var(--mbs-borde);
	border-radius: 8px;
	font-family: inherit;
	font-size: 0.92rem;
	color: var(--mbs-tinta);
	background: var(--mbs-papel);
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.mbt input.mbt__buscador-campo:focus {
	outline: 0;
	border-color: var(--mbs-acento);
	box-shadow: 0 0 0 3px rgba(160, 56, 67, 0.14);
}

.mbt__buscador-cuenta {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--mbs-acento);
	white-space: nowrap;
}

.mbt__buscador-cuenta[hidden] {
	display: none;
}

.mbt__cuantos {
	margin: 0;
	font-size: 0.85rem;
	color: var(--mbs-suave);
}

.mbt__cuantos b {
	color: var(--mbs-tinta);
}

.mbt__jornada {
	white-space: nowrap;
}

/* --- Las tarjetas de los rankings ----------------------------------- */

.mbt__rejilla {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
	gap: 1.4rem;
}

.mbt__tarjeta {
	border: 1px solid var(--mbs-borde);
	border-radius: 12px;
	background: var(--mbs-papel);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mbt__tarjeta:hover {
	border-color: rgba(160, 56, 67, 0.35);
	box-shadow: 0 10px 26px rgba(53, 53, 53, 0.09);
	transform: translateY(-2px);
}

.mbt__tarjeta-cabecera {
	padding: 0.95rem 1.1rem 0.75rem;
	border-bottom: 1px solid var(--mbs-borde);
	background: var(--mbs-gris);
}

.mbt h3.mbt__tarjeta-titulo {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--mbs-tinta);
}

.mbt__tarjeta-unidad {
	margin: 0.2rem 0 0;
	font-size: 0.78rem;
	color: var(--mbs-suave);
}

/* --- Una fila de ranking -------------------------------------------- */

.mbt ol.mbt__lista {
	margin: 0;
	padding: 0.4rem 0;
	list-style: none;
}

.mbt li.mbt__fila {
	display: grid;
	grid-template-columns: 1.6rem 0.28rem minmax(0, 1fr) auto;
	align-items: center;
	gap: 0 0.6rem;
	margin: 0;
	padding: 0.42rem 1.1rem 0.5rem;
	position: relative;
	transition: background 0.15s ease;
}

/* Cualquier display en la clase le gana al [hidden] del navegador, asi
   que el filtro no escondia nada. Hace falta decirlo a mano. */
.mbt li.mbt__fila[hidden] {
	display: none;
}

.mbt li.mbt__fila:hover {
	background: var(--mbs-gris);
}

.mbt li.mbt__fila.es-lider .mbt__nombre {
	color: var(--mbs-acento);
}

.mbt__puesto {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--mbs-suave);
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.mbt li.mbt__fila.es-lider .mbt__puesto {
	color: var(--mbt-oro-hondo);
}

/* La franja de color del equipo. Sustituye al escudo: se distingue de
   un vistazo sin usar ninguna marca registrada. */
.mbt__color {
	display: block;
	width: 0.28rem;
	height: 1.5rem;
	border-radius: 2px;
}

.mbt__quien {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}

.mbt b.mbt__nombre {
	font-size: 0.94rem;
	font-weight: 600;
	color: var(--mbs-tinta);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mbt em.mbt__equipo {
	font-size: 0.74rem;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: var(--mbs-suave);
}

/* Solo en Solo Jug. Importantes: partidos, lo que cobra y lo que deberia.
   Va dentro de la columna del nombre para no tocar la rejilla de la fila,
   y se parte en dos lineas si no cabe en un movil. */
.mbt span.mbt__contrato {
	display: flex;
	flex-wrap: wrap;
	gap: 0.1rem 0.6rem;
	margin-top: 0.2rem;
	font-size: 0.72rem;
	line-height: 1.35;
	color: var(--mbs-suave);
	font-variant-numeric: tabular-nums;
}

.mbt span.mbt__contrato b {
	font-weight: 700;
	color: var(--mbs-tinta);
}

.mbt span.mbt__justo.es-caro b   { color: var(--mbt-baja); }
.mbt span.mbt__justo.es-barato b { color: var(--mbt-sube); }

.mbt span.mbt__sin-contrato { font-style: italic; }

.mbt__traspasado {
	font-weight: 400;
	opacity: 0.75;
}

.mbt__cifra {
	display: flex;
	align-items: baseline;
	gap: 0.4rem;
	white-space: nowrap;
}

.mbt__cifra b {
	font-size: 1.14rem;
	font-weight: 700;
	color: var(--mbs-tinta);
	font-variant-numeric: tabular-nums;
}

.mbt li.mbt__fila.es-lider .mbt__cifra b {
	color: var(--mbs-acento);
}

/* Lo que ha cambiado respecto al ano pasado. Verde sube, rojo baja. */
.mbt em.mbt__dif {
	font-size: 0.74rem;
	font-style: normal;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	cursor: help;
}

.mbt em.mbt__dif.es-sube  { color: var(--mbt-sube); }
.mbt em.mbt__dif.es-baja  { color: var(--mbt-baja); }
.mbt em.mbt__dif.es-igual { color: var(--mbs-suave); }

/* La medida va debajo de todo, del ancho que le toque respecto al lider.
   Se llama asi y no "barra" porque arriba ya hay una .mbt__barra — la de
   la temporada y el buscador — y la regla de 3px de alto de esta se la
   comia entera. */
.mbt__medida {
	grid-column: 1 / -1;
	height: 3px;
	margin-top: 0.3rem;
	border-radius: 2px;
	background: var(--mbs-borde);
	overflow: hidden;
}

.mbt__medida-relleno {
	display: block;
	height: 100%;
	border-radius: 2px;
	opacity: 0.55;
	transition: opacity 0.2s ease;
}

.mbt li.mbt__fila:hover .mbt__medida-relleno,
.mbt li.mbt__fila.es-lider .mbt__medida-relleno {
	opacity: 1;
}

/* --- Evolucion de una temporada a otra ------------------------------ */

/* Una franja de color arriba dice de un vistazo si la tarjeta va de
   subidas o de bajadas, sin tener que leer la flecha. */
.mbt__tarjeta--evo {
	border-top: 3px solid var(--mbs-borde);
}

.mbt__tarjeta--evo.es-sube { border-top-color: var(--mbt-sube); }
.mbt__tarjeta--evo.es-baja { border-top-color: var(--mbt-baja); }

.mbt__flecha {
	margin-left: 0.3rem;
	font-size: 0.78em;
}

.mbt__tarjeta--evo.es-sube .mbt__flecha { color: var(--mbt-sube); }
.mbt__tarjeta--evo.es-baja .mbt__flecha { color: var(--mbt-baja); }

.mbt__aviso-rol {
	font-style: italic;
	opacity: 0.85;
}

/* Cinco columnas: puesto, color, quien, de donde a donde, y el salto */
.mbt li.mbt__fila--evo {
	grid-template-columns: 1.6rem 0.28rem minmax(0, 1fr) auto auto;
	gap: 0 0.7rem;
	padding: 0.5rem 1.1rem 0.55rem;
}

/* El que se sale de la norma va con fondo, que es lo que hace que se
   vea sin leer el numero */
.mbt li.mbt__fila--evo.es-gordo {
	background: rgba(26, 127, 55, 0.08);
}

.mbt__tarjeta--evo.es-baja li.mbt__fila--evo.es-gordo {
	background: rgba(192, 57, 43, 0.07);
}

/* De donde venia y donde esta */
.mbt__viaje {
	display: flex;
	align-items: baseline;
	gap: 0.3rem;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.mbt em.mbt__antes {
	font-style: normal;
	font-size: 0.86rem;
	color: var(--mbs-suave);
}

.mbt em.mbt__hasta {
	font-style: normal;
	font-size: 0.8rem;
	color: var(--mbs-borde);
}

.mbt b.mbt__ahora {
	font-size: 1rem;
	font-weight: 700;
	color: var(--mbs-tinta);
}

/* El salto, que es lo que se viene a mirar */
.mbt__salto {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	line-height: 1.15;
	white-space: nowrap;
	min-width: 4.2rem;
}

.mbt__salto b {
	font-size: 1.2rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.mbt__salto.es-sube b { color: var(--mbt-sube); }
.mbt__salto.es-baja b { color: var(--mbt-baja); }

/* El sello.

   Es el mismo a los dos lados —marca lo mismo: un cambio que se sale de
   la norma— y lo que dice si fue a mejor o a peor es el color. */
.mbt__orejas {
	display: inline-block;
	margin-left: 0.4rem;
	padding: 0.08rem 0.42rem;
	border-radius: 3px;
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff;
	cursor: help;
}

.mbt__orejas--sube { background: var(--mbt-sube); }
.mbt__orejas--baja { background: var(--mbt-baja); }

/* La nota del metodo, mas discreta que la de los requisitos */
.mbt__nota--metodo {
	margin-top: 0.7rem;
	border-left-color: var(--mbt-oro);
}

.mbt__nodata {
	margin: 0;
	padding: 2rem 1.2rem;
	text-align: center;
	color: var(--mbs-suave);
	background: var(--mbs-gris);
	border-radius: 10px;
}

@media (max-width: 780px) {
	/* En un movil no caben cinco columnas. El viaje se va a su propia
	   linea, pero el salto NO: es el numero que se viene a mirar y tiene
	   que quedarse junto al nombre. Colocandolos a mano y no dejando que
	   la rejilla los reparte sola, el salto acababa suelto abajo a la
	   izquierda, lejos de todo. */
	.mbt li.mbt__fila--evo {
		grid-template-columns: 1.6rem 0.28rem minmax(0, 1fr) auto;
	}

	.mbt__fila--evo .mbt__quien  { grid-column: 3; grid-row: 1; }
	.mbt__fila--evo .mbt__salto  { grid-column: 4; grid-row: 1; }
	.mbt__fila--evo .mbt__viaje  { grid-column: 3 / -1; grid-row: 2; margin-top: 0.15rem; }
	.mbt__fila--evo .mbt__medida { grid-column: 1 / -1; grid-row: 3; }
}

/* --- Los jugadores importantes, a dos columnas ---------------------- */

/* Los que suben y los que bajan, uno al lado del otro. Separados en dos
   pestanas hay que acordarse de lo que ponia en la otra, y nadie se
   acuerda: la gracia esta en ver a la vez que en un mismo equipo uno
   tira para arriba mientras otro se hunde. */
.mbt__columnas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.6rem;
	align-items: start;
}

.mbt__columna-cabecera {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	margin: 0 0 0.9rem;
	padding: 0 0 0.6rem;
	border-bottom: 2px solid var(--mbs-borde);
}

.mbt__columna.es-sube .mbt__columna-cabecera { border-bottom-color: var(--mbt-sube); }
.mbt__columna.es-baja .mbt__columna-cabecera { border-bottom-color: var(--mbt-baja); }

.mbt h3.mbt__columna-titulo {
	margin: 0;
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--mbs-tinta);
}

.mbt__columna.es-sube .mbt__flecha { color: var(--mbt-sube); }
.mbt__columna.es-baja .mbt__flecha { color: var(--mbt-baja); }

.mbt__columna-titulo .mbt__flecha {
	margin: 0 0.35rem 0 0;
	font-size: 0.8em;
}

/* Cuantos hay en cada lado: el desequilibrio entre las dos cifras ya
   cuenta algo por si solo */
.mbt__columna-cuantos {
	flex: 0 0 auto;
	min-width: 1.9rem;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	font-size: 0.86rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-variant-numeric: tabular-nums;
}

.mbt__columna.es-sube .mbt__columna-cuantos { background: var(--mbt-sube); }
.mbt__columna.es-baja .mbt__columna-cuantos { background: var(--mbt-baja); }

/* Las ocho tarjetas de la columna, una debajo de otra */
.mbt__columna-tarjetas {
	display: grid;
	gap: 1.2rem;
}

/* En media pantalla la fila de ranking va mas apretada: son las mismas
   tarjetas que en las pestanas de al lado, pero en la mitad de ancho. */
.mbt__columna li.mbt__fila {
	padding: 0.4rem 0.9rem 0.48rem;
	gap: 0 0.45rem;
}

.mbt__columna .mbt__cifra b {
	font-size: 1.06rem;
}

/* --- La nota del corte de partidos ---------------------------------- */

.mbt__nota {
	margin: 1.6rem 0 0;
	padding: 0.85rem 1.1rem;
	border-left: 3px solid var(--mbs-borde);
	font-size: 0.84rem;
	line-height: 1.6;
	color: var(--mbs-suave);
	background: var(--mbs-gris);
	border-radius: 0 8px 8px 0;
}

.mbt__nota b {
	color: var(--mbs-tinta);
}

/* El aviso del corte de 45 partidos: arriba y en rojo de la casa, para
   que se lea antes de buscar a alguien que no va a estar */
.mbt__corte {
	margin: 0 0 1.2rem;
	padding: 0.8rem 1.1rem;
	border-left: 4px solid var(--mbs-acento);
	border-radius: 0 10px 10px 0;
	background: rgba(160, 56, 67, 0.08);
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--mbs-tinta);
}

.mbt__corte b {
	color: var(--mbs-acento);
}

.mbt__ayuda {
	margin: 0 0 0.9rem;
	font-size: 0.84rem;
	color: var(--mbs-suave);
}

/* --- La tabla completa ---------------------------------------------- */

/* Treinta columnas no caben en un movil y tampoco en muchos portatiles.
   Se desplaza dentro de su propia caja para que la pagina no se mueva
   de lado. */
.mbt__scroll {
	overflow-x: auto;
	border: 1px solid var(--mbs-borde);
	border-radius: 10px;
	background: var(--mbs-papel);
	-webkit-overflow-scrolling: touch;
}

.mbt table.mbt__tabla {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
}

.mbt th.mbt__th {
	position: sticky;
	top: 0;
	z-index: 2;
	padding: 0.7rem 0.7rem;
	border-bottom: 2px solid var(--mbs-borde);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--mbs-suave);
	text-align: right;
	white-space: nowrap;
	background: var(--mbs-gris);
	cursor: pointer;
	user-select: none;
	transition: color 0.15s ease, background 0.15s ease;
}

.mbt th.mbt__th:hover {
	color: var(--mbs-acento);
	background: #EAEAEA;
}

.mbt th.mbt__th:focus-visible {
	outline: 2px solid var(--mbs-acento);
	outline-offset: -2px;
}

/* La flecha de por donde esta ordenada. Se pinta con contenido y no con
   un icono para que no haya un archivo mas que cargar. */
.mbt th.mbt__th[data-mbt-activa]::after {
	content: ' \25BC';
	font-size: 0.62em;
}

.mbt th.mbt__th[data-mbt-sentido="asc"]::after {
	content: ' \25B2';
}

.mbt th.mbt__th[data-mbt-activa] {
	color: var(--mbs-acento);
}

/* LA COLUMNA DE IDENTIDAD SE QUEDA CLAVADA

   Catorce columnas no caben en un movil, asi que la tabla se desplaza
   de lado. El problema es que al hacerlo se va el nombre y las filas
   dejan de querer decir nada: te quedan quince numeros sin dueno. La
   columna de quien es se queda pegada a la izquierda. */
.mbt th.mbt__th--quien,
.mbt td.mbt__td--quien {
	position: sticky;
	left: 0;
	text-align: left;
	min-width: 13rem;
	background: var(--mbs-papel);
	box-shadow: 1px 0 0 var(--mbs-borde);
}

.mbt th.mbt__th--quien {
	z-index: 3;
	cursor: pointer;
	background: var(--mbs-gris);
}

.mbt td.mbt__td--quien {
	z-index: 1;
}

/* La celda clavada lleva fondo propio, asi que el de la fila al pasar
   el raton no se le ve por debajo: hay que repetirselo. */
.mbt tr.mbt__tr:hover td.mbt__td--quien {
	background: var(--mbs-gris);
}

.mbt__ficha {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	max-width: 100%;
}

/* En la tabla el nombre y el equipo van en la misma linea; en las
   tarjetas de ranking, uno debajo del otro. Es el mismo bloque con dos
   colocaciones, no dos bloques distintos. */
.mbt .mbt__quien--fila {
	flex-direction: row;
	align-items: baseline;
	gap: 0.45rem;
	overflow: hidden;
}

.mbt__td-puesto {
	flex: 0 0 1.7rem;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--mbs-suave);
	font-variant-numeric: tabular-nums;
}

.mbt tr.mbt__tr {
	border-bottom: 1px solid var(--mbs-borde);
	transition: background 0.13s ease;
}

.mbt tr.mbt__tr[hidden] {
	display: none;
}

.mbt tr.mbt__tr:hover {
	background: var(--mbs-gris);
}

.mbt tr.mbt__tr:last-child {
	border-bottom: 0;
}

.mbt td.mbt__td {
	padding: 0.6rem 0.7rem;
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	color: var(--mbs-tinta);
}

.mbt__color--fino {
	width: 0.22rem;
	height: 1.15rem;
	flex: 0 0 auto;
}

.mbt td.mbt__td--quien .mbt__nombre {
	font-size: 1.02rem;
}

.mbt td.mbt__td--quien .mbt__equipo {
	font-size: 0.84rem;
}

.mbt td.mbt__td--pos {
	text-align: center;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--mbs-suave);
}

/* Cada dato, con su diferencia debajo cuando el cambio es grande */
.mbt td.mbt__td--dato {
	line-height: 1.15;
}

.mbt td.mbt__td--dato b {
	display: block;
	font-size: 1.05rem;
	font-weight: 600;
}

.mbt td.mbt__td--dato .mbt__dif {
	display: block;
	font-size: 0.8rem;
	margin-top: 0.1rem;
}

.mbt__vacio {
	margin: 1rem 0 0;
	padding: 1.2rem;
	text-align: center;
	font-size: 0.9rem;
	color: var(--mbs-suave);
	background: var(--mbs-gris);
	border-radius: 8px;
}

.mbt__vacio[hidden] {
	display: none;
}

/* --- Pantallas pequenas --------------------------------------------- */

@media (max-width: 780px) {
	.mbt__barra {
		gap: 0.75rem 1rem;
	}

	.mbt__buscador {
		flex: 1 1 100%;
	}

	.mbt input.mbt__buscador-campo {
		max-width: none;
	}

	.mbt__rejilla {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.mbt table.mbt__tabla {
		font-size: 0.92rem;
	}

	.mbt td.mbt__td {
		padding: 0.5rem 0.5rem;
	}

	/* La columna clavada no puede comerse la pantalla. Con el nombre y
	   el equipo en la misma linea, un "Shai Gilgeous-Alexander OKC"
	   estiraba la celda a 273 de los 350 px que hay: quedaba sitio para
	   una columna de datos y media. Apilados y con tope, caben tres o
	   cuatro y se sigue sabiendo de quien es cada fila. */
	.mbt th.mbt__th--quien,
	.mbt td.mbt__td--quien {
		min-width: 0;
		max-width: 11rem;
	}

	.mbt .mbt__quien--fila {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		line-height: 1.2;
	}

	.mbt td.mbt__td--quien .mbt__nombre {
		font-size: 0.92rem;
		max-width: 8.5rem;
	}

	.mbt td.mbt__td--quien .mbt__equipo {
		font-size: 0.76rem;
	}

	/* Solo Jug. Importantes, una columna debajo de la otra.
	   A dos columnas, en 375 px cada tarjeta se quedaba en unos 170 y los
	   nombres se cortaban a "J." y "C.": medido en la web, 220 nombres
	   cortados en esta pestana. */
	.mbt__columnas {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}

	/* Los nombres, en dos lineas antes que con puntos suspensivos: en la
	   tabla completa salian 46 cortados ("Shai Gilgeous-Ale…") */
	.mbt b.mbt__nombre,
	.mbt td.mbt__td--quien .mbt__nombre {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		overflow-wrap: anywhere;
	}

	/* A 10,6 px el sello no se leia en un movil */
	.mbt__orejas {
		font-size: 0.72rem;
	}
}