/* validar comentarios */
body#validar-comentarios{
	min-width:0;
}

body#validar-comentarios #main-content{
	width:100%;
	min-height:100dvh;
}

* {
	box-sizing: border-box;
}

.comentarios-admin{
	display:flex;
	flex-direction:column;
	width:60%;
	min-height:100dvh;
	padding:4rem;
	margin: 0 auto;
}

.comentarios-admin > header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:2rem;
	width:100%;
	margin-bottom:3rem;
}

.comentarios-admin > header > div{
	width:min(100%,46rem);
	min-width:0;
}

.comentarios-admin .lead{
	margin:0 0 .8rem;
}

.comentarios-admin h1{
	margin:0;
}

.comentarios-admin > header p:last-child{
	margin:1rem 0 0;
	opacity:.68;
}

.comentarios-admin nav{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:.6rem;
	min-width:0;
}

.comentarios-admin nav a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:.65rem 1rem;
	border:1px solid currentColor;
	border-radius:999px;
	color:inherit;
	line-height:1;
	text-decoration:none;
}

.comentarios-admin nav a.active{
	outline:2px solid currentColor;
	outline-offset:2px;
}

.comentarios-grid{
	display:flex;
	flex-direction:column;
	gap:1rem;
	width:100%;
	min-width:0;
}

.comentario-card{
	display:flex;
	flex-direction:column;
	gap:1.2rem;
	width:100%;
	min-width:0;
	padding:1.4rem;
	border:1px solid currentColor;
	border-radius:.25rem;
}

.comentario-top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:1rem;
	min-width:0;
}

.comentario-top > div{
	min-width:0;
}

.comentario-card h2{
	margin:0;
	overflow-wrap:anywhere;
}

.comentario-meta{
	margin:.5rem 0 0;
	opacity:.55;
	overflow-wrap:anywhere;
}

.comentario-texto{
	margin:0;
	white-space:normal;
	overflow-wrap:anywhere;
}

.comentario-status{
	display:inline-flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	padding:.4rem .7rem;
	border:1px solid currentColor;
	border-radius:999px;
	line-height:1;
	text-transform:capitalize;
}

.comentario-actions{
	display:flex;
	flex-wrap:wrap;
	gap:.5rem;
	width:100%;
	margin-top:auto;
}

.comentario-actions button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:2.75rem;
	padding:.7rem .9rem;
	border:1px solid currentColor;
	border-radius:.25rem;
	background:transparent;
	color:inherit;
	font:inherit;
	line-height:1;
	cursor:pointer;
}

.comentario-actions .eliminar{
	margin-left:auto;
}

.comentarios-empty{
	margin:0;
	opacity:.55;
}

/* validar comentarios mobile */
@media (max-width:767px){
	.comentarios-admin{
		padding:2rem 1rem;
	}

	.comentarios-admin > header{
		flex-direction:column;
		align-items:stretch;
		gap:1.5rem;
		margin-bottom:2rem;
	}

	.comentarios-admin nav{
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		justify-content:stretch;
		width:100%;
	}

	.comentarios-admin nav a{
		width:100%;
		padding:.75rem .5rem;
	}

	.comentario-card{
		padding:1rem;
	}

	.comentario-top{
		flex-direction:column;
	}

	.comentario-status{
		align-self:flex-start;
	}

	.comentario-actions{
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	.comentario-actions button{
		width:100%;
		min-width:0;
	}

	.comentario-actions .eliminar{
		margin-left:0;
	}
}