#transparencia-acordeon { color: #374151; line-height: 1.6; }
#transparencia-acordeon .accordion-item { background: rgba(51,109,173,.12); border: 1px solid rgba(51,109,173,.2); border-radius: 14px; margin-bottom: .75rem; overflow: hidden; }
#transparencia-acordeon .accordion-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; cursor: pointer; list-style: none; padding: 1rem 2rem; }
#transparencia-acordeon .accordion-header::-webkit-details-marker { display: none; }
#transparencia-acordeon .accordion-title { font-size: 1.2rem; font-weight: 600; margin: 0; color: #111827; }
#transparencia-acordeon .accordion-icon { font-size: 1.5rem; color: #6b7280; transition: transform .3s; }
#transparencia-acordeon details[open] .accordion-icon { transform: rotate(180deg); }
#transparencia-acordeon .accordion-content { padding: 1rem 2rem 1.25rem; }
#transparencia-acordeon a { color: #336dad; overflow-wrap: anywhere; }
#transparencia-acordeon a:hover { text-decoration: underline; }
#transparencia-acordeon :is(a,summary):focus-visible { outline: 3px solid #336dad; outline-offset: -3px; }
#transparencia-acordeon img { max-width: 100%; height: auto; }
#transparencia-acordeon .aso-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
#transparencia-acordeon .document-with-image { min-width: 0; padding: 1rem; background: #fff; box-shadow: 0 0 4px #0005; border-radius: 1rem; }
#transparencia-acordeon .document__header { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; flex-wrap: wrap; }
#transparencia-acordeon .document__icon { font-size: 1.8rem; }
#transparencia-acordeon .document__title { flex: 1; min-width: 100px; font-weight: 500; }
#transparencia-acordeon .document__header a { text-transform: uppercase; font-size: 16px; }
#transparencia-acordeon .document__body { position: relative; overflow: hidden; display: flex; }
#transparencia-acordeon .document__body img { width: 100%; }
#transparencia-acordeon .document__body::after { content: ''; position: absolute; inset: 0; background: linear-gradient(45deg,#00000085,transparent); pointer-events: none; transition: transform .4s; }
#transparencia-acordeon .document-with-image:hover .document__body::after { transform: translateY(100%); }
@media(max-width:767px) {
  #transparencia-acordeon .aso-grid { grid-template-columns: 1fr; }
  #transparencia-acordeon .accordion-header { padding: 1rem; }
  #transparencia-acordeon .accordion-content { padding: .75rem 1rem 1.25rem; }
  #transparencia-acordeon .accordion-title { font-size: 1rem; }
}