/* ==========================================================
   MAKETBUS
   Comunidade / Descoberta
   ========================================================== */


/* ==========================================================
   BUSCA
   ========================================================== */

.comunidade-busca{

    margin-top:22px;

    margin-bottom:24px;

}


.comunidade-busca-formulario{

    display:flex;

    flex-direction:column;

    gap:18px;

    padding:18px;

    border:1px solid #e1e5ea;

    border-radius:12px;

    background:#fff;

}


.comunidade-busca-campo{

    width:100%;

}


.comunidade-busca-campo label{

    display:block;

    margin-bottom:7px;

    color:#333;

    font-size:14px;

    font-weight:600;

}


.comunidade-busca-campo input[type="search"]{

    width:100%;

    min-height:42px;

    padding:10px 12px;

    border:1px solid #cfd5dc;

    border-radius:8px;

    background:#fff;

    color:#333;

    font:inherit;

    outline:none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;

}


.comunidade-busca-campo input[type="search"]:focus{

    border-color:#1565c0;

    box-shadow:
        0 0 0 3px
        rgba(21, 101, 192, .12);

}


.comunidade-busca-campo input[type="search"]::placeholder{

    color:#9299a1;

}


/* ==========================================================
   FILTROS
   ========================================================== */

.comunidade-filtros{

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap:14px;

}


.comunidade-filtro{

    min-width:0;

}


.comunidade-filtro label{

    display:block;

    margin-bottom:7px;

    color:#333;

    font-size:14px;

    font-weight:600;

}


.comunidade-filtro select{

    width:100%;

    min-height:42px;

    padding:9px 34px 9px 12px;

    border:1px solid #cfd5dc;

    border-radius:8px;

    background:#fff;

    color:#333;

    font:inherit;

    outline:none;

    cursor:pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;

}


.comunidade-filtro select:focus{

    border-color:#1565c0;

    box-shadow:
        0 0 0 3px
        rgba(21, 101, 192, .12);

}


.comunidade-filtro select:hover{

    border-color:#aeb7c1;

}


/* ==========================================================
   ORDENAÇÃO
   ========================================================== */

.comunidade-ordenacao{

    display:flex;

    align-items:flex-end;

    gap:12px;

    padding-top:2px;

}


.comunidade-ordenacao label{

    flex-shrink:0;

    padding-bottom:11px;

    color:#333;

    font-size:14px;

    font-weight:600;

}


.comunidade-ordenacao select{

    width:100%;

    max-width:280px;

    min-height:42px;

    padding:9px 34px 9px 12px;

    border:1px solid #cfd5dc;

    border-radius:8px;

    background:#fff;

    color:#333;

    font:inherit;

    outline:none;

    cursor:pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;

}


.comunidade-ordenacao select:focus{

    border-color:#1565c0;

    box-shadow:
        0 0 0 3px
        rgba(21, 101, 192, .12);

}


.comunidade-ordenacao select:hover{

    border-color:#aeb7c1;

}


/* ==========================================================
   AÇÕES DA BUSCA / FILTROS
   ========================================================== */

.comunidade-busca-formulario .form-acoes{

    display:flex;

    align-items:center;

    gap:10px;

    margin:0;

    padding-top:2px;

    flex-wrap:wrap;

}


/* ==========================================================
   CABEÇALHO
   ========================================================== */

.comunidade-conteudo{

    margin-top:25px;

}


.comunidade-cabecalho{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:20px;

    margin-bottom:20px;

}


.comunidade-cabecalho h2{

    margin-bottom:5px;

}


/* ==========================================================
   COLECIONADORES
   ========================================================== */

.comunidade-colecionadores{

    margin-top:28px;

    margin-bottom:30px;

}


.comunidade-colecionadores-grid{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(210px, 1fr)
        );

    gap:18px;

}


.comunidade-colecionador-card{

    display:flex;

    align-items:center;

    gap:14px;

    min-width:0;

    padding:16px;

    border:1px solid #e1e5ea;

    border-radius:12px;

    background:#fff;

}


.comunidade-colecionador-avatar{

    display:flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    flex:0 0 64px;

    overflow:hidden;

    border-radius:50%;

    background:#eef2f6;

    color:#1565c0;

    font-size:24px;

    font-weight:700;

    text-decoration:none;

}


.comunidade-colecionador-avatar img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

}


.comunidade-colecionador-conteudo{

    display:flex;

    flex-direction:column;

    min-width:0;

    flex:1;

}


.comunidade-colecionador-conteudo h3{

    margin:0 0 6px 0;

    min-width:0;

    font-size:17px;

}


