/* === NOTICIAS — Montserrat + paleta UDG ================================== */

/* Título de la sección (H2) — 18pt Bold, mayúsculas */
.titulo-seccion-noticias{
  font-family: var(--font-family-base, "Montserrat", sans-serif);
  font-weight: 700;                       /* Bold */
  font-size: var(--font-pt-18, 1.5rem);   /* ≈ 18pt */
  line-height: 1.3;
  color: var(--udg-head);
  text-transform: uppercase;
  margin: 30px 0 20px;
  padding-bottom: 10px;
  /* Eliminado border-bottom e inline-block para permitir centrado unificado en style.css */
}

/* Contenedor de cada noticia */
.view-id-noticias_pagina_principal.view-display-id-block_1 .view-content .noticia-panel{
  width: 100%;
  clear: both;
  margin: 0 0 25px;
  border: 1px solid var(--udg-light);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
  overflow: hidden;
  background: #fff;
}
.noticia-panel .panel-body{ padding: 20px; }

/* Imagen */
.noticia-panel .noticia-imagen-col img.img-responsive{
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.noticia-destacada .noticia-imagen-col img.img-responsive{
  max-height: 350px; object-fit: cover; width: 100%;
}

/* Título de noticia — Semibold/Medium según guía */
.noticia-panel .noticia-titulo{
  font-family: var(--font-family-base, "Montserrat", sans-serif);
  font-weight: 600;          /* Semibold para buen contraste */
  color: var(--udg-text);
  margin: 0 0 10px;
  line-height: 1.35;
}
.noticia-panel .noticia-titulo a{
  color: var(--udg-text);
  text-decoration: none;
}
.noticia-panel .noticia-titulo a:hover,
.noticia-panel .noticia-titulo a:focus{
  color: var(--udg-accent);
  text-decoration: underline;
}

/* Resumen — cuerpo 12pt */
.noticia-panel .noticia-resumen{
  font-family: var(--font-family-base, "Montserrat", sans-serif);
  font-weight: 400;
  font-size: var(--font-pt-12, 1rem);  /* ≈ 12pt */
  color: #555;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Fecha — más tenue */
.noticia-panel .noticia-fecha{
  font-size: .9rem;
  color: #777;
  margin-bottom: 10px;
}

/* Leer más — botón/enlace en acento */
.noticia-panel .noticia-leer-mas{
  font-family: var(--font-family-base, "Montserrat", sans-serif);
  font-weight: 600;                 /* Semibold */
  font-size: .95rem;
  text-transform: uppercase;
  color: var(--udg-accent);
  padding-left: 0; padding-right: 0;
}
.noticia-panel .noticia-leer-mas .glyphicon{ color: var(--udg-accent); margin-left: 6px; }
.noticia-panel .noticia-leer-mas:hover,
.noticia-panel .noticia-leer-mas:focus{
  color: var(--udg-head);
  text-decoration: none;
}
.noticia-panel .noticia-leer-mas:hover .glyphicon{ color: var(--udg-head); }

/* Tamaños por tipo */
.noticia-destacada .noticia-titulo{ font-size: 1.35rem; } /* ~22px */
.noticia-destacada .noticia-resumen{ font-size: 1.0625rem; } /* ~17px (13pt) */
.noticia-estandar  .noticia-titulo{ font-size: 1.125rem; } /* ~18px */

/* Footer del view (botón Ver más) */
.view-display-id-block_1 .view-footer{
  text-align: center;
  padding: 20px 0 30px;
}
.view-display-id-block_1 .view-footer .view-footer-button-container{ text-align: right; }

/* Responsivo */
@media (max-width: 767px){
  .noticia-destacada .noticia-imagen-col img.img-responsive{ max-height: 220px; }
  .noticia-destacada .noticia-titulo{ font-size: 1.125rem; } /* ~18px */
  .noticia-estandar  .noticia-titulo{ font-size: 1rem; }     /* ~16px */
  .noticia-panel .noticia-resumen{ font-size: .95rem; }      /* ~15px */
  .titulo-seccion-noticias{ font-size: 1.25rem; margin: 20px 0 15px; } /* ~20px */
}