/* Definições de Cores e Fontes Customizadas */

/* Definições básicas do BODY */
body {
    /* Define a família da fonte padrão*/
    font-family: 'Open Sans', 'Roboto', 'Lato', Arial, sans-serif;
    /* Cor de fundo principal*/
    background-color: #F3F4F6;
    /* Cor de texto padrão*/
    color: #3E3142;
    /* Adiciona padding à esquerda para compensar a barra lateral fixa (w-64 = 256px) */
    padding-left: 256px;
    
    /* Aplica a animação */
    animation: fadein 1s; /* Nome da animação, duração de 1 segundo */
}

/* Media Query: Estilos aplicados em telas de até 768px (móvel/tablet) */
@media (max-width: 768px) {
    body {
        padding-left: 0;
    }
}

/* Estilo para o fundo da seção "Início" */
.hero-bg {
    /* Aplica um gradiente preto semi-transparente sobre a imagem 'fundo.jpg' */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('fundo.jpg');
    /* Garante que a imagem cubra toda a área */
    background-size: cover;
    /* Centraliza a imagem de fundo */
    background-position: center;
}

/* Cor Principal (AZUL) */
.text-primary-blue {
    color: #162fd2;
}

/* Cor de Fundo Principal Escura (PRETO) */
.bg-primary-dark {
    background-color: #000000;
}

/* Cor de Fundo para Elementos de Destaque Claro (azul escuro original) */
.bg-light-blue {
    background-color: #a1adec;
}

/* Cores de Texto Padrão (Clean Design) */
.text-dark-text {
    color: #3E3142;
}

/* Cor de Fundo de Seção (Quase Branco) */
.bg-gray-background {
    background-color: #F9FAFB;
}



/* Cor de Hover para Botões/Links (Azul Escuro, usado no bg e nos links) */
.hover\:bg-primary-blue-dark:hover {
    background-color: #162fd2;
}
.hover\:text-primary-blue:hover {
    color: #162fd2;
}
.hover\:text-secondary-blue:hover {
    color: #162fd2;
}

/* Estilos de Formulário */
input,
textarea {
    background-color: #fff;
    color: #3E3142;
    border-color: #162fd280;
    font-family: 'Open Sans', 'Roboto', 'Lato', Arial, sans-serif;
}

/* Estilos aplicados quando o campo está focado */
input:focus,
textarea:focus {
    /* Remove o outline padrão */
    outline: none;
    /* Cor da borda no foco */
    border-color: #162fd280;
    /* Sombra de foco ajustada para o tom azul */
    box-shadow: 0 0 0 2px #162fd233; /*uma cor de sombra mais próxima do azul */
}




.text-gray-700 {
    color: #3E3142 !important;
}
.text-gray-600 {
    color: #6B7280 !important;
}
.text-gray-300 {
    color: #D1D5DB !important;
}

.bg-white {
    background-color: #fff !important;
}
.bg-gray-100 {
    background-color: #F3F4F6 !important;
}
.bg-gray-200 {
    background-color: #E5E7EB !important;
}

/* Sombra ajustada para o seu padrão de cor (azul/preto semi-transparente) */
.shadow-md,
.shadow-lg,
.shadow-sm,
.hover\:shadow-xl:hover {
    box-shadow: 0 2px 16px 0 #162fd280 !important;
}

/* Cor da borda da imagem de perfil (ajustada para um tom mais escuro e clean) */
.border-white {
    border-color: #0f0f0f !important;
}

/* Demais classes de cor customizadas, mantidas por segurança */
.bg-dark-bg {
    background-color: #162fd2;
}
.text-black-text {
    color: #000000;
}
.border-primary-blue {
    border-color: #162fd2;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}