.qi-busca[b-uv5d88zf04] { display: flex; flex-direction: column; gap: 8px; max-width: 760px; margin-top: 8px; }
.qi-busca textarea[b-uv5d88zf04] { width: 100%; padding: 12px; border: 1px solid #c4e1fa; border-radius: 12px; font: inherit; resize: vertical; background: #fff; box-shadow: 0 4px 14px rgba(46, 130, 200, .12); }
.qi-busca button[b-uv5d88zf04] { align-self: flex-start; padding: 12px 22px; border: 0; border-radius: 10px; background: #1857ad; color: #fff; font-weight: 700; cursor: pointer; transition: transform .15s, box-shadow .15s; }
.qi-busca button:hover[b-uv5d88zf04] { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(24, 87, 173, .3); }
.qi-numeros[b-uv5d88zf04] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.qi-numeros span[b-uv5d88zf04] { padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid #c4e1fa; font-size: .85rem; color: #0f3557; }
.qi-numeros b[b-uv5d88zf04] { color: #1857ad; }

.qi-abas[b-uv5d88zf04] { position: sticky; top: 72px; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 6px; padding: 8px; border-radius: 14px; background: rgba(255, 255, 255, .85); border: 1px solid #c4e1fa; backdrop-filter: blur(6px); }
.qi-aba[b-uv5d88zf04] { padding: 8px 14px; border-radius: 10px; font-weight: 700; text-decoration: none; color: #1857ad; transition: background .15s; }
.qi-aba:hover[b-uv5d88zf04] { background: #e8f1fc; }

.qi-etapa[b-uv5d88zf04] { margin: 26px 0; scroll-margin-top: 140px; }
.qi-etapa h2[b-uv5d88zf04] { font-size: 1.25rem; margin: 0 0 12px; color: #0f3557; }
.qi-sub[b-uv5d88zf04] { font-size: 1rem; margin: 18px 0 10px; color: #0f3557; }
.qi-grade[b-uv5d88zf04] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.qi-lista[b-uv5d88zf04] { display: grid; gap: 10px; }
.qi-card[b-uv5d88zf04] {
    display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 16px;
    border: 1px solid #c4e1fa; background: #fff; text-decoration: none; color: #0f3557;
    box-shadow: 0 4px 14px rgba(46, 130, 200, .08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    animation: qi-entra-b-uv5d88zf04 .35s ease both;
}
.qi-card:hover[b-uv5d88zf04] { transform: translateY(-4px); border-color: #1857ad; box-shadow: 0 12px 26px rgba(46, 130, 200, .22); }
.qi-card strong[b-uv5d88zf04] { color: #1857ad; font-size: 1rem; }
.qi-card-diss[b-uv5d88zf04] { border-left: 4px solid #8b5cf6; }
.qi-ico[b-uv5d88zf04] { width: 44px; height: 44px; display: grid; place-items: center; font-size: 1.4rem; border-radius: 12px; background: linear-gradient(115deg, #e3f0fd 0%, #c3dcf7 60%, #9cc6f0 100%); margin-bottom: 4px; transition: transform .18s ease; }
.qi-card:hover .qi-ico[b-uv5d88zf04] { transform: scale(1.1) rotate(-4deg); }
.qi-meta[b-uv5d88zf04] { font-size: .82rem; color: #475569; }
.qi-tag[b-uv5d88zf04] { align-self: flex-start; padding: 2px 9px; border-radius: 999px; background: #e8f1fc; font-size: .72rem; font-weight: 700; color: #1857ad; }
.qi-aviso[b-uv5d88zf04] { margin: 20px 0; font-weight: 600; color: #0f3557; }

.qi-btn[b-uv5d88zf04] { display: block; margin-top: 8px; padding: 10px 14px; border-radius: 10px; background: #1857ad; color: #fff !important; font-weight: 700; text-align: center; text-decoration: none; transition: transform .15s; }
.qi-btn:hover[b-uv5d88zf04] { transform: translateY(-2px); }
.qi-btn-sec[b-uv5d88zf04] { background: #fff; color: #1857ad !important; border: 1px solid #1857ad; }

@keyframes qi-entra-b-uv5d88zf04 { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .qi-card[b-uv5d88zf04], .qi-ico[b-uv5d88zf04], .qi-btn[b-uv5d88zf04], .qi-busca button[b-uv5d88zf04] { transition: none; animation: none; } }