/* ============================================
   VIAJE PARANÁ — CSS Personalizado
   Baseado no layout da Bahia, cores do Paraná
   Cor primária: #3e7cb6 (azul)
   Cor secundária: #4A8C3F (verde)
   Cor destaque: #F5A623 (amarelo/laranja)
   ============================================ */

/* ── BARRA SUPERIOR ── */
.bodyLp div.barTop {
    background-color: transparent !important;
    margin-top: 0;
}

.barTop_idioma.barTop_idiomaMob {
    padding-left: 25px !important;
}

.barTop_idioma.barTop_idiomaMob:before {
    content: "";
    float: right;
    position: absolute;
    right: -12px;
    width: 1px;
    height: 20px;
    background-color: #FFF;
    display: block !important;
}

.bodyLp a.barTop_logo.mesmaguia {
    height: 90px;
}

.bodyLp .barTop_logo img {
    height: 100% !important;
    margin-top: 0 !important;
}

/* ── FAIXA COLORIDA NO TOPO (bandeira do Paraná) ── */
body.bodyLp::before, body.bodyPesquisa::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 50vw !important;
    height: 7px !important;
    background: linear-gradient(
        to right,
        #4A8C3F 50%,
        #3e7cb6 50%
    ) !important;
    z-index: 9999 !important;
    display: block !important;
}

body.bodyLp::after, body.bodyPesquisa::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 50vw !important;
    height: 7px !important;
    background: linear-gradient(
        to right,
        #F5A623 50%,
        #C0392B 50%
    ) !important;
    z-index: 9999 !important;
    display: block !important;
    left: auto !important;
}

/* ── CORES PRINCIPAIS — TEXTOS ── */
.wtSection h3 span,
.cardDestaq:hover .cardDestaq_info strong,
.bannerCont .campoBusca_options p.campoBusca_explorar:hover,
.bannerCont .campoBusca_options .campoBusca_addCidade p:hover,
.infoDestino_galeria.galeriaFull .infoDestino_galeriaTitulo span,
.listaTitulo,
.wtmenuDinamico li.selected > a,
.wtmenuDinamico a:hover,
ul.wtFiltroLetras li a {
    color: #3e7cb6 !important;
}

/* ── CORES PRINCIPAIS — FUNDOS ── */
.infoDestino_mapa,
.infoDestino_share,
.wtSection h3::before,
.infoDestino_verGaleria,
.infoDestino_faq .infoDestino_item::before,
.wtListaDestinos ul li a:hover,
.campoBusca_btn,
.wikiTabs_menu li:hover,
.wikiTabs_menu li.wikiTabs_active,
.barTop_nav ul li a:hover,
.carrossel-prev:hover,
.carrossel-next:hover,
.barTop_fechaMenu:hover,
.wtFooter::before,
ul.wtFiltroLetras li:hover,
.wtFiltroLetras li.selected,
.wtFooter_info::before,
.wtFooter_txt::before {
    background-color: #3e7cb6 !important;
}

.infoDestino_mapa:hover,
.infoDestino_share:hover,
.infoDestino_verGaleria:hover,
.campoBusca_btn:hover {
    background-color: #4A8C3F !important;
}

/* ── MENU HAMBURGER ── */
.barTop_abreMenu i,
.barTop_idioma ul li.barTop_idiomaSel {
    color: #3e7cb6 !important;
}

body.bodyLp .barTop_abreMenu:hover,
body.bodyPesquisa .barTop_abreMenu:hover,
body.bodyLp .barTop_idioma ul li.barTop_idiomaSel:hover,
body.bodyPesquisa .barTop_idioma ul li.barTop_idiomaSel:hover {
    background-color: #3e7cb6 !important;
}

body.bodyLp .barTop_abreMenu:hover i,
.barTop_idioma ul li.barTop_idiomaSel:hover i,
body.bodyPesquisa .barTop_abreMenu:hover i,
.barTop_idioma ul li.barTop_idiomaSel:hover {
    color: #FFF !important;
}

/* ── TEXTOS ESCUROS ── */
.cardDestaq.cardDestaq_capital .cardDestaq_info strong,
.cardDestaq.cardDestaq_capital .cardDestaq_info p,
.infoDestino_galeria.galeriaFull .infoDestino_galeriaTitulo,
.wtListaDestinos ul li a,
.wtSection h3,
.wtFooter_info a,
.wtFooter_termos strong,
.wtFooter_info strong,
.wtFooter_termos p,
div.wtFooter_dev,
div.wtFooter_dev a,
div.wtFooter_dev p,
div.wtFooter_dev p small,
div.wtFooter_dev p small span,
.wikiTabs_menu li,
.campoBusca:hover input::placeholder,
.campoBusca.campoBuscaON input::placeholder,
.pesqNaoEncontrado {
    color: #222 !important;
}

/* ── TEXTOS BRANCOS ── */
.cardDestaq .infoDestino_share i,
.barTop_nav ul li a:hover,
.wtListaDestinos ul li a:hover,
.barTop_fechaMenu:hover,
.barTop_fechaMenu:hover i,
ul.wtFiltroLetras li:hover a,
.wtFiltroLetras li.selected a,
.shareBtn,
.wikiTabs_menu li.wikiTabs_active {
    color: #FFF !important;
}

