@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Noto Sans Display", sans-serif !important;
}


.form-body {
    width: 90%;
    margin: auto;
}

.question-container{
    border:1px solid rgb(194, 194, 194);
    
    border-radius: 5px;
    /* width: 100%; */
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.313);
}

.form-container{
    border:1px solid rgb(194, 194, 194);
    
    border-radius: 5px;
    /* width: 100%; */
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.313);
}

.pereqt-form-input{
    border: 0;
    /* font-size: 38px; */
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
}

.pereqt-form-input:focus-visible{
    border-bottom: 2px solid rgba(116, 116, 116, 0.649);
    /* border-radius: 8px; */
    outline: none;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.349);
}

.is-invalid{
    border-bottom: 1px solid red;
}

.c-pointer {
    cursor: pointer;
}

.form-fieldset {
    
    
}

.container-header{
    color: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.w-90{
    width: 90%;
}

.text-justify {
    text-align: justify;
}

.add, .remove {
    font-size: 3rem;
    cursor: pointer;

}

/* ===== Breadcrumbs (estilo uniforme em todo o site) ===== */
.breadcrumb {
    font-size: 1.05rem;
}

.breadcrumb-item a {
    color: #6b7280;
    font-weight: 500;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #3b82f6;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\203A";
    font-size: 1.25rem;
    font-weight: 700;
    color: #3b82f6;
    vertical-align: -1px;
}

.breadcrumb-item.active {
    font-weight: 700;
    color: #2563eb;
    font-size: 1.1rem;
}