/*
 * Reportes directivos — Dirección / BI.
 * Concepto: el documento. Donde tableros-indicadores-kpi-erp muestra paneles en vivo, aquí todo
 * es hoja: el reporte de Dirección con un resumen por área, sus copias XLSX y PDF, un índice con
 * líneas de puntos para las capacidades y páginas con esquina doblada para el flujo.
 * Mismo color por área que la landing de KPIs (azul = Ventas, naranja = Finanzas / Cobranza,
 * verde agua = Inventarios), siempre con su etiqueta de texto. Display Libre Franklin.
 * Momento animado único: en el hero se llenan los resúmenes y las copias XLSX y PDF salen de la hoja.
 */
[data-function-layout="reportes"] {
    --rd-ink: #041f49;
    --rd-a0: #2a78d6;
    --rd-a1: #eb6834;
    --rd-a2: #1baf7a;
    --rd-xlsx: #1f7a4a;
    --rd-pdf: #c4302b;
    --rd-gold: #fac63f;
    --rd-paper: #f3f5f8;
    --rd-line: #dde3ea;
    --rd-muted: #46505e;
    --rd-text: #1f2a3d;
    --rd-display: "Libre Franklin", "Hanken Grotesk", ui-sans-serif, sans-serif;
    --rd-ease: cubic-bezier(.2, .7, .2, 1);
}
[data-function-layout="reportes"] .rd-a0 { --rd-area: var(--rd-a0); }
[data-function-layout="reportes"] .rd-a1 { --rd-area: var(--rd-a1); }
[data-function-layout="reportes"] .rd-a2 { --rd-area: var(--rd-a2); }
[data-function-layout="reportes"] .rd-swatch { display: inline-block; flex-shrink: 0; width: .7rem; height: .7rem; border-radius: .15rem; background: var(--rd-area); }

[data-function-layout="reportes"] .cv-hero-title,
[data-function-layout="reportes"] .cv-section-title,
[data-function-layout="reportes"] .cv-form-title {
    font-family: var(--rd-display);
    font-weight: 800;
    letter-spacing: -.02em;
}

