.crear-documents {
    width: min(100%, 980px);
    margin: 2rem auto;
}

.crear-documents__header { margin-bottom: 1.5rem; }
.crear-documents__eyebrow { margin: 0 0 .35rem; font-size: .9rem; font-weight: 600; }
.crear-documents__header h1 { margin: 0 0 .5rem; }
.crear-documents__filters {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid currentColor;
}
.crear-documents__field { display: flex; flex-direction: column; gap: .35rem; }
.crear-documents__field label { font-weight: 600; }
.crear-documents__field input,
.crear-documents__field select {
    width: 100%; min-height: 42px; box-sizing: border-box; padding: .55rem .65rem; font: inherit;
}
.crear-documents__filter-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 1rem; }
.crear-documents__button {
    display: inline-flex; align-items: center; justify-content: center; min-height: 42px;
    padding: .6rem 1rem; border: 1px solid currentColor; text-decoration: none;
    font: inherit; font-weight: 600; cursor: pointer;
}
.crear-documents__button--primary { border-width: 2px; }
.crear-documents__results { display: grid; gap: 1rem; }
.crear-documents__card {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.25rem;
    padding: 1.25rem; border: 1px solid currentColor;
}
.crear-documents__card h2 { margin: 0 0 .6rem; font-size: 1.35rem; }
.crear-documents__description { margin-bottom: 1rem; line-height: 1.55; }
.crear-documents__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 1rem; margin: 0; }
.crear-documents__meta div { display: grid; grid-template-columns: minmax(90px, auto) 1fr; gap: .5rem; }
.crear-documents__meta dt { font-weight: 600; }
.crear-documents__meta dd { margin: 0; }
.crear-documents__actions { display: flex; flex-direction: column; gap: .6rem; min-width: 170px; }
.crear-documents__empty { padding: 1.25rem; border: 1px solid currentColor; }
.crear-documents__empty h1 { margin-top: 0; }
@media (max-width: 800px) {
    .crear-documents__filters { grid-template-columns: 1fr 1fr; }
    .crear-documents__field--search { grid-column: 1 / -1; }
    .crear-documents__card { grid-template-columns: 1fr; }
    .crear-documents__actions { min-width: 0; flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 560px) {
    .crear-documents__filters, .crear-documents__meta { grid-template-columns: 1fr; }
    .crear-documents__field--search, .crear-documents__filter-actions { grid-column: auto; }
    .crear-documents__meta div { grid-template-columns: 1fr; gap: .15rem; }
}


.crear-documents__card h2 a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em;
}

.crear-documents__back {
    margin: 0 0 1rem;
}

.crear-documents__detail-card {
    padding: 1.4rem;
    border: 1px solid currentColor;
}

.crear-documents__detail-header {
    margin-bottom: 1.25rem;
}

.crear-documents__detail-header h1 {
    margin: 0 0 .75rem;
}

.crear-documents__source-priority {
    margin: 0;
    padding: .8rem 1rem;
    border-left: 3px solid currentColor;
}

.crear-documents__detail-content {
    margin: 1.25rem 0;
    line-height: 1.65;
}

.crear-documents__detail-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem 1.25rem;
    margin: 1.25rem 0;
}

.crear-documents__detail-meta > div {
    display: grid;
    grid-template-columns: minmax(100px, auto) 1fr;
    gap: .6rem;
}

.crear-documents__detail-meta dt {
    font-weight: 600;
}

.crear-documents__detail-meta dd {
    margin: 0;
}

.crear-documents__detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.25rem;
}

.crear-documents__backup-note {
    margin: 1rem 0 0;
    font-size: .9rem;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .crear-documents__detail-meta {
        grid-template-columns: 1fr;
    }

    .crear-documents__detail-meta > div {
        grid-template-columns: 1fr;
        gap: .15rem;
    }
}


.crear-documents__relations {
    margin: 1.25rem 0;
    padding-top: 1rem;
    border-top: 1px solid currentColor;
}

.crear-documents__relations h2 {
    margin: 0 0 .65rem;
    font-size: 1.15rem;
}

.crear-documents__relations ul {
    margin: 0;
    padding-left: 1.2rem;
}

.crear-documents__relations li + li {
    margin-top: .45rem;
}


.crear-documents__annexes {
    margin: 1.25rem 0;
    padding-top: 1rem;
    border-top: 1px solid currentColor;
}

.crear-documents__annexes h2 {
    margin: 0 0 .75rem;
    font-size: 1.15rem;
}

.crear-documents__annexes h2 span {
    font-weight: 400;
}

.crear-documents__annex-list {
    display: grid;
    gap: .55rem;
}

.crear-documents__annex {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: .7rem 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.crear-documents__annex-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

@media (max-width: 600px) {
    .crear-documents__annex {
        grid-template-columns: 1fr;
    }
}


.crear-documents__annex-source-history {
    margin-top: .35rem;
    font-size: .82rem;
    line-height: 1.4;
}

.crear-documents__annex-source-history span {
    display: block;
}

.crear-documents__annex-source-history code {
    display: block;
    margin-top: .2rem;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: .78rem;
}


.crear-documents__annex-preservation {
    margin-top: .3rem;
    font-size: .82rem;
    line-height: 1.4;
}

.crear-documents__integrity {
    margin: 1.25rem 0;
    padding-top: 1rem;
    border-top: 1px solid currentColor;
}

.crear-documents__integrity h2 {
    margin: 0 0 .75rem;
    font-size: 1.15rem;
}

.crear-documents__integrity dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem 1.2rem;
    margin: 0;
}

.crear-documents__integrity dl > div {
    min-width: 0;
}

.crear-documents__integrity dt {
    font-weight: 600;
}

.crear-documents__integrity dd {
    margin: .1rem 0 0;
    overflow-wrap: anywhere;
}

.crear-documents__hash {
    font-family: monospace;
    font-size: .78rem;
}

@media (max-width: 600px) {
    .crear-documents__integrity dl {
        grid-template-columns: 1fr;
    }
}


.crear-documents__source-history {
    margin: 0;
    padding: .8rem 1rem;
    border-left: 3px solid currentColor;
    line-height: 1.5;
}

.crear-documents__source-history strong,
.crear-documents__source-history code {
    display: block;
}

.crear-documents__source-history code {
    margin-top: .35rem;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: .8rem;
}


/* CREAR 0.18.2 — búsqueda documental avanzada */
.crear-documents__filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.crear-documents__field {
    min-width: 0;
}

.crear-documents__badges {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .35rem 0 .7rem;
}

.crear-documents__badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: .18rem .5rem;
    border: 1px solid currentColor;
    font-size: .72rem;
    line-height: 1.2;
}

.crear-documents__badge--historical,
.crear-documents__badge--reference {
    opacity: .78;
}

@media (max-width: 760px) {
    .crear-documents__filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crear-documents__field--search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .crear-documents__filters {
        grid-template-columns: 1fr;
    }

    .crear-documents__field--search {
        grid-column: auto;
    }
}