.extrapaddingbottom
{
	padding-bottom:18px!important;
}
.noticiaMaxSize
{
	max-width:640px;
	margin:0 auto;
	display:block;
}
#noticia h1
{
	color:#000000;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:700;
	line-height:28px;
	font-size:24px;
	text-align:left;
}
#noticia h3
{
	color:#000000;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:700;
	line-height:18px;
	font-size:16px;
	text-align:left;
}
#noticia .card-date
{
	font-size: 16px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
	line-height:normal;
	color:#727272;
	padding-top:0px!important;
	padding-bottom:0px!important;
	margin-bottom: 0px!important;
	text-align:left;
}
#noticia .parrafo
{
	font-size: 14px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
	line-height:normal;
	color:#000000;
	padding-top:0px!important;
	padding-bottom:0px!important;
	margin-bottom: 0px!important;
	text-align:left;
}
#noticia .comentario
{
	font-size: 16px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
	line-height:normal;
	color:#000000;
	padding-top:12px!important;
	padding-bottom:12px!important;
	padding-left:28px;
	margin-bottom: -1.5rem!important; 
	background-image:url('../img/system/blockquote.png');
	background-repeat:repeat-y;
	background-position:left top;
	background-size:auto;
}
#noticia .descripcion
{
	font-size: 14px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
	line-height:normal;
	color:#000000;
	text-align:left;
	width:100%;
	padding-top:4px;
	margin-bottom: -2px!important;
}
#noticia li
{
  margin-top: 8px;
  font-size: 14px;
  font-family: 'Instrument Sans', sans-serif;
  font-weight:400;
  line-height:normal;
  color:#000000;  
}
#noticia ul,#noticia ol
{
   margin-bottom:0px!important;
}
#noticia ul.vineta
{
  list-style-type: disc; 
  padding-left: 1.1rem!important;
}
#noticia ol.numerico
{
  list-style-type: decimal;
  padding-left: 1.2rem!important;
}
#noticia ul.checks {
  list-style: none;
  padding-left: 0;
}
#noticia ul.checks li
{
  position: relative;
  padding-left: 1.5em;
}
#noticia ul.checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url('../img/system/check.png');
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767.8px)
{
	#noticia .comentario
	{
		padding-left:24px;
	}
	.paddingnegativoespecial
	{
		margin-top:-10px;
	}
}
@media (min-width: 992px)
{
	#noticia .descripcion
	{
		width:70%;
	}
	#noticia ul.vineta
	{
	  padding-left: 1.5rem!important;
	}
}
#leermas h2
{
	font-size: 24px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:600;
	line-height:normal;
	color:#000000;
	text-align:left;
}
/* CARROUSEL NOTICIAS */
#carouselNoticiasMobile .card .card-title, #carouselNoticias .card .card-title
{
	font-size: 16px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:700;
	line-height:normal;
	color:#000000;
}
#carouselNoticiasMobile .card .card-date, #carouselNoticias .card .card-date
{
	font-size: 14px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
	line-height:normal;
	color:#ABABAB;
	padding-top:0px;
}
#carouselNoticiasMobile .card .card-text, #carouselNoticias .card .card-text
{
	font-size: 14px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:400;
	line-height:normal;
	color:#000000;
}
#carouselNoticias .card .card-text
{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;/* Soporte para Chrome, Safari, Edge */
  -webkit-line-clamp: 3;/* numero de lineas a mostrar */
  -webkit-box-orient: vertical;/* Orientacion vertical */
  line-height: 18px;
  max-height: calc(18px * 3); 
}
#carouselNoticiasMobile .card 
{
	background-color:#ffffff!important;
	border-color:transparent;
}
#carouselNoticiasMobile .card .card-img-top
{

    border-top-left-radius:12px!important;
	border-top-right-radius:12px!important;
}
#carouselNoticias .card 
{
	background-color:#f5f2f2!important;
	border-radius:0px!important;
	border-color:transparent;
	padding-bottom:2px;
}
#carouselNoticias .card .card-body
{
	padding-left:0px;
	padding-right:0px;	
}
/* ---------------------------
   CARROUSEL NOTICIAS Mobile
---------------------------- */
/* Wrapper para ocultar permanentemente la barra */
.scroll-wrapper-mobile {
  overflow: hidden;
  position: relative; /* asegura que el track no se desborde visualmente */
}
.scroll-wrapper-mobile .news-track-mobile
{
  display: flex;
  overflow-x: auto;
  gap: 1rem;
  padding-bottom: 0.75rem;

  /* Ocultar scrollbars */
  -ms-overflow-style: none;  /* IE y Edge */
  scrollbar-width: none;     /* Firefox */
}
.scroll-wrapper-mobile .news-track-mobile::-webkit-scrollbar
{
  display: none;             /* Chrome y Safari */
}
/* Mantener scroll funcional horizontal y evitar flash en scroll vertical */
.scroll-wrapper-mobile .news-track-mobile
{
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;  /* permite scroll vertical y horizontal */
  scroll-behavior: smooth;
}
.scroll-wrapper-mobile .card
{
  flex: 0 0 80%;
  max-width: 80%;
}
#carouselNoticias h4
{
	font-size: 16px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight:600;
	line-height:normal;
	color:#000000;
}
@media (max-width: 767.8px)
{
	#carouselNoticiasMobile .card:last-child
	{
  		margin-right: 24px!important; /* asegura que el último siempre tenga este margen */
	}
}
/* ---------------------------
   Desktop scroll libre
---------------------------- */
@media (min-width: 768px)
{
  #carouselNoticias .news-track
  {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 1rem;                 
    padding-bottom: 0.5rem;
  }
  #carouselNoticias .news-track::-webkit-scrollbar
  {
    display: none;
  }
  /* 2 cards exactas en md */
  #carouselNoticias .card {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
  }
}
@media (min-width: 992px)
{
  /* 3 cards exactas en lg */
  #carouselNoticias .card {
    flex: 0 0 calc((100% - 0rem) / 3.3);
    max-width: calc((100% - 0rem) / 3.3);
  }
}
@media (min-width: 1200px)
{
  /* 3 cards exactas en lg */
  #carouselNoticias .card {
    flex: 0 0 calc((100% - 0rem) / 3.26);
    max-width: calc((100% - 0rem) / 3.26);
  }
}
@media (min-width: 1400px)
{
  /* 3 cards exactas en lg */
  #carouselNoticias .card {
    flex: 0 0 calc((100% - 0rem) / 3.23);
    max-width: calc((100% - 0rem) / 3.23);
  }
}
/*@media (min-width: 1200px)
{
  /* 4 cards exactas en xl 
  #carouselNoticias .card {
    flex: 0 0 calc((100% - 3rem) / 4);
    max-width: calc((94% - 3rem) / 4);
  }
}*/
/* ---------------------------
   Flechas desktop
---------------------------- */
#carouselNoticias .carousel-btn
{
  z-index: 10;
  transition: opacity 0.3s ease;
  background-color:transparent;
  border:none;
}