*,::after,::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f1f3f7;
    color: #000000;
    height: 100vh;
    text-align: center;
    margin: 0;
    /*font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-size: 1rem;
    font-weight:400;
    line-height:1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 20px;
    box-sizing: border-box;
}

h3,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color);}
h3{font-size:calc(1.3rem + .6vw);}
@media (min-width:1200px){
h3{font-size:1.75rem;}
}
h5{font-size:1.25rem;}
img{vertical-align:middle;}
button{border-radius:0;}
button:focus:not(:focus-visible){outline:0;}
button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button{text-transform:none;}
button:not(:disabled){cursor:pointer;}
textarea{resize:vertical;}
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
@media (min-width:1400px){
.container{max-width:1320px;}
}

h1,h2,h3,h4,h5,h6{
    font-weight: 600;
    line-height: normal;
}

h2{
    font-size:22px;
}

h3, h5{
    font-size: 18px;
}

h5{
    font-size:20px;
}

.loading {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.loading img{
    width: 50px;
}
.loading span{
    font-size:14px;
}

.success{
    background-color:#E7F9F1;
    max-width: 360px;
    height: fit-content;
    margin:20px;
    border-radius: 5px;
    border:1px solid #34AA44;
    padding: 20px;
}

.success h5{
    margin: 5px 0 0 0;
}

.success p {
    margin: 5px 0 0 0;
}


.dmxDropzoneThumb:hover::before {
  left:0 !important;
  bottom: 0 !important;
  content: 'Remover' !important;
}

.review{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap:10px;
}

.container {
    max-width: 590px;
    background-color: white;
    border-radius: 5px;
    border:1px solid #c9d3dd;
    padding: 25px;
}
.top-message{
    background-color: #FFF5D6;
    border: 1px solid #ffa500;
    border-radius: 5px;
    margin:0 0 10px 0;
    padding: 10px 20px;
}
.top-message span{
    font-size: 14px;
}

.logo img {
    text-align: center;
    width: auto;
    max-height: 40px;
}

.product-review {
    text-align: center;
}

.product-image{
    display: inline-block;
    border:1px solid #c9d3dd;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 5px;
}

.product-info img {
    height: 125px;
}

.product-info span {
    font-size: 14px;
    line-height: 20px;
}

.rating-section{
    margin:10px 0 0;
}

.rating-section p {
    font-weight: bold;
    margin-bottom: 10px;
}

.stars {
    font-size: 24px;
    color: #ffa500;
}

.stars .star {
    margin-right: 5px;
    cursor: pointer;
}

.review-text span {
    font-size: 14px;
    color: #000000;
}

div#images:hover{
    border-color: #cfcfcf;
    background-color: #fafafa !important;
}

div#images:active{
    background-color: #f2f2f2 !important;
}

.photo-upload h3 {
    margin: 0 0 -5px;
}

.photo-upload span {
    font-size: 12px;
}

textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none;
    font-size: 14px;
}

textarea:hover {
    border:1px solid #6EB4FF;
}

textarea:focus {
    outline: 0 !important;
    border:1px solid #0072ec;
}

.btn-submit {
    background-color: #007BFF; /* Cor padrão */
    width: 100%;
    margin: 10px 0 0;
    padding: 10px;
    font-weight: 600;
    font-size: 18px;
    color: white !important;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s; /* Transição suave */
}

.btn-submit:hover{
    background-color: #0055b0;
}

.btn-submit:hover{
    background-color: #0055b0;
}
.btn-submit:disabled{
    background-color: #545454 !important;
}
.btn-submit:active{
    background-color: #003976 !important;
}

.rating-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap:5px;
}

.star {
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
}

.starfull {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17.17"><defs><style>.a{fill:%23ffab00;}</style></defs><path class="a" d="M4.68,11.32a1,1,0,0,0-.28-.86L.49,6.65l5.39-.74a1,1,0,0,0,.73-.53L9,.49l2.37,4.89a1,1,0,0,0,.73.53l5.4.78L13.6,10.46a1,1,0,0,0-.28.86l.91,5.32L9.45,14.13a1,1,0,0,0-.9,0L3.72,16.67Z" transform="translate(0 0)"/><path class="a" d="M9,1.66,10.94,5.6a1.49,1.49,0,0,0,1.11.8L16.4,7,13.25,10.1a1.5,1.5,0,0,0-.42,1.3l.74,4.33-3.88-2a1.49,1.49,0,0,0-1.38,0l-3.88,2,.74-4.33a1.5,1.5,0,0,0-.42-1.3L1.6,7,6,6.4a1.49,1.49,0,0,0,1.11-.8L9,1.66M9,0a.49.49,0,0,0-.43.26L6.16,5.16a.46.46,0,0,1-.36.25L.41,6.2A.48.48,0,0,0,.14,7l3.91,3.8a.51.51,0,0,1,.14.42l-.93,5.38a.48.48,0,0,0,.47.56A.46.46,0,0,0,4,17.11l4.83-2.54a.51.51,0,0,1,.44,0l4.83,2.54a.46.46,0,0,0,.22.06.48.48,0,0,0,.47-.56l-.93-5.38a.51.51,0,0,1,.14-.42L17.86,7a.48.48,0,0,0-.27-.81L12.2,5.41a.46.46,0,0,1-.36-.25L9.43.26A.49.49,0,0,0,9,0Z" transform="translate(0 0)"/></svg>');
}

.starempty {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17.17"><defs><style>.a{fill:%23808080;}</style></defs><path class="a" d="M4.68,11.32a1,1,0,0,0-.28-.86L.49,6.65l5.39-.74a1,1,0,0,0,.73-.53L9,.49l2.37,4.89a1,1,0,0,0,.73.53l5.4.78L13.6,10.46a1,1,0,0,0-.28.86l.91,5.32L9.45,14.13a1,1,0,0,0-.9,0L3.72,16.67Z" transform="translate(0 0)"/><path class="a" d="M9,1.66,10.94,5.6a1.49,1.49,0,0,0,1.11.8L16.4,7,13.25,10.1a1.5,1.5,0,0,0-.42,1.3l.74,4.33-3.88-2a1.49,1.49,0,0,0-1.38,0l-3.88,2,.74-4.33a1.5,1.5,0,0,0-.42-1.3L1.6,7,6,6.4a1.49,1.49,0,0,0,1.11-.8L9,1.66M9,0a.49.49,0,0,0-.43.26L6.16,5.16a.46.46,0,0,1-.36.25L.41,6.2A.48.48,0,0,0,.14,7l3.91,3.8a.51.51,0,0,1,.14.42l-.93,5.38a.48.48,0,0,0,.47.56A.46.46,0,0,0,4,17.11l4.83-2.54a.51.51,0,0,1,.44,0l4.83,2.54a.46.46,0,0,0,.22.06.48.48,0,0,0,.47-.56l-.93-5.38a.51.51,0,0,1,.14-.42L17.86,7a.48.48,0,0,0-.27-.81L12.2,5.41a.46.46,0,0,1-.36-.25L9.43.26A.49.49,0,0,0,9,0Z" transform="translate(0 0)"/></svg>');
}
.dmxDropzoneFilesize, .dmxDropzoneFilename{
    display: none !important;
}