/* style-extra.css — complementos: vigencia / sustitución (Art. 12 y 18) y materia (Art. 23-III)
   Se carga después de style.css. */

/* Publicación sin efectos o derogada */
.card--sin-efectos {
  border-color: var(--neutro-400);
  background: #faf7f7;
}

.card--sin-efectos .card__cover {
  filter: grayscale(0.85);
  opacity: 0.8;
}

.card--sin-efectos .card__eyebrow {
  color: var(--neutro-700);
}

/* Aviso dentro del modal */
.modal__aviso {
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid var(--guinda);
  border-left-width: 5px;
  border-radius: var(--radius-s);
  background: #fbeff2;
  color: var(--guinda-dark);
  font-family: var(--font-filtros);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.modal__aviso[hidden] {
  display: none;
}

@media (max-width: 720px) {
  .modal__aviso {
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* Fe de Erratas dentro del modal (solo si aplica) */
.modal__erratas {
  padding: 12px 14px;
  border: 1px solid var(--dorado-gobierno);
  border-left-width: 5px;
  border-radius: var(--radius-s);
  background: var(--neutro-100);
}

.modal__erratas[hidden] {
  display: none;
}

.modal__erratas-title {
  margin: 0 0 8px;
  font-family: var(--font-filtros);
  font-size: 16px;
  font-weight: 700;
  color: var(--guinda);
}

.modal__erratas-item + .modal__erratas-item {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--neutro-300);
}

.modal__erratas-head {
  margin: 0 0 4px;
  font-family: var(--font-filtros);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-filtros);
}

.modal__erratas-meta {
  margin: 0 0 6px;
  font-family: var(--font-filtros);
  font-size: 14px;
  line-height: 1.4;
  color: var(--neutro-700);
}

.modal__erratas-label {
  margin: 8px 0 3px;
  font-family: var(--font-filtros);
  font-size: 13px;
  font-weight: 700;
  color: var(--guinda);
}

.modal__erratas-text {
  margin: 0;
  padding: 6px 8px;
  border: 1px solid var(--neutro-300);
  border-radius: var(--radius-s);
  background: var(--blanco);
  font-family: var(--font-filtros);
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-filtros);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.modal__erratas-item .modal__view-button {
  margin-top: 10px;
  padding: 9px 12px;
  font-size: 14px;
}

@media (max-width: 720px) {
  .modal__erratas {
    padding: 10px 10px;
  }

  .modal__erratas-title {
    font-size: 15px;
  }

  .modal__erratas-head,
  .modal__erratas-meta,
  .modal__erratas-text {
    font-size: 13px;
  }
}