/* ---------- Superficies ---------- */
[data-function-layout="reportes"] .rd-paper { background: var(--rd-paper); }
[data-function-layout="reportes"] .rd-navy { background: var(--rd-ink); color: #fff; }
[data-function-layout="reportes"] .rd-navy .cv-section-title { color: #fff; }
[data-function-layout="reportes"] .rd-split { display: grid; gap: 2.5rem 4rem; align-items: center; }
[data-function-layout="reportes"] .rd-split--top { align-items: start; }
[data-function-layout="reportes"] .rd-lead {
    margin-top: 1.25rem;
    max-width: 42rem;
    color: var(--rd-text);
    font-size: clamp(1.0625rem, 1.4vw, 1.1875rem);
    line-height: 1.75;
}
[data-function-layout="reportes"] .rd-line { display: block; height: .5rem; border-radius: .2rem; background: #e1e7ee; }
[data-function-layout="reportes"] .rd-line--short { width: 60%; }
[data-function-layout="reportes"] .rd-file {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .6rem;
    border-radius: .3rem;
    color: #fff;
    font-family: var(--rd-display);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
}
[data-function-layout="reportes"] .rd-file--xlsx { background: var(--rd-xlsx); }
[data-function-layout="reportes"] .rd-file--pdf { background: var(--rd-pdf); }

/* ---------- Hero ---------- */
[data-function-layout="reportes"] #inicio {
    background: linear-gradient(155deg, #041f49 0%, #0a2c5c 70%, #0f3870 100%);
    color: #fff;
}
[data-function-layout="reportes"] #inicio .function-hero__media img { object-position: 65% 50%; }
[data-function-layout="reportes"] #inicio .function-hero__overlay {
    background:
        radial-gradient(circle at 80% 30%, rgb(250 198 63 / .1), transparent 45%),
        linear-gradient(180deg, transparent 65%, rgb(4 31 73 / .7) 100%),
        linear-gradient(90deg, rgb(4 31 73 / .97) 0%, rgb(4 31 73 / .9) 42%, rgb(10 44 92 / .7) 70%, rgb(15 56 112 / .52) 100%);
}
[data-function-layout="reportes"] .rh-hero-layout { position: relative; z-index: 1; align-items: center; }
[data-function-layout="reportes"] #inicio .cv-hero-title {
    max-width: 10ch;
    color: #fff;
    font-size: clamp(2.8rem, 6vw, 5.4rem);
    line-height: .98;
}
[data-function-layout="reportes"] #inicio .cv-hero-description { max-width: 38rem; margin-top: 1.5rem; color: rgb(255 255 255 / .84); }
[data-function-layout="reportes"] .rd-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
[data-function-layout="reportes"] #inicio .cv-primary-button { border-color: var(--rd-gold); background: var(--rd-gold); color: var(--rd-ink); box-shadow: 0 14px 30px rgb(0 0 0 / .3); }
[data-function-layout="reportes"] #inicio .cv-primary-button:hover,
[data-function-layout="reportes"] #inicio .cv-primary-button:focus-visible { background: #ffd666; }
[data-function-layout="reportes"] #inicio .cv-secondary-button { border-color: rgb(255 255 255 / .7); background: transparent; color: #fff; }
[data-function-layout="reportes"] #inicio .cv-secondary-button:hover,
[data-function-layout="reportes"] #inicio .cv-secondary-button:focus-visible { background: #fff; color: var(--rd-ink); }
[data-function-layout="reportes"] #inicio .cv-primary-button:focus-visible,
[data-function-layout="reportes"] #inicio .cv-secondary-button:focus-visible { outline: 3px solid var(--rd-gold); outline-offset: 3px; }

/* Hoja del reporte y sus copias exportadas. */
[data-function-layout="reportes"] .rd-report { position: relative; justify-self: center; width: 100%; max-width: 27rem; margin: 0; color: var(--rd-ink); }
[data-function-layout="reportes"] .rd-report .cv-icon { width: 15px; height: 15px; flex-basis: 15px; }
[data-function-layout="reportes"] .rd-page {
    position: relative;
    z-index: 1;
    padding: 1.6rem 1.6rem 1.2rem;
    border-radius: .3rem;
    background: #fff;
    box-shadow: 0 30px 60px rgb(0 0 0 / .38);
}
[data-function-layout="reportes"] .rd-page__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding-bottom: .9rem; border-bottom: 3px solid var(--rd-ink); }
[data-function-layout="reportes"] .rd-page__title { margin: 0; font-family: var(--rd-display); font-size: 1.45rem; font-weight: 800; line-height: 1.1; }
[data-function-layout="reportes"] .rd-page__period { display: inline-flex; align-items: center; gap: .35rem; color: var(--rd-muted); font-size: .76rem; font-weight: 700; white-space: nowrap; }
[data-function-layout="reportes"] .rd-page__sections { display: grid; gap: .85rem; margin: 1.1rem 0 0; padding: 0; list-style: none; }
[data-function-layout="reportes"] .rd-page__sections li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .75rem; align-items: center; }
[data-function-layout="reportes"] .rd-page__name { display: flex; align-items: center; gap: .45rem; color: var(--rd-text); font-size: .82rem; font-weight: 700; }
[data-function-layout="reportes"] .rd-page__bar { display: block; height: .75rem; border-radius: .2rem; background: var(--rd-paper); }
[data-function-layout="reportes"] .rd-page__bar i { display: block; height: 100%; border-radius: .2rem; background: var(--rd-area); transform-origin: left; animation: rd-grow .6s var(--rd-ease) both; }
[data-function-layout="reportes"] .rd-page__sections li:nth-child(1) i { width: 72%; animation-delay: .3s; }
[data-function-layout="reportes"] .rd-page__sections li:nth-child(2) i { width: 55%; animation-delay: .42s; }
[data-function-layout="reportes"] .rd-page__sections li:nth-child(3) i { width: 64%; animation-delay: .54s; }
[data-function-layout="reportes"] .rd-page__sections li:nth-child(4) i { width: 48%; animation-delay: .66s; }
[data-function-layout="reportes"] .rd-page__text { display: grid; gap: .5rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--rd-line); }
[data-function-layout="reportes"] .rd-page__text span { display: block; height: .5rem; border-radius: .2rem; background: #e3e8ee; }
[data-function-layout="reportes"] .rd-page__text span:last-child { width: 70%; }
[data-function-layout="reportes"] .rd-page__foot { display: flex; align-items: center; gap: .4rem; margin: 1rem 0 0; color: var(--rd-muted); font-size: .76rem; font-weight: 700; }
/* Las copias salen de detrás de la hoja. */
[data-function-layout="reportes"] .rd-report { margin-bottom: 1.5rem; }
[data-function-layout="reportes"] .rd-report > .rd-file { position: absolute; z-index: 2; bottom: -1.3rem; padding: .55rem .85rem; font-size: .9rem; box-shadow: 0 14px 28px rgb(0 0 0 / .35); }
[data-function-layout="reportes"] .rd-report > .rd-file .cv-icon { width: 18px; height: 18px; flex-basis: 18px; }
[data-function-layout="reportes"] .rd-report > .rd-file--xlsx { right: 7rem; rotate: -5deg; animation: rd-slide .5s var(--rd-ease) 1s both; }
[data-function-layout="reportes"] .rd-report > .rd-file--pdf { right: 1.5rem; rotate: 4deg; animation: rd-slide .5s var(--rd-ease) 1.25s both; }

/* ---------- Qué es: del detalle operativo al resumen directivo ---------- */
[data-function-layout="reportes"] .rd-zoom { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: 2.75rem; align-items: center; margin: 0; }
[data-function-layout="reportes"] .rd-zoom__col { position: relative; padding: 1.25rem; border-radius: .4rem; background: #fff; box-shadow: inset 0 0 0 1px var(--rd-line); }
[data-function-layout="reportes"] .rd-zoom__title { margin: 0; color: var(--rd-ink); font-family: var(--rd-display); font-size: 1.05rem; font-weight: 800; }
[data-function-layout="reportes"] .rd-zoom__caption { margin: .2rem 0 0; color: var(--rd-muted); font-size: .82rem; font-weight: 600; }
[data-function-layout="reportes"] .rd-zoom ul { display: grid; margin: 1rem 0 0; padding: 0; list-style: none; }
[data-function-layout="reportes"] .is-operative ul { gap: .4rem; }
[data-function-layout="reportes"] .is-operative li { height: .4rem; border-radius: .15rem; background: #e3e8ee; }
[data-function-layout="reportes"] .is-operative li:nth-child(3n + 2) { width: 82%; }
[data-function-layout="reportes"] .is-operative li:nth-child(3n) { width: 64%; }
[data-function-layout="reportes"] .is-directive { box-shadow: inset 0 0 0 2px var(--rd-ink), 0 20px 40px rgb(4 31 73 / .1); }
[data-function-layout="reportes"] .is-directive ul { gap: .6rem; }
[data-function-layout="reportes"] .is-directive li { display: flex; align-items: center; gap: .55rem; padding: .6rem .7rem; border-radius: .3rem; background: var(--rd-paper); color: var(--rd-ink); font-weight: 700; }
/* Corchete que condensa el detalle en el resumen. */
[data-function-layout="reportes"] .is-directive::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1.9rem;
    width: .9rem;
    height: .9rem;
    border-top: 2.5px solid var(--rd-ink);
    border-right: 2.5px solid var(--rd-ink);
    rotate: 45deg;
    translate: 0 -50%;
}

/* ---------- Problema: tres versiones del mismo indicador ---------- */
[data-function-layout="reportes"] .rd-versions { display: grid; gap: 1.75rem; margin: 0; }
[data-function-layout="reportes"] .rd-versions ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
[data-function-layout="reportes"] .rd-versions li {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem 1rem;
    border: 1.5px dashed #9aa8b8;
    border-radius: .35rem;
    background: #fff;
    color: var(--rd-muted);
}
[data-function-layout="reportes"] .rd-versions li:nth-child(1) { rotate: -1.5deg; }
[data-function-layout="reportes"] .rd-versions li:nth-child(2) { rotate: 1deg; margin-left: 1.5rem; }
[data-function-layout="reportes"] .rd-versions li:nth-child(3) { rotate: -.5deg; margin-left: .5rem; }
[data-function-layout="reportes"] .rd-versions li .cv-icon { width: 20px; height: 20px; flex-basis: 20px; color: var(--rd-xlsx); }
[data-function-layout="reportes"] .rd-versions__name { overflow: hidden; color: var(--rd-text); font-size: .92rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
[data-function-layout="reportes"] .rd-versions__dept { padding: .15rem .55rem; border-radius: 999px; background: #e9edf2; font-size: .75rem; font-weight: 700; }
[data-function-layout="reportes"] .rd-versions__single { position: relative; padding: 1.25rem; border-radius: .5rem; background: var(--rd-ink); color: #fff; }
[data-function-layout="reportes"] .rd-versions__single::before {
    content: "";
    position: absolute;
    top: -1.25rem;
    left: 2rem;
    width: .9rem;
    height: .9rem;
    border-right: 2.5px solid var(--rd-ink);
    border-bottom: 2.5px solid var(--rd-ink);
    rotate: 45deg;
}
[data-function-layout="reportes"] .rd-versions__label { margin: 0; color: var(--rd-gold); font-size: .85rem; font-weight: 700; }
[data-function-layout="reportes"] .rd-versions__doc { display: flex; align-items: center; gap: .6rem; margin: .4rem 0 0; font-family: var(--rd-display); font-size: 1.25rem; font-weight: 800; }
[data-function-layout="reportes"] .rd-versions__doc .cv-icon { width: 24px; height: 24px; flex-basis: 24px; }

/* ---------- Capacidades como índice con líneas de puntos ---------- */
[data-function-layout="reportes"] .rd-toc { margin: 0; padding: 0; list-style: none; border-top: 3px solid var(--rd-ink); }
[data-function-layout="reportes"] .rd-toc li {
    display: grid;
    grid-template-columns: auto minmax(2rem, 1fr) 2.5rem;
    gap: .75rem;
    align-items: center;
    padding: 1.05rem 0;
    border-bottom: 1px solid var(--rd-line);
    color: var(--rd-text);
    font-size: 1.0625rem;
    line-height: 1.45;
}
[data-function-layout="reportes"] .rd-toc__leader { height: .2rem; background: radial-gradient(circle, #9aa8b8 1.2px, transparent 1.5px) left center / .55rem .2rem repeat-x; }
[data-function-layout="reportes"] .rd-toc__icon { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: .4rem; background: #e9edf2; color: var(--rd-ink); }
[data-function-layout="reportes"] .rd-toc li.is-key { color: var(--rd-ink); font-family: var(--rd-display); font-size: 1.3rem; font-weight: 800; }
[data-function-layout="reportes"] .rd-toc li.is-key .rd-toc__icon { background: var(--rd-ink); color: #fff; }
[data-function-layout="reportes"] .rd-toc__files { display: flex; gap: .4rem; margin-top: .45rem; }

/* ---------- Flujo: páginas con esquina doblada ---------- */
[data-function-layout="reportes"] .rd-pages { display: grid; gap: 1rem; margin: 2.5rem 0 0; padding: 0; list-style: none; }
[data-function-layout="reportes"] .rd-pages li {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    padding: 1.15rem 1.25rem;
    background: rgb(255 255 255 / .06);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .28);
    clip-path: polygon(0 0, calc(100% - 1.25rem) 0, 100% 1.25rem, 100% 100%, 0 100%);
}
/* Doblez de la esquina. */
[data-function-layout="reportes"] .rd-pages li::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: linear-gradient(225deg, transparent 50%, rgb(255 255 255 / .35) 50%);
}
[data-function-layout="reportes"] .rd-pages__label { color: rgb(255 255 255 / .92); font-size: 1.05rem; font-weight: 600; line-height: 1.5; }
[data-function-layout="reportes"] .rd-pages__num { color: var(--rd-gold); font-family: var(--rd-display); font-size: 1.6rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }

/* ---------- Integración: un capítulo por área ---------- */
[data-function-layout="reportes"] .rd-chapters { padding: 1.5rem; border-radius: .3rem; background: #fff; box-shadow: 0 20px 44px rgb(4 31 73 / .1), inset 0 0 0 1px var(--rd-line); }
[data-function-layout="reportes"] .rd-chapters__title { display: flex; align-items: center; gap: .6rem; margin: 0 0 .5rem; padding-bottom: .9rem; border-bottom: 3px solid var(--rd-ink); color: var(--rd-ink); font-family: var(--rd-display); font-size: 1.25rem; font-weight: 800; }
[data-function-layout="reportes"] .rd-chapters__section { display: grid; gap: .5rem; padding: 1rem 0 1rem 1rem; border-bottom: 1px solid var(--rd-line); box-shadow: inset 4px 0 0 var(--rd-area); }
[data-function-layout="reportes"] .rd-chapters__section:last-child { border-bottom: 0; padding-bottom: .25rem; }
[data-function-layout="reportes"] .rd-chapters__name { display: flex; align-items: center; gap: .5rem; margin: 0; color: var(--rd-ink); font-weight: 700; }

/* ---------- Ejemplo: historial del reporte ---------- */
[data-function-layout="reportes"] .rd-history { margin: 0; padding: clamp(1.25rem, 3vw, 1.75rem); border: 1px solid var(--rd-line); border-radius: .6rem; background: var(--rd-paper); }
[data-function-layout="reportes"] .rd-history figcaption { color: var(--rd-ink); font-family: var(--rd-display); font-size: 1.2rem; font-weight: 800; }
[data-function-layout="reportes"] .rd-history ol { display: grid; gap: .65rem; margin: 1.1rem 0 0; padding: 0; list-style: none; }
[data-function-layout="reportes"] .rd-history li { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto; gap: .85rem; align-items: center; padding: .8rem .9rem; border-radius: .4rem; background: #fff; box-shadow: inset 0 0 0 1px var(--rd-line); }
[data-function-layout="reportes"] .rd-history__icon { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: .4rem; background: #e9edf2; color: var(--rd-ink); }
[data-function-layout="reportes"] .rd-history li:nth-child(2) .rd-history__icon { background: #fbe6e5; color: var(--rd-pdf); }
[data-function-layout="reportes"] .rd-history li:nth-child(3) .rd-history__icon { background: #e1f1e8; color: var(--rd-xlsx); }
[data-function-layout="reportes"] .rd-history__text { display: grid; gap: .1rem; }
[data-function-layout="reportes"] .rd-history__text strong { color: var(--rd-ink); font-weight: 700; }
[data-function-layout="reportes"] .rd-history__text small { color: var(--rd-muted); font-size: .82rem; font-weight: 600; }
[data-function-layout="reportes"] .rd-history__lock { display: inline-flex; align-items: center; gap: .3rem; color: var(--rd-muted); font-size: .75rem; font-weight: 700; white-space: nowrap; }
[data-function-layout="reportes"] .rd-history__lock .cv-icon { width: 14px; height: 14px; flex-basis: 14px; }

/* ---------- Comparación ---------- */
[data-function-layout="reportes"] .rd-compare { width: 100%; margin-top: 2.5rem; border-collapse: collapse; table-layout: fixed; }
[data-function-layout="reportes"] .rd-compare thead th {
    padding: 1rem 1.25rem;
    border-bottom: 3px solid var(--rd-line);
    color: var(--rd-muted);
    font-family: var(--rd-display);
    font-size: 1.2rem;
    font-weight: 800;
    text-align: left;
}
[data-function-layout="reportes"] .rd-compare thead th:last-child { border-bottom-color: var(--rd-ink); color: var(--rd-ink); }
[data-function-layout="reportes"] .rd-compare td { padding: 1.15rem 1.25rem; border-bottom: 1px solid var(--rd-line); font-size: 1.0625rem; line-height: 1.6; vertical-align: top; }
[data-function-layout="reportes"] .rd-compare td:first-child { color: var(--rd-muted); }
[data-function-layout="reportes"] .rd-compare td:last-child { background: #fff; color: var(--rd-ink); font-weight: 600; }
[data-function-layout="reportes"] .rd-compare__check { display: inline-grid; margin-right: .6rem; vertical-align: -.3em; color: var(--rd-ink); }
[data-function-layout="reportes"] .rd-compare__check .cv-icon { width: 20px; height: 20px; flex-basis: 20px; }

/* ---------- Responsive ---------- */
@media (min-width: 1024px) {
    [data-function-layout="reportes"] .rh-hero-layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
    [data-function-layout="reportes"] .rd-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-function-layout="reportes"] .rd-pages { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    [data-function-layout="reportes"] .rd-pages li { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto; min-height: 12rem; padding: 1.3rem 1.15rem; }
    [data-function-layout="reportes"] .rd-pages__label { align-self: start; }
    [data-function-layout="reportes"] .rd-pages__num { justify-self: end; }
}
@media (max-width: 1023px) {
    [data-function-layout="reportes"] #inicio .function-hero__overlay {
        background: linear-gradient(180deg, rgb(4 31 73 / .95) 0%, rgb(4 31 73 / .86) 50%, rgb(10 44 92 / .68) 100%);
    }
    [data-function-layout="reportes"] #inicio .cv-hero-title { max-width: none; }
}
@media (max-width: 767px) {
    [data-function-layout="reportes"] .rd-hero__actions > * { width: 100%; }
    [data-function-layout="reportes"] .rd-page { padding: 1.25rem 1.25rem 1rem; }
    [data-function-layout="reportes"] .rd-page__sections li { grid-template-columns: 5.5rem minmax(0, 1fr); }
    [data-function-layout="reportes"] .rd-report > .rd-file--xlsx { right: 5.75rem; }
    [data-function-layout="reportes"] .rd-report > .rd-file--pdf { right: 1rem; }
    [data-function-layout="reportes"] .rd-zoom { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
    [data-function-layout="reportes"] .is-directive::before { top: -1.85rem; left: 50%; rotate: 135deg; translate: -50% 0; }
    [data-function-layout="reportes"] .rd-versions li:nth-child(n) { margin-left: 0; }
    [data-function-layout="reportes"] .rd-toc li { grid-template-columns: minmax(0, 1fr) 2.5rem; }
    [data-function-layout="reportes"] .rd-toc__leader { display: none; }
    [data-function-layout="reportes"] .rd-toc li.is-key { font-size: 1.15rem; }
    [data-function-layout="reportes"] .rd-history li { grid-template-columns: 2.4rem minmax(0, 1fr); }
    [data-function-layout="reportes"] .rd-history__lock { grid-column: 2; }

    [data-function-layout="reportes"] .rd-compare thead { display: none; }
    [data-function-layout="reportes"] .rd-compare,
    [data-function-layout="reportes"] .rd-compare tbody,
    [data-function-layout="reportes"] .rd-compare tr,
    [data-function-layout="reportes"] .rd-compare td { display: block; width: 100%; }
    [data-function-layout="reportes"] .rd-compare tr { padding: .75rem 0; border-bottom: 1px solid var(--rd-line); }
    [data-function-layout="reportes"] .rd-compare td { padding: .65rem .85rem; border-bottom: 0; }
    [data-function-layout="reportes"] .rd-compare td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .2rem;
        color: var(--rd-muted);
        font-size: .82rem;
        font-weight: 700;
    }
}

/* ---------- Keyframes ---------- */
@keyframes rd-grow {
    from { transform: scaleX(0); }
}
@keyframes rd-slide {
    from { opacity: 0; transform: translateY(-2.5rem); }
}

@media (prefers-reduced-motion: reduce) {
    [data-function-layout="reportes"] *,
    [data-function-layout="reportes"] *::before,
    [data-function-layout="reportes"] *::after {
        animation: none !important;
        transition: none !important;
    }
}