/* Hoja compartida para paginas de contenido institucional:
   agenda, fqa, galeriaMarchas, reciboDonacion, revistaVirtual, edecMusicApp.
   Solo CSS — no toca markup/JS/AJAX existente. */

:root {
  --ci-ink: #111111;
  --ci-ink-soft: #1d1d1d;
  --ci-gold: #e0ab4a;
  --ci-blue: #5c7893;
  --ci-radius: 16px;
}

/* Titulo principal: una sola linea dorada en vez de la doble linea por defecto */
.section-heading h2:after { content: none !important; }
.section-heading h2:before {
  width: 64px !important;
  height: 3px !important;
  bottom: -12px !important;
  background: var(--ci-gold) !important;
}
.section-heading h2 { font-weight: 700; color: var(--ci-ink); }

/* Acordeon de preguntas frecuentes */
#accordionComment .card {
  border: none !important;
  border-radius: var(--ci-radius) !important;
  box-shadow: 0 8px 22px rgba(17,17,17,.08);
  margin-bottom: 14px;
  overflow: hidden;
}
#accordionComment .card-header {
  background: var(--ci-ink-soft) !important;
  border: none !important;
  padding: 14px 18px !important;
}
#accordionComment .card-header .btn-link {
  color: #fff !important;
  text-decoration: none !important;
  width: 100%;
  text-align: left;
}
#accordionComment .card-header .btn-link strong { color: var(--ci-gold); }
#accordionComment h4 {
  margin-top: 28px;
  margin-bottom: 14px;
  font-weight: 700;
  color: var(--ci-blue);
}

/* Calendario (agenda.jsp / home) */
.fc-head { background: var(--ci-ink) !important; }
.fc-widget-header { color: #fff !important; }
#calendar {
  background: #fff;
  border-radius: var(--ci-radius);
  box-shadow: 0 10px 30px rgba(17,17,17,.08);
  padding: 14px;
}

/* Marchas (galeriaMarchas.jsp) */
#multimediaContainer .row {
  background: var(--ci-ink-soft);
  border-radius: var(--ci-radius);
  padding: 24px 18px;
  margin: 0 0 20px 0;
  box-shadow: 0 10px 28px rgba(17,17,17,.12);
}
#multimediaContainer .row h3,
#multimediaContainer .row h4,
#multimediaContainer .row span,
#multimediaContainer .row em {
  color: rgba(255,255,255,.92);
}

/* Portadas de revista / album (single-item + pictureLabel, sin ocultar la insignia: aqui muestra el anio) */
.single-item > div.pictureLabel,
.single-item > div:first-child {
  border-radius: var(--ci-radius);
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(17,17,17,.14);
  transition: transform .25s ease, box-shadow .25s ease;
}
.single-item:hover > div.pictureLabel,
.single-item:hover > div:first-child {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(17,17,17,.22);
}
.pictureLabel .etiqueta360 {
  top: 10px; right: 10px; left: auto !important;
  transform: none !important;
  height: auto !important;
  padding: 5px 14px !important;
  border-radius: 999px;
  background: rgba(17,17,17,.82) !important;
  font-weight: 700;
}
.single-item h4.text-center.my-3 { font-weight: 600; color: var(--ci-ink); }

/* Recibo de donacion */
#tablaDetalles { border-radius: var(--ci-radius); overflow: hidden; }
#tablaDetalles thead { background: var(--ci-ink); color: #fff; }
.infoDetalles .table-responsive {
  box-shadow: 0 10px 28px rgba(17,17,17,.08);
  border-radius: var(--ci-radius);
}

/* EdeC Music App */
.img-border {
  border-radius: var(--ci-radius);
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(17,17,17,.14);
}

/* Botones */
.btn-dark, .btn-black {
  background-color: var(--ci-ink) !important;
  border-color: var(--ci-ink) !important;
  border-radius: 999px !important;
}
.btn-dark:hover, .btn-black:hover { background-color: var(--ci-ink-soft) !important; }