/* Definições básicas para o corpo da página e imagem de fundo */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding-top: 80px; /* Espaço para o cabeçalho fixo */
    background-image: url('../img/bkginfotins.png'); /* <--- ALTERADO AQUI! */
    background-attachment: fixed; /* Faz a imagem de fundo rolar junto com a página */
    background-size: cover; /* Ajusta a imagem para cobrir toda a área */
    background-position: center center; /* Centraliza a imagem */
    color: #333; /* Cor padrão do texto */
}


/* --- SEÇÕES DE CONTEÚDO GENÉRICAS (Mantenha ou Ajuste conforme necessário) --- */
.content-section {
    padding: 60px 0;
    background-color: rgba(255, 255, 255, 0.9); /* Fundo claro para o conteúdo */
    margin-bottom: 20px; /* Espaçamento entre as seções */
    box-shadow: 0 0 10px rgba(0,0,0,0.05); /* Sombra suave */
    border-radius: 8px; /* Cantos arredondados */
}

.content-section:nth-child(even) {
    background-color: rgba(248, 248, 248, 0.9); /* Fundo ligeiramente diferente para alternar */
}

.content-section h2 {
    text-align: center;
    margin-bottom: 40px;
    color: #007bff;
    font-size: 2.5em;
}

/* Estilo para cartões de serviço (exemplo - pode ser movido para service_section.css futuramente) */
.service-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.service-cards .card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 30px;
    flex: 1 1 calc(33% - 40px); /* 3 cartões por linha em telas grandes */
    text-align: center;
}

/* Estilo de formulário de contato (pode ser movido para contact_section.css futuramente) */
.contact-section form {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-section form input[type="text"],
.contact-section form input[type="email"],
.contact-section form textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px; /* Cantos arredondados */
    font-size: 1em;
}

.contact-section form button {
    padding: 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 8px; /* Cantos arredondados */
    cursor: pointer;
    font-size: 1.1em;
    transition: background-color 0.3s ease;
}

.contact-section form button:hover {
    background-color: #0056b3;
}

/* Rodapé */
footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 20px 0;
    margin-top: 30px;
    border-radius: 8px 8px 0 0; /* Cantos arredondados na parte superior */
}

/* --- MEDIA QUERIES GLOBAIS E DO HEADER PARA RESPONSIVIDADE --- */
@media (max-width: 768px) {
    body {
        padding-top: auto; /* Pode ser necessário ajustar o padding-top do body para mobile */
    }
}