#formCliente {
max-width: 700px;
margin: 0 auto;
background: #faf8f6;
padding: 25px 30px;
border-radius: 10px;
border: 1px solid #e6e3df;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
font-family: "Helvetica", sans-serif;
}
#formCliente h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 26px;
color: #5a4c4c;
}
#formCliente label {
font-weight: 600;
font-size: 14px;
color: #514949;
margin-bottom: 6px;
display: block;
}
#formCliente input[type="text"],
#formCliente input[type="file"],
#formCliente input[type="number"],
#formCliente textarea {
width: 100%;
padding: 10px 12px;
font-size: 14px;
border: 1px solid #dcd6d0;
border-radius: 6px;
background: #fff;
box-sizing: border-box;
transition: border-color .2s ease;
}
#formCliente input:focus,
#formCliente textarea:focus {
border-color: #b2a18c;
outline: none;
} #formCliente label {
margin: 0 0 4px 0 !important;
padding: 0 !important;
}
#formCliente input[type="text"],
#formCliente input[type="file"],
#formCliente input[type="number"],
#formCliente textarea {
margin: 0 0 14px 0 !important;
padding: 10px 12px !important;
display: block;
}
#formCliente input[type="radio"] {
margin-right: 4px;
}
#campoCNPJ {
margin-top: 15px;
padding: 15px;
background: #f3f0eb;
border-radius: 8px;
border: 1px solid #e5dfd6;
}
#formCliente button {
background: #5b4e4e;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
font-weight: 600;
transition: background .2s;
width: 100%;
margin-top: 5px;
}
#formCliente button:hover {
background: #463d3d;
}
#formCliente input,
#formCliente select,
#formCliente textarea {
margin-top: 0 !important;
margin-bottom: 12px !important;
}
#formCliente label + input,
#formCliente label + textarea {
margin-top: 4px !important;
} #formCliente .radio-option {
display: inline-flex !important;
align-items: center;
margin-right: 20px;
margin-top: 5px !important;
} #formCliente .radio-option input[type="radio"] {
margin-right: 6px !important;
}
.cupom-wrapper {
max-width: 650px;
margin: 40px auto;
padding: 30px;
background: #faf8f6;
border-radius: 12px;
border: 1px solid #e1dcd5;
box-shadow: 0 4px 14px rgba(0,0,0,0.06);
text-align: center;
font-family: Helvetica, Arial, sans-serif;
}
.cupom-titulo {
font-size: 28px;
color: #4b4343;
margin-bottom: 10px;
}
.cupom-subtitulo {
font-size: 18px;
color: #5a504f;
margin-bottom: 20px;
}
.cupom-box {
background: #ffffff;
padding: 18px 28px;
border-radius: 8px;
border: 2px dashed #7a6f6c;
display: inline-block;
font-size: 34px;
font-weight: bold;
letter-spacing: 2px;
color: #2a7a2a;
margin-bottom: 22px;
}
.cupom-info {
font-size: 15px;
color: #6a6262;
line-height: 1.6;
}
.obrigatorio {
color: red !important;
font-weight: bold;
}