/* ── MENU DINÂMICO ── */
.wtmenuDinamico > li.open {
    border-color: #3e7cb6;
}

/* ── CARDS DE DESTINO (estilo Bahia) ── */
.cardDestaq.cardDestaq_capital {
    background-color: transparent !important;
    box-shadow: none !important;
}

.cardDestaq:hover {
    box-shadow: none !important;
}

.wtSection_listaDestaq .cardDestaq_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 15px 15px 15px;
    box-sizing: border-box;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .90));
    border-radius: 0 0 10px 10px;
    pointer-events: none;
    transition: all 0.3s;
}

.wtSection_listaDestaq .cardDestaq:hover .cardDestaq_info {
    padding: 150px 15px 15px 15px;
}

.wtSection_listaDestaq .cardDestaq_info p,
.wtSection_listaDestaq .cardDestaq_link {
    display: none;
}

.wtSection_listaDestaq .cardDestaq_info strong {
    color: #FFF;
    font-size: 20px;
}

.wtSection_listaDestaq .cardDestaq_foto {
    height: 285px;
    margin: 0;
}

.cardDestaq {
    padding: 0;
}

.wtSection_listaDestaq .cardDestaq {
    margin: 0;
}

.wtSection_listaDestaq .cardDestaq .infoDestino_share {
    top: 10px;
    right: 10px;
}

.wtSection_listaDestaq .cardDestaq .infoDestino_share.infoDestino_shareON {
    z-index: 10;
}

/* ── RESPOSTAS IA ── */
div.infoDestino_resposta {
    background-color: transparent !important;
}

/* ── BANNER PRINCIPAL ── */
.bodyLp header.wtHeader {
    background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.0)) !important;
    height: 150px !important;
}

.wtBannerLp_bar::after {
    content: "";
    float: left;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    background-image: url(https://www.wikitravel.ai/img/mascara-banner.png);
    z-index: 1;
    background-position: top center;
    background-size: 1920px;
}

/* ── SEÇÃO REGIÕES ── */
#wtSection_regiao {
    background: linear-gradient(rgb(235, 240, 248), rgb(240, 244, 250));
}

#wtSection_regiao:before {
    content: "";
    float: left;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(94, 95, 97, 0), rgb(240, 244, 250));
}

.wtSection_regiao.wtSection h3 {
    margin: 20px 0 !important;
}

/* ── FILTRO LETRAS ── */
ul.wtFiltroLetras li {
    background-color: #D6E4F0 !important;
}

/* ── HEADER PESQUISA (página de cidade) ── */
/* Apenas colore o fundo, sem mexer em layout/posicionamento */
body.bodyPesquisa header.wtHeader,
body.bodyPesquisa header.wtHeader .wtContainer,
body.bodyPesquisa header.wtHeader .barTop {
    background-color: #1a4f7a !important;
}

