.button,
.button:focus,
.form .button-f,
.form .button-f:focus,
.banner .container h1, .banner .container .h1 {
    text-transform: uppercase;
}

.banner.no-img .container h1, 
.banner.no-img .container .h1 {
    font-weight: 800 !important;
}

@media(min-width: 992px) {
	.button,
	.button:focus,
    .form .button-f,
    .form .button-f:focus {
        font-size: 12px;
	}
}

.index .colunas .itens h3{
    font-weight: 500;
}

.template h2 strong, 
.template .h2 strong, 
.template h3 strong, 
.template .h3 strong, 
.template h5 strong, 
.template .h5 strong,
.template h2, 
.template .h2, 
.template h3, 
.template .h3,
.template blockquote > *,
.template p big,
.template-module table th,
.template .template-module small a, 
.template .template-module ul a, 
.listing.module20 .image-item a:not(.button), 
.template .template-module p a, 
.template .template-module td a
 {
    font-weight: 500 !important;
}

.template h4, 
.template .h4, 
.template h4 strong, 
.template .h4 strong{
    font-weight: normal !important;
}

@media (min-width: 768px) {
    .template .button {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}

.template-module table,
.template-module table td,
.template-module table tr,
.template-module table th,
.template ul, 
.template ol, 
.template p {
    font-size: 1.125rem !important;
    line-height: 1.67;
}

.template-module table,
.template-module table td,
.template-module table tr,
.template-module table th{
    line-height: 1;
}

.template .listing .accordion > div:first-of-type > h1, 
.template .listing .accordion > div:first-of-type > .h1, 
.template .listing .accordion > div:first-of-type > h3, 
.template .listing .accordion > div:first-of-type > .h3, 
.template .listing .accordion > div:first-of-type > h2, 
.template .listing .accordion > div:first-of-type > .h2, 
.template .listing .file > h3, 
.template .listing .file > .h3, 
.template .listing .file > h2, 
.template .listing .file > .h2, 
.template .listing .item > h3, 
.template .listing .item > .h3, 
.template .listing .item > h2, 
.template .listing .item > .h2{
    font-weight: normal !important;
}


.cards-module .container{
    max-width: 100% !important;
    padding-inline: 4px !important;
}

.cards-module .row{
    gap: 4px 4px !important;
}

.card-item > div{
    position: absolute;
    top: auto;
    bottom: 29px;
    height: auto !important;
    left: 0;
    padding-inline: 34px !important;
    right: auto;
    align-items: start !important;
    pointer-events: none;
}
.card-item > div > * > *,
.card-item > div > *{
    text-align: left !important;
    color: white !important;
    z-index: 2;
    pointer-events: none;
}
@media (min-width: 768px) {
    .cards-module .col-sm-6 {
        flex: 1 1 calc(50% - (var(--gap-h) * 0.04));
        max-width: calc(50% - (var(--gap-h) * 0.04));
    }
     .cards-module .col-sm-6.col-sm-3 {
		flex: 1 1 calc(25% - (var(--gap-h) * 0.04));
		max-width: calc(25% - (var(--gap-h) * 0.04));
	}
}

.cards-module:has(h3) .col-sm-6:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    mix-blend-mode: multiply;
    background-image: linear-gradient(to top, rgba(145, 145, 145, 1) 0%, rgba(145, 145, 145, 0));
    /* background-image: linear-gradient(to bottom, #919191, #919191); */
    z-index: 1;
    pointer-events: none;
    will-change: transform;
}

.mobile .card-item > div{
    padding: 0 20px !important;
    bottom: 20px;
}