/* Deixa todos os botões dos planos iguais ao laranja */
.box-pricing .tf-btn {
    background-color: #f15a24 !important; /* cor laranja */
    color: #fff !important;               /* texto branco */
    border: none !important;
}

/* Efeito hover */
.box-pricing .tf-btn:hover {
    background-color: #d94e1f !important; /* tom mais escuro no hover */
    color: #fff !important;
}

/* PREÇO Roxo */
.price h4 {
    color: #3C004F !important;
}

/* Botão roxo do plano com padrão ativado */

.box-pricing.active .tf-btn {
  background-color: #5a0075 !important; /* Roxo mais claro padrão */
  border-color: #5a0075 !important;
  color: #fff !important;
}

.box-pricing.active .tf-btn:hover {
  background-color: #3C004F !important; /* Roxo mais escuro no hover */
  border-color: #3C004F !important;
  color: #fff !important;
}



/* Cor branca para o texto do menu */
.topmenu .navbar-nav .menu-item a {
    color: #fff !important;
    transition: color 0.3s ease;
}

/* Hover suave */
.topmenu .navbar-nav .menu-item a:hover {
    color: #ff6600 !important; /* Cor de destaque no hover */
}

/* Altera a cor de fundo do cabeçalho para roxo */
.topmenu.bg-light {
  background-color: #3C004F !important;
}

/* Altera a cor dos links e do texto do menu para branco */
.topmenu .navbar-light .navbar-nav .nav-link,
.topmenu .login-item a,
.topmenu .d-inline-block {
    color: #FFFFFF !important;
}

/* Altera a cor do ícone do menu (hamburger) para branco */
.topmenu .navbar-toggler .fas.fa-bars {
    color: #FFFFFF;
}

/* Garante que o texto do botão "Adicionar propriedade" permaneça legível */
.topmenu .add-property {
    color: #FFFFFF; /* Define a cor do texto do botão */
}

/* Arrow cor Branca */
.sub-toggle-desktop {
  color: #fff; /* branco */
}

/* Altera a cor de fundo do cabeçalho */
.main-header {
  background-color: #3C004F !important;
}

/* Altera a cor do texto e dos links no cabeçalho para branco */
.main-header .login-item a,
.main-header .language .d-inline-block {
    color: #FFFFFF !important;
}

/* Altera a cor do texto e remove o fundo do botão de moeda */
.main-header .btn-secondary {
    color: #FFFFFF !important;
    background-color: transparent;
    border: none;
}

/* Altera a cor do ícone do menu "hamburger" para branco */
.main-header .navbar-toggler .fas.fa-bars {
    color: #FFFFFF;
}

/* Estiliza o rodapé INTEIRO com fundo roxo e texto/ícones brancos */
footer {
  background-color: #3C004F;
  color: #FFFFFF;
  padding-top: 40px; /* Adiciona um espaçamento no topo */
}

/* Garante que os links no rodapé também fiquem brancos */
footer a {
  color: #FFFFFF;
}



/* Estiliza especificamente a área de copyright para garantir o espaçamento */
.copyright text-center mb-0 {
  padding-top: 30px;
  padding-bottom: 20px;
  color: #ffffff;
}

.cta-wrap{
  text-align:center;
}

/* Botão retangular (não pílula) */
a.btn-cadastre{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 32px;
  border-radius:8px !important;          /* força cantos arredondados leves */
  background:linear-gradient(180deg,#f77e2d,#e94d20);
  color:#fff !important;
  font-weight:700;
  font-size:16px;
  text-decoration:none !important;
  line-height:1;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition:transform .2s ease, opacity .2s ease;
}
a.btn-cadastre:hover{
  transform:translateY(-1px);
  opacity:.96;
}

/* Aplica apenas quando o JS marcar o  com esta classe */
.page-list-no-map #properties-map,
.page-list-no-map .rightmap,
.page-list-no-map .leaflet-container,
.page-list-no-map .leaflet-control-container,
.page-list-no-map .change-view,          /* ícone/ação de alternar para mapa */
.page-list-no-map .view-type-map {       /* ícone específico */
  display: none !important;
}

/* Garante que a lista ocupe toda a largura */
.page-list-no-map #properties-list {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Ajustes finos de padding quando estiver em "full width" */
.page-list-no-map #properties-list.full-page-content {
  padding-right: 0 !important;
}

/* MENU MOBILE MAIS LIMPO E ORGANIZADO */
@media (max-width: 991px) {
  .main-menu-nav {
    display: block !important;
    width: 100%;
    padding: 15px;
    background: #3C004F;
  }

  /* UL do menu */
  .main-menu-nav .menu--mobile {
    display: flex !important;
    flex-direction: column; /* força um abaixo do outro */
    gap: 12px; /* espaçamento entre os itens */
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Itens de menu */
  .main-menu-nav .menu--mobile li {
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
  }

  /* Links */
  .main-menu-nav .menu--mobile li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #333 !important;
    text-decoration: none;
    padding: 8px 0;
    transition: color 0.2s ease;
  }

  .main-menu-nav .menu--mobile li a:hover {
    color: #ff6600 !important; /* cor de destaque */
  }

  /* Botão “Adicionar propriedade” estilizado */
  .main-menu-nav .add-property {
    margin-top: 20px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 12px;
    border-radius: 8px;
    background: #ff6600;
    color: #fff !important;
    font-weight: 600;
  }
}

