/* ============================================================
   SINGLE-REPORTS — ARCHIVO NATHANIEL CROWE
   Ficha de informe de campo — estética de documento oficial
   Extiende single-cases.css
   ============================================================ */

/* ── Wrapper ────────────────────────────────────────────────── */
.crowe-report-wrap {
    background: var(--crowe-paper);
    min-height: 100vh;
}

.crowe-report-main {
    padding: 0;
}

/* ── Ficha principal ────────────────────────────────────────── */
.crowe-report-ficha {
    position: relative;
    max-width: 1120px;
    margin: 40px auto;
    background: var(--crowe-paper);
    border: 1px solid var(--crowe-border);
    box-shadow:
        0 2px 6px rgba(30, 15, 5, 0.08),
        0 8px 28px rgba(30, 15, 5, 0.06),
        inset 0 0 0 1px rgba(255, 248, 235, 0.6);
    overflow: hidden;
    font-family: var(--crowe-mono);
    color: var(--crowe-ink-mid);
}

/* Textura de papel con líneas horizontales más marcadas —
   evoca papel de formulario oficial */
.crowe-report-ficha::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 24px,
            rgba(160, 130, 90, 0.055) 24px,
            rgba(160, 130, 90, 0.055) 25px
        );
    pointer-events: none;
    z-index: 0;
}

/* ══════════════════════════════════════════════════════════════
   ESTADO DEL INFORME — Topbar
   ══════════════════════════════════════════════════════════════ */
.crowe-report-status {
    font-family: var(--crowe-mono);
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 2px 8px;
    border: 1px solid rgba(154,128,96,0.3);
    color: #9a8060;
}

.crowe-report-status--classified {
    color: #d04020;
    border-color: rgba(208,64,32,0.45);
    animation: crowe-pulse-threat 3s ease-in-out infinite;
}

.crowe-report-status--complete {
    color: #4a7a4a;
    border-color: rgba(74,122,74,0.4);
}

.crowe-report-status--pending {
    color: #8a6820;
    border-color: rgba(138,104,32,0.4);
}

/* ══════════════════════════════════════════════════════════════
   ICONO DE DOCUMENTO — Aside
   ══════════════════════════════════════════════════════════════ */
.crowe-report-doc-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 16px 18px;
    border-bottom: 1px dotted var(--crowe-border-soft);
    color: var(--crowe-ink-faint);
}

.crowe-report-doc-icon svg {
    width: 64px;
    height: auto;
    opacity: 0.55;
}

.crowe-report-doc-icon__label {
    font-family: var(--crowe-mono);
    font-size: 0.58rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--crowe-ink-faint);
    text-align: center;
}

body.single-reports .crowe-report-doc-icon {
    padding: 0 0 14px;
}

body.single-reports .crowe-report-doc-thumb {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    filter: sepia(0.22) contrast(1.04);
    border-bottom: 1px solid var(--crowe-border-soft);
    margin-bottom: 12px;
}

body.single-reports .crowe-report-doc-icon__label {
    display: block;
    padding: 0 16px;
}

/* Código del informe en el aside — monoespaciado destacado */
.crowe-report-code-value {
    font-weight: 700 !important;
    letter-spacing: 0.18em;
    color: var(--crowe-accent) !important;
}

/* ── Archivo adjunto ────────────────────────────────────────── */
.crowe-report-attachment {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--crowe-border-soft);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.crowe-report-attachment__label {
    font-family: var(--crowe-mono);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--crowe-ink-faint);
}

.crowe-report-attachment__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--crowe-accent);
    border: 1px solid rgba(107,60,24,0.25);
    background: rgba(107,60,24,0.04);
    transition: background 160ms ease, border-color 160ms ease;
    flex-shrink: 0;
}

.crowe-report-attachment__link:hover {
    background: rgba(107,60,24,0.1);
    border-color: rgba(107,60,24,0.45);
}

.crowe-report-attachment__link svg {
    flex-shrink: 0;
}

.crowe-report-attachment__value {
    font-family: var(--crowe-mono);
    font-size: 0.7rem;
    color: var(--crowe-ink-muted);
    word-break: break-all;
}

/* ══════════════════════════════════════════════════════════════
   BLOQUE DE TÍTULO — con meta y autor
   ══════════════════════════════════════════════════════════════ */
