/* Acuerdos de Paz - Landing, Listing & Detail */

.acuerdos-paz-page {
  padding: 2rem 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* Full-width: ocultar sidebar */
.row:has(.acuerdos-paz-page) > .layout-sidebar {
  display: none !important;
}
.row:has(.acuerdos-paz-page) > .layout-content {
  flex: 0 0 100%;
  max-width: 100%;
}

/* ── Banner hero ── */
.acuerdos-paz-banner {
  margin-bottom: 1.5rem;
  border-radius: 8px;
  overflow: hidden;
}
.acuerdos-paz-banner img {
  display: block;
  width: 100%;
  height: auto;
}

/* ── Logo bar ── */
.acuerdos-paz-logobar {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.2rem 1.5rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  margin-bottom: 2rem;
}
.acuerdos-paz-logobar-logo {
  flex: 0 0 auto;
}
.acuerdos-paz-logobar-logo img {
  width: 210px;
  height: auto;
}
.acuerdos-paz-logobar-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.acuerdos-paz-logobar-text {
  font-size: .9rem;
  color: #333;
  line-height: 1.5;
}
.acuerdos-paz-logobar-text p { margin: 0; }
.acuerdos-paz-logobar-actions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.acuerdos-paz-logobar-buttons {
  display: flex;
  gap: .5rem;
}
.acuerdos-paz-logobar-buttons .btn {
  font-weight: 700;
  font-size: .85rem;
  letter-spacing: .5px;
  padding: .5rem 1.5rem;
}
.acuerdos-paz-logobar-rtvc {
  margin-left: auto;
}
.acuerdos-paz-logobar-rtvc img {
  height: 45px;
  width: 120px;
}

/* ── Sections ── */
.acuerdos-paz-section {
  margin-bottom: 2.5rem;
}
.acuerdos-paz-section-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #003b71;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid #003b71;
}
.acuerdos-paz-section-desc {
  font-size: .9rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* ── Video destacado ── */
.acuerdos-paz-video-section {
  background: #003b71;
  border-radius: 8px;
  padding: 2rem;
  color: #fff;
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}
.acuerdos-paz-video-header {
  flex: 0 0 35%;
}
.acuerdos-paz-video-label {
  display: block;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: .7;
  margin-bottom: .5rem;
}
.acuerdos-paz-video-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
}
.acuerdos-paz-video-section .acuerdos-paz-video-wrapper {
  flex: 1;
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
}

/* Video embed responsive */
.acuerdos-paz-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 1.5rem 0 2rem;
  border-radius: 8px;
}
.acuerdos-paz-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ── Puntos del acuerdo ── */
.acuerdos-paz-puntos {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.acuerdos-paz-punto {
  background: #f0f0f0;
  border-radius: 6px;
  padding: .8rem;
  flex: 1;
  text-align: center;
}
.acuerdos-paz-punto img {
  max-height: 50px;
  margin-bottom: .4rem;
}
.acuerdos-paz-punto a {
  display: block;
  font-weight: 700;
  color: #003b71;
  font-size: .85rem;
  text-decoration: underline;
}
.acuerdos-paz-punto span {
  display: block;
  font-size: .75rem;
  color: #555;
  font-style: italic;
}

/* ── Informes list (filas) ── */
.acuerdos-paz-informes-list {
  display: flex;
  flex-direction: column;
}
.acuerdos-paz-informe-row {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .8rem 1rem;
  border-bottom: 1px solid #e9ecef;
  text-decoration: none;
  color: #212529;
  transition: background .2s;
}
.acuerdos-paz-informe-row:hover {
  background: #f8f9fa;
  text-decoration: none;
  color: #003b71;
}
.acuerdos-paz-informe-label {
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #003b71;
}
.acuerdos-paz-informe-row .acuerdos-paz-informe-year {
  font-size: 1.4rem;
  font-weight: 800;
  color: #003b71;
  margin: 0;
}
.acuerdos-paz-informe-row svg {
  margin-left: auto;
}

/* ── Contenidos destacados cards ── */
.acuerdos-paz-dest-card {
  display: block;
  text-decoration: none;
  color: #212529;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e9ecef;
  transition: box-shadow .2s;
  height: 100%;
}
.acuerdos-paz-dest-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  text-decoration: none;
  color: #003b71;
}
.acuerdos-paz-dest-img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}
.acuerdos-paz-dest-body {
  padding: .8rem;
}
.acuerdos-paz-dest-title {
  font-size: .9rem;
  font-weight: 700;
  margin: 0 0 .4rem;
  line-height: 1.3;
}
.acuerdos-paz-dest-desc {
  font-size: .8rem;
  color: #555;
  margin: 0;
  line-height: 1.4;
}

