/*
 * Guarai Institucional - Servicos para voce / paleta colorida
 * Versao 1.6.5
 *
 * Referencia visual: cards em tons pastel com borda e acento cromatico.
 * Esta camada altera somente cores. Estrutura, conteudo, grid, espacamentos,
 * icones, links e comportamento das abas permanecem inalterados.
 */

/* Abas por perfil: mesmas dimensoes, apenas cor. */
body:not(.guarai-high-contrast) .home-services .service-tabs__tab {
    color: #111827;
}

body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="citizen"] {
    background: #e8f5ec;
    box-shadow: inset 0 0 0 1px #8ccaa1;
}
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="property"] {
    background: #fefce8;
    box-shadow: inset 0 0 0 1px #fff085;
}
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="business"] {
    background: #fff7ed;
    box-shadow: inset 0 0 0 1px #fed5a6;
}
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="staff"] {
    background: #faf5ff;
    box-shadow: inset 0 0 0 1px #e9d4ff;
}

body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="citizen"]:hover,
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="citizen"].is-active {
    background: #d9f0e1;
    box-shadow: inset 0 0 0 2px #107818, 0 5px 13px rgba(16,120,24,.10);
}
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="property"]:hover,
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="property"].is-active {
    background: #fff9c9;
    box-shadow: inset 0 0 0 2px #d08800, 0 5px 13px rgba(208,136,0,.10);
}
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="business"]:hover,
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="business"].is-active {
    background: #ffead7;
    box-shadow: inset 0 0 0 2px #f84800, 0 5px 13px rgba(248,72,0,.10);
}
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="staff"]:hover,
body:not(.guarai-high-contrast) .home-services .service-tabs__tab[data-service-tab="staff"].is-active {
    background: #f1e5ff;
    box-shadow: inset 0 0 0 2px #9810f8, 0 5px 13px rgba(152,16,248,.10);
}

/*
 * Cards: ciclo de oito cores inspirado na referencia visual.
 * O nth-child reinicia em cada painel/perfil, portanto funciona com menus
 * administraveis e com qualquer quantidade de servicos.
 */
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+1) {
    --guarai-service-bg: #e8f5ec;
    --guarai-service-border: #8ccaa1;
    --guarai-service-accent: #107818;
    --guarai-service-icon-bg: #dff1e5;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+2) {
    --guarai-service-bg: #edf2fb;
    --guarai-service-border: #a7c6ee;
    --guarai-service-accent: #1050b0;
    --guarai-service-icon-bg: #e1eaf9;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+3) {
    --guarai-service-bg: #eef2ff;
    --guarai-service-border: #c5d1fe;
    --guarai-service-accent: #5038f8;
    --guarai-service-icon-bg: #e4e8ff;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+4) {
    --guarai-service-bg: #fff7ed;
    --guarai-service-border: #fed5a6;
    --guarai-service-accent: #f84800;
    --guarai-service-icon-bg: #ffebd7;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+5) {
    --guarai-service-bg: #f0fdfa;
    --guarai-service-border: #96f7e4;
    --guarai-service-accent: #009888;
    --guarai-service-icon-bg: #dcf8f3;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+6) {
    --guarai-service-bg: #faf5ff;
    --guarai-service-border: #e9d4ff;
    --guarai-service-accent: #9810f8;
    --guarai-service-icon-bg: #f0e3ff;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n+7) {
    --guarai-service-bg: #fef2f2;
    --guarai-service-border: #ffc9c9;
    --guarai-service-accent: #e80008;
    --guarai-service-icon-bg: #ffe1e1;
}
body:not(.guarai-high-contrast) .home-services .service-tab-card:nth-child(8n) {
    --guarai-service-bg: #fefce8;
    --guarai-service-border: #fff085;
    --guarai-service-accent: #d08800;
    --guarai-service-icon-bg: #fff5bf;
}

body:not(.guarai-high-contrast) .home-services .service-tab-card {
    background: var(--guarai-service-bg);
    border-color: var(--guarai-service-border);
}

body:not(.guarai-high-contrast) .home-services .service-tab-card__icon {
    background: var(--guarai-service-icon-bg);
    color: var(--guarai-service-accent);
}

body:not(.guarai-high-contrast) .home-services .service-tab-card__body > strong {
    color: #111827;
}

body:not(.guarai-high-contrast) .home-services .service-tab-card__body small,
body:not(.guarai-high-contrast) .home-services .service-tab-card__arrow {
    color: var(--guarai-service-accent);
}

body:not(.guarai-high-contrast) .home-services .service-tab-card:hover,
body:not(.guarai-high-contrast) .home-services .service-tab-card:focus-visible {
    background: var(--guarai-service-bg);
    border-color: var(--guarai-service-accent);
}

/* Alto contraste continua sob controle da camada de acessibilidade existente. */