@media (min-width: 768px) {

}

@media (max-width: 360px) {

}

.mobula_mascota {
	margin-left: -30% !important;
	width: 370px;
	max-width: fit-content;
	transition: width .15s ease, margin .15s ease, opacity .15s ease;
}

/* Estado actual del menú sobre el fondo translúcido. */
.navbar-menu .navbar-nav .nav-link.active {
	background-color: rgba(0, 0, 0, .5) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #3fa7d6;
}

.navbar-menu .navbar-nav .nav-link.active i {
	color: #3fa7d6 !important;
}

.navbar-menu .navbar-nav .menu-dropdown .nav-link.active {
	background-color: rgba(63, 167, 214, .16) !important;
	box-shadow: none;
}

/* Submenús a todo lo ancho, sin el guion decorativo del tema. */
.navbar-menu .navbar-nav .menu-dropdown > .nav-sm {
	padding-left: 0;
	padding-right: 0;
}

.navbar-menu .navbar-nav .menu-dropdown > .nav-sm > .nav-item > .nav-link {
	padding-left: 52px !important;
}

.navbar-menu .navbar-nav .menu-dropdown > .nav-sm > .nav-item > .nav-link::before {
	display: none;
}

.navbar-menu .navbar-nav .menu-dropdown > .nav-sm > .nav-item > .nav-link.active::before {
	content: "";
	display: block;
	left: 27px;
	right: auto;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	border-radius: 50%;
	background-color: #ffca5b !important;
	opacity: 1;
	animation: menu-active-led 1.4s ease-in-out infinite;
}

@keyframes menu-active-led {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(255, 202, 91, .2), 0 0 4px rgba(255, 202, 91, .55);
		opacity: .65;
	}
	50% {
		box-shadow: 0 0 0 4px rgba(255, 202, 91, 0), 0 0 9px rgba(255, 202, 91, 1);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.navbar-menu .navbar-nav .menu-dropdown > .nav-sm > .nav-item > .nav-link.active::before {
		animation: none;
	}
}

@media (min-width: 768px) {
	/* La ilustración no tiene una variante legible para el menú compacto. */
	[data-sidebar-size="sm-hover"] .navbar-menu:not(:hover) .mobula_mascota {
		margin-left: 0 !important;
		width: 0;
		opacity: 0;
		visibility: hidden;
	}

	/* Al desplegarse, el menú debe quedar por encima del buscador del topbar. */
	[data-sidebar-size="sm-hover"] .navbar-menu:hover {
		z-index: 1004;
	}
}

/* Mantiene accesibles la búsqueda y controles mientras se recorre el listado. */
.equipos-filtros-sticky {
	position: sticky;
	top: 86px;
	z-index: 1001;
	background-color: var(--vz-secondary-bg);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}

/* Identidad específica de categoría superpuesta al escudo institucional. */
.equipo-logos {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
}

.equipo-logo-categoria {
	position: absolute;
	right: -0.7rem;
	bottom: -0.45rem;
	width: 2.9rem;
	height: 2.9rem;
	padding: .16rem;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .25);
	object-fit: contain;
	z-index: 1;
}

.team-list.list-view-filter .equipo-logo-categoria {
	right: -0.45rem;
	bottom: -0.3rem;
	width: 2rem;
	height: 2rem;
}

