/* Paleta de Cores */
:root {
    --bordo-escuro: #371111;
    --bordo-medio-escuro: #4c100f;
    --bordo: #6e0e0f;
    --bordo-claro: #b65050;

    --verde-escuro: #3c3c38;
    --verde: #515346;
    --verde-medio-claro: #919875;
    --verde-claro: #d8e8b1;

    --terra: #b59574;
    --terra-medio-claro: #d7c5b4;
    --terra-claro: #e6ddd3;
    --terra-fundo: #f4f1ee;
}

/* Reset e base */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--terra-fundo);
    height: 100vh;
    display: flex;
    flex-direction: row;
}

.wrapper {
    display: flex;
    width: 100%;
}

/* Menu lateral */
.sidebar {
    width: 250px;
    background-color: var(--terra);
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sidebar img {
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
}

.sidebar h2 {
    color: var(--bordo-escuro);
    margin-bottom: 30px;
}

.sidebar nav ul {
    list-style: none;
    padding: 0;
    width: 100%;
}

.sidebar nav ul li {
    margin: 10px 0;
}

.sidebar nav ul li a {
    color: var(--bordo-escuro);
    text-decoration: none;
    font-weight: bold;
}

.sidebar button {
    background-color: var(--bordo);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
}

/* Conteúdo principal */
.main-content {
    flex: 1;
    padding: 40px;
    background-color: var(--terra-claro);
    box-sizing: border-box;
}

form {
    max-width: 600px;
    margin: 0 auto;
}

input, select, textarea {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    margin-bottom: 16px;
    border: 1px solid var(--verde);
    border-radius: 4px;
    background-color: var(--terra-medio-claro);
}

button[type="submit"] {
    background-color: var(--bordo);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button[type="submit"]:hover {
    background-color: var(--bordo-medio-escuro);
}