.comunidade-colecionador-conteudo h3 a{

    display:block;

    overflow:hidden;

    color:inherit;

    text-decoration:none;

    text-overflow:ellipsis;

    white-space:nowrap;

}


.comunidade-colecionador-conteudo h3 a:hover{

    text-decoration:underline;

}


.comunidade-colecionador-conteudo p{

    margin:0 0 10px 0;

    color:#666;

    font-size:14px;

}


.comunidade-colecionador-conteudo .form-acoes{

    margin:0;

    padding:0;

}


.comunidade-colecionador-conteudo .btn{

    min-height:34px;

    padding:7px 12px;

    font-size:13px;

}


/* ==========================================================
   GRID DAS MINIATURAS
   ========================================================== */

.comunidade-grid{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(250px, 1fr)
        );

    gap:22px;

}


/* ==========================================================
   CARD DA MINIATURA
   ========================================================== */

.comunidade-miniatura-card{

    display:flex;

    flex-direction:column;

    min-width:0;

    overflow:hidden;

    border:1px solid #e1e5ea;

    border-radius:12px;

    background:#fff;

}


.comunidade-miniatura-foto{

    display:block;

    width:100%;

    aspect-ratio:4 / 3;

    overflow:hidden;

    background:#eef1f5;

}


.comunidade-miniatura-foto img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .2s ease;

}


.comunidade-miniatura-foto:hover img{

    transform:scale(1.02);

}


.comunidade-miniatura-sem-foto{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:100%;

    padding:20px;

    color:#777;

    text-align:center;

}


/* ==========================================================
   CONTEÚDO DO CARD
   ========================================================== */

.comunidade-miniatura-conteudo{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:18px;

}


.comunidade-miniatura-conteudo h3{

    margin:0 0 12px 0;

    font-size:18px;

}


.comunidade-miniatura-conteudo h3 a{

    color:inherit;

    text-decoration:none;

}


.comunidade-miniatura-conteudo h3 a:hover{

    text-decoration:underline;

}


.comunidade-miniatura-conteudo p{

    margin:0 0 7px 0;

    line-height:1.5;

}


.comunidade-miniatura-data{

    margin-top:5px !important;

    color:#777;

    font-size:13px;

}


/* ==========================================================
   COLECIONADOR DENTRO DO CARD DA MINIATURA
   ========================================================== */

.comunidade-colecionador{

    margin-top:12px;

    padding-top:12px;

    border-top:1px solid #edf0f3;

}


.comunidade-colecionador span{

    color:#666;

    font-size:14px;

}


.comunidade-colecionador a{

    margin-left:4px;

    font-weight:600;

    text-decoration:none;

}


.comunidade-colecionador a:hover{

    text-decoration:underline;

}


/* ==========================================================
   INDICADORES
   ========================================================== */

.comunidade-indicadores{

    display:grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:8px;

    margin-top:16px;

    margin-bottom:18px;

}


.comunidade-indicador{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-width:0;

    padding:10px 6px;

    border:1px solid #e5e8ec;

    border-radius:9px;

    background:#f8f9fb;

    text-align:center;

}


.comunidade-indicador > span{

    margin-bottom:4px;

    font-size:18px;

    line-height:1;

}


.comunidade-indicador:first-child > span{

    color:#f5a623;

}


.comunidade-indicador strong{

    max-width:100%;

    overflow:hidden;

    color:#333;

    font-size:15px;

    text-overflow:ellipsis;

    white-space:nowrap;

}


.comunidade-indicador small{

    display:block;

    margin-top:3px;

    color:#777;

    font-size:11px;

    line-height:1.2;

}


/* ==========================================================
   BOTÃO DOS CARDS
   ========================================================== */

.comunidade-miniatura-conteudo
.form-acoes{

    margin-top:auto;

    padding-top:5px;

}


/* ==========================================================
   PAGINAÇÃO
   ========================================================== */

.comunidade-paginacao{

    display:grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:center;

    gap:15px;

    margin-top:30px;

    padding-top:22px;

    border-top:1px solid #e2e6eb;

}


.comunidade-paginacao-lado{

    display:flex;

    justify-content:flex-start;

}


.comunidade-paginacao-direita{

    justify-content:flex-end;

}


.comunidade-paginacao-centro{

    color:#555;

    text-align:center;

}


/* ==========================================================
   RESPONSIVIDADE
   ========================================================== */

@media(max-width:1000px){

    .comunidade-filtros{

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

    }


    .comunidade-ordenacao{

        align-items:stretch;

        flex-direction:column;

        gap:7px;

    }


    .comunidade-ordenacao label{

        padding-bottom:0;

    }


    .comunidade-ordenacao select{

        max-width:none;

    }

}


