/**{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    font-family: Arial, Helvetica, sans-serif;*/
/*}*/

/*.fundo {*/
/*    display: flex;*/
/*    background-color: #495D63;*/
/*    flex-direction: column;*/
/*    height: 100vh;*/
/*    width: 100%;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.fundo-caixa {*/
/*    display: flex;*/
/*    background-color: #629677;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 30rem;*/
/*    width: 50rem;*/
/*    border-radius: 1rem;*/
/*}*/

/*.fundo-caixa-formulario {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 0.5rem;*/
/*}*/

/*.fundo-caixa-formulario-error {*/
/*    color: red;*/
/*    font-size: 15px;*/
/*    margin-top: 5px;*/
/*}*/

/*.fundo-caixa-formulario label {*/
/*    display: block;*/
/*    width: 100%;*/
/*    font-size: 20px;*/
/*}*/

/*.fundo-caixa-formulario input {*/
/*    width: 100%;*/
/*    border-radius: 0.2rem;*/
/*    padding: 0.5rem;*/
/*}*/

/*.fundo-caixa-formulario button {*/
/*    background-color: #98B6B1;*/
/*    color: white;*/
/*    border: none;*/
/*    padding: 10px 20px;*/
/*    font-size: 16px;*/
/*    border-radius: 5px;*/
/*    cursor: pointer;*/
/*    margin: 0.5rem;*/
/*}*/

/*.fundo-caixa-formulario a {*/
/*    text-decoration: none;*/
/*    color: black;*/
/*}*/

/*ESTILIZAÇÃO PARA ADMIN PRODUTOS*/

/*body {*/
/*    font-family: Arial, sans-serif;*/
/*    background: #f1f3f6;*/
/*    margin: 0;*/
/*}*/

/*h1 {*/
/*    text-align: center;*/
/*    padding: 20px;*/
/*}*/

/*.container {*/
/*    width: 90%;*/
/*    max-width: 1200px;*/
/*    margin: auto;*/
/*}*/

/*!* GRID *!*/
/*.grid {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));*/
/*    gap: 20px;*/
/*}*/

/*!* CARD *!*/
/*.card {*/
/*    background: #fff;*/
/*    border-radius: 10px;*/
/*    padding: 10px;*/
/*    transition: 0.3s;*/
/*    width: 200px;*/
/*}*/
/*!*MOVER CARD*!*/
/*.card:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 8px 20px rgba(0,0,0,0.1);*/
/*}*/

/*.card img {*/
/*    width: 100%;*/
/*    height: 220px;*/
/*    object-fit: cover;*/
/*    border-radius: 15px;*/
/*}*/

/*.card h3 {*/
/*    font-size: 15px;*/
/*    margin: 10px 0;*/
/*    text-align: center;*/
/*}*/

/*!* TEXTO *!*/
/*.preco {*/
/*    color: #000000;*/
/*    font-weight: bold;*/
/*    font-size: 15px;*/
/*}*/

/*.desc {*/
/*    font-size: 13px;*/
/*    color: #000000;*/
/*}*/

/*.estoque {*/
/*    font-size: 12px;*/
/*    color: #000000;*/
/*}*/

/*!* BOTÕES *!*/
/*.botoes {*/
/*    display: flex;*/
/*    gap: 8px;*/
/*    margin-top: 10px;*/
/*}*/

/*.botoes a,*/
/*.botoes form {*/
/*    flex: 1;*/
/*}*/

/*.botoes form {*/
/*    margin: 0;*/
/*}*/

/*.btn-editar,*/
/*.btn-excluir {*/
/*    width: 100%;*/
/*    display: block;*/
/*    text-align: center;*/
/*    padding: 6px 0;*/
/*    font-size: 12px;*/
/*    border-radius: 6px;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*}*/

/*.btn-editar {*/
/*    background: #3483fa;*/
/*    color: white;*/
/*}*/

/*.btn-excluir {*/
/*    background: #ff4d4d;*/
/*    color: white;*/
/*}*/

/*!* BOTÃO NOVO *!*/
/*.novo {*/
/*    display: inline-block;*/
/*    background: #00a650;*/
/*    color: white;*/
/*    padding: 10px 15px;*/
/*    border-radius: 8px;*/
/*    margin-bottom: 20px;*/
/*}*/

/*!* CSS INDEX *!*/
/*.painel-controle {*/
/*    width: min(1220px, 90%);*/
/*    margin: 30px auto;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 20px;*/
/*}*/

