:root {
    --web-neutral-400: #2D2D2D;

    --blue-500: #004a8c;
    --blue-700: #002d4b;
    --yellow-100: #fcfc1b;
    --white: #ffffff;
    --black: #000000;

    --neutral-0: #FFFFFF;
    --neutral-100: #D9D9D9;
    --neutral-200: #E9E9E9;
    --neutral-300: #CBD5E0;
    --neutral-400: #B8B8B8;
    --neutral-500: #969696;
    --neutral-600: #858786;
    --neutral-700: #4A5568;
    --neutral-800: #505251;
    --neutral-900: #2D2D2D;

    --primary-0: #005D9B;
    --primary-100: #002D4B;
    --primary-200: #A4CDF4;
    --primary-600: #135b9e;
    --primary-700: #104F89;
    --primary-800: #0B345B;

    --terciary-100: #5AAAA0;

    --gray-100: #f9f9f9;
    --gray-200: #dedede;
    --gray-300: #747876;
    --gray-700: #686868;
    --gray-800: #2d2d2d;

    --success-0: #51CBB4;
    --success-100: #D6FBD0;
    --success-200: #ADF6A2;
    --success-600: #29BB11;
    --success-700: #1E8C0D;
    --success-800: #145D09;

    --error-0:#EC1529;
    --error-100: #FBD0D4;
    --error-200: #F7A1A9;
    --error-600: #EC1529;
    --error-700: #8E0B18;
    --error-800: #5E0810;

    --alert-100: #FFF4CC;
    --alert-200: #F7A1A9;
    --alert-600: #FFD53D;
    --alert-700: #997800;
    --alert-800: #665000;

    /* Variáveis de tamanho de fonte */
    --font-size-ss: 0.05;
    --font-size-xs: 0.75rem; /* 12px */
    --font-size-sm: 0.875rem; /* 14px */
    --font-size-md: 1rem; /* 16px */
    --font-size-lg: 1.25rem; /* 20px */
    --font-size-xl: 1.5rem; /* 24px */
    --font-size-2xl: 2rem; /* 32px */
    --font-size-3xl: 2.6rem; /* 42px */

    /* Variáveis de peso da fonte */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Variáveis de altura da linha */
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
}
.amareloCassi{
    color: #FFE01A;
}
.cardBody.CliniCASSI{
    padding: 24px 16px;
    background-color: #F9F9F9;
}
.cardHeader.CliniCASSI{
    border-bottom: 1px solid var(--neutral-100);
    padding: 8px 16px;
    color: #F9F9F9;
}
.cardClinica.CliniCASSI{
    border: 1px solid var(--neutral-100);
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    background-color: #F9F9F9;
}
.legenda{
    padding: 16px;
    gap: 10px;
    border-radius: 4px;
}
.legenda p{
    font-size: 16px;
    font-weight: 500;
    color: #002D4B;
}
.legenda p a{
    color:#002D4B;
    text-decoration: underline;
}
.legenda p span{
    font-size: 14px;
    font-weight: 600;
    color: #002D4B;
}
.iconQualificacao{
    width: 16px;
}

#AONA,
#ACBA,
#AIQG,
#APALC,
#ADICQ
{
    width: 32px;
}
.icone-default {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
/*ESTILOS DE REDE CREDENCIADA*/
.campoObrigatorio{
    color: var(--error-600);
    margin-right: 7px;
}
hr{
    margin: 1.5rem 0 1rem 0 !important;
}
.bi-file-earmark-arrow-down{
    color:var(--primary-100);
    font-size: 1rem
}
.bi-file-medical{
    color: var(--primary-100);
    font-size: 1.75rem
}
.bi-clock-history{
    color:var(--primary-100);
    font-size: 0.75rem
}
.bi-heart{
    color:var(--primary-100);
    font-size: 0.75rem
}
.bi-pin-map{
    color: var(--neutral-500);
    font-size: 0.875rem;
}
.bi-pin .localAtivo{
    color: var(--primary-0);
    font-size: 0.875rem;
}
li::marker{
    font-size: 0;
}
.modal-title{
    color: var(--primary-100)
}
.form-label {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.btn-link[aria-controls='collapseBuscaAvancada'], .btn-link{
    color: var(--primary-100);
    text-decoration: none;
    display: flex;
    gap: 0.5rem;
    padding-left: 0;
}
.btn-link[aria-expanded='false']::before{
    content: '\F4FD';
    font-family: "Bootstrap-icons";
}
.btn-link[aria-expanded='true']::before{
    content: '\F2E9'; 
    font-family: "Bootstrap-icons";
}
#guiaDeRedeBody{
    height: 350px !important;
    overflow-y: auto !important;
}
.guia{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--neutral-0);
    border-bottom: 1px solid var(--neutral-100);
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05);
    max-width: 24.125rem;
    max-height: 3.75rem;
    border-radius: 0.25rem;
}
.modal-footer p {
    color: var(--neutral-700)
}
.guiaDeRedeFooter{
    justify-content: flex-start;
}
.modal-header{
    align-items: flex-start !important;
}