@media(max-width:900px){

    .comunidade-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

    }


    .comunidade-colecionadores-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

    }

}


@media(max-width:700px){

    .comunidade-filtros{

        grid-template-columns:1fr;

    }


    .comunidade-busca-formulario .form-acoes{

        width:100%;

    }


    .comunidade-busca-formulario .form-acoes
    .btn{

        flex:1;

        text-align:center;

    }


    .comunidade-colecionadores-grid{

        grid-template-columns:1fr;

    }

}


@media(max-width:650px){

    .comunidade-cabecalho{

        align-items:flex-start;

        flex-direction:column;

    }


    .comunidade-grid{

        grid-template-columns:1fr;

    }


    .comunidade-paginacao{

        grid-template-columns:1fr;

    }


    .comunidade-paginacao-lado,
    .comunidade-paginacao-direita{

        justify-content:center;

    }


    .comunidade-paginacao-centro{

        order:-1;

    }

}


@media(max-width:420px){

    .comunidade-indicadores{

        grid-template-columns:1fr;

    }


    .comunidade-indicador{

        flex-direction:row;

        gap:6px;

    }


    .comunidade-indicador > span{

        margin-bottom:0;

    }


    .comunidade-indicador small{

        margin-top:0;

    }


    .comunidade-busca-formulario .form-acoes{

        flex-direction:column;

    }


    .comunidade-busca-formulario .form-acoes
    .btn{

        width:100%;

    }


    .comunidade-colecionador-card{

        align-items:flex-start;

    }


    .comunidade-colecionador-avatar{

        width:54px;

        height:54px;

        flex-basis:54px;

        font-size:20px;

    }

}


/* ==========================================================
   BUSCA COMPACTA / FILTROS RECOLHÍVEIS
   ========================================================== */

.comunidade-banner{
    width:100%;
    margin:16px 0 18px;
    overflow:hidden;
    border:1px solid #dfe4ea;
    border-radius:12px;
    background:#eef2f6;
    box-shadow:0 2px 8px rgba(15, 23, 42, .06);
}

.comunidade-banner img{
    display:block;
    width:100%;
    height:auto;
}

.comunidade-busca{
    margin-top:0;
    margin-bottom:20px;
}

.comunidade-busca-formulario{
    gap:10px;
    padding:14px;
}

.comunidade-busca-principal{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    align-items:end;
    gap:12px;
}

.comunidade-filtros-avancados{
    overflow:hidden;
    border:1px solid #e3e7ec;
    border-radius:9px;
    background:#f8fafc;
}

.comunidade-filtros-avancados summary{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:9px 12px;
    color:#354052;
    cursor:pointer;
    list-style:none;
    user-select:none;
}

.comunidade-filtros-avancados summary::-webkit-details-marker{
    display:none;
}

.comunidade-filtros-avancados summary::before{
    content:'+';
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    flex:0 0 22px;
    border-radius:50%;
    background:#e8eef6;
    color:#1565c0;
    font-size:18px;
    font-weight:700;
    line-height:1;
}

.comunidade-filtros-avancados[open] summary::before{
    content:'−';
}

.comunidade-filtros-avancados summary span{
    font-size:14px;
    font-weight:700;
}

.comunidade-filtros-avancados summary small{
    color:#7b8490;
    font-size:12px;
}

.comunidade-filtros-avancados summary strong{
    padding:4px 8px;
    border-radius:999px;
    background:#dbeafe;
    color:#1558a5;
    font-size:12px;
}

.comunidade-filtros-avancados[open] summary{
    border-bottom:1px solid #e3e7ec;
    background:#fff;
}

.comunidade-filtros-avancados .comunidade-filtros{
    gap:12px;
    padding:14px;
}

.comunidade-colecionadores-recolhidos{
    margin:0 0 20px;
    border:1px solid #e3e7ec;
    border-radius:9px;
    background:#fff;
}

.comunidade-colecionadores-recolhidos > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:44px;
    padding:10px 14px;
    color:#354052;
    cursor:pointer;
    list-style:none;
}

.comunidade-colecionadores-recolhidos > summary::-webkit-details-marker{
    display:none;
}

.comunidade-colecionadores-recolhidos > summary span{
    font-size:14px;
    font-weight:700;
}

.comunidade-colecionadores-recolhidos > summary small{
    color:#1565c0;
    font-size:12px;
    font-weight:700;
}

.comunidade-colecionadores-recolhidos[open] > summary{
    border-bottom:1px solid #e3e7ec;
}