/*.painel-controle h1 {*/
/*    background: none;*/
/*    padding: 19px;*/
/*    border-radius: 0;*/
/*    width: auto;*/
/*    font-size: 35px;*/
/*    margin: 0;*/
/*    color: var(--cinza-900);*/
/*}*/

/*!* ALINHAMENTO DA BARRA DE AÇÕES *!*/
/*.area-ferramentas {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr auto;*/
/*    gap: 12px;*/
/*    width: min(1260px, 100%);*/
/*    align-items: stretch;*/
/*}*/

/*.filtro-busca {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 180px 180px 120px;*/
/*    gap: 12px;*/
/*    align-items: stretch;*/
/*}*/

/*.filtro-busca input,*/
/*.filtro-busca select,*/
/*.filtro-busca button.btn-buscar {*/
/*    height: 48px;*/
/*    padding: 0 16px;*/
/*    border-radius: 10px;*/
/*    font-size: 14px;*/
/*    border: 1px solid var(--cinza-300);*/
/*    box-sizing: border-box;*/
/*}*/

/*.filtro-busca input,*/
/*.filtro-busca select {*/
/*    background: var(--cinza-50);*/
/*    color: var(--cinza-900);*/
/*}*/

/*.filtro-busca button.btn-buscar {*/
/*    background: #5e7074;*/
/*    color: white;*/
/*    border: none;*/
/*    font-weight: bold;*/
/*    cursor: pointer;*/
/*}*/

/*!* --- LISTAGEM DE ESTOQUE --- *!*/

/*.listagem-estoque {*/
/*    width: min(1220px, 90%);*/
/*    margin: 30px auto;*/
/*    background: white;*/
/*    border-radius: 16px;*/
/*    padding: 24px;*/
/*    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);*/
/*}*/

/*.grade-cabecalho, .item-linha {*/
/*    display: grid;*/
/*    grid-template-columns: 80px 2.2fr 140px 100px 120px 130px;*/
/*    gap: 19px;*/
/*    align-items: center;*/
/*}*/

/*.grade-cabecalho {*/
/*    font-weight: bold;*/
/*    color: var(--cinza-700);*/
/*    padding-bottom: 16px;*/
/*    border-bottom: 1px solid var(--cinza-100);*/
/*}*/

/*.grade-cabecalho span { text-align: center; }*/
/*.grade-cabecalho span:nth-child(1),*/
/*.grade-cabecalho span:nth-child(2) { text-align: left; padding-left: 15px; }*/

/*.item-linha {*/
/*    padding: 15px 0;*/
/*    border-bottom: 1px solid var(--cinza-200);*/
/*}*/

body {
    font-family: Arial, sans-serif;
    background: var(--rosa-50);
    color: var(--cinza-900);
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
}

/* CSS CREATE E EDIT*//* Cabeçalho da página de cadastro/edição */
.cabecalho-pagina h1 {
    background: none;
    padding: 0;
    width: auto;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    color: var(--cinza-800);
}

/* Container principal do form */
.quadro-formulario {
    background: white;
    width: min(1220px, 90%);
    margin: 44px auto 10px auto;
    padding: 24px;
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
}

h2 {
    margin-bottom: 25px;
    margin-top: 0;
    font-size: 22px;
}

/* Estrutura da Grade (Imagem à esquerda, campos à direita) */
.estrutura-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: stretch;
    justify-content: center;
}

/* Estilização dos inputs e labels */
.coluna-campos {
    display: flex;
    flex-direction: column;
}

.coluna-campos label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.coluna-campos input,
.coluna-campos textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--cinza-300);
    border-radius: 8px;
    background: var(--cinza-50);
    margin-bottom: 15px;
    box-sizing: border-box;
}

.coluna-campos textarea {
    height: 150px;
    resize: none;
}

/*!* Rodapé com botões de ação *!*/
/*.botoes-rodape {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr;*/
/*    gap: 16px;*/
/*    margin-top: auto;*/
/*}*/

.btn-confirmar {
    background: var(--verde-500);
    width: fit-content;
    color: white;
    padding: 1em 3em 1em 3em;
    border-radius: 8px;
    font-weight: bold;
    border: none !important;
    outline: none;
    cursor: pointer;
    font-size: medium;
    transition: background 0.3s;
}

.btn-confirmar:hover {
    background: var(--verde-600);
}

.btn-voltar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: var(--cinza-700);
    border: 1px solid var(--cinza-300);
    border-radius: 8px;
    padding: 15px;
    font-weight: bold;
    text-decoration: none !important;
    transition: background 0.3s;
}

.btn-voltar:hover {
    background: var(--cinza-50);
}