.itn-side-logo { display: none; }

@media (min-width: 992px) {

	:root { --itn-side: 210px; --itn-accent: var(--main-color, #f9035a); }

	/* El contenido y el header dejan sitio al sidebar */
	body { padding-left: var(--itn-side); }
	body .header { left: var(--itn-side) !important; width: calc(100% - var(--itn-side)) !important; }

	/* El logo y la hamburguesa pasan al sidebar; el menú horizontal sobra */
	.header pc.site-branding,
	.header pc.bottom-menu { display: none !important; }
	/* Buscador centrado en el espacio libre (nunca choca con los botones) */
	.header pc.center {
		flex: 1 1 0;
		min-width: 0;
		max-width: 480px;
		width: auto !important;
		margin-inline: auto !important;
	}
	.header .right { flex: 0 0 auto !important; width: auto !important; margin-inline-start: 0 !important; gap: 12px; }

	/* Botones de sesión: una sola línea y forma de píldora */
	.header pc.wpst-auth-buttons { display: flex; align-items: center; gap: 10px; }
	.header pc.wpst-auth-buttons .btn {
		flex: none;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 40px;
		padding: 0 20px;
		border-radius: 100px;
		white-space: nowrap;
	}
	body #content.site-content { padding-top: var(--nav-height); }

	/* Slider de etiquetas sobre los videos: menos aire */
	.slidercat { margin: 12px 0 14px !important; }


	.mis-playlists {
    	padding: 0 10px;
	}

	/* ---- Sidebar ---- */
	body #aside {
		display: flex !important;
		flex-direction: column;
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		right: auto !important;
		width: var(--itn-side) !important;
		height: 100vh !important;
		transform: none !important;
		padding: 18px 0 24px;
		background: #000;
		border-right: 1px solid #1f1f1f !important;
		border-left: 0 !important;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-width: none;
		z-index: 99999;
		font-family: var(--site-font, "Inter", sans-serif);
	}
	body #aside::-webkit-scrollbar { display: none; }

	body #aside .itn-side-logo { display: block; padding: 2px 12px 18px; }
	body #aside .itn-side-logo img { display: block; width: 150px; height: auto; }

	/* Listas */
	body #aside nav#navigation {
		display: block;
		position: relative;
		overflow: visible;
		padding: 0 0 14px !important;
		background: transparent;
	}
	body #aside nav#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 2px;
		background: transparent;
	}

	/* Ítems */
	body #aside nav#navigation a {
		display: flex;
		align-items: center;
		gap: 12px;
		position: relative;
		height: 40px;
		margin: 0 !important;
		padding: 0 12px !important;
		border-radius: 10px;
		background: transparent;
		color: #a1a1a6;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		white-space: nowrap;
		transition: background .15s, color .15s;
	}
	body #aside nav#navigation a:hover {
		background: #141414;
		color: #fff !important;
		margin: 0 !important;
		padding: 0 12px !important;
	}
	body #aside nav#navigation .current-menu-item > a {
		background: #141414;
		color: #fff !important;
		margin: 0 !important;
		padding: 0 12px !important;
	}

	/* Badge NUEVO */
	body #aside badget {
		position: static;
		margin-left: auto;
		height: 16px;
		padding: 0 6px;
		font-size: 9px;
		letter-spacing: .02em;
		text-shadow: none;
	}

	/* Títulos de sección */
	body #aside h3 {
        color: #848484;
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
	}

	/* Redes: fila de 3 botones compactos */
	body #aside redes {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
		padding: 0;
	}
	body #aside redes a {
		height: 58px;
		margin: 0 !important;
		padding: 0 !important;
		background: #141414;
		border: 1px solid #1f1f1f;
		border-radius: 10px;
		transition: border-color .15s;
	}
	body #aside redes a:hover { border-color: var(--itn-accent); background: #141414; }
	body #aside redes a icon { margin-bottom: 4px; width: auto; }
	body #aside redes a icon svg { width: 18px; height: 18px; }
	body #aside redes a title { font-size: 10px; color: #a1a1a6; }

	/* ---- Selector de idioma: botón en píldora (como "Iniciar sesión") ---- */
	/* (el centrado exacto del buscador en pantallas anchas va al final del archivo) */
	.header .itn-lang-switch .itn-lang-btn {
		width: auto;
		height: 40px;
		padding: 0 14px 0 12px;
		gap: 8px;
		border: 1px solid #474747 !important;
		border-radius: 100px;
		background: transparent !important;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		white-space: nowrap;
	}
	.header .itn-lang-switch .itn-lang-btn:hover,
	.header .itn-lang-switch.is-open .itn-lang-btn {
		background: rgba(249, 3, 93, .1) !important;
		border-color: var(--itn-accent) !important;
		color: #fff;
	}
	.header .itn-lang-btn-flag { display: inline-flex; width: 20px; height: 20px; }
	.header .itn-lang-btn-flag img {
		width: 20px; height: 20px;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: 0 0 0 1px rgba(255, 255, 255, .18);
	}
	.header .itn-lang-btn-code { min-width: 18px; text-align: left; letter-spacing: .02em; }
	.header .itn-lang-btn-chev { width: 14px; height: 14px; opacity: .7; transition: transform .2s; }
	.header .itn-lang-switch.is-open .itn-lang-btn-chev { transform: rotate(180deg); }

	/* Desplegable */
	.header .itn-lang-menu {
		top: calc(100% + 12px);
		right: 0;
		left: auto;
		width: 230px;
		max-height: 420px;
		display: flex;
		flex-direction: column;
		gap: 2px;
		padding: 8px;
		background: #0c0c0c;
		border: 1px solid #1f1f1f;
		border-radius: 18px;
		box-shadow: 0 24px 60px rgba(0, 0, 0, .7);
		transform-origin: top right;
		transform: translateY(-8px) scale(.97);
		transition: opacity .18s, transform .18s, visibility .18s;
	}
	.header .itn-lang-switch.is-open .itn-lang-menu { transform: translateY(0) scale(1); }
	.header .itn-lang-menu .itn-lang-option {
		display: flex;
		align-items: center;
		gap: 10px;
		height: 42px;
		padding: 0 10px;
		background: transparent !important;
		border: 0 !important;
		border-radius: 12px;
		box-shadow: none !important;
		color: #d4d4d8 !important;
		font-size: 13.5px;
		font-weight: 500;
	}
	.header .itn-lang-menu .itn-lang-option:hover,
	.header .itn-lang-menu .itn-lang-option.is-active {
		background: #161616 !important;
		color: #fff !important;
	}
	.header .itn-lang-flag {
		width: 22px; height: 22px;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: 0 0 0 1px rgba(255, 255, 255, .15);
	}
	.header .itn-lang-option-code { font-size: 10.5px; font-weight: 600; color: #6b6b70; opacity: 1; }
	.header .itn-lang-option.is-active .itn-lang-option-code { color: #6b6b70; }
	.header .itn-lang-menu .itn-lang-option-check { color: var(--itn-accent); font-size: 13px; opacity: 0; }
	.header .itn-lang-menu .itn-lang-option.is-active .itn-lang-option-check { opacity: 1; }
}

/* Pantallas anchas: buscador exactamente en el centro del header */
@media (min-width: 1600px) {
	.header .row.flex { position: relative; }
	.header pc.center {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		flex: none;
		width: 480px !important;
		margin: 0 !important;
	}
}

/* ---- Botón de actividad reciente (solo PC, solo usuarios con sesión) ---- */
.itn-activity { display: none; }

@media (min-width: 992px) {
	.header pc.itn-activity { display: block; position: relative; flex: none; }

	.itn-activity-btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		position: relative;
		height: 40px;
		padding: 0 16px 0 14px;
		border: 1px solid #474747 !important;
		border-radius: 100px;
		background: transparent !important;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		white-space: nowrap;
		cursor: pointer;
		transition: border-color .15s, background .15s;
	}
	.itn-activity-btn:hover,
	.itn-activity.is-open .itn-activity-btn {
		background: rgba(249, 3, 93, .1) !important;
		border-color: var(--itn-accent) !important;
	}
	.itn-activity-btn svg { width: 18px; height: 18px; flex: none; }
	.itn-activity-dot {
		position: absolute;
		top: -2px;
		right: -2px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: var(--itn-accent);
		box-shadow: 0 0 0 2px #000;
		animation: itnActivityPulse 2s ease-out infinite;
	}
	.itn-activity-dot[hidden] { display: none; }
	@keyframes itnActivityPulse {
		0%   { box-shadow: 0 0 0 2px #000, 0 0 0 2px rgba(249, 3, 93, .6); }
		70%  { box-shadow: 0 0 0 2px #000, 0 0 0 9px rgba(249, 3, 93, 0); }
		100% { box-shadow: 0 0 0 2px #000, 0 0 0 2px rgba(249, 3, 93, 0); }
	}

	/* Panel */
	.itn-activity-panel {
		position: absolute;
		top: calc(100% + 12px);
		left: 0;
		width: 380px;
		background: #0c0c0c;
		border: 1px solid #1f1f1f;
		border-radius: 18px;
		box-shadow: 0 24px 60px rgba(0, 0, 0, .7);
		overflow: hidden;
		line-height: 1.4; /* el .header del tema fuerza line-height: 60px */
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px) scale(.97);
		transform-origin: top left;
		transition: opacity .18s, transform .18s, visibility .18s;
		z-index: 9999;
	}
	.itn-activity.is-open .itn-activity-panel { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }

	.itn-activity-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 16px 12px;
		border-bottom: 1px solid #1a1a1a;
	}
	.itn-activity-title { color: #fff; font-size: 14px; font-weight: 600; }
	.itn-activity-live {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		color: #6b6b70;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: .06em;
		text-transform: uppercase;
	}
	.itn-activity-live::before {
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--itn-accent);
	}

	.itn-activity-list {
		list-style: none;
		margin: 0;
		padding: 6px;
		max-height: 400px;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: #2a2a2a transparent;
	}
	.itn-activity-item {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		margin: 0;
		padding: 10px;
		border-radius: 12px;
		transition: background .15s;
	}
	.itn-activity-item:hover { background: #141414; }

	.itn-activity-avatar {
		flex: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		background: hsl(var(--h, 330) 55% 26%);
		color: hsl(var(--h, 330) 85% 82%);
		font-size: 14px;
		font-weight: 700;
	}
	.itn-activity-body { min-width: 0; flex: 1; }
	.itn-activity-line {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: #a1a1a6;
		font-size: 13.5px;
		line-height: 1.4;
		word-break: break-word;
	}
	.itn-activity-name { color: #fff; font-weight: 600; }
	.itn-activity-post { color: #fff; font-weight: 500; }
	.itn-activity-post:hover { color: var(--itn-accent); }
	.itn-activity-time { margin-top: 3px; color: #6b6b70; font-size: 11.5px; }
	.itn-activity-empty { padding: 28px 16px; color: #6b6b70; font-size: 13px; text-align: center; list-style: none; }
}