/* ========================================
   NOTICIA INDIVIDUAL — header blanco (breadcrumb + chips + título violeta)
   + cuerpo the_content() con tipografía propia + galería + noticias
   relacionadas + volver.
   Los bloques a sangre completa (header, relacionadas) anteponen
   .inacoop-noticia-*; el cuerpo antepone #inacoop-noticia.
   Medidas según Figma (archivo "Web-INACOOP", node 729-827 desktop /
   729-1239 mobile).
   ======================================== */

/* ---- Header (fondo blanco, a sangre completa) ---- */
.inacoop-noticia-header {
  background: #fff;
  padding: 1.5rem 2.5rem 2.5rem;
}

.inacoop-noticia-header__inner {
  max-width: 1160px;
  margin: 0 auto;
}

.inacoop-noticia-header__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Asap, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.inacoop-noticia-header__breadcrumb li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.inacoop-noticia-header__breadcrumb img {
  display: block;
  width: 14px;
  height: 14px;
}

.inacoop-noticia-header .inacoop-noticia-header__breadcrumb a {
  font-family: Asap, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #69626f;
  text-decoration: none;
}

.inacoop-noticia-header .inacoop-noticia-header__breadcrumb a:hover {
  color: #401e5e;
  text-decoration: underline;
}

.inacoop-noticia-header .inacoop-noticia-header__breadcrumb span {
  font-family: Asap, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #69626f;
}

.inacoop-noticia-header__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.inacoop-noticia-header__chip {
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: #e6f2f8;
  font-family: Asap, sans-serif;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.5;
  letter-spacing: 0.0344rem;
  text-transform: uppercase;
  color: #005f82;
}

.inacoop-noticia-header__fecha {
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #69626f;
}

.inacoop-noticia-header .inacoop-noticia-header__titulo {
  margin: 1.25rem 0 0;
  max-width: 47.5rem;
  font-family: Asap, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.15;
  color: #401e5e;
}

.inacoop-noticia-header__lead {
  margin: 1.25rem 0 0;
  max-width: 41.25rem;
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.55;
  color: #3e3942;
}

/* ---- Cuerpo del artículo ---- */
#inacoop-noticia {
  max-width: 47.5rem;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
}

#inacoop-noticia .inacoop-noticia__h2 {
  margin: 0 0 1rem;
  font-family: Asap, sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #0077a3;
}

#inacoop-noticia .inacoop-noticia__body {
  font-family: Asap, sans-serif;
}

#inacoop-noticia .inacoop-noticia__body > :first-child {
  margin-top: 0;
}

#inacoop-noticia .inacoop-noticia__body > :last-child {
  margin-bottom: 0;
}

#inacoop-noticia .inacoop-noticia__body p {
  margin: 0 0 1.25rem;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.75;
  color: #2a2a2a;
}

#inacoop-noticia .inacoop-noticia__body h2 {
  margin: 2.5rem 0 1rem;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #0077a3;
}

#inacoop-noticia .inacoop-noticia__body h3 {
  margin: 2rem 0 0.75rem;
  font-weight: 700;
  font-size: 1.1875rem;
  line-height: 1.3;
  color: #401e5e;
}

#inacoop-noticia .inacoop-noticia__body a {
  color: #0077a3;
  text-decoration: underline;
  text-underline-offset: 2px;
  /* el kit de Elementor pone font-size: 1.25rem a todos los <a> */
  font-size: inherit;
}

#inacoop-noticia .inacoop-noticia__body ul,
#inacoop-noticia .inacoop-noticia__body ol {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}

#inacoop-noticia .inacoop-noticia__body li {
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.75;
  color: #2a2a2a;
}

#inacoop-noticia .inacoop-noticia__body ul li::marker {
  color: #3fb4a6;
}

#inacoop-noticia .inacoop-noticia__body blockquote {
  margin: 2rem 0;
  padding: 0.25rem 0 0.25rem 1.25rem;
  border-left: 4px solid #3fb4a6;
}

#inacoop-noticia .inacoop-noticia__body blockquote p {
  margin: 0 0 0.5rem;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.5;
  color: #401e5e;
}

#inacoop-noticia .inacoop-noticia__body blockquote p:last-child {
  margin-bottom: 0;
}

#inacoop-noticia .inacoop-noticia__body figure {
  margin: 2rem 0;
}

#inacoop-noticia .inacoop-noticia__body figure img,
#inacoop-noticia .inacoop-noticia__body > img,
#inacoop-noticia .inacoop-noticia__body p img,
#inacoop-noticia .inacoop-noticia__body .wp-caption img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
}

#inacoop-noticia .inacoop-noticia__body figcaption,
#inacoop-noticia .inacoop-noticia__body .wp-caption-text {
  margin: 0.5rem 0 0;
  padding: 0 0.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #444;
}

