.solopacks-sidebar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-content: flex-start;
		column-gap: 0px;
		row-gap: 0px;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		width: 100%;
	}
	.item_lista {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
		border-bottom: 1px solid #0000001c;

	}
	.item_lista a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
	.item_lista a:hover {
	   -webkit-transform: scale(1.05);
	   -ms-transform: scale(1.05);
	   transform: scale(1.05);
	}
  span.number_count {
	  min-width: 22px;
	  color: #fff;
	  margin-right: 7px;
	  font-weight: 600;
	  color: #fff;
	  font-size: 12px;
	  width: 22px;
	  padding: 0 6px 0px;
	  background: #f04f82;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  border-radius: 3px;
	  position: relative;
  }
	span.item_flag {
		width: 22px;
		min-width: 22px;
		margin-right: 7px;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	span.item_flag img {width: 22px;height: auto;}
	.flag_h2 {width: 20px;height: auto;margin-right: 5px;}
   .item_lista-thumbnail {
	   width: 30px;
	   height: 30px;
	   margin: 2px 7px 2px 0px;
	   min-width: 30px;
	   border-radius: 50%;
	   overflow: hidden;
	   /* border: 1.15px solid #fff; */
	   position: relative;
   }
	.item_lista-thumbnail img { border-radius: inherit; padding: 0px; background: inherit; max-width: inherit; width: 100%; height: 100%;  }
	h4.title_item_lista {
		font-weight: 500;
		text-transform: none;
	   color: #000;
		font-family: Poppins;
		font-size: 13px;
		line-height: 1em;
		margin: 0;
		letter-spacing: -0.3px;
	}
	.postnews {
		 margin-bottom: 10px;
		 border: 0;
	 }
	 .postnews a {
		  flex-direction: column;
		  align-items: flex-start;
		  -webkit-box-align: start;
	  }
	  .postnews h4.title_item_lista {
		  font-weight: 700;
		  font-size: 13px;
		  margin-bottom: 4px;
		  letter-spacing: 0;
		}
	  .postnews .metaautor {
			font-size: 11px;
			line-height: 1em;
			color: #999;
			margin: 0;
			letter-spacing: 0.5px;
			margin-bottom: 0px;
		}
	.sidebar_content_sp {
		/* max-width: 280px; */
		background: #982078;
		background: linear-gradient(268deg, rgb(187 29 29 / 74%), rgb(139 0 88));
		padding: 25px 25px;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		display: flex;
		flex-wrap: wrap;
		flex: 300px;
		align-content: flex-start;
		justify-content: center;
		margin-top: 0px;
		background: transparent;
	}
	.sidebar_content_sp h2 {
		width: 100%;
		display: block;
		text-align: center;
		margin: 0 0 13px 0;
		color: #000000;
		font-size: 17px;
		font-weight: 700;
		line-height: 1em;s
	}
	aside.sidebar-right {
		width: 300px;
		position: sticky;
		top: 0;
		background: linear-gradient(268deg, rgb(187 29 29), rgb(139 0 88));
		margin-top: 0;
		background: #f2f2f2;
		/* z-index: 333333; */
		overflow: hidden;
		overflow-y: auto;
	}
	.is-affixed .inner-wrapper-sticky {
		top: 170px !important;
	}
	.main-content {
		flex: 1;
	}
	.big_content { display: flex ; gap:20px;}
	.footer-container  {
	  
		z-index: 1;
		position: relative;
	}
	.whb-scroll-stick.whb-scroll-down .whb-main-header {
		transform: none !important;
	}
	@media (max-width: 1024px) {
	  .big_content { display: block;}
	  aside.sidebar-right {
		  display: none;
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 300px;
		  height: 100%;
		  /* background: #982078; */
		  z-index: 1000;
		  padding: 0;
		  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
		  overflow-y: auto;
		  /* background: linear-gradient(268deg, rgb(187 29 29), rgb(139 0 88)); */
		  margin-top: 0;
	  }
	   
	   /* Mostrar el sidebar cuando esté activo */
	  aside.sidebar-right.active {
		  display: block;
		  height: 100% !important;
		  position: fixed !important;
	  }
	   
	   /* Estilo del botón toggle */
.mobile-sidebar-toggle {
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	width: 200px;
	left: 50%;
	transform: translateX(-50%);
}
	   
  #toggle-sidebar {
	  padding: 8px 16px;
	  background-color: #f04f82;
	  color: #fff;
	  border: none;
	  border-radius: 0;
	  cursor: pointer;
	  font-size: 13px;
	  width: 100%;
	  font-weight: 700;
	  min-height: inherit;
  }
	 .is-affixed .inner-wrapper-sticky {
		 
		 transform: none !important;
		 left: inherit !important;
		 width: inherit !important;
		 position: inherit !important;
		 top: inherit !important;
	 }
	 .scrollToTop.button-show {
		 z-index: 15000!important;
	 }
	}
	@media (min-width:1025px) { .mobile-sidebar-toggle {
		display: none !important;
	}}
	
	

  .attachment_content {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		max-width: 75vh;
		text-align: center;
		padding-top: 25px;
		line-height: 1em;
		padding-bottom: 25px;
		background: transparent;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0;
	}
	
	/* Breadcrumbs */
	.attachment_content .breadcrumb {
		display: flex;
			align-items: center;
			margin-bottom: 10px;
			font-size: 13px;
			color: #707070;
			justify-content: center;
			gap: 3px;
		font-weight: 400;
		
	}
	.tags_cats { margin-bottom: 20px; line-height: 1em; }
