.n-fs-fit-32 { font-size: clamp(16px, 4vw, 32px); }
.n-fs-fit-34 { font-size: clamp(16px, 8vw, 34px); }
.n-fs-fit-38 { font-size: clamp(16px, 8vw, 38px); }
.n-fs-fit-48 { font-size: clamp(16px, 8vw, 48px); }

.btn-dev { background-color: fuchsia !important; }
.btn-my {
    padding: .20rem .4rem;
    font-size: .75rem;
    border-radius: .2rem;
    background-color: #f1f1f1;
}

.has-error .form-label { color: tomato; }
.has-error .form-control { border: 1px solid tomato; }
.help-block.with-errors { color: tomato; font-size: 10px; margin-top: 4px; }

.modal-lg { max-width: 900px; }
.modal-600 { max-width: 600px; }
.modal-700 { max-width: 700px; }
.modal-750 { max-width: 750px; }

.box {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 12px;
}

.hover-opacity100:hover { opacity: 1 !important; }
.hover-lightblue:hover { background-color: lightblue; }
.hover-fw-bold:hover { font-weight: bold; }

.page-blog img { max-width: 100%; }

.produtos .item:hover { background-color: #f1f1f1; border-radius: 5px; box-shadow: 1px 2px 6px #999; }

.n-shadow1 {
    width: 100%;
    z-index: 20;
    height: 7px;
    -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,0.8) 50%, transparent 100%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.4), transparent);
}

@page {
    size: A4;
    margin: 5mm;
}

@media print {
    .page-print {
        /*width: 1100px;*/
    }
}