/* ── Categoria Inteligente — CdA Ferramentas ─────────────────────────────── */

.cdaf-ci-wrap{position:relative;width:100%}

/* Cabeçalho */
.cdaf-ci-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cdaf-ci-title{font-size:22px;font-weight:700;color:#111827;margin:0;padding:0;line-height:1.2}
.cdaf-ci-title-wrap{display:inline-flex;align-items:center;gap:8px}
.cdaf-ci-title-icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}
.cdaf-ci-title-icon-wrap i{line-height:1;display:block}
.cdaf-ci-title-icon-wrap svg{display:block;width:1em;height:1em}
.cdaf-ci-see-all{font-size:13px;color:#374151;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}
.cdaf-ci-see-all:hover{color:#111827}

/* Slider wrap */
.cdaf-ci-slider-wrap{position:relative}

/* Setas — ocultas por padrão, aparecem no hover via JS */
.cdaf-ci-arrow{display:none}

/* Slider */
.cdaf-ci-slider{overflow:hidden;width:100%}
.cdaf-ci-track{
    display:flex;gap:0;
    transition:transform .38s cubic-bezier(.4,0,.2,1);
    will-change:transform;
    align-items:stretch
}

/* ── Card — layout horizontal (ícone + texto) ─────────────────────────────── */
.cdaf-ci-card{
    flex-shrink:0;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:12px;
    text-decoration:none;
    border-radius:10px;
    background:#ffffff;
    border:1px solid #e5e7eb;
    padding:14px 16px;
    cursor:pointer;
    transition:box-shadow .25s ease, border-color .25s ease, transform .2s ease;
    min-height:72px;
    box-sizing:border-box
}
.cdaf-ci-card:hover{
    text-decoration:none;
    border-color:#d1d5db;
    box-shadow:0 4px 16px rgba(0,0,0,.08);
    transform:translateY(-2px)
}

/* Área do ícone / imagem pequena */
.cdaf-ci-icon-wrap{
    flex-shrink:0;
    width:48px;height:48px;
    display:flex;align-items:center;justify-content:center;
    border-radius:8px;
    overflow:hidden;
    background:#f3f4f6
}
.cdaf-ci-icon-wrap .cdaf-ci-img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
    transition:transform .35s ease
}
.cdaf-ci-icon-wrap i,
.cdaf-ci-icon-wrap svg{
    font-size:24px;
    width:24px;height:24px;
    display:block;
    color:inherit
}
.cdaf-ci-card:hover .cdaf-ci-icon-wrap .cdaf-ci-img{transform:scale(1.08)}
.cdaf-ci-img--placeholder{width:100%;height:100%;background:#d1d5db}

/* Conteúdo textual */
.cdaf-ci-content{
    display:flex;flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    text-align:left;
    flex:1;min-width:0;
    pointer-events:none
}
.cdaf-ci-label{
    font-size:13px;font-weight:700;
    color:#111827;
    line-height:1.3;
    letter-spacing:.1px;
    overflow:hidden;text-overflow:ellipsis;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    white-space:normal;
    width:100%
}
.cdaf-ci-sublabel{
    font-size:11px;
    color:#6b7280;
    margin-top:2px;
    line-height:1.3;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    width:100%
}

/* Barra de progresso */
.cdaf-ci-progress-wrap{margin-top:16px;height:3px;background:#e5e7eb;border-radius:2px;position:relative;overflow:hidden;display:none}
.cdaf-ci-progress{position:absolute;left:0;top:0;height:100%;background:#16a34a;border-radius:2px;transition:width .38s cubic-bezier(.4,0,.2,1);min-width:8%}