.equipe-wrap { padding: var(--esp-lg); }
.equipe-master-tabs {
    display: grid;
    gap: var(--esp-lg);
}
.equipe-master-tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.equipe-master-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid rgba(37, 99, 235, .22);
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transicao);
}
.equipe-master-tab:hover,
.equipe-master-tab.ativo {
    background: #dbeafe;
    border-color: rgba(37, 99, 235, .42);
}
.equipe-master-pane {
    display: none;
}
.equipe-master-pane.ativo {
    display: block;
}
.equipe-topo {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr);
    gap: var(--esp-lg);
    margin-bottom: var(--esp-xl);
}
.equipe-hero {
    padding: clamp(24px, 4vw, 40px);
    border-radius: var(--raio-lg);
    border: 1px solid rgba(56,189,248,.18);
    background:
        radial-gradient(circle at top left, rgba(56,189,248,.18), transparent 36%),
        linear-gradient(135deg, #111827, #0f172a);
    box-shadow: var(--sombra-lg);
}
.equipe-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--esp-md);
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(56,189,248,.1);
    color: #7dd3fc;
    font-size: var(--t-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.equipe-titulo {
    margin: 0 0 var(--esp-sm);
    color: #f8fafc;
    font-family: var(--fonte-titulo);
    font-size: clamp(2rem, 3.6vw, 3rem);
    line-height: 1.05;
}
.equipe-sub {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.75;
    max-width: 60ch;
}
.equipe-resumo {
    display: grid;
    gap: var(--esp-md);
}
.equipe-stat {
    padding: var(--esp-lg);
    background: var(--card);
    border: 1px solid var(--borda);
    border-radius: var(--raio-lg);
}
.equipe-stat-valor {
    display: block;
    margin-bottom: 6px;
    color: var(--texto);
    font-family: var(--fonte-titulo);
    font-size: clamp(2rem, 4vw, 2.6rem);
    line-height: 1;
}
.equipe-stat-label {
    color: var(--texto-muted);
    font-size: var(--t-sm);
}
.equipe-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: var(--esp-lg);
}
.equipe-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: rgba(15, 23, 42, .04);
    color: var(--texto);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transicao);
}
.equipe-tab:hover,
.equipe-tab.ativo {
    background: rgba(59, 130, 246, .12);
    border-color: rgba(59, 130, 246, .3);
    color: #1d4ed8;
}
.equipe-grupos {
    display: grid;
}
.equipe-pane {
    display: none;
}
.equipe-pane.ativo {
    display: block;
}
.equipe-grupo-titulo {
    margin: 0 0 var(--esp-md);
    color: var(--texto);
    font-family: var(--fonte-titulo);
    font-size: clamp(1.4rem, 2.4vw, 2rem);
}
.equipe-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--esp-lg);
}
.equipe-card {
    background: var(--card);
    border: 1px solid var(--borda);
    border-radius: var(--raio-lg);
    overflow: hidden;
    box-shadow: var(--sombra-sm);
}
.equipe-foto-wrap {
    aspect-ratio: 4 / 4.5;
    background: linear-gradient(135deg, #0f172a, #1e293b);
}
.equipe-foto {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.equipe-body {
    padding: var(--esp-lg);
}
.equipe-nome {
    margin: 0 0 8px;
    color: var(--texto);
    font-family: var(--fonte-titulo);
    font-size: 1.25rem;
}
.equipe-item {
    margin: 0;
    color: var(--texto-muted);
    line-height: 1.7;
}
.equipe-item + .equipe-item {
    margin-top: 8px;
}
.equipe-item strong {
    color: var(--texto);
}
.equipe-vazio {
    padding: var(--esp-xl);
    background: var(--card);
    border: 1px dashed var(--borda);
    border-radius: var(--raio-lg);
    color: var(--texto-muted);
    text-align: center;
}
.equipe-atribuicoes-topo {
    margin-bottom: var(--esp-lg);
}
.equipe-atribuicoes-intro {
    margin: 0;
    color: var(--texto-muted);
    line-height: 1.7;
    max-width: 86ch;
}
.equipe-atribuicoes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--esp-lg);
}
.equipe-atribuicao-card {
    display: grid;
    gap: var(--esp-md);
    padding: var(--esp-lg);
    background: var(--card);
    border: 1px solid var(--borda);
    border-radius: var(--raio-lg);
    box-shadow: var(--sombra-sm);
}
.equipe-atribuicao-head {
    display: flex;
    justify-content: space-between;
    gap: var(--esp-md);
    align-items: flex-start;
}
.equipe-atribuicao-titulo {
    margin: 0;
    color: var(--texto);
    font-family: var(--fonte-titulo);
    font-size: 1.2rem;
}
.equipe-atribuicao-meta {
    margin: 8px 0 0;
    color: var(--texto-muted);
    font-size: var(--t-sm);
    line-height: 1.6;
}
.equipe-atribuicao-comentario {
    margin: 0;
    color: var(--texto);
    line-height: 1.8;
}
.equipe-atribuicao-lista {
    margin: 0;
    padding-left: 18px;
    color: var(--texto-muted);
    line-height: 1.7;
}
.equipe-atribuicao-lista li + li {
    margin-top: 6px;
}
.equipe-atribuicao-formal {
    color: var(--texto);
    font-weight: 600;
}
.equipe-atribuicao-explicacao {
    color: #64748b;
    font-style: italic;
}
.equipe-atribuicao-fonte {
    padding-top: var(--esp-sm);
    border-top: 1px solid var(--borda);
    color: var(--texto-muted);
    font-size: var(--t-sm);
    line-height: 1.7;
}
.equipe-atribuicao-fonte strong {
    color: var(--texto);
}
.equipe-atribuicao-fonte a {
    color: #1d4ed8;
    font-weight: 700;
    text-decoration: none;
}
.equipe-atribuicao-fonte a:hover {
    text-decoration: underline;
}
.equipe-atribuicao-fonte p {
    margin: 6px 0 0;
}
@media (max-width: 920px) {
    .equipe-topo {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .equipe-wrap { padding: var(--esp-md); }
    .equipe-grid { grid-template-columns: 1fr; }
    .equipe-atribuicoes-grid { grid-template-columns: 1fr; }
    .equipe-tabs { gap: 8px; }
    .equipe-tab { width: 100%; justify-content: flex-start; }
    .equipe-master-tablist { gap: 8px; }
    .equipe-master-tab { width: 100%; justify-content: flex-start; }
}
/*
 * Objetivo: estilos da pagina publica da equipe.
 * Modulo: Equipe
 * Autor: Sergio Alexander Loback da Silva
 * E-mail: sergio.silva@edu.itajai.sc.gov.br
 * Data de criacao: 2026-03-17
 * Ultima atualizacao: 2026-04-01
 * Versao de criacao: 1.0.0
 * Ultima versao alterada: 3.4.015
 * Observacoes para manutencao e IA:
 * - os setores agora aparecem em abas
 * - a numeracao tecnica do CSV nao deve aparecer para o usuario final
 * - a pagina agora possui uma aba separada para atribuicoes por cargo
 */