/* Remove espaço cinza entre header e conteúdo */
body.bodyPesquisa {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.bodyPesquisa header.wtHeader + * {
    margin-top: 0 !important;
}

/* Botão Consultar — branco com texto azul */
body.bodyPesquisa .campoBusca_btn {
    background-color: #FFF !important;
    color: #3e7cb6 !important;
}

body.bodyPesquisa .campoBusca_btn:hover {
    background-color: #4A8C3F !important;
    color: #FFF !important;
}

/* Campo de busca semitransparente */
body.bodyPesquisa .campoBusca {
    background-color: rgba(255,255,255,0.2) !important;
    border-radius: 50px !important;
}

body.bodyPesquisa .campoBusca:hover,
body.bodyPesquisa .campoBusca.campoBuscaON {
    background-color: #FFF !important;
}

/* Texto do input branco por padrão */
body.bodyPesquisa .campoBusca input {
    color: #FFF !important;
}

body.bodyPesquisa .campoBusca:hover input,
body.bodyPesquisa .campoBusca.campoBuscaON input {
    color: #222 !important;
}

body.bodyPesquisa .campoBusca input::placeholder {
    color: rgba(255,255,255,0.85) !important;
}

body.bodyPesquisa .campoBusca:hover input::placeholder {
    color: #aaa !important;
}

/* Ícone localização branco */
body.bodyPesquisa .campoBusca::before {
    color: rgba(255,255,255,0.9) !important;
}

body.bodyPesquisa .campoBusca:hover::before {
    color: #3e7cb6 !important;
}

/* Login e idioma brancos */
body.bodyPesquisa header.wtHeader .barTop_login a,
body.bodyPesquisa header.wtHeader .barTop_login i,
body.bodyPesquisa header.wtHeader .barTop_idioma ul li.barTop_idiomaSel,
body.bodyPesquisa header.wtHeader .barTop_abreMenu i {
    color: #FFF !important;
}

/* ── PÁGINA DE CIDADE — CONTEÚDO ── */

/* Título da cidade em azul */
body.bodyPesquisa h1 {
    color: #3e7cb6 !important;
}

/* Botões Inclua fotos / Mapa / Compartilhar */
body.bodyPesquisa .infoDestino_mapa,
body.bodyPesquisa .infoDestino_share,
body.bodyPesquisa .infoDestino_verGaleria,
body.bodyPesquisa .btnFotos {
    background-color: #3e7cb6 !important;
    color: #FFF !important;
}

body.bodyPesquisa .infoDestino_mapa:hover,
body.bodyPesquisa .infoDestino_share:hover,
body.bodyPesquisa .infoDestino_verGaleria:hover,
body.bodyPesquisa .btnFotos:hover {
    background-color: #4A8C3F !important;
}

/* Card avaliação azul */
body.bodyPesquisa .infoDestino_avaliacao {
    background-color: #3e7cb6 !important;
}

/* Títulos de seção */
body.bodyPesquisa .wtSection h3 span,
body.bodyPesquisa .listaTitulo {
    color: #3e7cb6 !important;
}

body.bodyPesquisa .wtSection h3::before {
    background-color: #3e7cb6 !important;
}

/* ── RODAPÉ ── */
.wtRodape, footer {
    background-color: transparent !important;
}

footer.wtFooter {
    background-color: transparent !important;
}

.wtFooter_info:last-of-type {
    display: none !important;
}

/* ── BARRA DE MENU ── */
.menuTopo {
    margin-top: 7px;
}

nav.barTop_nav ul li a:hover,
nav.barTop_nav ul li a:active,
nav.barTop_nav ul li a:focus,
nav.barTop_nav ul li a {
    background-color: transparent !important;
    outline: none !important;
}

/* ── CAMPO DE BUSCA — ÍCONE ── */
.campoBusca::before {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f3c5";
    font-family: 'Font Awesome 6 Pro';
    font-size: 35px;
    color: #3e7cb6;
    font-weight: 900;
    width: 50px !important;
    top: 10px !important;
    left: 6px !important;
}

/* ── MOBILE ── */
@media only screen and (max-width: 900px) {

    .wtSection_listaDestaq {
        gap: 15px;
        display: grid;
    }

    .infoDestino_verGaleria {
        top: 130px;
    }

    .bodyLp header.wtHeader {
        height: auto !important;
    }

    .wtBannerLp {
        min-height: 500px;
        margin-top: -175px;
    }

    .carrossel-wrapper {
        min-height: 500px;
        height: 100%;
    }

    .bodyLp a.barTop_logo.mesmaguia {
        margin-bottom: -10px;
        margin-top: 10px;
    }

    .bwBanner_capa {
        top: 0;
        min-height: 500px;
        height: 100%;
    }

    .bodyPesquisa a.barTop_logo img {
        height: 43px !important;
    }

}

/* ── DESKTOP ── */
@media only screen and (min-width: 900px) {

    body.bodyPesquisa .banner {
        z-index: 10 !important;
        width: 450px !important;
        right: 50% !important;
        position: absolute !important;
        margin-right: -225px !important;
    }

    .wtListaDestinos ul {
        grid-template-columns: repeat(5, 1fr);
    }

    .wtBannerLp_bar {
        padding: 130px 0 40px 0;
    }

    .wtBannerLp_bar h1 {
        font-size: 52px;
        line-height: 56px;
        margin: 0 0 15px 0;
    }

    .campoBusca input {
        background-color: transparent !important;
    }

    .campoBusca::after {
        opacity: 0 !important;
        transition: all 0.3s;
    }

    .campoBusca.campoBuscaON::after {
        opacity: 1 !important;
    }

    .campoBusca.campoBuscaON {
        background-color: #FFF !important;
    }

    .campoBusca input {
        height: 60px !important;
        padding: 0 0 0 55px !important;
        color: #FFF !important;
    }

    .campoBusca.campoBuscaON input,
    .campoBusca:hover input {
        color: #222 !important;
    }

    .campoBusca_options::before {
        top: 1px;
    }

    .share {
        top: 56px;
    }

    .bodyLp .wtBannerLp {
        margin-top: 7px !important;
    }

    .wtSection_listaDestaq {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .campoBusca {
        width: 650px;
        left: 50%;
        margin-left: -300px;
        margin-top: 80px !important;
        padding: 60px 0 0 0 !important;
        background-color: rgba(255, 255, 255, 0.2);
        transition: all 0.3s;
    }

    .campoBusca:hover {
        background-color: #FFF !important;
    }

    .campoBusca_btn {
        pointer-events: none;
        height: 45px !important;
    }

    .campoBusca::after {
        top: 30px !important;
        height: 30px !important;
    }

    .campoBusca input::placeholder {
        font-size: 17px !important;
        color: #FFF !important;
    }

    .campoBusca::before {
        top: 17px !important;
    }

    .bodyPesquisa a.barTop_logo img {
        height: 60px !important;
    }

    .bodyPesquisa div#campoBuscaDiv {
        margin-top: -5px !important;
    }

    body.bodyPesquisa {
        padding-top: 100px;
    }

}