.comment {
	border-left: 3px solid #e9ecef;
	transition: border-color 0.2s ease;
}
.comment:hover {
	border-left-color: #cfd4da;
}
.comment.ms-5 {
	border-left: 2px solid #dee2e6 !important;
	margin-top: 10px;
}
.comment-text {
	font-size: 0.80rem;
	color: #333;
	white-space: pre-line; 
	word-wrap: break-word; 
}
.like-btn {
	color: #777;
	transition: all 0.2s ease;
}
.like-btn.liked {
	color: #e74c3c;
}
.like-btn.liked i {
	animation: heartPop 0.25s ease;
}
@keyframes heartPop {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.3); }
	100% { transform: scale(1); }
}
@keyframes softShake {
	0% { transform: translateX(0); }
	25% { transform: translateX(-6px); }
	50% { transform: translateX(6px); }
	75% { transform: translateX(-4px); }
	100% { transform: translateX(0); }
}
.attention-shake {
	animation: softShake 0.4s ease;
}
.rounded-circle {
	object-fit: cover; /* Evita que la imagen se estire */
	background-color: #f8f9fa; /* Color de fondo mientras carga */
}
.btn-ae-custom {
	background-color: #566a85;
	color: #ffffff !important;
	border: 1px solid #485a71; /* Un poco más oscuro que el fondo */
	transition: all 0.25s ease-in-out;
	height: 32px; 
	padding: 0 15px; 
	line-height: 1;
	font-weight: 500;
	border-radius: 4px; /* Esquinas suaves clásicas */
}
.btn-ae-custom:hover {
	background-color: #677b96; /* Aclaramos suavemente */
	border-color: #566a85;
	color: #ffffff !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	transform: translateY(-1px);
}
.btn-ae-custom:active {
	transform: translateY(0);
	background-color: #485a71;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}
/* Ajuste para que el texto y el icono se alineen perfecto */
.btn-ae-custom span {
	margin-top: 1px; 
}
.btn-social {
  border: 1px solid #dcdfe4;
  background: #fff;
  color: #1f2937;

  font-size: 14px;
  font-weight: 500;
  cursor: pointer;

  transition: all 0.15s ease;
}
.btn-social:hover {
  background: #ebf6fe;
  border-color: #d2e3fc;
}
.btn-social img {
  border-radius: 50%;
  width:18px;
  height:18px;
  min-width:14px;
  min-height:14px;
  margin-right:8px;
}
.tag-autor {
  font-size: 11px;
  font-weight: 600;
  color: #065f46;
  background: #ecfdf5;
  padding: 2px 6px;
  border-radius: 999px;
  margin-left: 6px;
}
.tag-pinned {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background: #0d6efd;
  padding: 2px 6px;
  border-radius: 999px;
  margin-left: 6px;
}