/*Estilos Busca de rede credenciada*/
.btnCustomizadoSelect .ellipsisText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
    min-width: 0;
}
#evtInputFiltroNomePrestador:not([data-value=""]){
    color: black!important;
}
.btnCustomizadoSelect{
    display: flex;
    justify-content: space-between;
    background-color: var(--neutral-0);
    color: var(--neutral-500);
    width: 100%;
    max-height: 2.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--neutral-400);    
    overflow: clip;
}
button.btnCustomizadoSelect[aria-expanded="true"]{
    border: 2px solid var(--primary-100);
    color: var(--primary-100);
}
button.btnCustomizadoSelect:not([data-value=""]){
    color: var(--primary-100);
}
.btnCustomizadoSelect:disabled{
    width: 100%;
    height: 40px;
    background: #D9D9D9;
    border: 1px solid #969696;
    border-radius: 8px;
    flex: none;
    flex-grow: 0;
    align-self: stretch;
    z-index: 0;
    cursor: no-drop;

}
button.btnCustomizadoSelect::after{
    content: '\F285';
    font-family: "Bootstrap-icons";
}
input.btnCustomizadoSelect[placeholder]::placeholder{
    color: var(--neutral-500);
}
.fieldsetLocalAtendimento{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
#filtroBusca{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--neutral-0);
    border: 1px solid var(--neutral-300);
    width: 100%;
    padding: 1.5rem;
    gap: 1rem;
}
#filtroBusca h2, h2{
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--primary-0);
}
.btnFiltroContainer{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.sectionMaps{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    padding: 2rem
}
.tituloBuscaCredenciada{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 1.5rem;
    position: unset;
    min-width: 66.5rem;
    height: 4rem;
    max-width: 2560px;
    width: 100%;
}
.tituloBuscaCredenciada h1{
    color:var(--primary-100);
     font-size: 1.75rem;
     font-weight: 700;
     line-height: 36px;
 }
.fieldsetTitulo{
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: var(--primary-100);
    word-break: break-word;
}
.btnLocalProximo{
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    color: var(--primary-100);
}
.btnLocalProximo:disabled {
    border: unset;
}
.btnLocalProximo::before{
    content:'\F64C';
    font-family: "Bootstrap-icons";
}
.btnUltimasBuscas{
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}
.buscaContainer{
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}
.btnBuscarFiltroGeral{
    width: 125px;
}
/*Estilos nav tab tipo prestador e procedimentos*/

.nav-tabs{
    border-bottom: 0 !important;
    --bs-nav-tabs-border-width: 0 !important;
}
.nav-tabs .nav-link{
    border: 0;
}
.nav{
    border: 0 !important;
    justify-content: center;
}
.tab-pane.active{
    display: flex;
    flex-direction: column
}
.tabFiltro{
    color: var(--neutral-900);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}
.tabFiltro.active{
    color: var(--neutral-900);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
}

.nav-tabs .nav-link {
    position: relative;
    transition: color 0.3s;
}

.nav-tabs .nav-link::after {
    border-bottom: 2px solid var(--primary-0);
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    transition: width 0.4s ease-in-out;
}
.grid{
    display: grid;
}
.nav-tabs .nav-link.active::after {
    border-bottom: 2px solid var(--primary-0);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    transition: width 0.4s ease-in-out;
    width: 100%;
}
.tab-content{
    padding:1.5rem 0 0 0;
}
.card{
    border: 0 !important;
    --bs-card-spacer-y: none !important;
    --bs-card-spacer-x: none !important;
}

/*Estilos card de pesquisa e seleção*/
.headerCard{
    display: flex;
    justify-content: space-between;
}
.tituloCard{
    font-size: 1rem;
}
#sidebarDetalhes,
#sidebarResultado,
#sidebarUltimaBusca,
#sidebarFavoritos{
    position: relative;
    width: auto;
    max-width: 600px;
    background-color: var(--neutral-0);
    border: 1px solid var(--neutral-100);
    border-radius: 0.5rem;
    padding: 1.5rem 1rem 1.5rem 1rem;
    box-shadow: -2px 0 5px rgba(0,0,0,0.05);
    transition: transform 0.4s ease-in-out;
    transform: translateX(0%);
    z-index: 1050;
    margin: initial;
    margin-top: 1rem;
}
.contatoContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.enderecoContato{
    display: flex;
    justify-content: center;
    align-items: flex-start!important;
    gap: 4px;
}
.listaPrestadores{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 700px;
    padding-right: 12px; /* Adiciona espaço entre o conteúdo e a scrollbar */
}
.listaPrestadores::-webkit-scrollbar {
    width: 8px;
}

