/* Estilos Globais */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    color: #333; /* Cor de texto padrão */
    line-height: 1.6; /* Espaçamento entre linhas padrão */
}

a {
    text-decoration: none;
    color: #191970; /* Cor padrão dos links */
}

a:hover {
    color: #4169e1; /* Cor dos links ao passar o mouse */
}

/* Estilos da Lista de Navegação */
.list-group-item {
    background-color: #f0f8ff;
    border-color: #add8e6;
}

.list-group-item a {
    color: #191970;
}

.list-group-item a:hover {
    color: #4169e1;
}

/* Estilos das Marcas */
.marcas img {
    width: 100px;
    display: block;
    margin: 10px auto;
}

/* Estilos da Imagem Destacada (Grendene) */
#logo-grendene {
    width: 200px;
    height: auto;
}

/* Estilos da Imagem na Coluna Lateral */
.col-md-6 img {
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px;
}

/* Estilos do Rodapé */
footer {
    font-size: 0.9em;
    text-align: center; /* Centraliza o texto no rodapé */
    padding: 20px 0; /* Adiciona espaçamento interno ao rodapé */
}

footer h5 {
    font-size: 1.1em;
    margin-bottom: 15px;
    color: #191970; /* Cor dos títulos do rodapé */
}

footer ul {
    margin-bottom: 20px;
    padding-left: 0; /* Remove o padding padrão das listas */
}

footer ul li {
    margin-bottom: 5px;
    list-style: none; /* Remove os marcadores das listas */
}

footer hr {
    border-color: #ddd;
    margin: 20px 0;
}

/* Estilos das Imagens nas Linhas de 3 */
.col-md-4 img {
    display: block;
    margin: 5px auto;
}

.row {
    margin-bottom: 20px;
}

/* Estilos para o texto nas páginas sobre-nos e marcas */
.col-md-6 h1, .col-md-6 h2 {
    color: #191970; /* Cor dos títulos */
    margin-bottom: 20px; /* Espaçamento abaixo dos títulos */
}

.col-md-6 p {
    font-size: 16px; /* Tamanho da fonte dos parágrafos */
    line-height: 1.6; /* Espaçamento entre linhas */
    margin-bottom: 15px; /* Espaçamento abaixo dos parágrafos */
    text-align: justify; /* Justifica o texto */
}

.col-md-6 em {
    font-style: italic; /* Estilo para texto em itálico */
    color: #555; /* Cor para texto em itálico */
}