.breadcrumb a {
		color: #0073aa;
		text-decoration: none;
		max-width: 40%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.breadcrumb a:hover {
		text-decoration: none;
	}
	
  .attachment_content .breadcrumb span {
	  color: #333;
	  font-weight: 600;
	  max-width: 40%;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  margin: 0;
	  text-transform: capitalize;
  }
	.attachment_content .breadcrumb span:before {
		display: none;
	}
	/* Título y Header del Attachment */
	.attachment-header h1 {
		font-size: 20px;
		font-weight: bold;
		margin: 10px 0;
		color: #333;
	}
	
	.attachment-header p a {
		color: #ffffff;
		text-decoration: none;
		font-weight: 600;
		/* text-transform: uppercase; */
		/* border: 1px solid; */
		line-height: 1em;
		padding: 6px 10px;
		display: -webkit-inline-box;
		font-size: 13px;
		border-radius: 5px;
		background: #982078;
	}
	
	.attachment-header p a:hover {
		color: #fff;
		background: #000;
	}
	.video_conntainer .wp-video {
		max-width: 100%;
		height: auto;
		width: 100% !important;
		margin-bottom: 20px;
	}
	
	/* Imagen en Full Size */
	.attachment-full img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		border-radius: 4px;
	}
	
	/* Metadatos del Attachment */
	.attachment-meta {
		font-size: 13px;
		color: #555;
		margin-bottom: 20px;
		line-height: 1.2;
	}
	
   .attachment-meta p {
	   margin: 5px 0;
	   line-height: 1em;
	   margin-bottom: 12px;
   }
	
	.attachment-meta strong {
		font-weight: 600;
		color: #333;
	}
	
	/* Galería de Attachments */
	.attachment_content, .related-attachments, .related-content {
		margin-bottom: 40px;
	}
	
	.related-attachments h2, .related-content h2 {
		font-size: 22px;
		margin-bottom: 15px;
		color: #333;
		font-weight: bold;
	}
	
	.attachment-gallery, .related-gallery {
		/* display: flex; */
		/* flex-wrap: wrap; */
		/* gap: 10px; */
		/* justify-content: flex-start; */
		display: inline-block;
		margin: auto;
		display: inline-masonry;
		gap: 10px;
		column-count: 4;
	}
	
	/* Estilo de los items de la galería */
	.attachment-item, .related-item {
		width: calc(100% / 4 - 8px);
		position: relative;
		overflow: hidden;
		border-radius: 4px;
		margin: 0;
		text-align: center;
		width: 100%;
		display: inline-block;
		margin-bottom: 0;
		padding: 0;
	}
	
   .attachment-item img, .related-item img {
	   width: 100%;
	   height: 100%;
	   display: block;
	   border-radius: 4px;
	   position: absolute;
	   top: 0;
	   left: 0;
	   object-fit: cover;
	   object-position: 50% 10%;
	   position: relative;
	  }
	
	/* Título y figcaption */
   .attachment-item a, .related-item a {
	   color: inherit;
	   text-decoration: none;
	   position: relative;
	   padding-top: 100%;
	   width: 100%;
	   height: 0;
	   display: block;
	   overflow: hidden;
	   padding: 0;
	   height: auto;
	  }
	
	.attachment-item figcaption, .related-item figcaption {
		font-size: 12px;
		color: #444;
		text-align: center;
		margin-top: 5px;
		line-height: 1em;
	}
	
	
	.overlay_video {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: right;
		-ms-flex-pack: right;
		justify-content: right;
		left: 0;
		position: absolute;
		top: 0;
		cursor: pointer;
		z-index: 11;
		width: 100%;
		height: 100%;
	}
	
	.overlay_video .overlay_play {
		background: url(https://www.colormusic.cl/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;
		background-position: 0 -39px;
		height: 80px;
		width: 80px;
		position: relative;
		top: 0;
		transform: scale(.5);
		opacity: 1;
	}
	.navigation {} .navigation a.anterior_nav { background: #f18200; color: #fff; padding: 10px 15px; line-height: 1em; font-weight: 700; display: inline-block; margin: 0 10px; } .navigation a.siguiente_nav { background: #cf127f; color: #fff; padding: 10px 15px; line-height: 1em; font-weight: 700; display: inline-block; margin: 0 10px; } 
	.keyboard-tooltip { padding: 10px; background-color: #333; color: #fff; border-radius: 5px; text-align: center; font-size: 14px; position: fixed; bottom: 35px; left: 50%; transform: translateX(-50%); z-index: 1000; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); display: none; /* Inicialmente oculto */ } .keyboard-tooltip i { font-size: 20px; margin: 0 5px; } 
	/* Responsive Design */
	@media screen and (max-width: 992px) {
		.attachment-item, .related-item {
			/* width: calc(25% - 10px); */
		}
		.attachment-gallery, .related-gallery {
		
			column-count: 3;
		}
	}
	
	@media screen and (max-width: 768px) {
		.attachment-item, .related-item {
			/* width: calc(33.33% - 10px); */
		}
		.attachment-gallery, .related-gallery {
		
			column-count: 2;
		}
	}
	
	@media screen and (max-width: 576px) {
		.attachment-item, .related-item {
			/* width: calc(50% - 5px); */
		}
	}
	
	.sidebar_content_sp:not(:first-of-type) {
		padding-top: 0;
	}