/* Base de datos · botonera «Elegí qué ver» (mismo estilo que las tarjetas VP / VL). */
#section-database .dbv-off{display:none!important}
#section-database .dbv-bar{margin:0 0 22px;padding:20px 22px 22px;border-radius:20px;background:var(--card,#fff);border:1px solid #d3e0ea;box-shadow:0 10px 30px #12334b0d}
#section-database .dbv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 18px;margin-bottom:16px}
#section-database .dbv-head h3{margin:2px 0 0}
#section-database .dbv-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.11em;color:#1b6a8a}
#section-database .dbv-status{margin:0;font-size:13px;font-weight:700;color:#355a72}
#section-database .dbv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
#section-database .dbv-card{position:relative;min-height:0;padding:16px 16px 16px 14px;gap:14px;border-top-width:4px;border-radius:16px;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,outline-color .18s ease;outline:3px solid transparent;outline-offset:2px}
#section-database .dbv-card[hidden]{display:none}
#section-database .dbv-copy{padding-right:22px;min-width:0}
#section-database .dbv-card .vl-type-symbol{min-width:46px;height:46px;font-size:17px;border-radius:13px;flex:none}
#section-database .dbv-card strong{font-size:16px;line-height:1.25}
#section-database .dbv-card small{font-size:12.5px;margin-top:5px;line-height:1.45}
#section-database .dbv-card[aria-pressed=true]{outline-color:var(--type-color);background:color-mix(in srgb,var(--type-color) 22%,var(--card,#fff));box-shadow:0 12px 26px color-mix(in srgb,var(--type-color) 28%,transparent)}
#section-database .dbv-card[aria-pressed=true]::after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--type-color);color:#fff}
#section-database .dbv-card:focus-visible{outline-color:#1685a5}
#section-database .dbv-matrix{--type-color:#6855a8}
#section-database .dbv-admin{--type-color:#2c6a8e}
#section-database .dbv-backup{--type-color:#5d6f80}
#section-database .dbv-all{--type-color:#14808a}
#section-database .dbv-matrix,#section-database .dbv-admin,#section-database .dbv-backup,#section-database .dbv-all{color:#18364b}
#section-database .dbv-matrix .vl-type-symbol,#section-database .dbv-admin .vl-type-symbol,#section-database .dbv-backup .vl-type-symbol,#section-database .dbv-all .vl-type-symbol{color:#fff}
@media (prefers-reduced-motion:no-preference){
 #section-database .dbv-in{animation:dbv-in .38s cubic-bezier(.22,.8,.3,1) both}
 #section-database .dbv-card[aria-pressed=true] .vl-type-symbol{animation:dbv-pop .4s cubic-bezier(.34,1.6,.6,1)}
}
@keyframes dbv-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dbv-pop{0%{scale:.85}60%{scale:1.08}100%{scale:1}}
@media(max-width:640px){#section-database .dbv-grid{grid-template-columns:1fr 1fr;gap:10px}#section-database .dbv-card{padding:12px;gap:10px;flex-direction:column}#section-database .dbv-card small{display:none}}
#section-database .dbv-group-title{margin:14px 0 9px;font-size:13px;font-weight:800;letter-spacing:.04em;color:#456b82;text-transform:uppercase}
#section-database .dbv-head + .dbv-group-title{margin-top:0}
#section-database .dbv-index{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
#section-database .dbv-index:empty{display:none}
#section-database .dbv-index-lead{font-size:13px;font-weight:700;color:#355a72}
#section-database .dbv-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 14px 4px 5px;border:1.5px solid #b9cfdd;border-radius:999px;background:#fff;color:#16405c;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,translate .15s ease}
#section-database .dbv-chip b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1b6a8a;color:#fff;font-size:12px}
#section-database .dbv-chip:hover{background:#e8f3f9;border-color:#1b6a8a;translate:0 -1px}
#section-database .dbv-chip:focus-visible{outline:3px solid #1685a5;outline-offset:2px}
#section-database>.card,#section-database>section{scroll-margin-top:110px}
/* Orden por vista con CSS (sin mover tarjetas en el documento) */
#section-database.active{display:flex;flex-direction:column}
#section-database>*{flex:none;min-width:0}
#section-database>*{overflow-anchor:none}
/* Asignar tipo de validación (VL) */
.vl-purpose-assign{margin:12px 0;border:2px solid color-mix(in srgb,#a85e70 55%,#fff);border-radius:14px;background:#fff;padding:10px 14px}
.vl-purpose-assign>summary{cursor:pointer;font-weight:700;color:#754454}
.vl-purpose-assign .vlpa-count{font-weight:400;color:#5d6f7d}
.vl-purpose-assign .vlpa-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}
.vl-purpose-assign .vlpa-list{max-height:320px;overflow:auto}
.vl-purpose-assign table{width:100%;border-collapse:collapse;font-size:13px}.vl-purpose-assign td,.vl-purpose-assign th{padding:5px 8px;text-align:left;border-bottom:1px solid #e6d3d9}
.vl-purpose-assign .actions{display:flex;gap:12px;align-items:center;margin-top:10px}.vl-purpose-assign .vlpa-status{color:#4b6175}
@media(max-width:700px){.vl-purpose-assign .vlpa-form{grid-template-columns:1fr}}