.fw-500 {
    font-weight: 500;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.w-16px {
    width: 16px;
}

.hover-darken {
    color: inherit; /* Herda a cor do elemento pai ou do estilo aplicado */
    transition: filter 0.2s ease; /* Transição suave no filtro */
  }
  
.hover-darken:hover {
    filter: brightness(80%); /* Escurece o texto em 20% */
}

.cursor-forbidden {
    cursor: not-allowed
}

.w-fit {
    width: fit-content !important
}

.h-fit {
    height: fit-content !important
}

.text-true-white {
    color: white
}

.hover-container  {

}

.bg-soft-vibrant-primary { background-color: #78abee }
.bg-soft-vibrant-success { background-color: #5ce2aa }
.bg-soft-vibrant-warning { background-color: #f9ae83 }
.bg-soft-vibrant-danger  { background-color: #ef7f93 }
.bg-soft-vibrant-info    { background-color: #75d4fe }

.bg-mild-primary { background-color: #5e86bb;}
.bg-mild-success { background-color: #47af83;}
.bg-mild-warning { background-color: #c58a68;}
.bg-mild-danger  { background-color: #bc6373;}
.bg-mild-info    { background-color: #5da9cb;}

.bg-darker-primary { background-color: #225fb2;}
.bg-darker-success { background-color: #009f5c;}
.bg-darker-warning { background-color: #c26531;}
.bg-darker-danger  { background-color: #b32a43;}
.bg-darker-info    { background-color: #1f96ca;}


.marker-pointy-p::before, .marker-pointy-s::before, .marker-pointy-w::before, .marker-pointy-d::before, .marker-pointy-i::before, 
.marker-pointy-dp::before, .marker-pointy-ds::before, .marker-pointy-dw::before, .marker-pointy-dd::before, .marker-pointy-di::before,
.marker-pointy-y::before, .marker-pointy-dy::before { position: relative; }
.marker-pointy-p::before, .marker-pointy-s::before, .marker-pointy-w::before, .marker-pointy-d::before, .marker-pointy-i::before,
.marker-pointy-dp::before, .marker-pointy-ds::before, .marker-pointy-dw::before, .marker-pointy-dd::before, .marker-pointy-di::before,
.marker-pointy-y::before, .marker-pointy-dy::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 85%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    /* border-top: 8px solid #4285F4; */
}

.marker-pointy-p::before { border-top: 8px solid #2c7be5 }
.marker-pointy-s::before { border-top: 8px solid #00d27a}
.marker-pointy-w::before { border-top: 8px solid #f5803e}
.marker-pointy-d::before { border-top: 8px solid #e63757 }
.marker-pointy-i::before { border-top: 8px solid #27bcfd}
.marker-pointy-y::before { border-top: 8px solid #ebb30a}

.marker-pointy-dp::before { border-top: 8px solid #225fb2}
.marker-pointy-ds::before { border-top: 8px solid #009f5c}
.marker-pointy-dw::before { border-top: 8px solid #c26531}
.marker-pointy-dd::before { border-top: 8px solid #b32a43}
.marker-pointy-di::before { border-top: 8px solid #1f96ca}
.marker-pointy-dy::before { border-top: 8px solid #b78c07}

.pointy-cardcolor::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--falcon-card-bg);
}

.bg-true-white {
    background-color: #fff;
}

.bg-darker-yellow {
    background-color: #ebb30a;
}

.bg-darkerer-yellow {
    background-color: #b78c07;
}

.bg-maps-white {
    background-color: #f5f3f3;
}

.bg-maps-white-toggled {
    background-color: #c2c0c0;
}

.text-maps-white-toggled {
    color: #c2c0c0;
}