body { font-family: 'Inter', var(--bs-font-sans-serif); font-size: .9rem;}
a { color: #bf0000;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; font-family: 'Oswald', var(--bs-font-sans-serif);}
h1 .fa-fire { font-size: .8em;}
h1 .fa-check { width: 32px; height: 32px; text-align: center; font-size: .75em; margin: 0 8px;}
h1 .fa-check::before { top: 0; right: 1px;}
h2 .fa-check { width: 32px; height: 32px;}
h2 .fa-check::before { top: -.07em;}
h3 .fa-check { width: 28px; height: 28px;}
h3 .fa-check::before { top:-.05em; right: 0;}
header .btn { text-transform: uppercase; font-weight: bold; font-size: .8rem;}
input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input.no-arrows { -moz-appearance:textfield;}
fieldset { padding: 2rem; border-radius: var(--bs-border-radius);}
footer { background-color: #bf0000; padding: 1rem 0; color: #ffffff; font-size: .8rem;}
footer a { color: #ffffff; text-decoration: none;}
footer .btn { border-width: 2px; color: #ffffff; font-size: .8rem;}
footer .btn:hover { color: #bf0000;}
footer .container { max-width: 980px;}

.container { max-width: 1200px;}
.bg-light { background-color: #e9ecef !important;}
.btn { border-radius: 1.5em; font-size: .9rem;}
.btn-lg { padding: .75rem 1.5rem; font-size: 1.1rem; text-transform: uppercase;}
.btn-primary, .swal2-confirm { background-color: #990000; border-color: #bf0000 !important;}
.btn-primary:hover, .btn-primary:active { background-color: #bf0000 !important;}
.btn-primary:disabled, .btn.disabledd { background-color: #66666680 !important; border-color: #CCCCCC80 !important; opacity: .65;}
.btn-secondary { background-color: #b0781e; border-color: #c59e5f !important;}
.btn-secondary:hover, .btn-primary:active { background-color: #c59e5f;}
.btn-secondary:disabled { background-color: #b0781e80;}
.btn-transparent { background-color: transparent;}
.fa-check { background-color: #1da1f2; color: #ffffff; border-radius: 50%; text-align: center;}
.fa-check::before { font-size: .75em; position: relative; top:0em; right: .05em;}
.fa-fire { color: #bf0000; background: linear-gradient(to top, #ff0000, #fdcf58); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.form-check-input:checked { background-color: #990000; border-color: #990000;}
.form-control:focus, .form-select:focus, .form-check-input:focus { box-shadow: 0 0 0 .25rem #99000090; border-color: #99000090;}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { background-color: #eff2f7; color: #b0781e;}
.nav-pills { border-bottom: 1px solid #b0781e;}
.nav-pills .nav-link { border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 99.5% !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #b0781e; color: #ffffff;}
.page-link { color: #990000; min-width: 38px; text-align: center;}
.page-link:hover { color: #bf0000; font-weight: bold;}
.page-link:focus, .page-item.active>.page-link { color: #bf0000; font-weight: bold; box-shadow: none; background-color: var(--bs-secondary-bg); border-color: var(--bs-pagination-border-color);}
.swal2-html-container a { text-decoration: none; }
.text-danger { color: #bf0000 !important;}
.tooltip { opacity: 1!important;}
.tooltip-check .tooltip-inner { max-width: 150px; background-color: #1da1f2;}
.tooltip-check .tooltip-arrow::before { border-top-color: #1da1f2 !important;}
.tooltip-fire .tooltip-inner { max-width: 150px; background-color: #fe7e35;}
.tooltip-fire .tooltip-arrow::before { border-top-color: #fe7e35 !important;}
.tooltip-tel .tooltip-inner { max-width: 125px; background-color: #bf0000;}
.tooltip-tel .tooltip-arrow::before { border-top-color: #bf0000 !important;}
.tooltip-whats .tooltip-inner { max-width: 125px; background-color: #157347;}
.tooltip-whats .tooltip-arrow::before { border-top-color: #157347 !important;}

.search-bar { background-color: #bf0000; padding: 1.5rem 0; color: #ffffff;}
.search-bar .btn-primary { width: 38px; height: 38px; padding: .5px 0 0 .5px;}

.home-cards { position: relative;}
.home-cards::before { content: ''; display: block; width: 100%; height: 200px; background: #bf0000; position: absolute; z-index: 1;}
.home-cards .container { position: relative; z-index: 2;}
.home-cards .btn { width: 100%;}

.disclaimer { font-size: .9rem;}

#profiles-grid .row > div { margin: 2rem 0;}
.profile-card { padding: 1rem; border-radius: 1rem;}
.profile-card:hover { box-shadow: 0 0 10px -5px #000000; background-color: var(--bs-secondary-bg);}
.profile-card:hover .profile-picture img { transform: scale(1.025); box-shadow: none;}
.profile-card a:first-child { color: var(--bs-body-color); text-decoration: none;}
.profile-card h2, .profile-card h3, .profile-card h4 { margin-top: 1rem;}
.profile-card .btn { margin: .25rem; height: 46px; width: 135px; display: inline-flex; align-items: center; justify-content: center;}
.profile-card .btn i { margin-right: .5rem; font-size: 1.5em;}
.profile-card .btn .fa-phone { font-size: 1.1em;}
.profile-card .profile-picture { max-width: 90%; margin: auto;}
.profile-card .profile-picture img, .profile-img { aspect-ratio: 1/1; object-fit: cover; box-shadow: 0 0 14px 7px #00000010; transition: transform .5s;}
.col-lg-4 .profile-card .btn { width: 100px; font-size: .8rem; height: 40px; width: 110px;}
.col-lg-4 .profile-card .btn i { margin-right: .25em;}
.col-lg-3 .profile-card .btn { width: 90px;}
.col-lg-3 .profile-card .btn i { margin:0;}

.profile h1, .profile h5 { display: inline-block; margin-bottom: .4rem;}
.profile h1::after, .profile h5::after { content: ''; display: block; border-top: 1px solid var(--bs-body-color); width: 33%; margin-top: .15em;}
.profile ul { margin: 0; padding: 0; list-style-type: none;}
.profile .verify-video { width: 100%; max-width: 342px;}
.profile .btn { min-width: 110px; font-size: .8rem;}
.profile .btn .fa-whatsapp { font-size: 1.25em; position: relative; top: 2px;}
.profile .btn .fa-phone { font-size: .9em; margin-right: 2px; }
.profile .fa-check { width: 14.41px; height: 14.41px;}
.profile-gallery img, form#anuncio #fotos_galeria_img img { aspect-ratio: 1/1; object-fit: cover; width: 18%; border-radius: .375rem; margin: 1%; float: left;}
.profile-gallery video { aspect-ratio: 9/16; object-fit: cover; width: 23%; border-radius: .375rem; margin: 1%; float: left;}
.profile-gallery .tab-pane { padding: 1% 0;}

.anunciar .form-check-input { transform: scale(1.5); margin-left: -1.2em; margin-right: .75em; }

.selfie-documento-list { list-style-type: none; max-width: 400px; margin: auto; margin-bottom: 2rem;}
.selfie-documento-list .fa { margin: 0 4px 0 -20px;}

form #foto_capa_img img { aspect-ratio: 1/1; object-fit: cover; object-position: center; border-radius: 50%; width: 180px; margin-bottom: 1rem;}
form .gallery-item img { aspect-ratio: 1/1; object-fit: cover; width: 140px; height: 140px; float: none; margin: 0; border: 3px solid #ffffff; border-radius: .5rem;}
form .gallery-item { position: relative; display: inline-block; margin: 0 .75% 1rem;}
form .gallery-item del { cursor: pointer; position: absolute; right: -6px; top: -6px; display: block; background-color: #f00; font-size: 1rem; font-weight: bold; color: white; line-height: 22px; width: 24px; height: 24px; border-radius: 50%; text-decoration: none; }
form .gallery-item video { border: 3px solid #ffffff; }
form .gallery-item.hover img, form .gallery-item.hover video { border-color: #f00; }

.minha-conta .card-body { padding: 1.5rem 1rem 2rem;}
.minha-conta .card-body .alert { margin-right: .45rem; display: block; float: left; padding: 12px 24px; border-radius: 24px;}
.minha-conta .btn-md { width: 200px; padding: 12px 0; border-radius: 24px; margin: 1.5rem .5rem 0; font-size: .8rem; font-weight: bold;}
.minha-conta .btn .fa { margin-right: .25rem;}
.minha-conta .fa-whatsapp { color: green;}

.dropzone { max-width: 90%; margin: 1rem auto;}
.dropzone-input, .dz-remove { display: none !important;} 
.dz-message span { display: block; margin: 2rem 1rem;;}
.dropzone .dz-preview.dz-success, .dropzone .dz-preview .dz-image, .dropzone { border-radius: .5rem !important;}

.prices .card { background-color: #eff2f7; height: 100%;}
.prices .card-title, .prices .card:hover .card-title { text-transform: none; background-color: #bf0000; color: #ffffff !important; border-top-left-radius: var(--bs-card-border-radius); border-top-right-radius: var(--bs-card-border-radius); padding: 1.5rem;}
.prices .card-title small { font-size: 1.1rem; line-height: 1.25rem; display: block; font-weight: 300; margin-top: 1rem;}
.prices .card-body { text-align: left; font-size: .9rem; padding: 1rem 2rem 2rem;}
.prices .card-body .big { font-size: 2rem;}

.page-listagem .classic:nth-child(even) { padding-right: .125rem;}
.page-listagem .classic:nth-child(odd) { padding-left: .125rem;}

@media screen and (min-width:768px) {
   .profile-img { max-width: 200px;}
}

/*** bootstrap sm ***/
@media screen and (max-width:576px) {
   .col-lg-3 .profile-card .btn { width: 48px; height: 48px; border-radius: 24px;}
   .profile .btn { margin-bottom: .5rem;}
   .profile .profile-img { max-width: 200px;}
}

/*** iphone pro max ***/
@media screen and (max-width:430px) {
   .fs-4 { font-size: calc(1.275rem + .05vw)!important;}
   .col-lg-3 .profile-card .btn { width: 40px; height: 40px;}
}

/*** iphone se ***/
@media screen and (max-width:340px) {
   header .btn { font-size: .7rem; font-weight: 400;}
}

