.imagemmarinheiro {
    width: 100%;
    height: 300px; /* altura desejada */
    overflow: hidden; /* esconder qualquer conteúdo extra */
    position: relative;
}
.imagemmarinheiro img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Cobrir o espaço mantendo a proporção */
    object-position: 0 0; /* Começar a imagem no canto superior esquerdo */
}
.titulo{
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
.descricao{
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    margin-top: 20px;
    font-weight: bold;
}
.parteteorica {
    margin: 0 auto; /* Centraliza a div */
    max-width: 800px; /* Defina uma largura máxima para evitar que a lista seja muito larga */
    margin-top: 20px;
}

.parteteorica ul {
    list-style-type: disc; /* Marcadores em formato de pontinhos */
    display: flex; /* Faz os itens ficarem em linha */
    flex-direction: column; /* Alinha os itens em coluna */
    align-items: flex-start; /* Alinha os itens à esquerda */
    padding-left: 20px; /* Espaçamento à esquerda para os marcadores */
}

.parteteorica li {
    text-align: left; /* Alinhamento do texto da lista */
    margin-bottom: 10px; /* Espaçamento entre os itens */
    font-size: 1.2rem; /* Tamanho da fonte dos itens da lista */
}

.tituloteorica {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-left: 10px;
}
.parteteorica ol{
    text-align: center;
    margin: 0 auto; /* Centraliza a lista */
}
.preco{
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 20px;
    font-weight: bold;
}