.listaPrestadores::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.listaPrestadores::-webkit-scrollbar-thumb {
    background-color: var(--primary-0);
    border-radius: 4px;
    border: 2px solid #f1f1f1;
}

.listaPrestadores::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3;
}

/* Estilos de scrollbar para o container de favoritos - mesmo padrão do listaPrestadores */
.favoritosContainer {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 700px;
    padding-right: 12px; /* Adiciona espaço entre o conteúdo e a scrollbar */
}

.favoritosContainer::-webkit-scrollbar {
    width: 8px;
}

.favoritosContainer::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.favoritosContainer::-webkit-scrollbar-thumb {
    background-color: var(--primary-0);
    border-radius: 4px;
    border: 2px solid #f1f1f1;
}

.favoritosContainer::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3;
}
.sidebarFiltro{
    position: relative;
    width: 418px;
    background-color: var(--neutral-0);
    border: 1px solid var(--neutral-100);
    border-radius: 0.5rem;
    padding: 1.5rem 0.5rem 1.5rem 0.5rem;
    box-shadow: -2px 0 5px rgba(0,0,0,0.05);
    transition: transform 0.4s ease-in-out;
    transform: translateX(0%);
    z-index: 1050;
    margin: initial;
    margin-top: 1rem;
}
.sidebarResultado {
    margin-top: 1rem;
}
.sidebar[style="display: none;"]{
    transform: translateX(-100%);
}
.siglaUF{
    font-weight: 400;
    font-size: var(--font-size-md);
    line-height: 24px;
    text-align: right;
    color: var(--neutral-400);
}
.btnCustomizadoBuscaEstado{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 358px;
    height: 48px;
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-bottom-width: 1px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-color: var(--neutral-100);
    background-color: var(--neutral-0);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--neutral-200);
}
.btnCustomizadoQualificacao{
    display: flex;
    align-items: baseline;
    height: 48px;
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-bottom: 1px solid;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-color: var(--neutral-100);
    background-color: var(--neutral-0);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--primary-100);
}
.btnCustomizadoBuscaProcedimento,
.btnCustomizadoBuscaEspecialidade, 
.btnCustomizadoBuscaSubespecialidade, 
.btnCustomizadoBuscaMunicipio, 
.btnCustomizadoBuscaBairro, 
.btnCustomizadoBuscaTipoPrestador{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 358px;
    height: fit-content;
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-bottom-width: 1px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-color: var(--neutral-100);
    background-color: var(--neutral-0);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--neutral-200);
}
.btnCustomizadoBuscaPlano{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 358px;
    height: 82px;
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-bottom-width: 1px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-color: var(--neutral-100);
    background-color: var(--neutral-0);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--neutral-200);
}
.btnCustomizadoBuscaPlano:hover , .btnCustomizadoBuscaPlano:focus, .btnCustomizadoBuscaGenerico:hover, .btnCustomizadoBuscaGenerico:focus{
    border-color: var(--neutral-100);
    background-color: var(--alert-100);
}
.fieldsetText{
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    color: var(--primary-100);
    text-align: left ;
}
.status{
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: var(--terciary-100);
}
.menuModais{
    max-width: 600px;
    height: 96px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 16px;
    background-color: var(--neutral-0);
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 7.5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: auto;
    position: absolute;
    justify-self: center;
    margin-top: 16px;
}
.lista{
   height: 500px;
   overflow-y: auto;
   overflow-x: hidden;
}
.lista::-webkit-scrollbar {
    width: 8px;
}

