/*CSS COLUCCI IMOVEIS THEMECOR PRINCIPAL #c2181d vermelho claroCOR SECUNDÁRIA #5C6670 cinza escuro*/
/* ESTRUTURA */
#barra-topo{background-color:#5C6670 }
.icon-categoria{background-color:#c2181d;color:white;}
.column{background:#c2181d;}
.column >a > span{background-color:#c2181d;color:white;}
select:hover{border-color:#c2181d;}
.btn-modal-codigo{background:#5C6670;color:white;}
.form-control:focus{color:#3c3c3c;background-color:#fff;border-color:#c2181d;outline:0;box-shadow:0 0 0 0.2rem #c2181d66;}
/*#header_mensagem{background-color:#c2181d;}
*/
/* .icon-for-sel{color:#c2181d;} */
/*FONTES */
.preco-produtos-venda {
    color: #ffffff;
    background-color: #0000008a;
    position: absolute;
    margin-top: -45px;
    margin-left: 15px;
    border-radius: 15px;
    padding: 5px;
}
/* .valor-imovel{color:#c2181d;} */
.menu-header > li a:hover{color:#c2181d;}
/*BOTÕES*/
.frm-pg-principal .btn.btn-secondary.active,.frm-pg-principal .btn.btn-secondary:active{background-color:#c2181d !important;border-color:transparent !important;color:white !important;}
#b-anuncie-aqui{background-color:#5C6670 !important }
.botao-buscar {
    background-color: #5C6670 !important;
    color: white;
    height: 44px;
    transition: all 0.3s ease;
    width: 100%;
}

@media (min-width: 768px) {
    .botao-buscar, .btn-primary {
        width: auto !important;
        min-width: 120px;
    }
    
    .form-group.col-md-5.my-2 {
        display: flex;
        justify-content: flex-end;
    }
    
    .form-group.col-md-5.my-2 .form-group {
        width: auto;
    }
}

@media (max-width: 767px) {
    .form-group.col-md-5.my-2 {
        width: 100%;
        padding: 0 15px;
    }
    
    .form-group.col-md-5.my-2 .form-group {
        width: 100%;
    }
}

.botao-ver-mais{background-color:#5C6670 }
.botao-ver-mais:hover{background-color:#5a6268 }
.btn-mensagem-filtro{color:white;background:#5C6670;}
.btn-primary:hover{background-color:#c2181d !important;border-color:#c2181d !important;}
.pagination .page-link{color:#5C6670 }
.pagination .page-link:hover{color:#c2181d }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background-color:#c2181d!important;}
.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before{box-shadow:0 0 0 1px #fff, 0 0 0 0.2rem rgba(235, 52, 54, 0.25)}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before{box-shadow:0 0 0 1px #fff, 0 0 0 0.2rem rgba(235, 52, 54, 0.25)}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before{background-color:#c2181d;}
#botao-entrar-contato-agora{background-color:#c2181d;}
.btn-modal-imovel{background:#c2181d;}
.btn-modal-imovel:hover{background:#c2181d;}
.page-item.active .page-link{z-index:1;color:#fff;background-color:#c2181d;border-color:#c2181d;}
.mascara{background:-webkit-linear-gradient(45deg, #e25d603d 0%, #ff4f4f52 100%);}
/**/
#header-mensagem-mobile{background:#c2181d;width:100%;}
.nav-link.active, .show > .nav-link{color:#fff !important;background-color:#c2181d !important;}
.mobile-search:hover{color:#c2181d !important;}
.btn-primary, .btn-danger{color:#fff !important;background-color:#c2181d;border:none !important;}
.menu-button .icon-menu, .menu-button .icon-menu:before, .menu-button .icon-menu:after{background:#c2181d;}
.mobile-search{color:#c2181d;}
.sn-sidenav{background-color:#c2181d;color:#fff;}
.menu-mobile > ul >a >li{background:#761a1b0f !important;border-color:#bf00003d !important;color:#ffffff;}
.index #header-mensagem-mobile{display:none !important}
/**/
.header-mobile-filter{background:#c2181d;color:white;}
.w3-sidebar{background-color:#c2181d;}
.accordion{background-color:#ffffff;color:#353535;border-bottom:1px solid #e2e2e2 !important;}
@media only screen and (max-width:768px){
.title-block{background:#c2181d !important;padding:27px 0px 27px 7px !important;color:white !important;  }
.title-block .span-carateristica-tela-imovel{ color:white !important }
}

.chev-filter{color:#607D8B;}
.menu-interno-filtro > li{border-bottom:1px solid #00000017;}
.panel{background-color:#dadada;}
.btn-filter{background:#c2181d;}
.w3-sidebar .form-group{background:#c2181d;color:white;margin-bottom:0;padding-bottom:2px;}
.w3-sidebar select{background:#c2181d;color:#ffffff;}
.collapse_menu{background:#c2181d;}
.row-menu >.active, .w3_panel .option:hover{background-color:#c2181d;}
.collapse_menu, .w3_panel .option{background:#c2181d;border-bottom:1px solid #de433f;}
.collapse_menu{background:#c2181d;border-bottom:1px solid #c2181d !important;}
#bairro-ul li, #cidade-ul li, #cre-ul li {

    border-top: 1px solid #7c7f8f;
}
#bairro-ul, #cidade-ul, #cre-ul {
    background: #c2181d;
}
#bairro-ul li:hover, #cidade-ul li:hover, #cre-ul li:hover {
    color: #fff;
    background: #a12626;
    border-top: 1px solid  #323130;
}

/* BOTÕES */
.btn-operacao,
.btn-video {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border-radius: 0.25rem;
    background-color: #ffffff;
    color: #000000;
    transition: all 0.15s ease-in-out;
    min-width: 120px;
    width: auto;
    margin: 5px;
    text-decoration: none;
}

.btn-video {
    min-width: auto;
    width: auto;
    margin-top: 10px;
}

/* Formulário Principal */
.frm-pg-principal {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px;
}

.frm-pg-principal .form-row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.frm-pg-principal .form-group {
    margin-bottom: 15px;
    width: 100%;
    display: block;
}

.frm-pg-principal .form-group.d-flex {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

/* Media Queries para os botões */
@media (max-width: 768px) {
    .frm-pg-principal {
        padding: 15px;
        margin: 10px;
    }

    .frm-pg-principal .form-group.d-flex {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        width: 100%;
    }

    .btn-operacao,
    .btn-video {
        display: inline-flex !important;
        min-width: 100px;
        width: auto;
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
        margin: 3px;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .btn-video {
        min-width: auto;
        width: auto;
        margin-top: 10px;
    }

    .form-group.d-flex.gap-2 {
        gap: 5px !important;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Quando o input radio estiver checked */
.btn-operacao input[type="radio"]:checked + .btn-operacao,
.btn-operacao input[type="radio"]:checked ~ .btn-operacao,
.btn-operacao:has(input[type="radio"]:checked) {
    background-color: #c2181d !important;
    border-color: #c2181d !important;
    color: #ffffff !important;
}

.btn-operacao:hover,
.btn-video:hover {
    background-color: #f8f9fa;
    border-color: #c2181d;
}

/* Esconde completamente os inputs */
.btn-operacao input[type="radio"],
.btn-video input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Força a exibição dos botões */
.btn-operacao,
.btn-video,
.form-group.d-flex,
.form-group.d-flex.gap-2 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#b-anuncie-aqui { background-color: #5C6670 !important; }
.botao-ver-mais { 
    float: right !important;
    margin-left: auto !important;
    display: inline-block !important;
}
.card-body .botao-ver-mais {
    float: right !important;
    margin-left: auto !important;
}
.btn-mensagem-filtro { color: white; background: #5C6670; }

/* Carrossel */
.owl-carousel {
    position: relative;
    padding: 0 40px;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
    pointer-events: none;
    z-index: 2;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    background: rgba(0,0,0,0.5) !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    transition: all 0.3s ease;
    pointer-events: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.owl-carousel .owl-nav button.owl-prev { left: 0; }
.owl-carousel .owl-nav button.owl-next { right: 0; }

.owl-carousel .owl-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.owl-carousel .owl-dot {
    display: inline-block;
    margin: 0 5px;
}

.owl-carousel .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background: #ccc !important;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.owl-carousel .owl-dot.active span {
    background: #c2181d !important;
    transform: scale(1.2);
}

.owl-carousel .owl-dot:hover span {
    background: #666 !important;
}

/* Cards */
.conjunto-cards-imoveis {
    padding: 20px 0;
}

.card {
    transition: transform 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Responsividade */
@media (max-width: 991px) {
    .owl-carousel {
        padding: 0 30px;
    }
    
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .owl-carousel .owl-dots {
        margin-top: 15px;
    }
    
    .owl-carousel .owl-dot span {
        width: 8px;
        height: 8px;
    }
    
    .botao-buscar-mobile { background: #5c6670 !important; }
}

/* Listas de busca */
#bairro-ul, #cidade-ul, #cre-ul {
    background: #c2181d;
}

#bairro-ul li, #cidade-ul li, #cre-ul li {
    border-top: 1px solid #7c7f8f;
    transition: all 0.3s ease;
}

#bairro-ul li:hover, #cidade-ul li:hover, #cre-ul li:hover {
    color: #fff;
    background: #a12626;
    border-top: 1px solid #323130;
}

/* Outros elementos */
.pagination .page-link { color: #5C6670; }
.pagination .page-link:hover { color: #c2181d; }
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #c2181d;
    border-color: #c2181d;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c2181d !important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(235, 52, 54, 0.25);
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(235, 52, 54, 0.25);
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    background-color: #c2181d;
}

.mascara {
    background: -webkit-linear-gradient(45deg, #e25d603d 0%, #ff4f4f52 100%);
}

/* Menu Mobile */
.menu-button.navbar-toggler {
    display: none; /* Esconde o botão do menu mobile por padrão */
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
}

.menu-button.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.menu-button .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(235, 52, 54, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.menu-button:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(198, 40, 40, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Removendo estilos antigos do ícone do menu */
.menu-button .icon-menu,
.menu-button .icon-menu:before,
.menu-button .icon-menu:after {
    background: #c2181d !important;
    display: block !important;
}

/* Ícone de filtro específico */
.menu-button .filter-icon,
.menu-button .filter-icon:before,
.menu-button .filter-icon:after {
    background: #ffffff !important;
    display: block !important;
}

.filter-icon {
    width: 26px !important;
    position: relative;
    height: 5px;
}

.menu-button .filter-icon:before {
    content: '';
    position: absolute;
    top: 10px;
    width: 12px !important;
    left: 7px;
    height: 5px;
    background: #ffffff !important;
}

.menu-button .filter-icon:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 38px;
    left: -6px;
    height: 5px;
    background: #ffffff !important;
}

/* Garantir que o menu filtro apareça em mobile */
@media only screen and (max-width: 1024px) {
    #sortFilter {
        display: inline-flex !important;
    }
}

.sn-sidenav {
    background-color: #c2181d;
    color: #fff;
}

.menu-mobile > ul > a > li {
    background: #761a1b0f !important;
    border-color: #bf00003d !important;
    color: #ffffff;
}

.index #header-mensagem-mobile {
    display: none !important;
}

.header-mobile-filter {
    background: #c2181d;
    color: white;
}

.w3-sidebar {
    background-color: #c2181d;
}

.accordion {
    background-color: #ffffff;
    color: #353535;
    border-bottom: 1px solid #e2e2e2 !important;
}

.chev-filter {
    color: #607D8B;
}

.menu-interno-filtro > li {
    border-bottom: 1px solid #00000017;
}

.panel {
    background-color: #dadada;
}

.btn-filter {
    background: #c2181d;
}

.w3-sidebar .form-group {
    background: #c2181d;
    color: white;
    margin-bottom: 0;
    padding-bottom: 2px;
}

.w3-sidebar select {
    background: #c2181d;
    color: #ffffff;
}

.collapse_menu {
    background: #c2181d;
}

.row-menu > .active,
.w3_panel .option:hover {
    background-color: #c2181d;
}

.collapse_menu,
.w3_panel .option {
    background: #c2181d;
    border-bottom: 1px solid #de433f;
}

.collapse_menu {
    background: #c2181d;
    border-bottom: 1px solid #c2181d !important;
}

/* Seção Sobre */
.sobre {
    padding: 80px 0;
    background-color: #ffffff;
    text-align: center;
}

.sobre .container {
    max-width: 800px;
    margin: 0 auto;
}

.sobre h1.header1 {
    color: #5C6670;
    font-size: 2.5rem;
    margin-bottom: 30px;
    font-weight: 600;
}

.sobre p {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 40px;
}

.sobre .filtro-button {
    display: inline-block;
    padding: 12px 35px;
    background-color: #c2181d;
    color: #ffffff;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid #c2181d;
    margin-bottom: 40px;
}

.sobre .filtro-button:hover {
    background-color: transparent;
    color: #c2181d;
    text-decoration: none;
}

.sobre .hr {
    position: relative;
    margin: 40px 0;
    text-align: center;
}

.sobre .hr::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e0e0e0;
    z-index: 1;
}

.sobre .hr img {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    padding: 0 20px;
}

.sobre .hr-red {
    height: 3px;
    background-color: #c2181d;
}

.sobre .hr-red.up {
    margin-bottom: 40px;
}

.sobre .hr-red.down {
    margin-top: 40px;
}

/* Responsividade */
@media (max-width: 768px) {
    .sobre {
        padding: 60px 0;
    }

    .sobre h1.header1 {
        font-size: 2rem;
    }

    .sobre p {
        font-size: 1rem;
        padding: 0 20px;
    }

    .sobre .filtro-button {
        padding: 10px 30px;
    }
}

/* Seção de Vídeos */
.video-block {
    padding: 60px 0;
    background-color: #f8f9fa;
    background-image: url("/public/colucci/image/video-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.video-block .header-imoveis {
    color: #5C6670;
    font-size: 2.5rem;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 600;
}

.video-container {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.video-list {
    flex: 0 0 300px;
    max-height: 600px;
    overflow-y: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.video-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.video-item:last-child {
    border-bottom: none;
}

.video-item:hover {
    background-color: #f8f9fa;
}

.video-item.active {
    background-color: #c2181d;
}

.video-item.active .video-item-title {
    color: #fff;
}

.video-item-title-container {
    margin-bottom: 10px;
}

.video-item-title {
    font-size: 0.9rem;
    color: #333;
    margin: 0;
    line-height: 1.4;
    font-weight: 500;
}

.video-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.video-item.active img {
    border: 2px solid #fff;
}

.video-full {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

.video-full iframe {
    width: 100%;
    height: 400px;
    border: none;
}

.video-description {
    padding: 20px;
    background: #fff;
    border-top: 1px solid #eee;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
}

/* Scrollbar personalizada para a lista de vídeos */
.video-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

.video-list::-webkit-scrollbar-thumb {
    background: #c2181d;
    border-radius: 4px;
}

.video-list::-webkit-scrollbar-thumb:hover {
    background: #c2181d;
}

/* Responsividade para o container de vídeos */
@media (max-width: 768px) {
    .video-container {
        flex-direction: column;
    }

    .video-list {
        flex: none;
        width: 100%;
        height: 280px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 15px;
        gap: 15px;
    }

    .video-item {
        flex: 0 0 250px !important;
        min-width: 250px !important;
        width: 250px !important;
        margin-bottom: 0;
        border: 1px solid #eee;
        border-radius: 8px;
    }

    .video-full {
        width: 100%;
    }

    .video-full iframe {
        height: 250px;
    }
}

/* Botão Voltar ao Topo */
.btn-topo {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #c2181d;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    z-index: 1000;
}

.btn-topo:hover {
    background-color: #c2181d;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.btn-topo.visible {
    display: flex;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .btn-topo {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

/* Menu Mobile */
.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: -100%;
    background-color: rgba(92, 102, 112, 0.95); /* Cinza com transparência */
    overflow-x: hidden;
    transition: 0.3s ease-in-out;
    box-shadow: none;
}

.sidenav.active {
    left: 0;
}

.sidenav-header {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    background-color: transparent;
}

.sidenav-header .logo-mobile img {
    max-height: 50px;
    width: auto;
}

.close-sidenav {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    padding: 5px;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    position: absolute;
    right: 25px;
    top: 25px;
}

.close-sidenav:hover {
    opacity: 1;
}

.sidenav-content {
    padding: 30px 0;
}

.sidenav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidenav-menu li {
    padding: 0;
}

.sidenav-menu a {
    display: block;
    padding: 15px 25px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: 0.3s;
}

.sidenav-menu a:hover {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
    padding-left: 30px;
}

.sidenav-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidenav-overlay.active {
    display: block;
    opacity: 1;
}

/* Media Queries para controle de visibilidade e posicionamento */
@media (max-width: 768px) {
    .menu-button.navbar-toggler {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        margin-left: auto;
    }

    .menu-header.menu-primario {
        display: none;
    }

    .sidenav {
        display: block;
    }

    .menuCabecalho .logo {
        justify-content: flex-start;
        margin-left: 15px;
    }

    .menuCabecalho .row {
        justify-content: space-between;
    }

    .menuCabecalho .col-auto.ml-auto {
        display: none;
    }
}

@media (min-width: 768px) {
    .menu-button.navbar-toggler {
        display: none;
        position: absolute;
        right: 15px;
    }

    .menu-header.menu-primario {
        display: flex;
    }

    .sidenav {
        display: none;
    }

    .sidenav-overlay {
        display: none !important;
    }

    .menuCabecalho .logo {
        justify-content: flex-start;
    }
}

/* Menu Desktop - Forçar alinhamento à direita */
.menu-header.menu-primario {
    display: flex !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
    float: right !important;
    width: auto !important;
}

.menu-header.menu-primario li {
    float: none !important;
    display: inline-block !important;
}

.menu-header.menu-primario li a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
    padding: 8px 16px;
    display: block !important;
    float: none !important;
}

.menu-header.menu-primario li a:hover {
    color: #c2181d;
}

/* Botão Buscar - Forçar alinhamento à direita */
.frm-pg-principal .row:last-child {
    text-align: right !important;
    justify-content: flex-end !important;
}

.frm-pg-principal .row:last-child .col-12 {
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.frm-pg-principal .btn-primary {
    float: right !important;
    margin-left: auto !important;
}

/* Regras adicionais para garantir alinhamento */
.col-12.text-right {
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.col-12.text-right .btn {
    margin-left: auto !important;
}

/* Ajustes para o header e logo */
.menuCabecalho {
    position: relative;
    padding: 15px 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.menuCabecalho .row {
    /* position: relative; */
    align-items: center;
}

.menuCabecalho .logo {
    display: flex;
    align-items: center;
}

.menuCabecalho .logo-img {
    max-height: 60px;
    width: auto;
}

/* Footer Styles */
.footer-background {
    background-color: rgb(36, 51, 74);
    padding: 60px 0 30px;
}

.footer-background2 {
    background-color: rgb(28, 40, 58);
    padding: 20px 0;
}

.footer-about-text {
    font-size: 0.95rem;
    line-height: 1.6;
}

.footer-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-list li {
    margin-bottom: 10px;
}

.footer-menu-list a {
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-menu-list a:hover {
    color: #c2181d !important;
    padding-left: 5px;
}

.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact-list li {
    margin-bottom: 15px;
    align-items: flex-start;
}

.footer-contact-list i {
    margin-right: 10px;
    margin-top: 5px;
    color: #c2181d;
}

.social-icons {
    gap: 20px;
    margin-top: 15px;
}

.social-icon {
    transition: all 0.3s ease;
    opacity: 0.8;
}

.social-icon:hover {
    opacity: 1;
    transform: translateY(-3px);
}

.whatsapp-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.whatsapp-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 15px;
    font-size: 0.9rem;
}

.whatsapp-buttons .btn i {
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .footer-background {
        padding: 40px 0 20px;
    }

    .footer_margin_div {
        margin-bottom: 30px;
    }

    .footer-about-text {
        font-size: 0.9rem;
    }

    .whatsapp-buttons {
        flex-direction: column;
    }

    .whatsapp-buttons .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Importação das fontes */
@import url('../fonts/nunito.css');
@import url('../fonts/open-sans.css');

/* Reset e fontes padrão */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Definição global de fontes */
body, 
input, 
select, 
textarea,
.form-control,
.filtro-input,
.input__select,
.pageheader-breadcrumb,
.pageheader-title,
.pageheader-small-breadcrumb,
.pageheader-small-title,
.pageheader-superdestaques-breadcrumb,
.pageheader-superdestaques-title,
.p-filtro-home-mobile-header-title,
.p-filtro-home-mobile-title,
.sobre-block .container p,
.video-block .container p {
    font-family: 'Open Sans', sans-serif;
    color: #333 !important;
}

/* Títulos e elementos que devem usar Nunito */
h1, h2, h3, h4, h5, h6, 
.header1, .header2, .header3, 
.footer-wid-title,
.title-block,
.titulos-conteudos,
.header-imoveis,
.pageheader-title,
.pageheader-small-title,
.pageheader-superdestaques-title,
.sobre h1.header1,
.video-block .header-imoveis {
    font-family: 'Nunito', sans-serif;
    /* font-weight: 700; */
}

/* Ajustes específicos para elementos que precisam de pesos diferentes */
.header1, .header-imoveis {
    font-weight: 300;
}

.sobre-block .container p,
.video-block .container p {
    font-style: italic;
    font-weight: 300;
}

/* Removendo todas as outras fontes */
.barras-acesso,
.endereco-produtos-venda,
.imob-bairro-filtro,
.negrito-smooth,
.sn-content-imovel,
.text-search,
.w3-serif,
.w3-code,
.w3-codespan {
    font-family: 'Open Sans', sans-serif;
}

/* Botão WhatsApp Flutuante - Lado Esquerdo */
.whatsapp-float-left {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    left: 30px;
    background-color: #25D366;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    animation: whatsapp-pulse-left 2s infinite;
}

.whatsapp-float-left:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #128C7E;
    transform: scale(1.1);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
}

.whatsapp-float-left:focus {
    color: #ffffff;
    text-decoration: none;
}

.whatsapp-float-left i {
    margin-top: 2px;
}

/* Animação de pulsar para o botão esquerdo */
@keyframes whatsapp-pulse-left {
    0% {
        transform: scale(1);
        box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 2px 2px 20px rgba(37, 211, 102, 0.4);
    }
    100% {
        transform: scale(1);
        box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
    }
}

/* Responsividade para o botão WhatsApp esquerdo */
@media (max-width: 768px) {
    .whatsapp-float-left {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 20px;
        font-size: 24px;
    }
}

#procurando-imovel .hero-section {
    /* background: linear-gradient(135deg, #c2181d 0%, #8c1014 100%); */
    background-image: url("/public/colucci/image/back-procurando-imovel.png");
    background-size: cover;
    padding: 100px 0;
}

#procurando-imovel .hero-section .card-hero {
    color: #333 !important;
}

/* Sobrescrever regras conflitantes do estilo.css */
.menu-header {
    float: right !important;
    margin-left: auto !important;
}

.menu-header > li {
    float: none !important;
    display: inline-block !important;
}

/* Menu Desktop - Forçar alinhamento à direita */
.menu-header.menu-primario {
    display: flex !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
    float: right !important;
    width: auto !important;
}