/* Modern transparency page styles. Kept separate from the shared legacy theme. */
:root {
    --transparency-ink: #172b4d;
    --transparency-muted: #5f7188;
    --transparency-blue: #0c5aa6;
    --transparency-teal: #0b8f87;
    --transparency-sky: #eaf5ff;
    --transparency-line: #dbe7f2;
    --transparency-surface: #ffffff;
    --transparency-background: #f6f9fc;
    --transparency-shadow: 0 20px 50px rgba(25, 58, 92, .10);
}

/* Use the legacy document flow and keep one page-level scrollbar. */
html { height: auto; min-height: 0; overflow-x: hidden; overflow-y: auto; }
body { height: auto; min-height: 0; overflow: visible; }
.boxed_wrapper { display: block; min-height: 0; }
.transparency-page { min-height: 0; }
.footer-bottom { margin-top: 0; }

.transparency-page {
    background: var(--transparency-background);
    color: var(--transparency-ink);
    font-family: "Open Sans", Arial, sans-serif;
}

.transparency-page .container { max-width: 1180px; }
.transparency-page h1, .transparency-page h2, .transparency-page h3 { color: var(--transparency-ink); font-family: "Poppins", "Open Sans", Arial, sans-serif; }
.transparency-page p { color: var(--transparency-muted); line-height: 1.75; }
.transparency-page .eyebrow { color: var(--transparency-teal); display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.transparency-page .transparency-intro { padding: 58px 0 38px; background: linear-gradient(135deg, #f7fbff 0%, #eef7ff 52%, #f8fcfb 100%); }
.intro-panel { align-items: center; background: linear-gradient(120deg, #fff 0%, #f4faff 100%); border: 1px solid rgba(12, 90, 166, .09); border-radius: 22px; box-shadow: var(--transparency-shadow); display: grid; gap: 42px; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); overflow: hidden; padding: 50px 58px; position: relative; }
.intro-panel::after { background: linear-gradient(135deg, rgba(11, 143, 135, .12), rgba(12, 90, 166, 0)); border-radius: 50%; content: ""; height: 360px; position: absolute; right: -130px; top: -160px; width: 360px; }
.intro-copy, .intro-stats { position: relative; z-index: 1; }
.intro-copy h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 700; letter-spacing: -.04em; line-height: 1.05; margin: 14px 0 18px; }
.intro-copy p { font-size: 16px; margin: 0; max-width: 650px; }
.intro-actions, .contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.transparency-button { align-items: center; border: 1px solid transparent; border-radius: 8px; display: inline-flex; font-size: 12px; font-weight: 700; gap: 10px; justify-content: center; letter-spacing: .03em; min-height: 45px; padding: 0 18px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.transparency-button:hover { transform: translateY(-2px); }
.transparency-button--primary { background: var(--transparency-blue); box-shadow: 0 10px 18px rgba(12, 90, 166, .18); color: #fff; }
.transparency-button--primary:hover { background: #084a88; color: #fff; }
.transparency-button--ghost { background: #fff; border-color: var(--transparency-line); color: var(--transparency-ink); }
.transparency-button--ghost:hover { border-color: var(--transparency-blue); color: var(--transparency-blue); }
.transparency-button--whatsapp { background: #159c68; color: #fff; }
.transparency-button--whatsapp:hover { background: #08794e; color: #fff; }
.intro-stats { display: grid; gap: 12px; }
.intro-stat { background: rgba(255,255,255,.82); border: 1px solid rgba(12, 90, 166, .1); border-radius: 14px; display: flex; flex-direction: column; padding: 17px 20px; }
.intro-stat strong { color: var(--transparency-blue); font-size: 25px; letter-spacing: -.03em; line-height: 1.1; }
.intro-stat span { color: var(--transparency-muted); font-size: 12px; margin-top: 5px; }

.document-library, .transparency-archive, .transparency-contact { padding: 70px 0; }
.section-heading { align-items: end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 30px; }
.section-heading h2, .contact-panel h2 { font-size: clamp(26px, 3vw, 36px); letter-spacing: -.03em; line-height: 1.15; margin: 9px 0 8px; }
.section-heading p { margin: 0; max-width: 700px; }
.document-search { align-items: center; background: #fff; border: 1px solid var(--transparency-line); border-radius: 8px; box-shadow: 0 8px 18px rgba(25, 58, 92, .05); display: flex; gap: 10px; min-width: 245px; padding: 0 14px; }
.document-search i { color: var(--transparency-blue); }
.document-search input { background: transparent; border: 0; color: var(--transparency-ink); font: inherit; outline: 0; padding: 13px 0; width: 100%; }
.document-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.document-card { background: var(--transparency-surface); border: 1px solid var(--transparency-line); border-radius: 16px; box-shadow: 0 10px 28px rgba(25, 58, 92, .06); display: flex; flex-direction: column; min-height: 330px; padding: 25px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.document-card:hover { border-color: rgba(12, 90, 166, .35); box-shadow: 0 18px 36px rgba(25, 58, 92, .12); transform: translateY(-4px); }
.document-card__top, .document-card__meta { align-items: center; display: flex; justify-content: space-between; }
.document-icon { align-items: center; background: var(--transparency-sky); border-radius: 11px; color: var(--transparency-blue); display: inline-flex; font-size: 22px; height: 46px; justify-content: center; width: 46px; }
.document-badge { background: #eef8f5; border-radius: 20px; color: #177b6d; font-size: 10px; font-weight: 800; letter-spacing: .08em; padding: 7px 10px; text-transform: uppercase; }
.document-card h3 { font-size: 19px; line-height: 1.35; margin: 22px 0 10px; }
.document-card p { font-size: 13px; margin: 0; }
.document-card__meta { border-top: 1px solid #edf2f6; color: #75869a; font-size: 10px; gap: 8px; margin-top: auto; padding: 17px 0 15px; }
.document-card__meta span { align-items: center; display: inline-flex; gap: 5px; }
.document-link { align-items: center; color: var(--transparency-blue); display: flex; font-size: 12px; font-weight: 800; justify-content: space-between; }
.document-link:hover { color: var(--transparency-teal); }
.empty-search { background: #fff; border: 1px dashed var(--transparency-line); border-radius: 10px; margin: 20px 0 0; padding: 18px; text-align: center; }

.transparency-archive { background: #fff; border-top: 1px solid var(--transparency-line); }
.archive-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.archive-card { border: 1px solid var(--transparency-line); border-radius: 14px; padding: 23px; }
.archive-card h3 { align-items: center; border-bottom: 1px solid #edf2f6; display: flex; font-size: 16px; gap: 10px; margin: 0 0 8px; padding-bottom: 15px; }
.archive-card h3 i { color: var(--transparency-teal); font-size: 17px; }
.archive-card a { border-bottom: 1px solid #f0f4f7; color: var(--transparency-muted); display: flex; font-size: 12px; justify-content: space-between; line-height: 1.45; padding: 11px 0; }
.archive-card a:last-child { border-bottom: 0; }
.archive-card a:hover { color: var(--transparency-blue); }
.archive-card a i { color: #96a7b8; font-size: 10px; margin-left: 8px; padding-top: 3px; }

.transparency-contact { background: linear-gradient(135deg, #f0f8ff, #effaf8); }
.contact-panel { align-items: center; background: #fff; border: 1px solid rgba(12, 90, 166, .1); border-radius: 18px; box-shadow: 0 12px 30px rgba(25, 58, 92, .07); display: flex; gap: 28px; justify-content: space-between; padding: 32px 38px; }
.contact-panel h2 { font-size: 27px; margin-bottom: 5px; }
.contact-panel p { margin: 0; }
.contact-actions { margin-top: 0; }
.sr-only { height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; clip: rect(0,0,0,0); }

@media (max-width: 991px) {
    .intro-panel { grid-template-columns: 1fr; padding: 38px; }
    .intro-stats { grid-template-columns: repeat(3, 1fr); }
    .document-grid { grid-template-columns: 1fr 1fr; }
    .archive-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
    .transparency-page .transparency-intro, .document-library, .transparency-archive, .transparency-contact { padding: 42px 0; }
    .intro-panel { border-radius: 16px; padding: 28px 22px; }
    .intro-copy h1 { font-size: 36px; }
    .intro-stats { grid-template-columns: 1fr; }
    .section-heading, .contact-panel { align-items: stretch; flex-direction: column; }
    .document-search { min-width: 0; }
    .document-grid, .archive-grid { grid-template-columns: 1fr; }
    .contact-panel { padding: 27px 22px; }
    .contact-actions { margin-top: 8px; }
    .transparency-button { flex: 1 1 auto; }
}