h1 { color: #0F314B; font-weight: 500; font-size: 26px; margin-bottom: 30px; }
p { font-weight: normal; font-size: 20px; }

#faixaBranca { height: 4px; font-size: 1px; background-color: white; }
.navbar { background-color: #0F314B; }
.navbar-toggler { border: none; font-size: 0.75em; }
.nav-link { color: white; padding: 5px; }
.navbar-nav { justify-content: flex-end; font-family: 'Oswald', sans-serif; letter-spacing: 2px; font-size: 14px; }
.botaoTipo1 { display: inline-block; margin: 10px auto; border: 2px solid #0F314B; padding: 8px; min-width: 250px; text-align: center; cursor: pointer; background-color: white; font-size: 18px; }
.botaoTipo1:hover { background-color: #EAECEE; }
.cadaAno .icone { display: inline-block; text-align: center; width: 100%; margin-bottom: -10px; height: 70px; }
.cadaAno .icone img { width: 70px; margin: 0 auto; }
.cadaAno .linha { width: 50%; height: 75px; border-right: 2px solid #0F314B; }
.cadaAno .linha.semBorda { width: 50%; height: 75px; border-right: none; }
.cadaAno .ano { text-align: center; background-color: #0F314B; text-align: center; color: white; font-size: 24px; font-weight: 500; }
.cadaAno .ano.primeiro { border-top-left-radius: 50px; border-bottom-left-radius: 50px;  }
.cadaAno .ano.ultimo { border-top-right-radius: 50px; border-bottom-right-radius: 50px;  }
.cadaAno .ano.claro { background-color: #5B9AD4; }
.cadaAno .titulo { text-align: center; padding-top: 20px; font-weight: 600; min-height: 80px; }
.cadaAno .texto { text-align: center; }
.owl-carousel .item img { border-radius: 10px; }
.carousel-produtos .item { position: relative; }
.carousel-produtos .item .nome { position: absolute; bottom: 10px; right: 20px; font-size: 16px; font-weight: bold; color: white; padding: 5px 10px; background-color: #0F314B; border-radius: 5px;}
.carousel-produtos .item .nome span { font-size: 14px; font-weight: normal; color: white;}
.carousel-produtos .item .name { position: absolute; bottom: 10px; right: 20px; font-size: 16px; font-weight: bold; color: white; padding: 5px 10px; background-color: #0F314B; border-radius: 5px;}
.carousel-produtos .item .name span { font-size: 14px; font-weight: normal; color: white;}

.tabelasModal {
    width: 100%;  /* Ajuste a largura conforme necessário */
    border-collapse: collapse;  /* Garante que as bordas entre células se colapsem em uma única borda */
}

.tabelasModal tr {
    border-bottom: 1px solid gray;  /* Aplica uma borda inferior a cada linha */
}

.tabelasModal td {
    vertical-align: top;  /* Alinha o conteúdo das células ao topo */
    padding: 8px;  /* Adiciona algum espaço interno ao redor do conteúdo dentro das células, ajuste conforme necessário */
}

.produtosIndice div { margin-bottom: 25px; }
.produtosIndice img { width: 100%; border-radius: 20px; padding-bottom: 12px; }
.produtosIndice a { font-weight: bold; color: #0F314B; text-decoration: none; }
.produtosIndice a.branco { color: white; }

.produtosPagina img { width: 100%; border-radius: 20px; padding-bottom: 12px; }
.produtosPagina .produtosTexto { font-size: 20px; padding: 40px; background-color: white; border-radius: 10px; min-height: 500px; }
.produtosPagina .produtosTexto p { margin-bottom: 30px; color: #0F314B; }
.produtosPagina .produtosVantagens { margin-left: 100px; padding-left: 20px; border-left: 1px solid #0F314B;  }
.produtosPagina .produtosTexto.mob p { margin-bottom: 30px; color: #0F314B; font-size: 16px; }
.produtosPagina .produtosVantagens.mob { margin-left: 50px !important; padding-left: 10px; border-left: 1px solid #0F314B; font-size: 14px; }


.produtosIndiceMini div { margin-bottom: 25px; }
.produtosIndiceMini .col-1 { margin-top: 25px; }
.produtosIndiceMini img { width: 100%; border-radius: 5px; border:1px solid gray; }

#btnRetornarProduto {margin-bottom: 25px; width: 100%;}

.image-container {
    position: relative;
    width: 100%; /* Ajuste conforme necessário */
    height: 336px; /* Ajuste conforme necessário */
}
.image-container.usinagem { height: 200px !important; }

.image-container .fade-img1 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* Como especificado */
    border-radius: 10px;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.image-container .fade-img1:first-child {
    opacity: 1; /* Mostra a primeira imagem inicialmente */
}

.image-container .fade-img2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* Como especificado */
    border-radius: 10px;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.image-container .fade-img2:first-child {
    opacity: 1; /* Mostra a primeira imagem inicialmente */
}