.crowe-report-titleblock {
    /* Hereda .crowe-exp-titleblock */
}

.crowe-report-titleblock__meta {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin-bottom: 8px;
}

.crowe-report-titleblock__date {
    font-family: var(--crowe-mono);
    font-size: 0.62rem;
    letter-spacing: 0.16em;
    color: var(--crowe-ink-faint);
}

.crowe-report-titleblock__author {
    margin: 6px 0 0;
    font-family: var(--crowe-mono);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    color: var(--crowe-ink-muted);
}

.crowe-report-titleblock__author span {
    color: var(--crowe-ink-soft);
    font-style: italic;
    font-family: var(--crowe-serif);
}

/* ══════════════════════════════════════════════════════════════
   ENCABEZADO FORMAL DEL DOCUMENTO
   Simula la cabecera de un formulario oficial
   ══════════════════════════════════════════════════════════════ */
.crowe-report-header-block {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--crowe-border-soft);
    overflow: hidden;
    margin-bottom: 4px;
}

.crowe-report-header-block__row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px;
    border-right: 1px dotted var(--crowe-border-soft);
    border-bottom: 1px dotted var(--crowe-border-soft);
    background: rgba(107,60,24,0.02);
}

.crowe-report-header-block__row:nth-child(3n) {
    border-right: none;
}

.crowe-report-header-block__row:nth-last-child(-n+3) {
    border-bottom: none;
}

.crowe-report-header-block__key {
    font-family: var(--crowe-mono);
    font-size: 0.54rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--crowe-ink-faint);
}

.crowe-report-header-block__val {
    font-family: var(--crowe-mono);
    font-size: 0.78rem;
    color: var(--crowe-ink-mid);
    line-height: 1.3;
}

/* Estado con color */
.crowe-report-header-block__val--status {
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.crowe-report-header-block__val--classified,
.crowe-report-header-block__val--redacted {
    color: #d04020;
}

.crowe-report-header-block__val--complete,
.crowe-report-header-block__val--archived {
    color: #4a7a4a;
}

.crowe-report-header-block__val--draft,
.crowe-report-header-block__val--review {
    color: #8a6820;
}

/* ══════════════════════════════════════════════════════════════
   PROSA DEL INFORME — tipografía de documento
   ══════════════════════════════════════════════════════════════ */
.crowe-report-prose__body {
    /* Párrafos con sangría — estilo informe escrito */
    counter-reset: report-para;
}

.crowe-report-prose__body > p {
    text-indent: 1.5em;
    text-align: justify;
    hyphens: auto;
}

.crowe-report-prose__body > p:first-child {
    text-indent: 0;
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 860px) {
    .crowe-report-ficha {
        margin: 20px auto;
    }

    .crowe-report-header-block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crowe-report-header-block__row:nth-child(3n) {
        border-right: 1px dotted var(--crowe-border-soft);
    }

    .crowe-report-header-block__row:nth-child(2n) {
        border-right: none;
    }

    .crowe-report-header-block__row:nth-last-child(-n+3) {
        border-bottom: 1px dotted var(--crowe-border-soft);
    }

    .crowe-report-header-block__row:nth-last-child(-n+2) {
        border-bottom: none;
    }
}

@media (max-width: 560px) {
    .crowe-report-header-block {
        grid-template-columns: 1fr;
    }

    .crowe-report-header-block__row {
        border-right: none;
        border-bottom: 1px dotted var(--crowe-border-soft);
    }

    .crowe-report-header-block__row:last-child {
        border-bottom: none;
    }
}

/* ══════════════════════════════════════════════════════════════
   ANIMACIÓN DE ENTRADA
   ══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: no-preference) {
    .crowe-report-ficha {
        animation: crowe-fadein 0.5s ease both;
    }
}

@keyframes crowe-fadein {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ══════════════════════════════════════════════════════════════
   INTEGRACIÓN GENERATEPRESS
   ══════════════════════════════════════════════════════════════ */
.crowe-report-wrap .site-content,
.crowe-report-wrap .content-area {
    padding: 0;
    max-width: none;
}

.crowe-report-wrap .entry-header {
    display: none;
}

body.single-reports .site-main {
    background: var(--crowe-paper);
}