.ortho-relatorios.wrapper-full-ortho { padding-top: 2px; padding-bottom: 64px; color: #482683; }
.ortho-relatorios-intro { padding: 30px; margin-bottom: 25px; background: #f7f4fb; border-left: 4px solid #029fe3; border-radius: 12px; }
.ortho-relatorios-eyebrow { display: block; margin-bottom: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: #756786; }
.ortho-relatorios-intro h1 { font-size: clamp(26px, 4vw, 20px); font-weight: 600; line-height: 1.3; margin: 0 0 4px; overflow-wrap: anywhere; }
.ortho-relatorios-intro p { max-width: 780px; color: #71647e; font-size: 14px; line-height: 1.4; }
.ortho-relatorios-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.ortho-relatorios-filters a { padding: 11px 17px; border: 1px solid #dfd5eb; border-radius: 30px; color: #482683; font-size: 13px; line-height: 1.5; transition: background .2s, color .2s; }
.ortho-relatorios-filters a[aria-current], .ortho-relatorios-filters a:hover { color: #fff; background: #482683; border-color: #482683; }
.ortho-relatorios-list { display: grid; gap: 16px; }
.ortho-relatorio { display: flex; align-items: center; gap: 22px; padding: 24px; border: 1px solid #e6dfed; border-radius: 12px; background: #fff; }
.ortho-relatorio-icon { display: grid; place-items: center; flex-shrink: 0; width: 62px; height: 72px; border-radius: 12px; background: #f4eff9; }
.ortho-relatorio-body { flex: 1; min-width: 0; }
.ortho-relatorio-body h2 { font-size: 18px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; margin: 6px 0; }
.ortho-relatorio-body h2 a { color: #482683; }
.ortho-relatorio-body time { font-size: 12px; color: #81758c; }
.ortho-relatorio-categories { display: flex; flex-wrap: wrap; gap: 6px 12px; list-style: none; padding: 0; margin: 0; }
.ortho-relatorio-categories a { font-size: 11px; color: #067fae; }
.ortho-relatorio-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ortho-relatorio-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border: 1px solid #482683; border-radius: 30px; font-size: 12px; color: #482683; }
.ortho-relatorio-download { background: #482683; color: #fff; }
.ortho-relatorio-button:hover { background: #029fe3; border-color: #029fe3; color: #fff; }
.ortho-relatorio-unavailable { color: #81758c; font-size: 12px; }
.ortho-relatorios-empty { padding: 30px; border: 1px dashed #d6c7e5; border-radius: 12px; font-size: 14px; color: #71647e; }
.ortho-relatorios-pagination { margin-top: 30px; }
.ortho-relatorios-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ortho-relatorios-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0 12px; border: 1px solid #dfd5eb; border-radius: 8px; color: #482683; }
.ortho-relatorios-pagination .current { background: #482683; color: #fff; }
.ortho-relatorio-content { margin-bottom: 30px; }
.ortho-relatorios a:focus-visible { outline: 3px solid #029fe3; outline-offset: 3px; }
@media (max-width: 768px) { .ortho-relatorios.wrapper-full-ortho { padding-top: 20px; padding-bottom: 35px; } .ortho-relatorios-intro { padding: 22px; } .ortho-relatorio { flex-wrap: wrap; padding: 18px; gap: 14px; } .ortho-relatorio-body { flex-basis: calc(100% - 80px); } .ortho-relatorio-actions { width: 100%; padding-top: 8px; } .ortho-relatorio-body h2
{ font-size: 12px } }