.lista::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.lista::-webkit-scrollbar-thumb {
    background-color: var(--primary-0);
    border-radius: 4px;
    border: 2px solid #f1f1f1;
}

.lista::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3;
}
.cardClinica .localPrestador{
    font-size: 0.75rem;
    color: var(--primary-100);
    max-width: 270px;
}
#sidebarDetalhes .detalhesDescricao{
    font-size: 1rem;
    color: var(--primary-100);
}
#sidebarDetalhes .tituloClinica{
    font-size: 1.25rem;
    color: var(--primary-100);
    max-width: 100%;
    font-weight: 700;
    line-height: 28px;
}
#sidebarDetalhes .subtituloClinica {
    font-size: 0.9rem;
    color: var(--primary-100);
}
.cardClinica {
    /*width: 536px;*/
    border: 1px solid var(--neutral-100);
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    background-color: #F9F9F9;
}
.cardClinica.favoritos {
    width: 100%;
    border: 1px solid #CBD5E0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    background-color: #FFFFFF;
}
.cardHeader{
    border-bottom: 1px solid var(--neutral-100);
    padding: 8px 16px;
    color: var(--primary-100);
}
.cardBody{
    padding: 24px 16px;
    background-color: var(--neutral-0);
}

.cardBody .cardPrestadorItem {
    padding: 1.5rem 0;
    border-bottom: 1px dashed #CBD5E0 !important;
    margin-bottom: 0;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
}

.cardBody .cardPrestadorItem:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
}

.cardBody .cardPrestadorItem:first-child {
    padding-top: 0;
}

.cardClinica .tituloClinica {
    font-weight: 600;
    font-size: 1rem;
    color: var(--primary-100);
    max-width: 300px;
}

.cardClinica .subtituloClinica {
    font-size: 0.9rem;
    color: var(--primary-100);
}


