.title30 { font-family:var(--fontFamilyTitle); font-style:normal; font-weight:700; font-size:1.875rem; line-height:2.0625rem; color:var(--primaryColor); }
.home-novidades { text-align:center; background:linear-gradient(180deg, var(--tertiaryColor) 0,rgba(247,247,247,0) 100%); padding:1.875rem 0; }
.home-novidades .col-lg-2 { padding:0.0313rem; }
.home-novidades .title30 { margin:1.25rem 0; }
.home-novidades .novidade { max-width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; height: 0; padding-bottom: 100%; width:7rem; cursor:pointer; }
.home-novidades .novidade-container { background:linear-gradient(180deg, #30C5FF 0%, #0046C0 100%); max-width:100%; padding:0.25rem; border-radius:50%; display:inline-block; margin-bottom:0.625rem; }
.home-novidades .novidade-container.read,.home-novidades .novidade-container:hover { background-color:var(--tertiaryColor); display:inline-block; border-radius:50%; transition:2s; }
.low-rider { color:var(--colorW); background:var(--primaryColor); font-family:var(--fontFamilyTitle); font-size:0.875rem; padding:0.75rem 0.875rem; border-radius:0.5625rem; display:inline-block; margin:0 0.3125rem; }
.low-rider:hover { color:var(--colorW); }
.show-desk{display: none;}
.novidade-image-container{background-repeat: no-repeat;background-size: contain;background-position: center;max-height: 60vh;min-height: 30vh;}
.novidade-image-container img{max-width: 100%;}
.modalNovidades .modal-header{height: 0 !important;border: none;padding: 0 !important;}
.modal-dialog{margin: 0 auto;width: min-content !important;top: 5%;}
@media screen and (min-width:575px) { 
	.home-novidades .title30 { margin:1.875rem 0; }
	.modalNovidades .modal-dialog{width:fit-content !important;max-height: 90vh;}
}
@media screen and (min-width:275px) and  (max-width:575px){ 
	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
}

@media screen and (min-width:768px) { 
	.show-desk{display: block;}
	
}
@media screen and (max-width:767px) { 
	.home-novidades .col-sm-2{padding: 0; margin: 0 auto;}
	.modal-header button.nov-nav.l{left: -2.2rem !important;}
	.modal-dialog{top: 3% !important;}
	.modal-footer{font-size: 1.3rem !important;}
	.modal-content{border: 0.8rem solid var(--colorW) !important;padding: 0.8rem !important;}
}
@media screen and (min-width:991px) { 
	.home-novidades .title30 { margin-top:5rem 0 0 0; }
	.home-novidades .novidade-container { margin:0; }
}

.modal-lg { max-width:95%; width:fit-content; max-height: 82vh; }
.modal-content { border-radius:1.875rem; padding:1.25rem; min-width:35vw; background-color:var(--tertiaryColor); border:1.25rem solid var(--colorW); padding-top:0; }
.modal-body { border-radius:1.875rem; background-color:var(--tertiaryColor); padding:0; }
.modal-body iframe { border-color:var(--tertiaryColor); width:100%; min-height:50vh; max-height:60vh; background-size:cover; background-position:center; }
.modal-header button { position:absolute; background-color:var(--primaryColor); border-radius:50%; width:3rem; height:3rem; z-index:9; }
.modal-header button.close { top:-2.3rem; right:-2.3rem; }
.modal-header button.close::before { content:"\00d7"; font-size:2rem; color:var(--colorW); }
.modal-header button.nov-nav.l { top:24vh; left:-2.6rem; }
.modal-header button.nov-nav.l::before, .modal-header button.nov-nav.r::before{ content:""; position:absolute; width:1rem; height:1rem; border:3px solid transparent; border-top-color:var(--colorW); border-right-color:var(--colorW); }
.modal-header button.nov-nav.l::before{ top:50%; left:60%; transform:translate(-50%,-50%) rotate(225deg); }
.modal-header button.nov-nav.r { top:24vh; right:-2.3rem; }
.modal-header button.nov-nav.r::before { top:50%; left:40%; transform:translate(-50%,-50%) rotate(45deg); }

.modal-footer {min-height:6.8125rem; background:var(--primaryColor); border-radius:1rem; font-family:var(--fontFamilyTitle); font-style:normal; font-weight:500; font-size:1.5rem; line-height:1.625rem; color:var(--colorW); margin-top:1.875rem; padding:1.25rem;display: block; }
@media screen and (min-width:991px) {
	.modal-content { padding:0.9375rem; border:0.9375rem solid var(--colorW); }
	.modal-lg { max-width:100%; }
	.modal-footer { font-size:1.25rem; line-height:1.375rem; padding:0.75rem; }
	.modal-footer a{ color: #ffffff; }
}
@media screen and (min-width:391px) and (max-width:992px) {
	.modal-dialog{width: 92% !important;}
}
@media screen and (max-width:390px) {
	.modal-dialog{width: 95% !important;}
}