/*
 * Lamari Diarios v1.40.720
 * Shorts: menú de gestión sin recorte + overlay de texto compacto.
 */

/* El menú de tres puntos pertenece al footer, pero la tarjeta clara histórica
 * imponía overflow:hidden!important y lo recortaba. El recorte visual de la
 * miniatura sigue estando en .kd-short-card-media; la tarjeta debe dejar salir
 * únicamente el popover de gestión. */
html:root body[class] .kd-short-directory-panel,
html:root body[class] .kd-short-directory-panel .kd-shorts-grid,
html:root body[class] .kd-short-directory-panel .kd-short-card,
html:root body[class] .kd-short-directory-panel .kd-short-card-footer{
	overflow:visible!important;
}
html:root body[class] .kd-short-directory-panel .kd-short-card{
	position:relative!important;
}
html:root body[class] .kd-short-directory-panel .kd-short-card-footer{
	position:relative!important;
	z-index:8!important;
}
html:root body[class] .kd-short-directory-panel .kd-short-card:has(.kd-short-manage-menu[open]){
	z-index:120!important;
}
html:root body[class] .kd-short-directory-panel .kd-short-manage-menu{
	position:relative!important;
	z-index:20!important;
}
html:root body[class] .kd-short-directory-panel .kd-short-manage-menu[open]{
	z-index:130!important;
}
html:root body[class] .kd-short-directory-panel .kd-short-manage-popover{
	top:auto!important;
	right:0!important;
	bottom:calc(100% + 8px)!important;
	z-index:140!important;
	isolation:isolate!important;
}

/* Visor: el contenido textual se mantiene deliberadamente compacto. El vídeo
 * sigue ocupando toda la tarjeta; el overlay no crece de forma indefinida por
 * una descripción larga. */
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-overlay{
	left:15px!important;
	right:78px!important;
	bottom:14px!important;
	z-index:7!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author-row{
	gap:7px!important;
	margin:0 0 8px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author{
	gap:7px!important;
	padding:4px 8px 4px 4px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author img{
	width:35px!important;
	height:35px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author strong{
	font-size:12.5px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author span{
	margin-top:2px!important;
	font-size:9.5px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-follow{
	height:31px!important;
	min-height:31px!important;
	padding:0 10px!important;
	font-size:9.5px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-overlay h2{
	display:-webkit-box!important;
	margin:0 0 5px!important;
	overflow:hidden!important;
	-webkit-box-orient:vertical!important;
	-webkit-line-clamp:2!important;
	font-size:18.5px!important;
	line-height:1.08!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-caption{
	display:-webkit-box!important;
	margin:0!important;
	overflow:hidden!important;
	-webkit-box-orient:vertical!important;
	-webkit-line-clamp:2!important;
	font-size:11.5px!important;
	font-weight:600!important;
	line-height:1.32!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-caption.is-expanded{
	display:block!important;
	max-height:min(24vh,180px)!important;
	overflow:auto!important;
	-webkit-line-clamp:unset!important;
	scrollbar-width:thin!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-caption-toggle{
	display:inline-flex!important;
	align-items:center!important;
	min-height:0!important;
	margin:4px 0 0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:#fff!important;
	font:inherit!important;
	font-size:10px!important;
	font-weight:850!important;
	line-height:1.2!important;
	text-decoration:underline!important;
	text-underline-offset:2px!important;
	text-shadow:0 2px 5px rgba(0,0,0,.98)!important;
	cursor:pointer!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-caption-toggle[hidden]{
	display:none!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-source{
	margin:5px 0 0!important;
	padding:3px 7px!important;
	font-size:9.5px!important;
	line-height:1.05!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-overlay.is-caption-expanded{
	max-height:46%!important;
	padding:9px!important;
	border:1px solid rgba(255,255,255,.13)!important;
	border-radius:14px!important;
	background:rgba(2,8,4,.72)!important;
	box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
	-webkit-backdrop-filter:blur(12px)!important;
	backdrop-filter:blur(12px)!important;
}

/* El rail del propietario contiene dos acciones extra. Se compacta un poco
 * para que no compita con el contenido ni ocupe media altura del vídeo. */
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-actions{
	gap:9px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-stat > span,
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-action > span{
	width:43px!important;
	height:43px!important;
}
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-stat > small,
html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-action > small{
	margin-top:3px!important;
	font-size:9px!important;
}

@media(max-width:680px){
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-overlay{
		left:12px!important;
		right:69px!important;
		bottom:max(12px,env(safe-area-inset-bottom))!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author-row{
		margin-bottom:7px!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-author img{
		width:32px!important;
		height:32px!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-overlay h2{
		font-size:17px!important;
		-webkit-line-clamp:2!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-caption{
		font-size:11px!important;
		line-height:1.28!important;
		-webkit-line-clamp:2!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-source{
		font-size:9px!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-actions{
		right:6px!important;
		gap:8px!important;
	}
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-stat > span,
	html:root body[class] .kd-short-viewer[data-kd-short-viewer] .kd-short-viewer-action > span{
		width:40px!important;
		height:40px!important;
	}
}