/* Definição das Cores do Logo (Roxo/Azul do G, Preto do S e Cinza) */
:root {
    --bs-primary-gs: #4B0082; /* Roxo/Azul Escuro (Cor principal de destaque) */
    --bs-dark-gs: #212529;   /* Preto (Cor do texto principal) */
    --bs-light-gs: #efeff0;  /* Cinza Claro (Cor de fundo de seção) */
    --bs-light-hover-gs: #ECECEC; /* Cinza para hover */
}

/* Aplica as variáveis de cor no Bootstrap */
.text-primary-gs { color: var(--bs-primary-gs) !important; }
.bg-primary-gs { background-color: var(--bs-primary-gs) !important; }
.btn-primary-gs {
    background-color: var(--bs-primary-gs);
    border-color: var(--bs-primary-gs);
    color: white;
}
.btn-primary-gs:hover {
    background-color: #380066; /* Tom mais escuro */
    border-color: #380066;
    color: white;
}
.btn-outline-primary-gs {
    color: var(--bs-primary-gs);
    border-color: var(--bs-primary-gs);
}
.btn-outline-primary-gs:hover {
    background-color: var(--bs-primary-gs);
    color: white;
}
.bg-light-gs {
    background-color: var(--bs-light-gs) !important;
}

/* Estilos de Navegação */
.navbar-brand {
    letter-spacing: 0.5px;
}
.navbar-nav .nav-link {
    color: var(--bs-dark-gs) !important;
    font-weight: 500;
    transition: color 0.3s;
}
.navbar-nav .nav-link:hover {
    color: var(--bs-primary-gs) !important;
}

.img{
    width: 620px;
    height: 620px;
    object-fit: cover;
    object-position: center center;
    border-style: none;
    border-radius: 320px 0px 320px 320px;
}

/* Estilo da Seção Hero (Início) */
#inicio {
   background: url('./img/fundo3.jpg') center/cover no-repeat;
    background-color: #D9D9D9;
    min-height: 80vh; /* Ocupa 80% da altura da tela */
}
#inicio h1 {
    font-size: 3rem;
}
@media (min-width: 992px) {
    #inicio h1 {
        font-size: 4rem;
    }
}

/* Estilos das Cartas de Serviço */
.card-body h4 {
    font-weight: 600;
}
.card {
    transition: transform 0.3s, box-shadow 0.3s;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

/* Estilos de Contato/Formulário */
.form-control:focus {
    border-color: var(--bs-primary-gs);
    box-shadow: 0 0 0 0.25rem rgba(75, 0, 130, 0.25); /* Sombra roxa sutil */
}

/* Rodapé (Newsletter) */
.bg-primary-gs .form-control {
    border: none;
}