@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

section#tabela-cotas{
    font-family: "Inter", sans-serif !important;
    font-size:15px;
}
.container-fluid{
    max-width:100%;
    width:1690px;
}
section#tabela-cotas h2{margin: 0 0 40px;text-transform: uppercase;color: #000;font-weight: 900;font-size: 24px;}
section#tabela-cotas h2 span{border-bottom: 3px var(--cor-primaria) solid;}
section#tabela-cotas h3{margin: 0 0 20px;font-weight: 700;text-transform: uppercase;font-size: 20px;}
#clearFiltros{background: transparent;border: 0;outline: none;padding: 0 10px;}
#clearFiltros svg{width:30px;}
#botaoFiltrarPreco{display: flex;align-items: center;justify-content: center;width: 100px;height: 32px;background: var(--cor-primaria);border: 0;color: #fff;font-weight: 500;text-transform: uppercase;font-size: 13px;outline: none;transition:all 0.3s linear;}
#botaoFiltrarPreco:hover{background:var(--cor-secundaria);}
.filtro-categoria label{border: 1px solid #ccc;padding: 8px 20px;text-transform: uppercase;color:var(--cor-primaria);font-weight: 500;font-size: 14px;background:#fff;transition:all 0.3s linear;margin-right: 10px;line-height:26px;cursor:pointer;}
.filtro-categoria label svg{width:26px;fill:var(--cor-primaria);transition:all 0.3s linear;}
.filtro-categoria input:checked + label, .filtro-categoria label:hover{border-color:var(--cor-primaria);background:var(--cor-primaria);color:#fff;}
.filtro-categoria input:checked + label svg, .filtro-categoria label:hover svg{fill:#fff;}
.filtros-top{margin-bottom:15px;}
.filtros-bottom{margin-bottom:15px;display: flex;align-items: center;justify-content: flex-end;}
.filtros-bottom label{position:relative;padding-left:24px;font-size:14px;font-weight:500;color:#333;line-height:18px;cursor:pointer;}
.filtros-bottom label:before{content:"";width:18px;height:18px;border-radius:4px;border:1px solid #ccc;background:#fff;position:absolute;left:0;top:50%;transform:translatey(-50%);transition:all 0.3s linear;}
.filtros-bottom input:checked + label:before{background:var(--cor-primaria);border-color:var(--cor-primaria);}
.filtros-bottom label:after{content: "\f633";display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: 400 !important;font-variant: normal;text-transform: none;line-height: 1;position:absolute;left:0;top:50%;
transform:translatey(-50%);width:18px;height:18px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;}
.filtros-bottom .d-flex > div:not(:last-child){margin-right:15px;}
 
#sliderValorCredito{width: 270px;height: 17px;background: #0000000f;border-radius: 4px;border: 1px solid #D3D3D3;box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;margin-right: 12px;}
.ui-slider-horizontal .ui-widget-header{height: 100%;background: #0000000f;}
.ui-slider-horizontal .ui-slider-handle{position: relative;height: 18px;width: 10px;display: flex;top: -2px;background: var(--cor-primaria) !important;right: -3px;border:0 !important;outline:none !important;}
.ui-slider-horizontal .ui-slider-handle:before{content:attr(data-value);width: 86px;height: 22px;border-radius: 5px;background: #333;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);color: #fff;display: flex;justify-content: center;align-items: center;font-size: 10px;}
.ui-slider-horizontal .ui-slider-handle:after{content:"";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);top: -5px;left: 50%;transform: translateX(-50%);border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333;}
.ui-slider-horizontal .ui-slider-handle:nth-child(3){display:none;}
 
#sliderValorEntrada{width: 270px;height: 17px;background: #0000000f;border-radius: 4px;border: 1px solid #D3D3D3;box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;margin-right: 12px;}
.ui-slider-horizontal .ui-widget-header{height: 100%;background: #0000000f;}
.ui-slider-horizontal .ui-slider-handle{position: relative;height: 18px;width: 10px;display: flex;top: -2px;background: var(--cor-primaria) !important;right: -3px;border:0 !important;outline:none !important;cursor: pointer;z-index: 10;}
.ui-slider-horizontal .ui-slider-handle:before{content:attr(data-value);width: 86px;height: 22px;border-radius: 5px;background: #333;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);color: #fff;display: flex;justify-content: center;align-items: center;font-size: 10px;}
.ui-slider-horizontal .ui-slider-handle:after{content:"";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);top: -5px;left: 50%;transform: translateX(-50%);border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333;}
.ui-slider-horizontal .ui-slider-handle:nth-child(3){display:none;}
    
    
    
.modal-open {display: flex !important;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.4);;animation-name: fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 1s;z-index: 999 !important;}
@keyframes fadeInOpacity {0% {opacity: 0;}100% {opacity: 1;}}
.fora-modal{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor: pointer;}
.content-modal{
position: relative;
z-index: 5;
background: #fff;
width: 440px;
max-width: 96%;
}
.content-modal .header-modal{
background: #000;
padding: 12px 15px;
color: #fff;
}
.content-modal .header-modal h4{
margin: 0;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
font-family: Inter;
}
.content-modal .header-modal .close-modal{
position: relative;
cursor: pointer;
font-size: 18px;
line-height: 1;
transition:all 0.3s linear;
}
.content-modal .header-modal .close-modal:hover{
color:var(--cor-primaria);
}
.content-modal .body-modal{
padding:25px 15px 25px;
max-height: 500px;
overflow: auto;
}
.content-modal .body-modal p{
margin-bottom: 0;
line-height: 26px;
font-size: 16px;
color: rgb(54, 69, 89);
font-family: Inter;
font-weight: 400;
}
.content-modal .body-modal p strong{font-family: Inter;}
.content-modal .footer-modal{
padding: 15px;
background-color: rgb(247, 247, 247);
border-top: 1px solid #e5e7eb;
}
a.compartilhar-cota{
color: #fff;
background: #000;
border: 0 !important;
font-family: Inter;
font-size: 15px;
transition:all 0.3s linear;
text-decoration:none !important;
padding: 10px 15px;
}
a.compartilhar-cota:hover, a.compartilhar-cota:focus, a.compartilhar-cota:active{
background:#222;
color: #fff;
}
a.compartilhar-cota i{
margin-right:10px;
}
a.negociar-cota{
color: #fff;
background: rgb(1, 162, 142);
border: 0 !important;
font-family: Inter;
font-size: 15px;
transition:all 0.3s linear;
text-decoration:none !important;
padding: 10px 15px;
}
a.negociar-cota:hover, a.negociar-cota:focus, a.negociar-cota:active{
background:rgb(1, 126, 110);
color: #fff;
}
a.negociar-cota i{
margin-right:10px;
}

.table-consorcio{border:0;}
.table-consorcio thead{position:sticky;top:0;background-color:var(--cor-primaria) !important;border: 0 !important;}
.table-consorcio thead tr th{background-color:transparent !important;border: 0 !important;color:var(--cor-cabecalho-tabela) !important;font-weight: 700;font-size: 16px;text-transform: uppercase;font-family: Inter;}
.table-consorcio tbody tr td{vertical-align:middle;border:0 !important;font-family: Inter;font-size:14px;}
.table-consorcio .adm-logo img{max-width: 50px;width: auto;max-height: 44px;}
.table-consorcio .adm-logo, .table-consorcio .icon-cat, .table-consorcio .select-area, .table-consorcio .view-cota{text-align:center;}
.table-consorcio .icon-cat svg{width:30px;fill:var(--cor-primaria);}
.table-consorcio .btn-reserva{display:flex;align-items:center;justify-content:center;color:#fff !important;width:144px;height:34px;background-color:var(--cor-primaria);text-decoration:none;font-weight:500;font-size:12px;font-family: Inter;}
.table-consorcio .btn-reserva.btn-reservar{background-color:rgb(1, 162, 142);transition:all 0.3s linear;}
.table-consorcio .btn-reserva.btn-reservar:hover{background-color:rgb(1, 126, 110);}
.table-consorcio .btn-reserva svg{width: 17px;margin-right: 5px;}
.table-consorcio .btn-reserva svg path{fill:#fff;}
.table-consorcio .ver-cota{display: flex;align-items: center;justify-content: center;width: 46px;height: 34px;padding: 13px;border: 1px solid #d3d3d3;background: rgba(255, 255, 255, 0.25);transition: all 0.3s linear;cursor:pointer;}
.table-consorcio .ver-cota svg path{stroke:rgb(97, 113, 136);transition: all 0.3s linear;}
.table-consorcio .ver-cota:hover{background:var(--cor-primaria);}
.table-consorcio .ver-cota:hover svg path{stroke:#fff;}
.table-consorcio .cota-select + label{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:2px solid #ccc;width:16px;height:16px;margin:0 auto;color: #fff;font-size: 13px;transition:all 0.3s linear;}
.table-consorcio .cota-select:checked + label{border-color:#fff;background:var(--cor-primaria);}
#tabelaContemplados tr:hover td, #tabelaContemplados tr.checked td{background:transparent !important;color:var(--cor-texto-tabela-hover);}
#tabelaContemplados tr:hover td .ver-cota svg path,  #tabelaContemplados tr.checked td .ver-cota svg path{stroke: var(--cor-texto-tabela-hover);}
#tabelaContemplados tr:hover{background:var(--cor-tabela-hover) !important;}
#tabelaContemplados tr.checked{background-color:var(--cor-tabela-hover) !important;}

button#somar-cotas{
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
background:rgba(255,145,0,255);
color:#fff;
font-family:Inter;
font-size:14px;
transition:all 0.2s linear;
border:0;
padding: 10px 15px;
}
button#somar-cotas:hover{
transform:scale(1.04);
}
button#somar-cotas i{
margin-right:5px;
}

button#compartilha-cotas{
position: fixed;
bottom: 15px;
left: 15px;
z-index: 99;
background:rgb(1, 162, 142);
color:#fff;
font-family:Inter;
font-size:14px;
transition:all 0.2s linear;
border:0;
padding: 10px 15px;
}
button#compartilha-cotas:hover{
transform:scale(1.04);
}
button#compartilha-cotas i{
margin-right:5px;
}

.open-cartas{  /* modal */
font-size:15px;
cursor:pointer;
transition:all 0.3s linear;
}
.open-cartas:hover{
color:var(--cor-secundaria);
}
.detalhe-cota{
background:#f3f4f6;
color:#555;
padding:10px;
margin:7px 0;
}
.detalhe-cota small{
font-size: 13px;
font-family: Inter;
font-weight: 400;
}
.detalhe-cota small strong{
font-weight:700;
font-family: Inter;
}
.detalhe-cota span{
font-weight: 600;
font-size: 15px;
font-family: Inter;
}

.tabela-consorcio .loading{
width: 100%;
align-items: center;
justify-content: center;
display: none;
}
.loading-page{
display: none;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
background: rgba(255, 255, 255, 0.6);
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
        
.loading-page svg {
    animation: spin 2s linear infinite;
}

.swal2-popup.swal2-modal{
padding: 20px 30px !important;
max-width: 380px;
border-radius:15px !important;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
border: 1px solid #E5E5E5;
}
.swal2-title{
padding: 10px 0 0 !important;
text-align: center;
font: normal normal bold 14px/14px Inter;
letter-spacing: 0px;
color: #100841;
margin-bottom: 0px;
}
.swal2-html-container{
display: block;
margin: 0 auto 15px !important;
text-align: center !important;
font: normal normal normal 13px/20px Inter !important;
letter-spacing: 0px;
color: #100841 !important;
opacity: 0.55;
padding: 5px 0 0 !important;
}
.swal2-actions{
margin: 0 !important;
}
button.swal2-confirm.swal2-styled{
margin: 0 !important;
width: 40px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
background: var(--cor-primaria);
border-radius: 5px;
box-shadow: none !important;
outline: none !important;
text-align: center;
font: normal normal normal 13px/20px Inter;
letter-spacing: 0px;
color: #FFFFFF;
transition: all 0.4s linear;
}
button.swal2-confirm.swal2-styled:hover{
background:var(--cor-secundaria);
color:#fff;
}
.swal2-container{
background-color: rgba(150, 150, 150, 0.3);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
.swal2-icon.swal2-warning.swal2-icon-show{
margin: 0 auto !important;
font-size: 0;
width: 24px;
height: 24px;
background-image: url(../images/warning.svg);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}

@media(max-width:992px){
section#tabela-cotas h2 {
  margin: 0 0 25px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: left;
}
.filtros-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.filtros-top .filtro-categoria{
width: 100%;
margin: 0 auto 20px;
}
.filtros-top .filtro-categoria .d-flex{
justify-content:flex-start;
}
section#tabela-cotas h3 {
  margin: 0 0 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  text-align: left !important;
}

.filtros-top .filtro-preco {
  margin-left: auto; /* move para direita */
  width: 300px;       /* largura fixa para alinhamento */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.filtros-top .filtro-preco h3 {
  text-align: right;
  font-size: 15px;
  text-transform: uppercase;
  margin: 10px 0 5px;
}

.filtros-top .filtro-preco .slide-price {
  width: 100%;
  margin-bottom: 10px;
}

.filtros-top .filtro-preco .filter-button {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}


/* Coloca .filtro-preco no canto direito e os sliders um abaixo do outro */
.filtro-preco {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    padding-left: 20px;
    max-width: 320px;
}

.filtro-preco .slide-price {
    width: 100%;
    margin: 5px 0;
}

.filter-button {
    margin-top: 10px;
}

.slide-price{
margin: 20px auto 15px;
}
#sliderValorCredito {
  margin-right: 0;
}
.filtros-bottom {
justify-content: center;
}
.filtro-categoria label {
  padding: 5px 15px;
  font-size: 13px;
  line-height:22px;
}
.filtro-categoria label svg {
  width: 22px;
}
.container-fluid{
padding:0;
}
.table-consorcio thead tr th, .table-consorcio tbody tr td, button#somar-cotas, button#compartilha-cotas{
font-size:12px;
}
.table-consorcio .icon-cat svg {
width: 18px;
}
.table-consorcio .adm-logo img {
max-width: 34px !important;
width: auto;
max-height: 24px;
}
.tabela-consorcio{
width: 100%;
overflow: auto;
padding-bottom:15px;
}
.table-consorcio .ver-cota {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 26px;
  padding: 8px;
}
.table-consorcio .btn-reserva {
  width: 110px;
  height: 30px;
  font-size: 11px;
}
.table-consorcio .btn-reserva svg {
width: 15px;
margin-right: 5px;
}
.table-consorcio{
width: 660px;
}
/* Estiliza o fundo do modal com desfoque */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 1); /* Torna o fundo levemente escuro */
}

/* Ajusta a aparência do modal */
.modal-content {
    border-radius: 20px; /* Borda arredondada para o modal */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); /* Sombra para destacar */
}

/* Botão de fechar estilizado */
.btn-close {
    filter: brightness(0.8);
}

/* Ajusta o espaço interno do modal */
.modal-body {
    padding: 20px;
}

/* Estiliza os checkboxes */
.form-check-input {
    cursor: pointer;
	box-shadow: 0 2px 5px rgba(0,0,0,1)
}

/* Estiliza o botão principal */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #004085;
}
th.sortable {
    cursor: pointer;
}
th.sorted-asc::after {
    content: " ↑";
}
th.sorted-desc::after {
    content: " ↓";
}
}

thead th.select-area {
    border-top-left-radius: 12px; /* arredondado no canto superior esquerdo */
}

thead th.view-cota {
    border-top-right-radius: 12px; /* arredondado no canto superior direito */
}

.poppins-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 600; /* ou 400/700 dependendo do destaque que quiser */
    color: #222; /* opcional: cor base do título */
    margin-bottom: 1rem; /* opcional: espaçamento inferior */
}


.primary-underline {
    display: inline-block;
    border-bottom: 3px solid var(--cor-primaria); /* ou substitua por #HEX/RGB */
    padding-bottom: 4px; /* espaço entre texto e linha */
}
