/* Ajustes de marca AGRO OSCOR sobre Bootstrap 5 — Bootstrap ya resuelve
   el ancho dinámico (PC/tablet/celular); aquí solo tocamos colores y detalles. */
:root { --ao-morado: #673de6; }
body { background: #f4f5ff; }
.btn-primary { background-color: var(--ao-morado); border-color: var(--ao-morado); }
.btn-primary:hover { background-color: #5a30d9; border-color: #5a30d9; }
a { color: var(--ao-morado); }

.doc-indice { position: sticky; top: 1rem; max-height: 80vh; overflow-y: auto; }
.doc-indice li.nivel-1 a { font-weight: 600; }
.doc-indice li.nivel-2 { padding-left: .6rem; }
.doc-indice li.nivel-3 { padding-left: 1.2rem; font-size: .85em; }
.doc-indice li.nivel-4 { padding-left: 1.8rem; font-size: .85em; }

.doc-cuerpo img { max-width: 100%; height: auto; }
.doc-cuerpo table { width: 100%; }

@media print {
  .no-imprimir, .navbar, button[data-bs-toggle] { display: none !important; }
  #indiceDoc { display: none !important; }
  .col-lg-9 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
}