* {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    touch-action: manipulation;
}

body {
    background-color: #fdfffe!important;
    padding-top: 0 !important
}

.botaoPrimaryPadrao {
    background-color: #263d34;
    color: white;
    border: none;
    width: 100%;
    max-width: 17rem;
    padding: .3rem 0rem;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer !important;
}

    .botaoPrimaryPadrao:hover {
        background-color: #263d34AC;
    }


.botaoSuccessPadrao {
    background-color: #28a745; /* verde padrão de sucesso */
    color: white;
    border: none;
    width: 100%;
    max-width: 13rem;
    padding: .3rem 0rem;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out;
}

.botaoSucessoPadrao:hover {
    background-color: #218838;
}


.botaoSecondPadrao {
    background-color: #6c757d; /* cinza médio */
    color: white;
    border: none;
    width: 100%;
    max-width: 13rem;
    padding: .3rem 0rem;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out;
}

    .botaoSecondPadrao:hover {
        background-color: #5a6268;
    }


.campo-padrao {
    width: 100%;
    max-width: 20rem;
    padding: 0.6rem 0.8rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    color: #1C1C21;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    outline: none;
    box-sizing: border-box;
}

    .campo-padrao:focus {
        border-color: #3B8AC4; /* azul moderno */
        box-shadow: 0 0 0 3px rgba(59, 138, 196, 0.2);
    }


.titulo-padrao {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: #2A2A2F;
}

.subTituloPadrao {
    margin-right: .5rem;
}

.subTituloPadraoAte {
    margin-left: 2.3rem
}

.botaoActionPadrao,
.botaoActionPadraoExibir {
    width: 100%;
    max-width: 4rem;
    text-align: center;
    font-size: 0.8rem;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.6rem;
    cursor: pointer;
    margin-right: 0.4rem;
}

    .botaoActionPadrao:hover,
    .botaoActionPadraoExibir:hover {
        background: #1e1e1e
    }


.img-preview-container {
    position: relative;
    display:none;
    max-width: 300px;
    margin-bottom: 1rem;
    flex-direction:column
}

.img-exibicao-file-upload {
    width: 100%;
    height: auto;
    max-width: 6rem;
}

.img-exibicao-file-upload-listagem {
    width: 100%;
    max-width: 3rem;
    border-radius: 100%;
    object-fit: contain;
}




@media(max-width: 700px) {
    .subTituloPadraoAte {
        margin-left: 0;
    }
}