:root {
    --primary: #007bff; /* Azul Tech */
    --dark: #0f172a;    /* Fundo Dark Profissional */
    --text: #f8fafc;
    --gray: #94a3b8;
}

body {
    margin: 0; padding: 0;
    font-family: 'Inter', sans-serif;
    background-color: var(--dark);
    color: var(--text);
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

header { padding: 20px 0; border-bottom: 1px solid #1e293b; }

nav { display: flex; justify-content: space-between; align-items: center; }

.logo { font-size: 1.5rem; font-weight: bold; }
.logo span { color: var(--primary); }

nav ul { list-style: none; display: flex; gap: 30px; }

nav a { text-decoration: none; color: var(--gray); transition: 0.3s; }
nav a:hover { color: var(--text); }

.hero { padding: 100px 0; text-align: center; background: radial-gradient(circle at top, #1e293b 0%, #0f172a 100%); }

.hero h1 { font-size: 3.5rem; margin-bottom: 20px; }
.hero h1 span { color: var(--primary); }

.hero p { font-size: 1.2rem; color: var(--gray); max-width: 700px; margin: 0 auto 40px; }

.btn-primary { background: var(--primary); color: white; padding: 15px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; }

.partners { padding: 40px 0; border-top: 1px solid #1e293b; opacity: 0.6; }

.partner-logos { display: flex; justify-content: space-around; font-weight: bold; color: var(--gray); }
.services { padding: 80px 0; background: #0f172a; }

.section-header { text-align: center; margin-bottom: 50px; }
.section-header h2 { font-size: 2.5rem; color: var(--text); }
.section-header p { color: var(--gray); font-size: 1.1rem; }

.services-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    gap: 25px; 
}

.service-card { 
    background: #1e293b; 
    padding: 30px; 
    border-radius: 12px; 
    border: 1px solid #334155;
    transition: transform 0.3s, border-color 0.3s;
}

.service-card:hover { 
    transform: translateY(-10px); 
    border-color: var(--primary); 
}

/* Destaque para o serviço principal */
.service-card.highlighted {
    border: 1px solid var(--primary);
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.1);
}

.service-card .icon { font-size: 2.5rem; margin-bottom: 20px; }
.service-card h3 { font-size: 1.4rem; margin-bottom: 15px; color: var(--primary); }
.service-card p { font-size: 0.95rem; color: var(--gray); line-height: 1.6; margin-bottom: 20px; }

.service-card ul { list-style: none; padding: 0; }
.service-card ul li { 
    font-size: 0.85rem; 
    color: #cbd5e1; 
    margin-bottom: 8px; 
    display: flex; 
    align-items: center; 
}
.service-card ul li::before { 
    content: "✓"; 
    color: var(--primary); 
    margin-right: 10px; 
    font-weight: bold; 
}
.contato-section { padding: 80px 0; background: #0f172a; }
.contato-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }

.contato-info h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; }
.info-item { display: flex; align-items: center; gap: 15px; margin-top: 20px; color: var(--gray); }

.contato-form { background: #1e293b; padding: 40px; border-radius: 12px; display: flex; flex-direction: column; gap: 15px; }
.form-group input, .form-group textarea, .form-row input, .form-row select {
    width: 100%; padding: 12px; background: #0f172a; border: 1px solid #334155; border-radius: 6px; color: white;
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }

.btn-enviar { 
    background: var(--primary); color: white; border: none; padding: 15px; 
    border-radius: 6px; font-weight: bold; cursor: pointer; transition: 0.3s;
}
.btn-enviar:hover { background: #0056b3; transform: scale(1.02); }
/* Estilos para a Página de Governo */
.gov-hero { padding: 80px 0; background: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.9)), url('../img/gov-bg.jpg'); background-size: cover; text-align: center; }
.gov-hero .badge { background: var(--primary); color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
.gov-hero h1 { font-size: 3rem; margin: 20px 0; }

.gov-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 60px; padding: 60px 0; }

.gov-text h2 { color: var(--primary); margin-bottom: 25px; }
.gov-features { margin-top: 30px; }
.f-item { margin-bottom: 25px; border-left: 3px solid var(--primary); padding-left: 20px; }
.f-item h4 { margin: 0 0 5px 0; color: var(--text); }
.f-item p { color: var(--gray); font-size: 0.95rem; }

.card-gov-item { background: #1e293b; padding: 25px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #334155; }
.card-gov-item h3 { color: var(--primary); font-size: 1.2rem; margin-bottom: 10px; }
.card-gov-item p { font-size: 0.9rem; color: #cbd5e1; }
.highlight-blue { background: var(--primary); border: none; }
.highlight-blue h3, .highlight-blue p { color: white; }

/* Container dos Botões (CTA-Group) */
.cta-group {
    display: flex;
    justify-content: center; /* Centraliza os botões */
    align-items: center; /* Alinha verticalmente */
    gap: 20px; /* Espaçamento equilibrado entre os botões */
    margin-top: 40px; /* Afasta do texto */
}

/* Reset de Botão Genérico (Base Comum) */
.btn-primary, .btn-secondary {
    display: inline-block;
    padding: 15px 30px; /* Tamanho confortável para clique */
    border-radius: 8px; /* Cantos arredondados modernos */
    text-decoration: none; /* Remove sublinhado */
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.3s ease; /* Efeito suave no hover */
    cursor: pointer;
    text-align: center;
}

/* --- Botão PRIMÁRIO (Nossas Soluções) --- */
.btn-primary {
    background-color: #007bff; /* Azul Vibrante Profissional */
    color: #ffffff; /* Texto Branco para Contraste Máximo */
    border: 2px solid #007bff; /* Borda da mesma cor */
}

.btn-primary:hover {
    background-color: #0056b3; /* Azul mais escuro no hover */
    border-color: #0056b3;
    transform: translateY(-2px); /* Efeito sutil de levantar */
}

/* --- Botão SECUNDÁRIO (Setor Público) --- */
/* Esta é a principal correção. Deixa de ser um link escuro e vira um botão 'Vazado' (Outline) */
.btn-secondary {
    background-color: transparent; /* Fundo transparente */
    color: #ffffff; /* Texto Branco para destacar no fundo escuro */
    border: 2px solid #ffffff; /* Borda Branca fina para definir o botão */
}

.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Fundo levemente branco ao passar o mouse */
    color: #007bff; /* Texto muda para azul no hover */
    border-color: #007bff; /* Borda muda para azul no hover */
    transform: translateY(-2px);
}
/* Header das Páginas Internas */
.page-header {
    padding: 100px 0 60px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    text-align: center;
}

.telecom-bg {
    border-bottom: 2px solid var(--primary);
}

.telecom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 60px 0;
}

.t-card {
    background: #1e293b;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #334155;
    transition: 0.3s;
}

.t-card:hover {
    border-color: var(--primary);
    transform: translateY(-5px);
}

.t-icon { font-size: 2.5rem; margin-bottom: 20px; }

.t-card h3 { color: var(--primary); margin-bottom: 15px; }

.t-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.t-list li {
    padding: 8px 0;
    border-bottom: 1px solid #334155;
    font-size: 0.9rem;
    color: var(--gray);
}

.t-list li:last-child { border: none; }

/* Seção de Chamada Final */
.telecom-cta { padding: 60px 0; }
.cta-box {
    background: var(--primary);
    padding: 50px;
    border-radius: 20px;
    text-align: center;
    color: white;
}
.cta-box h2 { margin-bottom: 15px; }
.cta-box .btn-primary { background: white; color: var(--primary); margin-top: 20px; }
.partners {
    padding: 60px 0;
    background: #0b1120; /* Fundo levemente diferente para destacar */
    text-align: center;
}

.partners p {
    color: var(--gray);
    font-size: 0.9rem;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.partner-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Garante que funcione no celular */
    gap: 40px;
    opacity: 0.7; /* Efeito de marca d'água */
    transition: 0.3s;
}

.partner-logos:hover {
    opacity: 1; /* Logos ganham cor/brilho ao passar o mouse */
}

.partner-logos img {
    height: 45px; /* Altura fixa para manter a harmonia */
    width: auto;
    filter: grayscale(100%) brightness(150%); /* Deixa os logos brancos/cinzas para combinar com o site */
    transition: 0.3s;
}

.partner-logos img:hover {
    filter: grayscale(0%) brightness(100%); /* Volta a cor original no hover */
}

/* Seção Defesa Civil */
.defesa-civil { padding: 80px 0; background: #0f172a; border-top: 1px solid #334155; }
.defesa-header { text-align: center; margin-bottom: 50px; }
.defesa-header h2 span { color: #f97316; } /* Laranja Alerta */

.badge-warning { 
    background: #f97316; color: white; padding: 5px 15px; 
    border-radius: 20px; font-size: 0.75rem; font-weight: bold; 
}

.defesa-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 30px; 
}

.defesa-card { 
    background: #1e293b; padding: 35px; border-radius: 15px; 
    border: 1px solid #334155; transition: 0.3s; 
}

.highlighted-orange { 
    border-color: #f97316; 
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.1); 
}

.d-icon { font-size: 2.5rem; margin-bottom: 20px; }
.defesa-card h3 { color: #f97316; margin-bottom: 15px; }

.d-list { list-style: none; padding: 0; margin-top: 20px; }
.d-list li { 
    font-size: 0.9rem; color: #94a3b8; padding: 8px 0; 
    display: flex; align-items: center; 
}
.d-list li::before { content: "⚠"; color: #f97316; margin-right: 10px; font-weight: bold; }

/* Ajuste de cor para o Header de Cloud, mantendo o estilo de Telecom */
.cloud-bg {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    border-bottom: 2px solid #007bff; /* Mantém o azul padrão */
}

/* Garante que o destaque azul funcione em ambas as páginas */
.t-card.highlighted {
    border: 2px solid #007bff;
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.1);
}
.footer-about {
    display: flex;
    flex-direction: column; /* Coloca o logo em cima e o texto embaixo */
    align-items: center;    /* Centraliza o logo horizontalmente */
    text-align: center;     /* Centraliza o parágrafo de texto abaixo do logo */
}

.footer-about img {
    display: block;
    margin: 0 auto 20px auto; /* Margem automática nas laterais e 20px embaixo */
    max-height: 100px;         /* Ajuste o tamanho conforme sua logo */
    width: auto;
}
/* Configuração do Título Principal */
h1 {
    color: #ffffff !important; /* Força o texto principal a ser branco */
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
    display: block; /* Garante que o título ocupe o espaço correto */
}

/* Destaque Azul (Zero Trust) */
h1 span {
    color: #007bff !important; /* Azul padrão Telecom */
}

/* Destaque Vermelho (Cloud Network) */
h1 span.text-red {
    color: #ff4d4d !important; /* Vermelho vibrante */
    display: inline; /* Garante que fique na mesma linha */
}
/* --- Botão SECUNDÁRIO (Setor Público) em Vermelho --- */
.btn-secondary {
    background-color: #ff4d4d; /* O mesmo vermelho do Cloud Network */
    color: #ffffff !important;  /* Texto branco para leitura clara */
    border: 2px solid #ff4d4d;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background-color: #cc0000; /* Um vermelho mais escuro ao passar o rato */
    border-color: #cc0000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 77, 77, 0.4); /* Brilho vermelho no hover */
}

/* Header de Segurança */
.security-bg {
    background: linear-gradient(135deg, #0f172a 0%, #450a0a 100%); /* Gradiente para um vinho escuro */
    border-bottom: 2px solid #ff4d4d;
}

/* Card em Destaque Vermelho */
.highlighted-red {
    border: 2px solid #ff4d4d !important;
    box-shadow: 0 0 20px rgba(255, 77, 77, 0.15);
}

.highlighted-red h3 {
    color: #ff4d4d !important;
}

/* Caixa de Chamada Vermelha */
.bg-red {
    background: #ff4d4d !important;
}

.bg-red .btn-primary {
    color: #ff4d4d !important;
    background: #ffffff !important;
}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    background-color: #128c7e;
}

.whatsapp-float img {
    width: 35px;
}
/* Ajustes para Dispositivos Móveis */
@media (max-width: 768px) {
    /* Ajusta o Título Principal */
    h1 {
        font-size: 1.8rem !important; /* Diminui o texto para não quebrar */
        text-align: center;
    }

    /* Faz os botões ocuparem a largura total e ficarem empilhados */
    .cta-group {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
        padding: 0 20px;
    }

    .btn-primary, .btn-secondary {
        width: 100%;
        text-align: center;
        padding: 18px; /* Botão maior para facilitar o clique com o polegar */
    }

    /* Ajusta o formulário */
    .contact-form {
        padding: 15px;
        width: 100%;
    }

    /* Diminui o botão do WhatsApp no celular para não atrapalhar */
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
    }
}

/* --- HEADER GERAL --- */
header {
    background: #0f172a;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- CONTROLE DA LOGO (Aqui resolve o tamanho gigante) --- */
.logo img {
    height: 50px; /* Força a altura */
    width: auto;  /* Mantém a proporção */
    display: block;
}

/* --- MENU DESKTOP --- */
.nav-menu ul {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 0;
}

/* Container do Contato no Rodapé */
.footer-contact {
    display: flex;
    justify-content: center; /* Centraliza o bloco todo */
    align-items: center;
    gap: 30px;               /* Espaço entre os itens */
    flex-wrap: wrap;         /* IMPORTANTE: Faz quebrar a linha no celular */
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Linha sutil divisória */
    width: 100%;
}

/* Título "Atendimento B2B" */
.footer-contact h4 {
    margin: 0;
    color: #ff4d4d; /* Vermelho que combinamos */
    font-size: 1.1rem;
    flex-basis: 100%; /* Faz o título ocupar a linha de cima sozinho */
    text-align: center;
    margin-bottom: 10px;
}

/* Estilo dos itens (Telefone, Email, Local) */
.footer-contact p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap; /* Impede que o texto quebre no meio da frase */
    font-size: 0.9rem;
}

/* Ajuste para Celular */
@media (max-width: 768px) {
    .footer-contact {
        flex-direction: column; /* No celular, um embaixo do outro */
        gap: 15px;
        text-align: center;
    }
    
    .footer-contact p {
        white-space: normal; /* No celular permite quebrar se o texto for longo */
    }
}

/* Container de Direitos e Infraestrutura */
.footer-bottom {
    display: flex;
    justify-content: space-between; /* Um para cada lado */
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 20px;
    width: 100%;
}

.footer-bottom p {
    font-size: 0.85rem;
    color: #94a3b8; /* Cinza suave para não brigar com o conteúdo */
    margin: 0;
}

/* Destaque para Python & CWP */
.tech-badge {
    color: #ffffff;
    font-weight: 500;
}

/* Ajuste Mobile: Um em cima do outro e centralizado */
@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}
/* Background do Header Público */
.public-bg {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom: 4px solid #ff4d4d; /* Destaque Vermelho */
}

/* Caixa de Informação Técnica */
.info-box {
    background: rgba(255, 255, 255, 0.03);
    padding: 30px;
    border-radius: 12px;
    margin-top: 40px;
}

.border-red {
    border-left: 5px solid #ff4d4d;
}

.border-red h3 {
    color: #ff4d4d;
    margin-bottom: 15px;
}

/* Ajuste Responsivo para os Cards do Governo */
@media (max-width: 768px) {
    .telecom-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
    .t-card {
        width: 100% !important;
        margin-bottom: 0;
    }
}

/* Container que envolve os cards em Telecom */
.telecom-grid {
    display: flex;
    justify-content: center; /* Centraliza os cards horizontalmente */
    flex-wrap: wrap;         /* Permite quebrar linha no mobile */
    gap: 30px;
    margin: 40px auto;
    max-width: 1200px;
}

/* Estilo para o Card de Destaque (SD-WAN) */
.highlighted-gold {
    border: 2px solid #ffcc00; /* Dourado/Âmbar para Solução Premium */
    background: rgba(255, 204, 0, 0.05) !important;
    text-align: center; /* Centraliza o texto dentro do card */
    max-width: 450px;   /* Largura ideal para um card centralizado */
    width: 100%;
}

.highlighted-gold h3 {
    color: #ffcc00;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.highlighted-gold .t-list {
    text-align: left;    /* Mantém a lista alinhada à esquerda para leitura rápida */
    display: inline-block; /* Mas mantém o bloco da lista centralizado no card */
    margin-top: 20px;
}

.highlighted-gold .t-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    display: block;
}
/* Centralização da Página de Contato */
.contact-page-section {
    padding: 80px 0;
    text-align: center; /* Centraliza títulos e textos */
}

.contact-header {
    margin-bottom: 40px;
}

.contact-header h2 {
    font-size: 2.5rem;
    color: #ffffff;
}

/* O "Segredo" da Centralização do Formulário */
.contact-form-wrapper {
    max-width: 600px; /* Limita a largura para não ficar esticado */
    margin: 0 auto;   /* Centraliza o container na página */
    background: #1e293b;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid rgba(255, 77, 77, 0.2);
    text-align: left; /* Garante que o texto dos labels fique alinhado à esquerda */
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    color: #94a3b8;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.whatsapp-form input, 
.whatsapp-form select, 
.whatsapp-form textarea {
    width: 100%;
    padding: 12px;
    background: #0f172a;
    border: 1px solid #334155;
    color: #ffffff;
    border-radius: 8px;
    font-size: 16px;
}

/* Botão de Envio */
.btn-send-whatsapp {
    width: 100%;
    padding: 18px;
    background-color: #25d366;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: 0.3s;
}

.btn-send-whatsapp:hover {
    background-color: #128c7e;
    transform: translateY(-2px);
}

/* Ajuste para Celular */
@media (max-width: 768px) {
    .contact-form-wrapper {
        padding: 20px;
        margin: 0 15px;
    }
}
/* --- CONTROLE DO TAMANHO DO LOGO --- */
.logo img {
    height: 90px; /* Altere este valor (ex: 60px, 80px, 100px) para aumentar */
    width: auto;  /* Mantém a proporção original */
    display: block;
    transition: 0.3s; /* Deixa a mudança suave ao redimensionar a tela */
}

/* Ajuste opcional para o logo não ficar "grudado" no topo */
.logo {
    padding: 5px 0;
}

/* Importante: Ajuste o tamanho para o Celular também */
@media (max-width: 768px) {
    .logo img {
        height: 50px; /* No celular ele deve ser um pouco menor para não empurrar o menu */
    }
}
/* Header específico Hikvision */
.hik-bg {
    background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
    border-bottom: 4px solid #d71920; /* Vermelho oficial Hikvision */
}

/* Efeito no logo ao passar o mouse */
.partner-item a:hover img {
    transform: scale(1.15);
    opacity: 1;
    filter: grayscale(0%);
}
/* Header específico Digifort */
.digifort-bg {
    background: linear-gradient(135deg, #003366 0%, #001a33 100%);
    border-bottom: 4px solid #ffcc00; /* Destaque em Ouro/Amarelo Digifort */
}

.border-gold {
    border-left: 5px solid #ffcc00;
    background: rgba(255, 204, 0, 0.03);
    padding: 25px;
    border-radius: 8px;
    margin-top: 40px;
}

.border-gold h3 {
    color: #ffcc00;
    margin-bottom: 10px;
}
/* Header específico Acronis */
.acronis-bg {
    background: linear-gradient(135deg, #0076de 0%, #004a8d 100%);
    border-bottom: 4px solid #ffffff;
}

.border-blue-acronis {
    border-left: 5px solid #0076de;
    background: rgba(0, 118, 222, 0.05);
    padding: 25px;
    border-radius: 8px;
    margin-top: 40px;
}

.border-blue-acronis h3 {
    color: #0076de;
    margin-bottom: 10px;
}
/* Header específico Muralha Digital */
.muralha-bg {
    background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
    border-bottom: 4px solid #e53e3e; /* Vermelho Sentry */
}

.border-sentry {
    border-left: 5px solid #e53e3e;
    background: rgba(229, 62, 62, 0.05);
    padding: 25px;
    border-radius: 8px;
    margin-top: 40px;
}

.border-sentry h3 {
    color: #e53e3e;
    margin-bottom: 10px;
}
/* Header específico Servidores */
.servers-bg {
    background: linear-gradient(135deg, #2c3e50 0%, #000000 100%);
    border-bottom: 4px solid #e67e22; /* Laranja de Alerta/Energia */
}

.border-orange {
    border-left: 5px solid #e67e22;
    background: rgba(230, 126, 34, 0.05);
    padding: 25px;
    border-radius: 8px;
    margin-top: 40px;
}

.border-orange h3 {
    color: #e67e22;
    margin-bottom: 10px;
}
/* Efeito para o logo de Servidores na Home */
.partner-item a[href="index.php?p=servidores"]:hover img {
    filter: drop-shadow(0px 0px 10px rgba(230, 126, 34, 0.5)); /* Brilho Laranja/Server */
    transform: translateY(-5px);
}