.cardClinica .btnMapa {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cardClinica .linkDetalhes {
    color: #007bff;
    text-decoration: none;
    font-size: 0.75rem;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.infoContato {
    font-weight: bold;
    color: var(--primary-100);
    font-size: 1rem;
}

.cardClinica .infoDistancia {
    font-size: 0.75rem;
    color: #007bff;
    display: flex;
    align-items: center;
    gap: 4px;
}
.cardClinica .infoDistancia::before{
    content: '\F3E8';
    font-family: 'Bootstrap-icons';
}
/*estilos mais detalhes do prestador*/
ul.listaEspecialidades {
    list-style-type: disc;
    padding-left: 10px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

ul.listaEspecialidades li {
    display: list-item;
    margin-right: 15px;
}
ul.listaEspecialidades li::marker {
    color: var(--primary-100);
    font-size: 0.725rem; !important;
}
.btnVoltar::before{
    content: '\F284';
    font-family: "Bootstrap-icons";
}
.btnVoltar{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--primary-100);
    width: 71px;
    height: 40px;
    gap: 8px;
    border-radius: 4px;
    padding: 8px 16px;
    background-color: transparent;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;

}
.btnFavoritarLargo:focus-visible{
    background-color: var(--yellow-100);
    border: 1px solid var(--primary-100);
}
.btnAcessarMapa:focus-visible{
    background-color: var(--yellow-100);
    border: 1px solid var(--primary-100);
}
.btnAcessarMapa::before{
    content: '\F47F';
    font-family: "Bootstrap-icons";
    color: var(--primary-100);
}
.btnFavoritarLargo, .btnAcessarMapa, .btnConsultaOnline{
    color: var(--primary-100);
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid var(--neutral-200);
    border-radius: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    height: fit-content;
}
.btnConsultaOnline::before{
    content: '\F4DE';
    font-family: "Bootstrap-icons";
    color: var(--primary-100);
}
.btnImprimir::before{
    font-size: 24px;
    content: '\F501';
    font-family: "Bootstrap-icons";
    color: var(--primary-100);
}
.btnCompartilhar::before{
    font-size: 16px;
    content: '\F52D';
    font-family: "Bootstrap-icons";
    color: var(--primary-100);
}
.btnCompartilhar,
.btnImprimir,
.btnFavoritar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--neutral-100);
    border-radius: 100px;
}
.btn-close{
    font-size: 18px;
    color: var(--primary-100) !important;
}
.contatos{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}
.descricaoPlano{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.descricaoPlano span{
    color: var(--neutral-800);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.descricaoTitulo{
    color: var(--primary-100);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.descricaoStatus{
    color: var(--neutral-700);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
#sidebarDetalhes h4{
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1rem; 
    line-height: 1.5rem; 
    color: var(--primary-0);
}
.informacoesGerais{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cardErroResultado{
    width: 556px;
    height: 160px;
    border-radius: 8px;
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 10px;
    border: 1px solid var(--neutral-100) ; 
    background-color: #F9F9F9;
}
.qualificacoesContainer {
    gap: 0.2rem;
}

.qualificacaoBox {
    background-color: transparent;
    border: transparent;
}

.qualificacaoBox .icon svg {
    width: 2rem;
    height: 1rem;
    fill: #007bff;
}

.qualificacaoBox .descricao {
    font-weight: 500;
}
    /*fim estilos detalhes do prestador*/

/* Paginação*/

.paginacao {
    list-style: none;
    display: flex;

    /*align-items: center;*/
    justify-content: end;

    /*max-width: 25%;*/
    margin: 0 auto;
}

.item-paginacao a {
    padding: 10px 14px;
    margin: 0 5px;
    color: var(--primary-600);
}

.item-paginacao a.pagina {
    border: 1px solid var(--primary-600);
    border-radius: 9px;
}

.item-paginacao a.pagina:hover{
    background-color: var(--primary-100);
}

.item-paginacao a.pagina:active:hover{
    background-color: var(--primary-200);
}

.paginacao-bloqueada {
    color: indianred !important;
}

.item-paginacao:first-child a.pagina, .item-paginacao:last-child a.pagina {
    border: none;
    background-color: transparent;
}

.item-paginacao a.pagina.atual {
    background-color: var(--primary-600);
    color: white;
}

.item-paginacao a.pagina.atual:hover{
    background-color: var(--primary-800);
}

.item-paginacao a.pagina.atual:active:hover{
    background-color: var(--primary-700);
}

.item-paginacao a[disabled='disabled'] {
    cursor: not-allowed;
    color: #ccc;
}
/*final paginação*/
.imgMaps {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    padding-right: 16px;
}
.filtroOrdenacao{
    color: var(--primary-600);
    display: flex;
    gap: 8px;
    justify-content: end;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    border: none;
}
#evtCopiarLink::before{
    content:"\F470";
    font-family: "Bootstrap-icons";
    font-size: 1rem;
    color: var(--primary-100);
    margin-right: 8px;
}
#evtSalvarImagem::before{
    content:"\F525";
    font-family: "Bootstrap-icons";
    font-size: 1rem;
    color: var(--primary-100);
    margin-right: 8px;
}
.btnCompartilhar::after {
    content: none !important;
}

/*Estilos do CardSelect*/
.sidebarFiltro {
    min-height: 500px;
    height: auto;
}
.pesquisarContainer {
    display: flex;
    flex-direction: column;
    min-height: 556px;
}
.listaContainer {
    flex: 1;
    height: auto;
    max-height: none;
    min-height: 400px;
    overflow-y: auto;
}
.notaProcedimento {
    font-size: var(--font-size-sm);
    margin-top: -71.13px !important;
}
#loadingContainer {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#loadingContainer .spinner-border {
    width: 3rem;
    height: 3rem;
}

.card-instrucao-Substituicao {
    background-color: #E9E9E9;
    border: 2px dashed var(--neutral-100);
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 20px;
    text-align: center;
    min-height: 136px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-instrucao-Substituicao i {
    font-size: 22px;
    color: var(--neutral-500);
    margin-bottom: 15px;
    display: block;
}

.card-instrucao-Substituicao p {
    color: var(--neutral-500);
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}
/* Estilos para o card de instrução de procedimentos */
.card-instrucao-procedimento {
    background-color: var(--gray-100);
    border: 2px dashed var(--neutral-100);
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 20px;
    text-align: center;
    min-height: 136px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-instrucao-Substituicao .card-instrucao-content{
    max-width: 400px;
}
.card-instrucao-content {
    max-width: 300px;
    margin: 0 auto;
}

.card-instrucao-procedimento i, .card-instrucao-Substituicao i {
    font-size: 22px;
    color: var(--neutral-500);
    margin-bottom: 15px;
    display: block;
}

.card-instrucao-procedimento p, .card-instrucao-Substituicao p {
    color: var(--neutral-500);
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}
legend{
    margin-bottom: 0px;
}
/* Estilos para o card de busca sem resultados */
.card-busca-aviso {
    background-color: var(--gray-100);
    border: 2px dashed var(--neutral-100);
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 20px;
    text-align: center;
    min-height: 136px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-busca-aviso .card-instrucao-content {
    max-width: 100%;
    margin: 0 auto;
}

.card-busca-aviso i {
    font-size: 22px;
    color: var(--neutral-500);
    margin-bottom: 15px;
    display: block;
}

.card-busca-aviso p {
    color: var(--neutral-500);
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

/* Estilos para Tooltip personalizado */
.tooltip {
    font-size: 14px;
}

.tooltip .tooltip-inner {
    background-color: var(--neutral-0);
    color: var(--neutral-900);
    border: 1.5px solid var(--neutral-400);
    padding: 0.50rem 0.75rem;
    max-width: 250px;
    /*box-shadow: 0px 2px 4px rgba(0,0,0,0.1);*/
    text-align: left;
    border-radius: 12px;
    opacity: 1;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--neutral-300);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--neutral-300);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--neutral-300);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--neutral-300);
}

.tooltip .tooltip-arrow::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

.tooltip.bs-tooltip-top .tooltip-arrow::after,
.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: var(--neutral-0);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.tooltip.bs-tooltip-end .tooltip-arrow::after,
.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-top-color: transparent;
    border-right-color: var(--neutral-0);
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::after,
.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--neutral-0);
    border-left-color: transparent;
}

