/* Unifica los acentos de la ficha de celebración con el dorado corporativo. */
.ficha-celebracion-page {
  --cyh-gold: #b58a2a;
  --cyh-gold-dark: #936f20;
}

/* Cabecera principal y botones que antes utilizaban el amarillo intenso. */
.ficha-celebracion-page .btn-primary,
.ficha-celebracion-page .btn-primary:focus,
.ficha-celebracion-page .btn-primary:hover,
.ficha-celebracion-page .btn-primary:active,
.ficha-celebracion-page .btn-primary.active {
  background-color: var(--cyh-gold) !important;
  border-color: var(--cyh-gold) !important;
}

/* Filetes decorativos de títulos y separadores. */
.ficha-celebracion-page .colorlib-heading::after,
.ficha-celebracion-page .colorlib-heading:after,
.ficha-celebracion-page .ficha-celebracion-titulo::after,
.ficha-celebracion-page .ficha-celebracion-titulo:after,
.ficha-celebracion-page .ficha-celebracion-esencia::after,
.ficha-celebracion-page .ficha-celebracion-esencia:after {
  background-color: var(--cyh-gold) !important;
  border-color: var(--cyh-gold) !important;
}

/* Bordes superiores de los bloques de contenido. */
.ficha-celebracion-page .ficha-celebracion-relaciones .blog-entry,
.ficha-celebracion-page .ficha-celebracion-encabezado-seccion,
.ficha-celebracion-page .ficha-pregon-card,
.ficha-celebracion-page .ficha-celebracion-marchas,
.ficha-celebracion-page .ficha-celebracion-pregones {
  border-color: var(--cyh-gold) !important;
}

/* Iconos, cifras y metadatos destacados. */
.ficha-celebracion-page .ficha-celebracion-relaciones [class^="icon-"],
.ficha-celebracion-page .ficha-celebracion-relaciones [class*=" icon-"],
.ficha-celebracion-page .icon-bubble3,
.ficha-celebracion-page .heading-meta,
.ficha-celebracion-page .ficha-pregon-anno {
  color: var(--cyh-gold) !important;
}

/* Enlaces de expansión del texto ESENCIA. */
.ficha-celebracion-page .enlace-toggle,
.ficha-celebracion-page .enlace-toggle button,
.ficha-celebracion-page button.enlace-toggle {
  color: var(--cyh-gold) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.ficha-celebracion-page .enlace-toggle:hover,
.ficha-celebracion-page .enlace-toggle:focus,
.ficha-celebracion-page .enlace-toggle button:hover,
.ficha-celebracion-page .enlace-toggle button:focus,
.ficha-celebracion-page button.enlace-toggle:hover,
.ficha-celebracion-page button.enlace-toggle:focus {
  color: var(--cyh-gold-dark) !important;
}

/* Elementos Bootstrap heredados dentro de la ficha. */
.ficha-celebracion-page .text-warning,
.ficha-celebracion-page .text-primary {
  color: var(--cyh-gold) !important;
}

.ficha-celebracion-page .border-warning,
.ficha-celebracion-page .border-primary {
  border-color: var(--cyh-gold) !important;
}

/* Acceso a la diócesis: escudo según su ID y mayor respiración visual. */
.ficha-celebracion-page .celebracion-diocesis {
  margin: 7px 0 19px;
}

.ficha-celebracion-page .celebracion-diocesis-enlace {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.25;
  text-align: left;
  text-decoration: underline;
  text-decoration-color: var(--cyh-gold);
  text-underline-offset: 3px;
  cursor: pointer;
}

.ficha-celebracion-page .celebracion-diocesis-enlace:hover,
.ficha-celebracion-page .celebracion-diocesis-enlace:focus {
  color: var(--cyh-gold-dark);
}

.ficha-celebracion-page .celebracion-diocesis-escudo {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .ficha-celebracion-page .celebracion-diocesis {
    margin-bottom: 15px;
  }

  .ficha-celebracion-page .celebracion-diocesis-escudo {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}

/* Iconos de Procesiones y Cultos más visibles sin alterar la altura de fila. */
.ficha-celebracion-page .ficha-celebracion-procesiones .semanasantae1 {
  overflow: visible;
}

.ficha-celebracion-page .ficha-celebracion-icono-procesion {
  display: inline-block;
  transform: scale(1.4);
  transform-origin: center center;
  object-fit: contain;
}

@media (max-width: 767px) {
  .ficha-celebracion-page .ficha-celebracion-icono-procesion {
    transform: scale(1.3);
  }
}