/* ── Noticias Radio Nacional (carousel horizontal) ── */
.acuerdos-paz-carousel-wrapper {
  position: relative;
}
.acuerdos-paz-carousel {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding-bottom: .5rem;
}
.acuerdos-paz-carousel::-webkit-scrollbar {
  height: 6px;
}
.acuerdos-paz-carousel::-webkit-scrollbar-thumb {
  background: #003b71;
  border-radius: 3px;
}
.acuerdos-paz-carousel-item {
  flex: 0 0 260px;
  scroll-snap-align: start;
}
.acuerdos-paz-radio-card {
  display: block;
  text-decoration: none;
  color: #212529;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  overflow: hidden;
  transition: box-shadow .2s;
  height: 100%;
}
.acuerdos-paz-radio-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  text-decoration: none;
  color: #003b71;
}
.acuerdos-paz-radio-img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}
.acuerdos-paz-radio-title {
  font-size: .85rem;
  font-weight: 700;
  padding: .6rem .6rem .2rem;
  margin: 0;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.acuerdos-paz-radio-desc {
  font-size: .75rem;
  color: #555;
  padding: 0 .6rem .6rem;
  margin: 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.acuerdos-paz-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,59,113,.85);
  color: #fff;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.acuerdos-paz-carousel-btn:hover {
  background: #002a52;
}
.acuerdos-paz-carousel-prev { left: -12px; }
.acuerdos-paz-carousel-next { right: -12px; }

/* ── Existing card styles (view rows) ── */
.acuerdos-paz-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
  transition: box-shadow .2s;
  background: #fff;
}
.acuerdos-paz-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.acuerdos-paz-card-img img { width: 100%; height: auto; display: block; }
.acuerdos-paz-card-body { padding: 1rem; display: flex; flex-direction: column; flex: 1; }
.acuerdos-paz-marca {
  display: inline-block; font-size: .7rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .5px; color: #fff; background: #003b71; padding: .15rem .5rem;
  border-radius: 3px; margin-bottom: .5rem; align-self: flex-start;
}
.acuerdos-paz-card-title { font-size: 1rem; font-weight: 700; margin: 0 0 .5rem; line-height: 1.3; }
.acuerdos-paz-card-title a { color: #212529; text-decoration: none; }
.acuerdos-paz-card-title a:hover { color: #003b71; text-decoration: underline; }
.acuerdos-paz-card-desc { font-size: .85rem; color: #555; margin: 0; line-height: 1.5; }

/* ── Link button ── */
.acuerdos-paz-enlace { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e9ecef; }
.acuerdos-paz-enlace-btn {
  display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1.2rem;
  background: #003b71; color: #fff; border-radius: 4px; text-decoration: none;
  font-size: .9rem; font-weight: 600; transition: background .2s;
}
.acuerdos-paz-enlace-btn:hover { background: #002a52; color: #fff; text-decoration: none; }
.acuerdos-paz-enlace-btn:visited { color: #fff; }
.acuerdos-paz-enlace-btn svg { flex-shrink: 0; }
.acuerdos-paz-enlace-btn--sm { font-size: .8rem; padding: .4rem .8rem; }
.node-detail-badge--azul { background: #0d6efd; }

/* ── Contenidos por año (page_2) ── */
.acuerdos-paz-year-section {
  margin-bottom: 2rem;
}
.acuerdos-paz-year-heading {
  font-size: 1.4rem;
  font-weight: 800;
  color: #003b71;
  padding-bottom: .5rem;
  border-bottom: 2px solid #003b71;
  margin-bottom: 1rem;
}
.acuerdos-paz-content-row {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e9ecef;
  text-decoration: none;
  color: #212529;
  transition: background .15s;
}
.acuerdos-paz-content-row:hover {
  background: #f8f9fa;
  text-decoration: none;
  color: #212529;
}
.acuerdos-paz-content-img {
  flex: 0 0 220px;
}
.acuerdos-paz-content-img img {
  width: 220px;
  height: 140px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}
.acuerdos-paz-content-info {
  flex: 1;
  min-width: 0;
}
.acuerdos-paz-content-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 .3rem;
  line-height: 1.3;
  color: #212529;
}
.acuerdos-paz-content-row:hover .acuerdos-paz-content-title {
  color: #003b71;
}
.acuerdos-paz-content-marca {
  display: inline-block;
  font-size: .8rem;
  color: #003b71;
  font-weight: 600;
  margin-bottom: .4rem;
}
.acuerdos-paz-content-desc {
  font-size: .85rem;
  color: #555;
  line-height: 1.5;
  margin: 0;
}

/* Empty state */
.acuerdos-paz-empty { padding: 2rem; text-align: center; color: #6c757d; font-style: italic; }

/* ── Responsive ── */
@media (max-width: 992px) {
  .acuerdos-paz-video-section {
    flex-direction: column;
  }
  .acuerdos-paz-video-header {
    flex: none;
  }
  .acuerdos-paz-main-row {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .acuerdos-paz-page { padding: 1rem .5rem; }
  .acuerdos-paz-logobar { flex-direction: column; text-align: center; gap: .8rem; padding: 1rem; }
  .acuerdos-paz-logobar-actions { flex-direction: column; }
  .acuerdos-paz-puntos { flex-direction: column; }
  .acuerdos-paz-carousel-btn { display: none; }
  .acuerdos-paz-content-row { flex-direction: column; }
  .acuerdos-paz-content-img { flex: none; }
  .acuerdos-paz-content-img img { width: 100%; height: 180px; }
}