@charset "UTF-8";
.help-block{
    margin-left: 3px;
    color: #dc3545;
}
.slider-card { 
    width: calc(100% / var(--items-per-view, 3)); 
}

.restriction-item {
    cursor: pointer;
}

.restriction-tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 1px);
    left: 0;
    background: var(--amarelo-escuro);
    color:var(--azul-escuro);
    font-size: 0.75rem;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 10;
    pointer-events: none;
}

.restriction-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 12px;
    border: 5px solid transparent;
    border-top-color:  var(--amarelo-escuro);
}

.restriction-item:hover .restriction-tooltip {
    display: block;
}

.is-invalid{
    border:2px solid #dc3545 !important;
    padding-right: 2.25rem !important;
}

.invalid-feedback:not(:empty) {
    margin-left: 3px;
    color: #dc3545;
} 

.plan-button {
     padding-left: 22%;
}

.signup-active {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--primary-color);
}

.plan-button {
    padding-left: 15px;
}