/* Torna o trilho do Owl um flex container para podermos usar 'order' */
#cityslide .owl-stage {
  display: flex !important;
  flex-wrap: nowrap;
}

/* Itens padrão ficam no fim; removemos float para não atrapalhar */
#cityslide .owl-item {
  float: none !important;
  flex: 0 0 auto;
  order: 100; /* default */
}

/* Se o Owl estiver em loop, clones confundem a ordem; esconda-os */
#cityslide .owl-item.cloned { display: none !important; }

/* ===== ORDEM EXATA (por slug do href) ===== */
#cityslide .owl-item:has(a[href$="/estados/sao-paulo"])         { order: 1; }
#cityslide .owl-item:has(a[href$="/estados/santa-catarina"])    { order: 2; }
#cityslide .owl-item:has(a[href$="/estados/parana"])            { order: 3; }
#cityslide .owl-item:has(a[href$="/estados/paraiba"])           { order: 4; }
#cityslide .owl-item:has(a[href$="/estados/rio-de-janeiro"])    { order: 5; }
#cityslide .owl-item:has(a[href$="/estados/pernambuco"])        { order: 6; }
#cityslide .owl-item:has(a[href$="/estados/rio-grande-do-sul"]) { order: 7; }
#cityslide .owl-item:has(a[href$="/estados/bahia"])             { order: 8; }
#cityslide .owl-item:has(a[href$="/estados/acre"])              { order: 9; }
#cityslide .owl-item:has(a[href$="/estados/mato-grosso-do-sul"]){ order: 10; }

/* (Alternativa, se preferir por TITLE)
#cityslide .owl-item:has(a[title="São Paulo"])         { order: 1; }
#cityslide .owl-item:has(a[title="Santa Catarina"])    { order: 2; }
#cityslide .owl-item:has(a[title="Paraná"])            { order: 3; }
#cityslide .owl-item:has(a[title="Paraíba"])           { order: 4; }
#cityslide .owl-item:has(a[title="Rio de Janeiro"])    { order: 5; }
#cityslide .owl-item:has(a[title="Pernambuco"])        { order: 6; }
#cityslide .owl-item:has(a[title="Rio Grande do Sul"]) { order: 7; }
#cityslide .owl-item:has(a[title="Bahia"])             { order: 8; }
#cityslide .owl-item:has(a[title="Acre"])              { order: 9; }
#cityslide .owl-item:has(a[title="Mato Grosso do Sul"]){ order: 10; }
*/



/* Estilização do submenu */
ul.sub-menu {
  background-color: #3C004F !important; /* fundo laranja */
  padding: 10px;
  border-radius: 6px;
}

/* Links do submenu */
ul.sub-menu li a {
  color: #fff !important; /* texto branco */
  font-weight: 600;
  text-decoration: none;
  display: block;
  padding: 8px 12px;
}

/* Efeito hover para melhorar a experiência */
ul.sub-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}



  
    Conheça UniCorretor
  
  
    Conheça Staycast
  
.list-agency{display:flex;}
.list-agency .agents-grid{
  position:relative;background:#fff;border-radius:6px;margin-bottom:30px;border:none;
  box-shadow:0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow:0 0 20px 0 rgb(62 28 131 / 10%);
}
.list-agency .agents-grid .fr-grid-thumb{
  width:100%;border-radius:6px;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;padding:.7em;
}
.list-agency .agents-grid .fr-grid-thumb a,
.list-agency .agents-grid .fr-grid-thumb span{
  display:flex;height:100%;overflow:hidden;width:100%;align-items:center;justify-content:center;
}
.list-agency .agents-grid .fr-grid-thumb a img,
.list-agency .agents-grid .fr-grid-thumb span img{
  width:100%;height:auto;border-radius:6px;object-fit:contain;max-height:180px;object-position:center;
}
.list-agency .agents-grid .fr-grid-detail{display:flex;align-items:center;padding:0 1.5rem 1rem;width:100%;}
.list-agency .agents-grid .fr-grid-detail-flex{flex:1;}
.list-agency .agents-grid .fr-grid-detail-flex .fr-can-name{margin-bottom:0;}
.list-agency .agents-grid .fr-grid-detail-flex .fr-can-name a{color:#000;text-decoration:none;}
.list-agency .agents-grid .fr-grid-detail-flex .fr-can-name a:hover{color:var(--primaryColor);text-decoration:none;}
.list-agency .agents-grid .agent-email a{
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  transition:all ease .4s;background:#f4f5f9;color:var(--primaryColor);text-decoration:none;
}
.list-agency .agents-grid .fr-grid-info{margin-bottom:1.5rem;}
.list-agency .agents-grid .fr-grid-info ul{margin:0;padding:0;}
.list-agency .agents-grid .fr-grid-info ul li{list-style:none;padding:.1rem 1.5rem;}
.list-agency .agents-grid .fr-grid-footer{
  display:flex;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e2e6f1;
}
.list-agency .agents-grid .fr-grid-footer-flex{flex:1;}
.list-agency .agents-grid .fr-position{font-size:15px;}
.list-agency .agents-grid .fr-position i{margin-right:10px;}
.list-agency .agents-grid .fr-grid-footer-flex-right .prt-view{
  padding:4px 18px;color:#fff !important;background:var(--primaryColor);border-radius:50px;height:30px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}