.tooltip.bs-tooltip-start .tooltip-arrow::after,
.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--neutral-0);
}
/*Estilo tag select para WEB*/
.btnSelectContainer{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}
.planoOption{
    font-size: 1rem;
    color: var(--neutral-700);
}

/* Estilos para indicadores do scroll infinito */
li.indicadorCarregamentoLista {
    list-style: none;
    margin: 10px 0;
}

li.indicadorCarregamentoLista .spinner-border {
    color: var(--primary-0);
    width: 2rem;
    height: 2rem;
}
/*Busca e seleção automática de filtro plano e local*/
.cabecalhoPlanoEstado{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.containerTrocarLocal{
    display: flex;
    justify-content: center;
}
.btnTrocar{
    color: var(--primary-600) ;
}
.tituloNomeusuario>h2, .tituloNomeusuario>p{
 font-size: 0.75rem!important;   
}
.bi-person{
    color: var(--primary-600);
    font-size: 1.5rem;
}
.containerPlanoEstado{
    padding: 8px 16px;
    background-color: #F1F4F9;
    border: 1px solid #CBD5E0;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cardUltimaBusca .tituloUltimaBusca {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--primary-100);
    max-width: 300px;
}

.cardUltimaBusca .subtituloUltimaBusca {
    font-size: 0.9rem;
    color: var(--primary-0);
    font-weight: 600;
}
.cardUltimaBusca .localPrestador{
    font-size: 0.75rem;
    color: var(--primary-100);
    max-width: 270px;
}
.cardUltimaBusca{
    padding: 24px 16px 16px 16px;
    border: 1px solid #D9D9D9 !important;
}
#iconeErroSo.bi-exclamation-triangle{
    font-size: 4rem;
}
.btnMeuPlano{
    width: 209px;
    height: 36px;
    font-size: 14px;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border: none;
    gap: 8px;
    opacity: 1;
    background-color: #F1F4F9;
    color: var(--primary-600);
}
.btnMeuPlano:before{
    font-size: 1rem;
    color: var(--primary-600);
    content: '\F4E1';
    font-family: "Bootstrap-icons";
}
/*Estilos para a legenda das qualificações*/
.cardLegenda {
    align-content: center;
    background-color: var(--gray-100);
    border-radius: 8px;
    padding: 20px;
    padding-bottom: revert-layer;
    margin-bottom: 20px;
}

