Widget:Achievement

<style>

   .conquista-wrapper {
       text-align: center;
       margin: auto;
       max-width: 600px;
   }

   .conquista-header {
       display: inline-block;
       background-color: #a0b8d0;
       color: #333;
       padding: 6px 16px;
       font-size: 0.9em;
       font-weight: bold;
       border-radius: 4px 4px 0 0;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
       margin-bottom: -1px;
   }

   .conquista-box {
       display: flex;
       align-items: center;
       background-color: #f0f4fa;
       border: 1px solid #a0b8d0;
       border-radius: 6px;
       padding: 8px;
       font-family: sans-serif;
       color: #333;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
   }

   .conquista-icon {
       background: none;
       border: none;
       box-shadow: none;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-right: 16px;
   }

   .conquista-icon img {
       display: block;
       width: auto;
       height: auto;
   }

   .conquista-conteudo {
       flex-grow: 1;
       margin-top: -6px;
   }

   .conquista-titulo {
       text-align: left !important;
       font-weight: bold;
       font-size: 1.3em;
       margin-bottom: 0;
   }

   .conquista-descricao {
       text-align: left !important;
       font-size: 1em;
       color: #555;
       margin-top: 2px;
   }

   .conquista-recompensas {
       display: flex;
       flex-wrap: wrap;
       align-items: flex-start;
       gap: 6px;
       margin-top: 10px;
   }

</style>