.comunidade-colecionadores-recolhidos[open] > summary small::before{
    content:'Ocultar';
    font-size:12px;
}

.comunidade-colecionadores-recolhidos[open] > summary small{
    font-size:0;
}

.comunidade-colecionadores-recolhidos .comunidade-colecionadores{
    margin:0;
    padding:18px;
}

.comunidade-busca-controles{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}

.comunidade-busca-controles .comunidade-ordenacao,
.comunidade-busca-controles .form-acoes{
    padding-top:0;
}

@media(max-width:1000px){
    .comunidade-busca-principal{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .comunidade-banner{
        margin:12px 0 14px;
        border-radius:9px;
    }

    .comunidade-busca-controles{
        align-items:stretch;
        flex-direction:column;
    }

    .comunidade-filtros-avancados summary small{
        display:none;
    }
}


/* ==========================================================
   COMUNIDADE: BANNER E BUSCA EM DESTAQUE
   ========================================================== */

.comunidade-banner{
    margin:0 0 12px;
    border-radius:10px;
}

.comunidade-busca{
    margin:0 0 16px;
}

.comunidade-busca-formulario{
    display:grid;
    grid-template-columns:minmax(280px, 1fr) auto;
    grid-template-areas:
        "busca controles"
        "filtros filtros";
    align-items:end;
    gap:8px 12px;
    padding:11px 12px;
    border-radius:10px;
}

.comunidade-busca-principal{
    grid-area:busca;
    display:block;
    min-width:0;
}

.comunidade-busca-campo label,
.comunidade-busca-controles .comunidade-ordenacao label{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
}

.comunidade-busca-campo input[type="search"],
.comunidade-busca-controles .comunidade-ordenacao select{
    min-height:40px;
}

.comunidade-filtros-avancados{
    grid-area:filtros;
}

.comunidade-filtros-avancados summary{
    min-height:34px;
    padding:6px 9px;
}

.comunidade-filtros-avancados summary::before{
    width:20px;
    height:20px;
    flex-basis:20px;
    font-size:16px;
}

.comunidade-filtros-avancados .comunidade-filtros{
    padding:11px;
}

.comunidade-busca-controles{
    grid-area:controles;
    justify-content:flex-end;
    gap:8px;
    white-space:nowrap;
}

.comunidade-busca-controles .comunidade-ordenacao{
    display:block;
    width:190px;
}

.comunidade-busca-controles .comunidade-ordenacao select{
    width:100%;
    max-width:none;
}

.comunidade-busca-controles .form-acoes{
    flex-wrap:nowrap;
    gap:8px;
}

.comunidade-busca-controles .form-acoes .btn{
    min-height:40px;
    padding-top:9px;
    padding-bottom:9px;
}

.comunidade-conteudo{
    margin-top:14px;
}

.comunidade-cabecalho{
    align-items:center;
    margin-bottom:12px;
}

.comunidade-cabecalho h2{
    margin:0;
    font-size:21px;
}

.comunidade-cabecalho .subtitulo{
    display:inline-block;
    margin:3px 0 0;
    font-size:13px;
}

.comunidade-total{
    flex:0 0 auto;
    padding:6px 10px;
    border-radius:999px;
    background:#e8eef6;
    color:#1558a5;
    font-size:12px;
    font-weight:700;
}

@media(max-width:900px){
    .comunidade-busca-formulario{
        grid-template-columns:1fr;
        grid-template-areas:
            "busca"
            "controles"
            "filtros";
    }

    .comunidade-busca-controles{
        justify-content:space-between;
    }
}

@media(max-width:560px){
    .comunidade-banner{
        margin-bottom:10px;
        border-radius:8px;
    }

    .comunidade-busca-formulario{
        padding:10px;
    }

    .comunidade-busca-controles{
        align-items:stretch;
        flex-direction:column;
    }

    .comunidade-busca-controles .comunidade-ordenacao,
    .comunidade-busca-controles .form-acoes{
        width:100%;
    }

    .comunidade-cabecalho{
        align-items:flex-start;
        gap:8px;
    }
}


/* ==========================================================
   CARDS DO ACERVO: FOCO NAS MINIATURAS
   ========================================================== */

.comunidade-grid{
    grid-template-columns:repeat(
        auto-fill,
        minmax(275px, 1fr)
    );
    gap:18px;
}

.comunidade-miniatura-card{
    border-color:#dce2e8;
    border-radius:11px;
    box-shadow:0 3px 10px rgba(15, 23, 42, .06);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.comunidade-miniatura-card:hover{
    transform:translateY(-3px);
    border-color:#c7d3df;
    box-shadow:0 9px 22px rgba(15, 23, 42, .12);
}

.comunidade-miniatura-foto{
    aspect-ratio:16 / 10;
    background:#e9eef3;
}

.comunidade-miniatura-foto img{
    transition:transform .28s ease;
}

.comunidade-miniatura-foto:hover img{
    transform:scale(1.045);
}

.comunidade-miniatura-conteudo{
    padding:14px;
}

.comunidade-miniatura-conteudo h3{
    margin:0 0 9px;
    font-size:18px;
    line-height:1.25;
}

.comunidade-miniatura-conteudo h3 a{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.comunidade-miniatura-detalhes{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:25px;
    flex-wrap:wrap;
}

.comunidade-miniatura-conteudo
.comunidade-miniatura-atributo{
    margin:0;
    padding:4px 7px;
    border-radius:6px;
    background:#eef3f8;
    color:#46576a;
    font-size:12px;
    line-height:1.25;
}

.comunidade-miniatura-atributo strong{
    font-weight:600;
}

.comunidade-miniatura-data{
    margin:8px 0 0 !important;
    color:#7a8490;
    font-size:11px;
}

.comunidade-colecionador{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:9px;
    padding-top:9px;
}

.comunidade-colecionador span{
    font-size:12px;
}

.comunidade-colecionador a{
    min-width:0;
    overflow:hidden;
    margin-left:0;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.comunidade-indicadores{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0;
    margin:11px -14px 12px;
    border-top:1px solid #e8edf2;
    border-bottom:1px solid #e8edf2;
    background:#f8fafc;
}

.comunidade-indicador{
    display:grid;
    grid-template-columns:auto auto;
    align-content:center;
    align-items:center;
    justify-content:center;
    gap:2px 5px;
    min-height:50px;
    padding:6px;
    border:0;
    border-right:1px solid #e8edf2;
    border-radius:0;
    background:transparent;
}

.comunidade-indicador:last-child{
    border-right:0;
}

.comunidade-indicador > span{
    grid-row:1 / span 2;
    margin:0;
    font-size:17px;
}

.comunidade-indicador strong{
    align-self:end;
    font-size:13px;
    line-height:1.1;
}

.comunidade-indicador small{
    align-self:start;
    margin:0;
    overflow:hidden;
    font-size:9px;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.comunidade-miniatura-conteudo .form-acoes{
    width:100%;
    margin-top:auto;
    padding-top:0;
}

.comunidade-miniatura-conteudo .form-acoes .btn{
    width:100%;
    min-height:36px;
    padding:8px 12px;
    text-align:center;
}

@media(max-width:650px){
    .comunidade-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .comunidade-miniatura-card{
        max-width:520px;
        margin:0 auto;
    }
}

/* ==========================================================
   UX03-T01 — Tema escuro: Comunidade
   ========================================================== */

html[data-theme="dark"] .comunidade-busca-formulario,
html[data-theme="dark"] .comunidade-colecionadores-recolhidos,
html[data-theme="dark"] .comunidade-miniatura-card{
    background:var(--surface);
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-filtros-avancados{
    background:var(--surface-2);
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-filtros-avancados[open] summary{
    background:var(--surface);
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-colecionadores-recolhidos > summary{
    color:var(--text);
}

html[data-theme="dark"] .comunidade-colecionadores-recolhidos > summary small{
    color:var(--brand-400);
}

html[data-theme="dark"] .comunidade-colecionadores-recolhidos[open] > summary{
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-miniatura-card:hover{
    border-color:var(--border-strong);
    box-shadow:0 9px 22px rgba(0,0,0,.30);
}

html[data-theme="dark"] .comunidade-miniatura-foto{
    background:var(--surface-2);
}

html[data-theme="dark"] .comunidade-miniatura-conteudo .comunidade-miniatura-atributo{
    background:var(--surface-2);
    color:var(--text-secondary);
}

html[data-theme="dark"] .comunidade-miniatura-data{
    color:var(--text-muted);
}

html[data-theme="dark"] .comunidade-indicadores{
    background:var(--surface-2);
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-indicador{
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-paginacao{
    border-color:var(--border);
}

html[data-theme="dark"] .comunidade-paginacao-centro{
    color:var(--text-secondary);
}

/* UX03-T01 — Contraste textual dos cards no tema escuro */
html[data-theme="dark"] .comunidade-colecionador span,
html[data-theme="dark"] .comunidade-indicador small{
    color:var(--text-muted);
}

html[data-theme="dark"] .comunidade-indicador strong{
    color:var(--text);
}

html[data-theme="dark"] .comunidade-colecionador a{
    color:var(--brand-400);
}