.legenda-container {
    width: 100%;
}

.btn-legenda {
    background: none;
    border: none;
    color: var(--primary-100);
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 0;
    cursor: pointer;
    margin-bottom: 16px;
}

.btn-legenda:hover {
    color: var(--primary-0);
}

.btn-legenda:focus {
    outline: 2px solid var(--primary-0);
    outline-offset: 2px;
}

.legenda-conteudo {
    width: 100%;
}

.item-legenda {
    padding: 8px 0;
}

.icon-legenda {
    width: 40px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-legenda svg {
    width: 40px;
    height: 20px;
}

.texto-legenda {
    font-size: 0.875rem;
    color: var(--primary-100);
    line-height: 1.4;
}

#iconeLegenda.rotated {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

#iconeLegenda {
    transition: transform 0.3s ease;
}

/*Estilos para os botões do cabeçalho*/
.botoesCabecalho {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

@media (max-width: 1199px) {
    .botoesCabecalho {
        margin-top: 1rem;
        justify-content: flex-start;
    }
}

#paginacaoFavoritosWrapper {
    display: flex;
    justify-content: center;
}
#paginacaoFavoritosWrapper .paginacao {
    justify-content: center;
}
/*Estilos modal reportar dados incorretos*/
.dadosIncorretosForm{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.informeSeusDados{
    padding: 16px 8px;
    background-color: #F1F4F9;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.informeSeusDados h3{
    color: var(--primary-100);
    font-size: 1rem;
}
#detalhes{
    max-height:200px;
}

.p_text{
    color: var(--neutral-500);
}
.checkboxDadosIncorretos{
    appearance: none;        /* Remove o estilo padrão */
    width: 20px;
    height: 20px;
    border: 2px solid var(--primary-600); /* Cor da borda */
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.checkboxDadosIncorretos:checked{
    appearance: auto;        /* Remove o estilo padrão */
    color: var(--primary-600);              /* Cor do ícone */
}

.card-busca-erro {
    color: var(--neutral-500);
    background-color: var(--gray-100);
    border: 2px dashed var(--neutral-100);
    border-radius: 8px;
    padding: 25px 0px;
    margin-top: 20px;
    text-align: center;
    min-height: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.card-busca-erro p {
    color: var(--neutral-500);
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}
.cardBody{
    padding: 24px 16px;
    background-color: var(--neutral-0);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.cardBody .cardPrestadorItem {
    padding: 1.5rem 0;
    border-bottom: 1px dashed #CBD5E0 !important;
    margin-bottom: 0;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
}

.cardBody .cardPrestadorItem:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
}

.cardBody .cardPrestadorItem:first-child {
    padding-top: 0;
}

.color-primary-800{
   color: var(--primary-800);
}

.color-neutral-100 {
    color: var(--neutral-100);
}

.font-size-xs {
    font-size: var(--font-size-xs);
}