/* -------------------------------------------------------------------------- KFS Sociedade de Advogados — overrides on top of the Kanun theme stylesheet. Keep this file last in the so it wins over main.css / wp-fix.css. Source of truth: Manual da Marca KFS (Junior Ghidorsi, jul/2026). -------------------------------------------------------------------------- */ /* --- Paleta da marca ------------------------------------------------------- Azul Oceano #2e3754 Pantone 2380 C Entardecer Dourado #c7b299 Pantone 4249 C Areia #f7f6f6 Pantone P 1-1 C O tema Kanun expõe essas três funções como custom properties, então redefini-las reskina o site inteiro sem tocar em main.css. */ :root { --theme: #c7b299; --header: #2e3754; --bg: #f7f6f6; --text: #5a6172; --border: #2e375440; --border-2: #c9ccd4; /* tokens próprios, usados só neste arquivo */ --kfs-navy: #2e3754; --kfs-navy-soft: #3c4664; --kfs-black: #000000; --kfs-gray: #c5c8d0; --kfs-gold: #c7b299; --kfs-sand: #f7f6f6; } /* --- Tipografia ------------------------------------------------------------ O manual define Manrope para todos os pontos de contato; a serifa fica restrita à assinatura. O tema traz Prata/DM Sans, ambas substituídas. */ body, h1, h2, h3, h4, h5, h6, .theme-btn, input, textarea, select, button, .sub-title, .main-menu ul li a, .mean-container .mean-nav ul li a { font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: -0.015em; } h1 { font-weight: 800; } /* --- Contraste dos botões ------------------------------------------------- O tema põe texto branco sobre o dourado. Com o dourado da marca (#c7b299) isso dá 2,05:1 — reprova em WCAG AA, que exige 4,5:1. Texto em Azul Oceano sobre o mesmo dourado dá 5,73:1 e é como o próprio manual aplica a cor. No hover o fundo vira azul e o texto, branco (11,7:1). */ .theme-btn, .theme-btn:visited, .pricing-button .theme-btn, .search-widget .theme-btn { color: var(--kfs-navy); font-weight: 600; } .theme-btn:hover, .theme-btn:focus-visible { color: #fff; } /* Variante do cabeçalho: já nasce azul com texto branco. */ .theme-btn.style-2 { background-color: var(--kfs-navy); color: #fff; } .theme-btn.style-2:hover { color: var(--kfs-navy); } .theme-btn.style-2::before, .theme-btn.style-2::after { background-color: var(--kfs-gold); } /* Foco visível em toda a navegação por teclado. */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid var(--kfs-gold); outline-offset: 2px; } /* .sub-title usa uma lavagem do dourado antigo queimada no CSS do tema. */ .section-title .sub-title, .sub-title { background: rgba(199, 178, 153, 0.18); color: var(--kfs-navy); } .section-title .sub-title.text-white { background: rgba(199, 178, 153, 0.22); color: var(--kfs-gold); } /* --- Overlays escuros ------------------------------------------------------ O tema queima o preto #181818 direto nos overlays (não usa a custom property), então cada um é redeclarado em Azul Oceano. */ .hero-1::before, .portfolio-details-wrapper .main-side-ber .contact-bg::before, .service-details-wrapper .main-sideber .contact-bg::before { background-color: rgba(46, 55, 84, 0.9); } /* Breadcrumb: foto do hero da home + véu de cor, e nada mais — o grafismo da ponte saiu do markup porque, sobre a foto, lia como uma segunda imagem. O overlay do tema apontava para uma textura inexistente; aqui vira véu chapado em Azul Oceano (branco sobre #2e3754 a 0.82 dá ~9:1). */ .breadcrumb-wrapper { background-image: url('/theme/img/hero-escritorio-1920.webp'); background-position: center; background-size: cover; } @media (max-width: 767px) { .breadcrumb-wrapper { background-image: url('/theme/img/hero-escritorio-1280.webp'); } } @media (min-width: 1921px) { .breadcrumb-wrapper { background-image: url('/theme/img/hero-escritorio-2560.webp'); } } .breadcrumb-wrapper::before { background: rgba(46, 55, 84, 0.82); background-image: none; } /* Cabecalho das paginas mais enxuto: o tema usa 150px de respiro e titulo de 80px, o que empurra o conteudo para baixo da dobra. */ .breadcrumb-wrapper .page-heading { padding: 90px 0; } @media (max-width: 991px) { .breadcrumb-wrapper .page-heading { padding: 64px 0; } } /* O tema estilizava o titulo do breadcrumb como h2; virou h1 porque as paginas internas ficavam sem H1 nenhum. */ .breadcrumb-wrapper .page-heading h1, .breadcrumb-wrapper .page-heading h2 { color: var(--white); font-size: clamp(28px, 3.4vw, 46px); line-height: 1.15; margin-bottom: 12px; } /* Headings promovidos de h4/h5 para h3 (a hierarquia saltava níveis). O tema estilizava pela tag, então as regras equivalentes vêm aqui. */ .footer-widget-wrapper .single-footer-widget .widget-head h3, .service-box-items .service-content h3, .feature-main-area .feature-card-item2 .feature-content h3, .contact-details .content h3, .kfs-service-card h3 { font-size: 19px; font-weight: 700; line-height: 1.35; margin-bottom: 8px; } .footer-widget-wrapper .single-footer-widget .widget-head h3 { color: #fff; margin-bottom: 0; } .service-box-items .service-content h3 a { color: inherit; } .contact-details .content h3 { font-size: 17px; margin-bottom: 2px; } /* --- Botao flutuante do WhatsApp ------------------------------------------- Unico elemento fixo do canto inferior direito (o "voltar ao topo" saiu). No desktop o rotulo aparece no hover; no mobile some, para nao cobrir conteudo. */ .kfs-whatsapp-float { position: fixed; right: 30px; bottom: 30px; z-index: 999; display: inline-flex; align-items: center; gap: 0; height: 72px; padding: 0 22px; border-radius: 36px; background-color: #25d366; color: #fff; font-size: 34px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26); transition: gap 0.3s ease, background-color 0.3s ease, transform 0.2s ease; } /* A onda sai de um ::before atrás do botão, para o pulso não deformar o ícone nem interferir no hover. */ .kfs-whatsapp-float::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background-color: #25d366; z-index: -1; animation: kfs-pulse 2.2s ease-out infinite; } @keyframes kfs-pulse { 0% { transform: scale(1); opacity: 0.55; } 70% { transform: scale(1.35); opacity: 0; } 100% { transform: scale(1.35); opacity: 0; } } .kfs-whatsapp-float:hover { transform: scale(1.06); } .kfs-whatsapp-float:hover, .kfs-whatsapp-float:focus-visible { color: #fff; background-color: #1da851; gap: 10px; } .kfs-whatsapp-float__label { max-width: 0; overflow: hidden; white-space: nowrap; font-size: 15px; font-weight: 600; transition: max-width 0.3s ease; } .kfs-whatsapp-float:hover .kfs-whatsapp-float__label, .kfs-whatsapp-float:focus-visible .kfs-whatsapp-float__label { max-width: 140px; } @media (max-width: 767px) { .kfs-whatsapp-float { right: 20px; bottom: 20px; height: 62px; padding: 0 18px; font-size: 30px; } /* Sem hover no toque: o rotulo nao abre e so o icone aparece. */ .kfs-whatsapp-float__label { display: none; } } @media (prefers-reduced-motion: reduce) { .kfs-whatsapp-float, .kfs-whatsapp-float__label { transition: none; } .kfs-whatsapp-float::before { animation: none; } } /* Mensagem de erro do formulário: substitui o alert() do navegador. */ .kfs-form-error { margin: 0; padding: 12px 16px; border-left: 3px solid #b3261e; background: rgba(179, 38, 30, 0.08); color: #8c1d18; font-size: 15px; font-weight: 600; } .contact-form-items [aria-invalid='true'] { border-color: #b3261e !important; } /* Skip link: visível só ao receber foco pelo teclado. */ .kfs-skip-link { position: absolute; left: -9999px; top: 0; z-index: 9999; padding: 12px 20px; background: var(--kfs-navy); color: #fff; font-weight: 600; border-radius: 0 0 4px 0; } .kfs-skip-link:focus { left: 0; } main:focus { outline: none; } /* Texto só para leitor de tela. */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Ordem do documento: o bloco de contato da sidebar abria a página com um heading antes do

, e os cards de advogado saltavam h2→h4. */ .offcanvas__wrapper .offcanvas__content .offcanvas__contact-title { color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 18px; } .team-card-items .team-content h3, .team-main-item .team-content-hover h3 { font-size: 20px; font-weight: 700; margin-bottom: 4px; } .about-wrapper-2 .about-image .about-box h2 { font-size: 20px; font-weight: 700; margin: 0; } .about-wrapper-2 .about-image .about-box h2 a { color: inherit; } /* Mais headings promovidos: cards do about, timeline e perfis. */ .about-box h3, .history-content h3, .experience-items .content h3, .education-items .content h3, .profile-card h3, .about-wrapper-2 .about-box h3 { font-size: 20px; font-weight: 700; line-height: 1.35; } .experience-items .number, .history-items .number, .process-items .number, .feature-image .number { display: inline-block; } /* Etapas numeradas: o
    substitui a lista com ícone de check, que sugeria itens equivalentes em vez de sequência. */ .kfs-steps { counter-reset: etapa; list-style: none; padding-left: 0; } .kfs-steps li { counter-increment: etapa; position: relative; padding-left: 42px; margin-bottom: 14px; } .kfs-steps li::before { content: counter(etapa); position: absolute; left: 0; top: 1px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--kfs-navy); color: #fff; font-size: 13px; font-weight: 700; } /* --- HTML semantico ------------------------------------------------------- Telefone, endereco, horario e numeros de contador estavam em
    /

    e entravam no indice do documento como titulos, gerando saltos de nivel. As tags viraram

    /; estas regras replicam o estilo que o tema aplicava pela tag, para o visual nao mudar. */ .footer-section .footer-widget-wrapper .single-footer-widget .contact-info p { color: var(--kfs-gray); font-size: 15px; font-weight: 400; line-height: 162%; margin: 0; } .footer-section .footer-widget-wrapper .single-footer-widget .contact-info p:not(:last-child) { margin-bottom: 22px; } .footer-section .footer-widget-wrapper .single-footer-widget .contact-info p a { color: var(--kfs-gray); font-weight: 400; } .footer-section .contact-info { font-style: normal; /*

    vem em italico por padrao */ } .countact-call .content .header-phone { margin: 0; font-size: 18px; font-weight: 700; color: var(--kfs-navy); line-height: 1.3; } .countact-call .content .header-phone a { color: inherit; } .counter-content .counter-value { font-family: inherit; font-size: 48px; font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; color: var(--kfs-navy); margin: 0 0 4px; } @media (max-width: 767px) { .counter-content .counter-value { font-size: 40px; } } /* --- Faixa de CTA ---------------------------------------------------------- Substitui o bloco alto do tema (section-padding + pattern): faixa baixa, Azul Oceano chapado, frase em uma linha ao lado do botao. */ .kfs-cta-band { background-color: var(--kfs-navy); padding: 28px 0; } .kfs-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .kfs-cta-inner h2 { color: #fff; font-size: clamp(19px, 2vw, 27px); margin: 0; white-space: nowrap; } @media (max-width: 767px) { .kfs-cta-inner h2 { white-space: normal; } } .kfs-cta-inner .theme-btn { flex: 0 0 auto; } /* O tema zera o padding-left do accordion (regra em .faq-wrapper .faq-content .accordion-item ...), deixando pergunta e resposta coladas na borda do card. Os seletores abaixo precisam da mesma especificidade para vencer. */ .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button, .faq-item .faq-content .accordion-item .accordion-header .accordion-button { padding-left: 28px; padding-right: 56px; } .faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body, .faq-item .faq-content .accordion-item .accordion-collapse .accordion-body { padding-left: 28px; padding-right: 56px; } /* O botao de abrir/fechar tambem acompanha o novo respiro. */ .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button::after, .faq-item .faq-content .accordion-item .accordion-header .accordion-button::after { margin-right: 4px; } /* Credito do rodape: menor e discreto, ao lado do copyright. */ .kfs-credit { font-size: 13px; opacity: 0.75; margin: 0; } /* Paginas de servico: os H2 do tema tem 48px e dominavam a leitura das quatro secoes (o que e / como funciona / por que / FAQ). */ .kfs-service-page .section-title h2 { font-size: clamp(22px, 2.2vw, 30px); margin-bottom: 0; } .kfs-service-page .section-title { margin-bottom: 18px; } .kfs-service-page .accordion-button { font-size: 17px; } /* Autoria das paginas de servico: exigencia de E-E-A-T em conteudo YMYL. */ .kfs-authorship { margin-top: 32px; padding: 18px 22px; border-left: 3px solid var(--kfs-gold); background: var(--kfs-sand); } .kfs-authorship p { margin: 0; font-size: 15px; } .kfs-authorship a { color: var(--kfs-navy); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .kfs-authorship-date { margin-top: 6px !important; font-size: 13.5px; opacity: 0.8; } /* --- Paginas legais -------------------------------------------------------- Coluna de leitura estreita, hierarquia discreta entre secoes. */ .kfs-legal { font-size: 16px; line-height: 1.75; } .kfs-legal h2 { font-size: 21px; margin: 36px 0 12px; } .kfs-legal p { margin-bottom: 16px; } .kfs-legal ul { margin: 0 0 16px 0; padding-left: 20px; list-style: disc; } .kfs-legal li { margin-bottom: 8px; } .kfs-legal a { color: var(--kfs-navy); text-decoration: underline; text-underline-offset: 3px; } .kfs-legal a:hover { color: var(--kfs-gold); } .kfs-legal-meta { font-size: 14px; color: var(--text); opacity: 0.75; } /* O tema nao previa lista ao lado do copyright: sem gap, os dois textos encostam um no outro. */ .footer-section .footer-bottom .footer-wrapper { gap: 12px 28px; } .footer-section .footer-bottom .footer-wrapper .bottom-list { gap: 24px; } /* Credito do desenvolvedor: linha propria, abaixo do copyright. */ .footer-section .footer-bottom .kfs-credit { text-align: center; margin: 16px 0 0; font-size: 13px; font-weight: 400; color: var(--kfs-gray); opacity: 0.75; } .footer-section .footer-bottom .kfs-credit a { color: var(--kfs-gray); text-decoration: underline; text-underline-offset: 3px; } .footer-section .footer-bottom .kfs-credit a:hover { color: var(--kfs-gold); } /* --- Listagem de areas e servicos (/servicos) ------------------------------- Cada area vira um bloco: cabecalho fixo a esquerda e os servicos em cards clicaveis a direita, separados por regua. */ .kfs-lead { max-width: 620px; margin-inline: auto; } .kfs-area { padding: 48px 0; border-top: 1px solid var(--border-2); } .kfs-area:first-of-type { border-top: 0; padding-top: 8px; } .kfs-area-head { position: sticky; top: 110px; padding-right: 24px; } .kfs-area-num { display: block; font-size: 13px; letter-spacing: 0.16em; color: var(--kfs-gold); margin-bottom: 12px; } .kfs-area-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: rgba(199, 178, 153, 0.18); color: var(--kfs-navy); font-size: 22px; margin-bottom: 16px; } .kfs-area-head h3 { font-size: 26px; margin-bottom: 10px; } .kfs-area-head p { font-size: 15px; margin: 0; } .kfs-service-card { display: flex; flex-direction: column; height: 100%; padding: 24px; background: #fff; border: 1px solid var(--border-2); border-radius: 6px; transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .kfs-service-card:hover, .kfs-service-card:focus-visible { border-color: var(--kfs-gold); transform: translateY(-3px); box-shadow: 0 12px 28px rgba(46, 55, 84, 0.1); } .kfs-service-card h4 { font-size: 19px; color: var(--kfs-navy); margin-bottom: 8px; } .kfs-service-card p { font-size: 14.5px; margin-bottom: 16px; } .kfs-service-more { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--kfs-navy); display: inline-flex; align-items: center; gap: 8px; } .kfs-service-card:hover .kfs-service-more { color: var(--kfs-gold); } @media (max-width: 991px) { .kfs-area-head { position: static; padding-right: 0; } .kfs-area { padding: 32px 0; } } /* --- Rodape --------------------------------------------------------------- Sobre o preto, o branco puro vibra demais no corpo de texto. Titulos e links seguem brancos; paragrafos, contatos e listas vao para cinza claro (#c5c8d0 sobre #000 da 11:1, bem acima do minimo AA). */ .footer-section .footer-widget-wrapper .single-footer-widget .footer-content p, .footer-section .footer-widget-wrapper .single-footer-widget .contact-info h6, .footer-section .footer-widget-wrapper .single-footer-widget .contact-info h6 a, .footer-section .footer-widget-wrapper .single-footer-widget .list-items li a, .footer-section .footer-bottom .footer-wrapper p, .footer-section .footer-bottom .footer-wrapper .bottom-list li a { color: var(--kfs-gray); font-size: 15px; font-weight: 400; } .footer-section .footer-widget-wrapper .single-footer-widget .widget-head h4 { font-size: 19px; } .footer-section .footer-bottom .footer-wrapper p, .footer-section .footer-bottom .footer-wrapper .bottom-list li a { font-size: 14px; font-weight: 400; } /* Rodapé em preto chapado: sem o grafismo da ponte (por isso saiu o .kfs-pattern-bg do markup) e com o overlay do tema anulado, senão ele deitaria um cinza por cima. O breadcrumb segue em Azul Oceano com pattern. */ .footer-section { background-color: var(--kfs-black); } .footer-section::before { display: none; } .testimonial-section3::before { background: rgba(46, 55, 84, 0.96); } .hero-2::before { background: linear-gradient(89deg, #2e3754 0.06%, rgba(46, 55, 84, 0) 100.71%); } /* Fundo do hero em WebP, servido por largura de viewport. Como é background-image, a escolha vai por media query em vez de srcset. */ .kfs-hero { background-image: url('/theme/img/hero-escritorio-1920.webp'); background-position: center; } @media (max-width: 767px) { .kfs-hero { background-image: url('/theme/img/hero-escritorio-1280.webp'); } } @media (min-width: 1921px) { .kfs-hero { background-image: url('/theme/img/hero-escritorio-2560.webp'); } } /* A foto do escritório é clara. O escuro fica concentrado à esquerda, atrás do texto, e some rápido a partir da metade — assim a estante e a mesa do lado direito continuam à mostra. */ .kfs-hero::before { background: linear-gradient( 89deg, rgba(16, 20, 34, 0.97) 0%, rgba(18, 23, 38, 0.92) 38%, rgba(24, 30, 48, 0.7) 62%, rgba(30, 37, 58, 0.4) 82%, rgba(35, 43, 66, 0.12) 100% ); } /* O h1 do tema tem 90px e joga o título em três linhas, empurrando a última palavra para a parte clara da foto. Aqui ele cai para uma escala que cabe em duas linhas dentro da faixa escura. */ .kfs-hero .hero-content h1 { font-size: clamp(34px, 4.4vw, 62px); } .cta-request-section::before { background: linear-gradient(89deg, #2e3754 23.34%, rgba(46, 55, 84, 0) 100.28%); } .video-bg-section::before { background: linear-gradient(89deg, #2e3754 0.49%, rgba(46, 55, 84, 0) 100.32%); } .counter-main-box .counter-bg::before, .footer-section-2 .right-shape::before, .hero-3 .left-image::before { background: linear-gradient(0deg, rgba(46, 55, 84, 0.85) 0%, rgba(46, 55, 84, 0.85) 100%); } .hero-3 .hero-wrapper::before { background: linear-gradient(89deg, #2e3754 0.72%, rgba(46, 55, 84, 0) 99.21%); } .project-card-items .project-image::before, .team-card-items .team-image::before { background: linear-gradient(0deg, rgba(46, 55, 84, 0.9) 17.39%, rgba(46, 55, 84, 0) 100%); } .service-wrapper .service-main-box .service-items { border-color: rgba(46, 55, 84, 0.3); } .page-nav-wrap ul li .page-numbers { border-color: rgba(46, 55, 84, 0.2); } /* --- Grafismo da ponte ----------------------------------------------------- Pattern derivado da Ponte Hercílio Luz, aplicado como textura sobre as seções em Azul Oceano. .kfs-pattern vai num filho absoluto para que a opacidade não atinja o conteúdo. */ .kfs-pattern-bg { position: relative; background-color: var(--kfs-navy); } /* Só o .kfs-pattern desenha o tile. Havia aqui um `.kfs-pattern::after` no mesmo bloco: como todo uso no site é `
    ` dentro de um `.kfs-pattern-bg`, o grafismo era pintado duas vezes sobrepostas e a opacidade efetiva ia a ~0,14 em vez de 0,07. */ .kfs-pattern-bg > .kfs-pattern { content: ''; position: absolute; inset: 0; background: url('/theme/img/brand/kfs-pattern-tile-gold.svg') repeat; background-size: 218px 109px; opacity: 0.07; pointer-events: none; z-index: 0; } .kfs-pattern-bg > .container, .kfs-pattern-bg > * :not(.kfs-pattern) { position: relative; z-index: 1; } /* Divisor: fragmento centrado entre blocos de conteúdo. */ .kfs-divider { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 0; margin: 0; border: 0; } .kfs-divider::before, .kfs-divider::after { content: ''; flex: 1 1 auto; max-width: 220px; height: 1px; background: linear-gradient(90deg, transparent, var(--kfs-gold)); } .kfs-divider::after { background: linear-gradient(90deg, var(--kfs-gold), transparent); } .kfs-divider img { width: 74px; height: auto; flex: 0 0 auto; } /* --- Logotipo -------------------------------------------------------------- O manual fixa 75px como altura mínima da marca em tela; o cabeçalho usa 58px porque aplica a versão reduzida (monograma + descritor em 2 linhas). */ .kfs-logo { display: inline-block; line-height: 0; } .kfs-logo img { height: 84px; width: auto; display: block; } /* O logo com os nomes é mais alto que o anterior (proporção 1,49:1 contra 3,4:1), então a altura sobe um pouco para o texto continuar legível. */ .header-main .kfs-logo img { height: 86px; } /* No rodapé preto o logo em Azul Oceano desapareceria. O filtro clareia a arte inteira; substituir por uma versão branca do arquivo original é o ideal, quando ela existir. */ .kfs-logo-invertido { filter: brightness(0) invert(1); opacity: 0.95; } .footer-widget-wrapper .kfs-logo img { height: 88px; } .offcanvas__logo .kfs-logo img { height: 64px; } @media (max-width: 575px) { .kfs-logo img { height: 44px; } } /* O tema esconde .main-logo quando o header vira sticky e mostra .logo. */ .header-1.sticky .main-logo .kfs-logo img { height: 50px; } /* The theme title-cases every heading, button and menu label. That reads as an error in Portuguese ("Defesa Séria E Comprometida Com Seus Direitos"), so the text is rendered exactly as authored. .sub-title keeps its uppercase style, which is deliberate in the design. */ h1, h2, h3, h4, h5, h6, .theme-btn, .main-menu ul li a, .mean-container .mean-nav ul li a, .contact-info h6, .contact-info h6 a, .list-items li a, .link-btns, .post-meta li, .accordion-button, .breadcrumb-list li, .breadcrumb-list li a, .offcanvas__contact-text, .offcanvas__contact-text a, .header-top-wrapper .top-left li a, .countact-call .content h6 a, .about-list li, .profile-tags span, .pricing-list li, .service-content h4 a, .team-content h4 a, .news-content h4 a { text-transform: none; } /* O tema declara o capitalize com 5 níveis de especificidade no acordeão. */ .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button, .faq-item .faq-content .accordion-item .accordion-header .accordion-button { text-transform: none; } /* Ícones das áreas de atuação: o tema usa PNGs no dourado antigo (#B68C5A). Substituídos por ícones vetoriais na cor da marca. */ .service-box-items .service-button .icon { width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(199, 178, 153, 0.16); color: var(--kfs-navy); font-size: 26px; transition: all 0.3s ease-in-out; } .service-box-items:hover .service-button .icon { background: var(--kfs-gold); color: #fff; } /* Mesmo tratamento para os cards de valores e para o bloco de contato, que reaproveitam .service-box-items sem passar por .service-button. */ .service-box-items > .service-content > .icon { width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(199, 178, 153, 0.18); color: var(--kfs-navy); font-size: 26px; transition: all 0.3s ease-in-out; } .service-box-items:hover > .service-content > .icon { background: var(--kfs-gold); color: #fff; } /* The theme expects an logo; we render a wordmark instead. */ .site-title { font-family: 'Prata', serif; font-size: 26px; line-height: 1.1; color: var(--white); white-space: nowrap; } .header-1 .main-logo .site-title, .offcanvas__logo .site-title { color: var(--white); } .header-1.sticky .main-logo .site-title { color: var(--header); } .footer-widget-wrapper .widget-head .site-title { font-size: 24px; } @media (max-width: 575px) { .site-title { font-size: 20px; } } /* Native