/* Separa el perfil del equipo con los dos colores de su identidad institucional. */
.team-list .team-profile-img {
	border-bottom: 5px solid var(--equipo-color-primario, #3fa7d6);
	border-image: linear-gradient(to right, var(--equipo-color-primario, #3fa7d6) 50%, var(--equipo-color-secundario, #ffffff) 50%) 1;
	padding: 0 0 20px 0;
}

/* Vista y reemplazo del logo específico de una categoría en la ficha del equipo. */
.categoria-logo-editor {
	vertical-align: top;
}

.categoria-logo-vista {
	width: 4.5rem;
	height: 4.5rem;
}

.categoria-logo-vista img {
	width: 100%;
	height: 100%;
	padding: .3rem;
	object-fit: contain;
}

.categoria-logo-archivo {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.categoria-logo-camara {
	position: absolute;
	right: -.4rem;
	bottom: -.2rem;
	cursor: pointer;
}

/* Estructura de carga de la ficha de equipo. */
.skeleton-line,
.skeleton-circle,
.skeleton-color {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: .35rem;
	background: var(--vz-tertiary-bg, #edf0f5);
}

.skeleton-line::after,
.skeleton-circle::after,
.skeleton-color::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .48), transparent);
	content: '';
	transform: translateX(-100%);
	animation: ficha-equipo-skeleton 1.35s infinite;
}

.skeleton-title { width: 13rem; height: 1.5rem; }
.skeleton-circle { width: 7.5rem; height: 7.5rem; border-radius: 50%; }
.skeleton-name { width: 7rem; height: 1rem; }
.skeleton-short { width: 5.5rem; height: .8rem; }
.skeleton-text { width: 100%; height: .75rem; }
.skeleton-tab { display: inline-block; width: 6rem; height: 1rem; }
.skeleton-label { width: 4.5rem; height: .7rem; }
.skeleton-input { width: 100%; height: 2.35rem; }
.skeleton-color { width: 1.75rem; height: 1.75rem; border-radius: 50%; }

@keyframes ficha-equipo-skeleton {
	100% { transform: translateX(100%); }
}

.lp-clasificado > td:first-child {
	border-left: 4px solid #0ab39c !important;
}

.lp-tabla-estadisticas-contenedor {
	overflow: hidden;
}

.lp-tabla-estadisticas .lp-estadistica-numerica {
	min-width: 1.9rem;
	width: 1.9rem;
	padding-left: .25rem !important;
	padding-right: .25rem !important;
}

.lp-tabla-estadisticas .lp-estadistica-detalle {
	box-sizing: border-box;
	min-width: 0;
	width: 0;
	max-width: 0;
	overflow: hidden;
	padding-left: 0 !important;
	padding-right: 0 !important;
	opacity: 0;
	white-space: nowrap;
	transition: min-width .28s ease, width .28s ease, max-width .28s ease, padding .28s ease, opacity .18s ease;
}

.lp-tabla-estadisticas.lp-tabla-estadisticas--detalle .lp-estadistica-detalle {
	min-width: 1.9rem;
	width: 1.9rem;
	max-width: 1.9rem;
	padding-left: .25rem !important;
	padding-right: .25rem !important;
	opacity: 1;
}

.lp-exportacion-tabla {
	position: fixed;
	left: -20000px;
	top: 0;
	width: 1920px;
	height: 1080px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 58px 64px;
	background: #071a2e;
	color: #e8eef7;
	font-family: Inter, Arial, sans-serif;
}

.lp-exportacion-encabezado {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 2px solid #1f466b;
}

.lp-exportacion-torneo { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: 12px; }
.lp-exportacion-logo-torneo { display: block; width: auto; height: 70px; object-fit: contain; object-position: left center; }
.lp-exportacion-marca { color: #0ab39c; font-size: 15px; font-weight: 800; letter-spacing: .18em; }
.lp-exportacion-encabezado h1 { margin: 8px 0 4px; color: #fff; font-size: 34px; }
.lp-exportacion-encabezado p { margin: 0; color: #a9b8ca; font-size: 19px; }
.lp-exportacion-titulo { color: #fff; font-size: 18px; font-weight: 800; letter-spacing: .08em; }

.lp-exportacion-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.lp-exportacion-grupo { overflow: hidden; border: 1px solid #285071; border-radius: 10px; background: #0c223b; }
.lp-exportacion-grupo h2 { margin: 0; padding: 16px 20px; background: #123556; color: #fff; font-size: 21px; }
.lp-exportacion-grupo table { width: 100%; border-collapse: collapse; font-size: 17px; }
.lp-exportacion-grupo th { padding: 12px 8px; background: #17456d; color: #fff; font-size: 15px; text-align: center; }
.lp-exportacion-grupo th:nth-child(2) { text-align: left; }
.lp-exportacion-grupo td { padding: 10px 7px; border-top: 1px solid #234661; text-align: center; }
.lp-exportacion-grupo td:nth-child(3) { color: #fff; font-size: 18px; font-weight: 700; text-align: left; }
.lp-exportacion-grupo td:nth-child(2) { width: 48px; }
.lp-exportacion-grupo img { width: 38px; height: 38px; object-fit: contain; vertical-align: middle; }
.lp-exportacion-clasificado td:first-child { box-shadow: inset 4px 0 #0ab39c; }
.lp-exportacion-pie { display: flex; align-items: center; justify-content: space-between; margin-top: 28px; color: #7890a8; font-size: 13px; }
.lp-exportacion-pie img { display: block; width: auto; height: 80px; object-fit: contain; object-position: left center; }
.lp-exportacion--densa .lp-exportacion-grupo h2 { padding: 14px 18px; font-size: 18px; }
.lp-exportacion--densa .lp-exportacion-grupo table { font-size: 14px; }
.lp-exportacion--densa .lp-exportacion-grupo th { padding: 10px 6px; font-size: 12px; }
.lp-exportacion--densa .lp-exportacion-grupo th:nth-child(2) { text-align: left; }
.lp-exportacion--densa .lp-exportacion-grupo td { padding: 9px 6px; }
.lp-exportacion--densa .lp-exportacion-grupo td:nth-child(3) { font-size: 14px; }
.lp-exportacion--densa .lp-exportacion-grupo td:nth-child(2) { width: 34px; }
.lp-exportacion--densa .lp-exportacion-grupo img { width: 26px; height: 26px; }

.lp-partido-identificador { font-size: .82rem; font-weight: 700; }
.lp-partido-hora { margin-bottom: .25rem; color: #fff; font-size: 1.05rem; font-weight: 800; line-height: 1; }

.lp-exportacion-jornada {
	position: fixed;
	left: -20000px;
	top: 0;
	width: 1920px;
	height: 1080px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 56px 64px 42px;
	background: #071a2e;
	color: #e8eef7;
	font-family: Inter, Arial, sans-serif;
}
.lp-exportacion-jornada-encabezado { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding-bottom: 20px; border-bottom: 2px solid #1f466b; }
.lp-exportacion-jornada-torneo { display: flex; align-items: center; gap: 20px; }
.lp-exportacion-jornada-torneo > img { width: auto; height: 64px; object-fit: contain; }
.lp-exportacion-jornada-torneo h1 { margin: 6px 0 3px; color: #fff; font-size: 31px; }
.lp-exportacion-jornada-torneo p { margin: 0; color: #a9b8ca; font-size: 17px; }
.lp-exportacion-jornada-titulo { display: flex; flex-direction: column; align-items: flex-end; color: #a9b8ca; font-size: 16px; font-weight: 800; letter-spacing: .08em; }
.lp-exportacion-jornada-titulo strong { color: #fff; font-size: 30px; line-height: 1.1; }
.lp-exportacion-fecha-partidos { margin-top: 16px; }
.lp-exportacion-fecha-partidos + .lp-exportacion-fecha-partidos { margin-top: 22px; }
.lp-exportacion-partidos-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lp-exportacion-partido { width: 100%; overflow: hidden; border: 1px solid #285071; border-radius: 10px; border-collapse: separate; border-spacing: 0; background: #0c223b; }
.lp-exportacion-partido th { padding: 12px 16px; background: #17456d; color: #fff; font-size: 15px; text-align: left; }
.lp-exportacion-partido td { border-top: 1px solid #234661; }
.lp-exportacion-partido-equipo { width: 65%; padding: 12px 16px; color: #fff; font-size: 20px; font-weight: 700; }
.lp-exportacion-partido-equipo img { width: 42px; height: 42px; margin-right: 12px; object-fit: contain; vertical-align: middle; }
.lp-exportacion-partido-equipo span { display: inline-block; max-width: 260px; vertical-align: middle; }
.lp-exportacion-partido-marcador { width: 13%; color: #fff; font-size: 31px; font-weight: 800; text-align: center; }
.lp-exportacion-partido-meta { width: 22%; padding: 12px 14px; background: #123556; text-align: center; }
.lp-exportacion-partido-meta strong { display: block; color: #fff; font-size: 25px; line-height: 1.1; }
.lp-exportacion-partido-meta span { display: block; margin-top: 7px; font-size: 14px; font-weight: 700; }
.lp-exportacion-jornada-pie { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; color: #7890a8; font-size: 13px; }
.lp-exportacion-jornada-pie img { display: block; width: auto; height: 52px; object-fit: contain; object-position: left center; }

@media (max-width: 767.98px) {
	.equipos-filtros-sticky {
		top: 76px;
	}
}