#map {
height: 400px;
width: 100%;
}
html, body {
font-family: 'Poppins', sans-serif!important;
margin: 0 !important;
padding: 0 !important;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
display: block;
margin-top: 0.125em;
margin-left: 0.125em;
}
a{
text-decoration: none;
}
.container.erro{
display: flex;
width: 100vw;
height: 83vh;
flex-direction: row;
justify-content: center;
align-items: center;
}
.yellow-top {
border-top: 4px solid #F6BB42;
}
.white {
color: #FFFFFF !important; }
.bg-white {
background-color: #FFFFFF !important; }
.bg-white .card-header, .bg-white .card-footer {
background-color: transparent; }
.alert-white {
border-color: #FFFFFF !important;
background-color: white !important;
color: #a6a6a6 !important; }
.alert-white .alert-link {
color: #919191 !important; }
.border-white {
border-color: #FFFFFF; }
.bg-white.badge-glow, .border-white.badge-glow {
-webkit-box-shadow: 0px 0px 10px #FFFFFF;
box-shadow: 0px 0px 10px #FFFFFF; }
.overlay-white {
background: #FFFFFF;
/* The Fallback */
background: rgba(255, 255, 255, 0.8); }
.btn-action a i{
color: #262D34;
}
.well{
background: whitesmoke;
border: 1px solid #d8d8d8;
border-radius: 4px;
}
@media(max-width:497px){
.message-modal{
flex-direction: column;
}
.container.erro{
height: 100vh;
}
#erro-title{
font-size: 7rem!important;
}
#erro-msg{
font-size: 1.25rem!important;
}
}
@media(max-width:452px){
#erro-title{
font-size: 6rem!important;
}
#erro-msg{
font-size: 1.1rem!important;
}
}
.size-x {
height: 50px;
width:50px;
}
.size-xl {
height: 80px;
width:80px;
}
.size-xxl {
height: 100px;
width: 100px;
}
.circle {
background: #c73705f0;
color: #fff;
border-radius: 50%;
font-size: 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
}
.circle-blue {
background: #0563c7f0;
color: #fff;
border-radius: 50%;
font-size: 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
}
/* Preço no canto superior direito */
.price-service {
position: absolute;
top: 10px;
right: 10px;
background: yellow;
border-radius: 5px;
padding: 5px 8px;
font-size: 0.9em;
font-weight: bold;
z-index: 3;
color: #262D34;
}
/* Quantidade no canto inferior direito */
.unit-service {
background: #FEE247;
border-radius: 5px;
padding: 5px 8px;
color: #262D34;
font-size: 0.8em;
font-weight: bold;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 2;
}
@keyframes pulse-bg {
0% {
background-color: #ef4444;
}
50% {
background-color: #f8a7a7; /* tom mais claro */
}
100% {
background-color: #ef4444;
}
}
/* Promoção como um círculo no canto superior esquerdo */
.promo-circle {
position: absolute;
top: 10px;
right: 10px;
background: #ef4444; /* tom de vermelho suave, podes ajustar */
color: white;
font-size: 0.75em;
font-weight: bold;
padding: 5px 15px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
animation: pulse-bg 2s ease-in-out infinite;
}
/* Ajuste do título para evitar sobreposição */
.desde-service {
position: absolute;
top: 10px;
left: 10px;
background: #007bff;
border-radius: 5px;
padding: 5px;
font-size: 0.8em;
font-weight: bold;
color: white;
z-index: 2;
}
.avenca-service {
position: absolute;
top: 10px;
left: 10px;
background: #ff6f61;
border-radius: 5px;
padding: 5px;
font-size: 0.8em;
font-weight: bold;
color: white;
z-index: 1;
}
@media(max-width:765px){
.search_dates{
flex-wrap: wrap;
}
}
@media(max-width:576px){
.search_dates{
flex-wrap: wrap;
}
}
.search_dates{
display: inline-flex;
align-items: center;
gap: 10px;
}
.f-grow-1{
flex-grow: 1;
}
.bar-title{
text-align: center;
background-color: #dedede87;
border: 1px solid #a1a1a1;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.ipi-table > thead > tr, .ipi-table > thead > tr > td {
font-size: .9em;
font-weight: 400;
background: #51596a;
text-transform: uppercase;
color: #ffffff;
}
.ipi-table > tbody > tr > td {
max-height: 200px;
vertical-align: middle!important;
background-color: rgba(223, 221, 218, 0.493);
}
#wrapper{
display:flex;
flex-direction: column;
min-height: 100vh;
/*backdrop-filter:blur(10px);*/
position: relative;
margin-top: 70px;
}
div.body-content{
padding-bottom: 100px;
flex: 1;
}
.btn-action{
display: inline-flex;
gap: 15px;
}
.services-card{
display: flex;
}
@media(max-width:432px){
.services-card{
display: flex;
justify-content: center;
}
}
footer{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
#fcf-form {
display:block;
}
.nav-link.item{
display: flex;
align-items: center;
}
textarea
{
border:1px solid #999999;
width:100%;
margin:5px 0;
padding:3px;
}
[data-mdb-toggle="modal"] i {
pointer-events: none;
}
a.one:link {color:#ff0000;}
a.one:visited {color:#0000ff;}
a.one:hover {color:#ffcc00;}
.perfil{
margin-right: 4rem;
}
.fcf-body {
margin: 0;
font-family: -apple-system, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
padding: 30px;
padding-bottom: 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
padding-bottom: 30px;
}
hr {
height:5px;
border-width:0;
background-color:#00A4BD;
}
.fcf-form-group2 {
width: 40%;
padding: 10px;
display: inline-block;
}
.fcf-form-group {
margin-bottom: 1rem;
}
.fcf-input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.fcf-input-buttons {
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: stretch;
/*width: 30;*/
}
.row.col-master{
width: fit-content !important;
height: 100%;
}
.footer {
margin-left: 30px;
margin-right: 30px;
padding: 0.5rem 0.5rem;
text-align: center;
font-size: .8em;
}
.fcf-form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
outline: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fcf-form-control:focus {
border: 1px solid #313131;
}
select.fcf-form-control[size], select.fcf-form-control[multiple] {
height: auto;
}
textarea.fcf-form-control {
font-family: -apple-system, Arial, sans-serif;
height: auto;
}
label.fcf-label {
font-weight:bold;
color: #000000;
display: inline-block;
margin-bottom: 0.5rem;
}
.fcf-credit {
padding-top: 10px;
font-size: 0.9rem;
color: #545b62;
}
.fcf-credit a {
color: #545b62;
text-decoration: underline;
}
.fcf-credit a:hover {
color: #0056b3;
text-decoration: underline;
}
.fcf-btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.fcf-btn {
transition: none;
}
}
.fcf-btn:hover {
color: #212529;
text-decoration: none;
}
.fcf-btn:focus, .fcf-btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.fcf-btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.fcf-btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.fcf-btn-primary:focus, .fcf-btn-primary.focus {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.fcf-btn-block {
display: block;
width: 100%;
}