/* ======================================================== */
/*  CSS Completo e Independente para a Página de Investidores */
/*  Medpro.app                                              */
/*  Este arquivo substitui a dependência de partners.css    */
/* ======================================================== */

/* --- 1. Seletor de Idiomas com Ícones de Bandeira --- */
.language-selector {
    background-color: #f8f9fa; /* Cor de fundo suave */
    border-bottom: 1px solid #dee2e6;
}
.language-selector a {
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem; /* Tamanho do texto (PT, EN, ES) */
    transition: color 0.2s ease-in-out;
    display: flex;
    align-items: center;
}
.language-selector a:hover {
    color: var(--primary);
}
.language-selector .active-lang {
    color: var(--primary);
    font-weight: 700;
}
.language-selector .flag-icon {
    margin-right: 8px;   /* Espaço entre a bandeira e o texto */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* Sombra sutil para dar profundidade */
    border-radius: 2px; /* Bordas levemente arredondadas */
}


/* --- 2. Estilos da Seção Hero (para o fundo e texto) --- */
/* Esta classe é usada no primeiro bloco da página */
.hero-section-partners {
    background-color: #f0f8ff; /* AliceBlue - um fundo azul muito claro e profissional */
}


/* --- 3. Estilos dos Itens de Serviço/Destaques --- */
/* Usado nos blocos "O Problema" e "Destaques do Produto" */
.service-item {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}
.service-item .d-inline-flex { /* O círculo do ícone */
    width: 65px;
    height: 65px;
}


/* --- 4. Estilos da Seção "Problema e Solução" --- */
.problem-solution-section { 
    background-color: #f8f9fa; /* Fundo cinza claro para a seção */
}
.problem-solution-section .solution-card { 
    border-left: 4px solid var(--success); /* Usa a variável CSS de sucesso (verde) */
    background-color: #ffffff; /* Fundo branco para os cards */
    transition: transform 0.3s, box-shadow 0.3s;
}
.problem-solution-section .solution-card:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}
.problem-solution-section .solution-card h5 {
    font-size: 1.1rem; /* Ajuste no tamanho da fonte do título do card */
}


/* --- 5. Estilos da Seção "Time e Tração" --- */
.traction-section .card { 
    border: none;
    background-color: #ffffff;
}
.traction-section .card-body { 
    text-align: left;
    padding: 1.5rem;
}
.traction-section i { 
    font-size: 2rem; 
    margin-right: 1rem; 
    color: var(--primary); /* Usa a cor primária do seu site */
    width: 40px;
    text-align: center;
}
.traction-section .card div {
    flex: 1; /* Permite que o texto ocupe o espaço restante */
}
.traction-section .card h5 {
    margin-bottom: 0.25rem; /* Espaçamento menor entre título e parágrafo */
}


/* --- 6. Estilos do Formulário de Contato --- */
/* Wrapper do formulário de contato no final da página */
.partner-form-wrapper {
    padding: 2.5rem;
    border-radius: 0.5rem;
}

@media (min-width: 992px) {
    .partner-form-wrapper {
        padding: 3rem;
    }
}