#inacoop-noticia .inacoop-noticia__body .wp-caption {
  max-width: 100%;
  margin: 2rem 0;
}

#inacoop-noticia .inacoop-noticia__body .wp-block-embed,
#inacoop-noticia .inacoop-noticia__body .wp-block-video {
  margin: 2rem 0;
}

#inacoop-noticia .inacoop-noticia__body iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 2rem 0;
  border: 0;
  border-radius: 0.5rem;
}

#inacoop-noticia .inacoop-noticia__body .wp-block-button__link,
#inacoop-noticia .inacoop-noticia__body .wp-element-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: #0077a3;
  border-radius: 999px;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
}

/* ---- Etiquetas (Figma node 1043-2) ---- */
#inacoop-noticia .inacoop-noticia-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 2rem;
  padding: 1.25rem 0 0.5rem;
  border-top: 1px solid #d9d9d9;
}

#inacoop-noticia .inacoop-noticia-tags__chip {
  padding: 0.375rem 0.875rem;
  background: #e6f2f8;
  border: 1px solid rgba(0, 95, 130, 0.15);
  border-radius: 100px;
  font-family: Asap, sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #005f82;
}

/* ---- Galería (custom-post-gallery) ---- */
/* 40px de aire con el cuerpo, en desktop y mobile. Sin padding lateral:
   va dentro de #inacoop-noticia, que ya lo tiene, y así alinea con el
   texto. */
.inacoop-noticia-galeria {
  max-width: 47.5rem;
  margin: 2.5rem auto 0;
  padding: 0 0 2.5rem;
}

.inacoop-noticia-galeria .inacoop-noticia__h2 {
  margin: 0 0 1rem;
  font-family: Asap, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
  color: #0077a3;
}

.inacoop-noticia-galeria .cpg-lightbox-gallery .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin: 0;
}

.inacoop-noticia-galeria .cpg-lightbox-gallery .gallery-item,
.inacoop-noticia-galeria .cpg-lightbox-gallery figure {
  margin: 0;
  width: 100% !important;
}

.inacoop-noticia-galeria .cpg-lightbox-gallery .gallery-item img,
.inacoop-noticia-galeria .cpg-lightbox-gallery figure img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.75rem;
  border: 0;
}

.inacoop-noticia-galeria .cpg-lightbox-gallery .gallery-caption {
  display: none;
}

/* ---- Noticias relacionadas (a sangre completa) ---- */
.inacoop-noticia-relacionadas {
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
}

.inacoop-noticia-relacionadas__inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  /* hello-biz fuerza border-box: sin esto el padding lateral se come
     48px y el contenido queda en 1112 en vez de 1160. */
  box-sizing: content-box;
}

.inacoop-noticia-relacionadas .inacoop-noticia-relacionadas__titulo {
  margin: 0 0 1.5rem;
  font-family: Asap, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #401e5e;
}

.inacoop-noticia-relacionadas__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  gap: 1.25rem;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0.75rem;
  overflow: hidden;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__media {
  display: block;
  aspect-ratio: 371 / 232;
  background: #d0d0d8;
  overflow: hidden;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__media--vacio {
  background: #401e5e;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__fecha {
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #888;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__titulo {
  margin: 0;
  font-family: Asap, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  color: #401e5e;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.inacoop-noticia-relacionadas .inacoop-noticia-rel-card__titulo:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ---- Volver ---- */
.inacoop-noticia-volver {
  display: flex;
  justify-content: center;
  padding: 2rem 1.5rem 3rem;
}

.inacoop-noticia-volver .inacoop-noticia-volver__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  font-family: Asap, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  color: #0077a3;
  text-decoration: none;
}

.inacoop-noticia-volver .inacoop-noticia-volver__link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.inacoop-noticia-volver__link img {
  flex-shrink: 0;
}

/* ========================================
   Responsive
   ======================================== */

@media (max-width: 767px) {
  .inacoop-noticia-header {
    padding: 1.5rem 1.5rem 2.5rem;
  }

  .inacoop-noticia-header .inacoop-noticia-header__titulo {
    font-size: 1.75rem;
  }

  .inacoop-noticia-header__lead {
    font-size: 1.125rem;
  }

  #inacoop-noticia {
    padding: 2rem 1rem;
  }

  .inacoop-noticia-galeria {
    padding: 0 0 2rem;
  }

  .inacoop-noticia-galeria .cpg-lightbox-gallery .gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .inacoop-noticia-relacionadas__inner {
    padding: 2rem 1rem;
  }

  .inacoop-noticia-relacionadas__grid {
    grid-template-columns: 1fr;
  }
}