.page{min-height:100vh;background:url(../images/bg/1.jpg) top/cover fixed no-repeat;padding:20vh 0vh 12vh 0vh;background-position-y:-15vh}.page::before{content:"";position:fixed;width:100%;height:100vh;top:0;left:0;background:linear-gradient(rgba(0, 0, 0, 0.6), rgb(11, 23, 27))}
.page__title{display:flex;align-items:center;justify-content:center;color:#fff;font-size:6vh;margin:0 auto;margin-bottom:7vh;position:relative;z-index:1}
.page__title img{width:7vh;margin-right:2vh}
.page__title img {
    width: 50px; /* Tamanho normal da imagem */
    margin-right: 10px; /* Espaço entre imagem e texto */
}

@media only screen and (max-width: 768px) {
    .page__title {
        font-size: 1.5em; /* Diminui o tamanho do texto no mobile */
    }

    .page__title img {
        width: 30px; /* Diminui o tamanho da imagem no mobile */
    }
}
.page_content {
  width: 50%;
  margin: 0 auto;
  background-color: rgba(26, 34, 37, 0.95);
  border: .2vh solid rgba(68, 104, 104, 0.65);
  position: relative;
  box-shadow: 0vh 2vh 5vh rgba(0,0,0,.215);
  padding: 4vh;
}

/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
  .page_content {
    width: 90%;
  }
}

.page_decoration{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.page_decoration img{width:12vh;height:auto;position:absolute}.page_decoration img:nth-child(1){left:0;top:0}.page_decoration img:nth-child(2){right:0;bottom:0;transform:rotate(180deg)}.page_decoration img:nth-child(3){right:-0.75vh;top:.75vh;transform:rotate(90deg)}.page_decoration img:nth-child(4){left:-0.8vh;bottom:.75vh;transform:rotate(-90deg)}.page_text h1{color:#fff;font-size:3vh;margin-bottom:1vh}
.page_text p{color:rgba(255,255,255,.459);font-size:2vh;margin-bottom:2rem}.page_text img{max-width:60%}/*# sourceMappingURL=page.min.css.map */

        table {
            width: 100%;
            margin: 50px auto;
            border-collapse: collapse;
            background-color: #181b1c; /* Cor de fundo da tabela similar ao background */
            border: 1px solid #666c6e; /* Borda da tabela */
        }

        th, td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid #666d6e; /* Separação entre linhas */
        }

        th {
            font-size: 1.1em;
            color: #ffffff; /* Cor amarelada para o cabeçalho */
            border-bottom: 2px solid #5d7988; /* Borda mais grossa no cabeçalho */
        }

        td {
            font-size: 1em;
            color: #ffffff; /* Cor levemente amarelada para o conteúdo */
        }

        .header {
            text-align: center;
            font-size: 1.5em;
            color: #99cbe1;
            margin-bottom: 20px;
        }

        .level, .stones, .cultivation, .refine {
            color: #ffffff;
        }
        @media only screen and (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto; /* Adiciona rolagem horizontal */
        white-space: nowrap; /* Evita quebra de linhas dentro da tabela */
    }

    th, td {
        padding: 10px; /* Reduz o preenchimento para economizar espaço */
        font-size: 0.9em; /* Ajuste da fonte para telas menores */
    }
}