/* =====================================================
   /* ======================================================
   PORTAL TURISMO PESQUEIRA
   CSS - VERSÃO 2.0
====================================================== */

/* RESET */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial, Helvetica, sans-serif;

    background:#f5f5f5;

    color:#333;

}

/* CABEÇALHO */

header{

    background:#12344a;

    color:#fff;

    text-align:center;

    padding:20px;

    position:sticky;

    top:0;

    z-index:1000;

    box-shadow:0 4px 12px rgba(0,0,0,.25);

}

.logo h1{

    font-size:42px;

}

.logo p{

    font-size:18px;

    margin-top:5px;

}

/* MENU */

nav{

    margin-top:20px;

}

nav ul{

    display:flex;

    justify-content:center;

    align-items:center;

    list-style:none;

    gap:20px;

    flex-wrap:wrap;

}

nav li{

    list-style:none;

}

nav a{

    color:#fff;

    text-decoration:none;

    padding:12px 18px;

    border-radius:30px;

    transition:.3s;

    font-weight:bold;

}

nav a:hover{

    background:#fff;

    color:#12344a;

}

/* HERO */

.hero{

    height:600px;

    background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("../imagens/banner.jpg");

    background-size:cover;

    background-position:center;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:#fff;

}

.hero-texto{

    width:80%;

    max-width:900px;

}

.hero h2{

    font-size:60px;

    margin-bottom:20px;

}

.hero p{

    font-size:24px;

    margin-bottom:35px;

}

/* BOTÃO */

.botao{
    display:inline-block;
    align-self:flex-start;

    background:#0b4f6c;
    color:#fff;

    text-decoration:none;

    padding:12px 24px;

    border-radius:8px;

    font-weight:bold;

    transition:.3s;
}

.botao:hover{

    transform:scale(1.08);

}

/* DESTAQUES */

.destaques{

    width:90%;

    max-width:1200px;

    margin:70px auto;

}

.destaques h2{

    text-align:center;

    color:#12344a;

    font-size:42px;

    margin-bottom:40px;

}

/* CARDS */

.cards{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

}

.card{

    background:#fff;

    width:320px;

    padding:30px;

    border-radius:15px;

    text-align:center;

    box-shadow:0 8px 20px rgba(0,0,0,.10);

    transition:.3s;

}

.card:hover{

    transform:translateY(-10px);

}

.card h3{

    color:#12344a;

    margin-bottom:15px;

}

/* SOBRE */

.sobre{

    width:90%;

    max-width:1000px;

    margin:80px auto;

    text-align:center;

}

.sobre h2{

    color:#12344a;

    font-size:40px;

    margin-bottom:20px;

}

.sobre p{

    font-size:20px;

    line-height:1.8;

}

/* RODAPÉ */

footer{

    background:#12344a;

    color:#fff;

    text-align:center;

    padding:30px;

    margin-top:60px;

}

/* RESPONSIVO */

@media(max-width:900px){

.hero{

height:420px;

}

.hero h2{

font-size:40px;

}

.hero p{

font-size:18px;

}

nav ul{

flex-direction:column;

gap:10px;

}

.card{

width:95%;

}

.logo h1{

font-size:30px;

}

}

/* =====================================================
   MÓDULO 1.3
   PESQUISA E ESTATÍSTICAS
===================================================== */

/* PESQUISA */

.pesquisa{

    background:#ffffff;

    width:90%;

    max-width:1100px;

    margin:60px auto;

    padding:40px;

    text-align:center;

    border-radius:15px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.pesquisa h2{

    color:#12344a;

    margin-bottom:25px;

    font-size:34px;

}

.pesquisa input{

    width:70%;

    max-width:600px;

    padding:16px;

    border:2px solid #ddd;

    border-radius:40px;

    font-size:18px;

    outline:none;

}

.pesquisa input:focus{

    border-color:#12344a;

}

.pesquisa button{

    margin-left:10px;

    padding:16px 28px;

    border:none;

    border-radius:40px;

    background:#12344a;

    color:white;

    cursor:pointer;

    font-size:18px;

    transition:.3s;

}

.pesquisa button:hover{

    background:#0d2635;

}

/* ESTATÍSTICAS */

.estatisticas{

    background:#12344a;

    color:white;

    padding:70px 20px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:60px;

    margin-top:70px;

}

.numero{

    text-align:center;

}

.numero h3{

    font-size:48px;

    color:#ffc107;

}

.numero p{

    font-size:20px;

    margin-top:10px;

}

/* RESPONSIVO */

@media(max-width:768px){

.pesquisa input{

width:100%;

margin-bottom:15px;

}

.pesquisa button{

margin-left:0;

width:100%;

}

.estatisticas{

flex-direction:column;

gap:35px;

}

}

/* =====================================================
   MÓDULO 1.4
   GALERIA DE ATRATIVOS
===================================================== */

.galeria{

    width:90%;

    max-width:1300px;

    margin:80px auto;

}

.galeria h2{

    text-align:center;

    font-size:40px;

    color:#12344a;

    margin-bottom:50px;

}

.galeria-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

.destino{

    background:white;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:.35s;

}

.destino:hover{

    transform:translateY(-10px);

}

.foto{

    height:220px;

    background:#d9d9d9;

}

.destino h3{

    color:#12344a;

    padding:20px 20px 5px;

    font-size:24px;

}

.destino p{

    padding:0 20px 20px;

    color:#666;

}

.destino button{

    margin:0 20px 25px;

    padding:12px 22px;

    border:none;

    border-radius:30px;

    background:#12344a;

    color:white;

    cursor:pointer;

    transition:.3s;

}

.destino button:hover{

    background:#0b2433;

}

/* RESPONSIVO */

@media(max-width:768px){

.galeria{

width:95%;

}

.galeria h2{

font-size:32px;

}

.foto{

height:180px;

}

}

/* =====================================================
   MÓDULO 1.6
   PLANEJE SUA VIAGEM
===================================================== */

.planeje{

    background:#0f3145;

    color:white;

    padding:90px 20px;

    margin-top:80px;

}

.planeje-conteudo{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.planeje h2{

    font-size:42px;

    margin-bottom:25px;

}

.planeje p{

    font-size:22px;

    margin-bottom:35px;

    line-height:1.7;

}

/* =====================================================
   PORTAL TURISMO PESQUEIRA
   MÓDULO 1.7
   SISTEMA DE SELOS DE QUALIDADE
===================================================== */

.selos{

    width:90%;

    max-width:1300px;

    margin:90px auto;

    text-align:center;

}

.selos h2{

    color:#12344a;

    font-size:42px;

    margin-bottom:20px;

}

.texto-selos{

    max-width:900px;

    margin:0 auto 50px;

    font-size:20px;

    color:#555;

    line-height:1.7;

}

.selos-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:30px;

}

.selo-card{

    background:white;

    border-radius:18px;

    padding:35px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:.35s;

}

.selo-card:hover{

    transform:translateY(-10px);

}

.icone{

    font-size:70px;

    margin-bottom:20px;

}

.selo-card h3{

    color:#12344a;

    margin-bottom:15px;

    font-size:24px;

}

.selo-card p{

    color:#666;

    font-size:18px;

    line-height:1.6;

}

/* RESPONSIVO */

@media(max-width:768px){

.selos{

width:95%;

}

.selos h2{

font-size:34px;

}

.texto-selos{

font-size:18px;

}

}

/* =====================================================
   PORTAL TURISMO PESQUEIRA
   MÓDULO 2.0
   POR QUE VISITAR PESQUEIRA
===================================================== */

.porque-visitar{

    background:#f7f9fc;

    padding:90px 20px;

}

.titulo-bloco{

    text-align:center;

    max-width:900px;

    margin:auto;

    margin-bottom:60px;

}

.titulo-bloco h2{

    font-size:42px;

    color:#12344a;

    margin-bottom:20px;

}

.titulo-bloco p{

    font-size:20px;

    color:#666;

    line-height:1.8;

}

.porque-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:30px;

    max-width:1300px;

    margin:auto;

}

.porque-card{

    background:white;

    padding:35px;

    border-radius:18px;

    text-align:center;

    transition:.35s;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.porque-card:hover{

    transform:translateY(-8px);

}

.porque-card .icone{

    font-size:60px;

    margin-bottom:20px;

}

.porque-card h3{

    color:#12344a;

    margin-bottom:18px;

}

.porque-card p{

    color:#666;

    line-height:1.7;

}

/* =====================================================
   MÓDULO 2.2
   DESTINO EM NÚMEROS
===================================================== */

.destino-numeros{

    background:#ffffff;

    padding:90px 20px;

    text-align:center;

}

.destino-numeros .titulo-bloco{

    max-width:900px;

    margin:auto;

    margin-bottom:60px;

}

.destino-numeros .titulo-bloco h2{

    font-size:42px;

    color:#12344a;

    margin-bottom:20px;

}

.destino-numeros .titulo-bloco p{

    font-size:20px;

    color:#666;

    line-height:1.8;

}

.numeros-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:30px;

    max-width:1200px;

    margin:auto;

}

.numero-card{

    background:#f7f9fc;

    padding:40px 20px;

    border-radius:18px;

    box-shadow:0 8px 20px rgba(0,0,0,0.06);

    transition:.3s;

}

.numero-card:hover{

    transform:translateY(-8px);

}

.numero-card h3{

    font-size:40px;

    color:#12344a;

    margin-bottom:10px;

}

.numero-card span{

    font-size:18px;

    color:#666;

}

/* =====================================================
   MÓDULO 2.4
   DESTAQUES INTERATIVOS
===================================================== */

.destaques-interativos{

    background:#f8f9fb;

    padding:90px 20px;

}

.destaques-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

    max-width:1300px;

    margin:auto;

}

.destaque-card{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.destaque-card:hover{

    transform:translateY(-10px);

}

.destaque-card .imagem{

    width:100%;

    height:220px;

    background:linear-gradient(135deg,#1e5f7a,#3fa9c9);

}

.destaque-card h3{

    color:#12344a;

    padding:25px 25px 10px;

    font-size:26px;

}

.destaque-card p{

    padding:0 25px 25px;

    color:#666;

    line-height:1.7;

}

.destaque-card .botao{

    display:block;

    width:220px;

    margin:0 auto 30px;

    text-align:center;

}

/* =====================================================
   MÓDULO 3.3
   PÁGINAS INTERNAS
===================================================== */

.hero-interno{

    background:linear-gradient(135deg,#12344a,#2d6d88);

    color:#ffffff;

    text-align:center;

    padding:90px 20px;

}

.hero-interno h1{

    font-size:48px;

    margin-bottom:20px;

}

.hero-interno p{

    max-width:900px;

    margin:auto;

    font-size:20px;

    line-height:1.8;

}

.atrativos-grid{

    max-width:1400px;

    margin:70px auto;

    padding:20px;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

}

/* =====================================================
   ATRATIVOS - CARD PROFISSIONAL
===================================================== */

.atrativos-grid{
    max-width:1200px;
    margin:60px auto;
    padding:20px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
}

.card-atrativo{
    background:#ffffff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.card-atrativo:hover{
    transform:translateY(-8px);
}

.imagem-card{
    height:320px;
    background:linear-gradient(135deg,#1e5f7a,#3fa9c9);
}
.imagem-card img{

    width:100%;

    height:100%;

    display:block;

    object-fit:contain;

    object-position:center;

}

.conteudo-card{
    padding:20px;
}

.categoria-card{
    display:inline-block;
    font-size:12px;
    background:#e6f3f8;
    color:#1e5f7a;
    padding:5px 10px;
    border-radius:20px;
    margin-bottom:10px;
}

.card-atrativo h2{
    font-size:20px;
    margin-bottom:10px;
    color:#12344a;
}

.card-atrativo p{
    font-size:14px;
    color:#666;
    margin-bottom:15px;
    line-height:1.6;
}

.botao{
    display:inline-block;
    padding:10px 18px;
    background:#1e5f7a;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    transition:0.3s;
}

.botao:hover{
    background:#12344a;
}

/* =====================================================
   MÓDULO 1.7
   SELOS DESTINO DE EXCELÊNCIA®
===================================================== */

.selos{
    padding:70px 20px;
    background:#f7f9fb;
}

.titulo-bloco{
    max-width:900px;
    margin:0 auto 40px;
    text-align:center;
}

.titulo-bloco h2{
    color:#1e5f7a;
    margin-bottom:15px;
}

.titulo-bloco p{
    color:#555;
    line-height:1.7;
}

.selos-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
}

.selo-card{
    background:#fff;
    border-radius:16px;
    padding:30px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.selo-card:hover{
    transform:translateY(-8px);
}

.selo-card .icone{
    font-size:48px;
    margin-bottom:15px;
}

.selo-card h3{
    color:#12344a;
    margin-bottom:10px;
}

.selo-card p{
    color:#666;
}

/* =====================================================
   MÓDULO 2.0
   RODAPÉ PROFISSIONAL
===================================================== */

.footer{
    background:#0d3b66;
    color:#fff;
    padding:60px 20px 20px;
}

.footer-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:40px;
}

.footer h3{
    color:#ffffff;
    margin-bottom:18px;
}

.footer p{
    color:#f2f2f2;
    line-height:1.8;
}

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

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

.footer ul li a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{
    color:#ffd166;
}

.footer-copy{
    margin-top:70px;
    padding-top:25px;
    border-top:1px solid #d4af37;
    text-align:center;
    color:#ffffff;
    line-height:1.8;
}

/* =====================================================
   MÓDULO 2.1
   PESQUISA INTELIGENTE
===================================================== */

.pesquisa{
    padding:70px 20px;
    background:#f5f7fa;
    text-align:center;
}

.pesquisa-box{
    max-width:850px;
    margin:40px auto 0;
    display:flex;
    gap:15px;
    justify-content:center;
    flex-wrap:wrap;
}

.pesquisa-box input{
    flex:1;
    min-width:280px;
    padding:18px 22px;
    border:2px solid #d9d9d9;
    border-radius:50px;
    font-size:17px;
    outline:none;
    transition:.3s;
}

.pesquisa-box input:focus{
    border-color:#0d3b66;
    box-shadow:0 0 10px rgba(13,59,102,.20);
}

.pesquisa-box .botao{
    padding:18px 35px;
    border-radius:50px;
    font-size:17px;
}

/* ===========================
   EXPLORE PESQUEIRA
=========================== */

.categorias{
    padding:70px 8%;
    background:#f7f7f7;
}

.categorias h2{
    text-align:center;
    font-size:2rem;
    margin-bottom:40px;
    color:#0b4f6c;
}
.categorias-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
}

.categoria{
    background:#fff;
    border-radius:15px;
    padding:22px;
    text-align:center;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    transition:.3s;
}

.categoria:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.categoria span{
    font-size:38px;
    display:block;
    margin-bottom:15px;
}

.categoria h3{
    font-size:1.2rem;
    color:#0b4f6c;
    margin-bottom:12px;
}

.categoria p{
    font-size:0.95rem;
    color:#555;
    line-height:1.6;
}

/*====================================
      PARCEIROS DO PORTAL
====================================*/

.parceiros{
    padding:70px 8%;
    background:#f5f7fa;
}

.titulo-parceiros{
    text-align:center;
    max-width:850px;
    margin:0 auto 45px;
}

.titulo-parceiros h2{
    color:#0b4f6c;
    font-size:2rem;
    margin-bottom:15px;
}

.titulo-parceiros p{
    color:#555;
    line-height:1.7;
    font-size:1.05rem;
}

.parceiros-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.parceiro-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;

    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.parceiro-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 28px rgba(0,0,0,.12);
}

.parceiro-card h3{
    color:#0b4f6c;
    margin-bottom:15px;
    font-size:1.5rem;
}

.parceiro-card p{
    color:#555;
    line-height:1.7;
    margin:20px 0 30px;
    flex-grow:1;
}

.destaque{
    border:3px solid #d4af37;
    position:relative;
}

.premium{
    position:absolute;
    top:-15px;
    right:25px;
    background:#d4af37;
    color:#fff;
    padding:6px 16px;
    border-radius:20px;
    font-size:.8rem;
    font-weight:bold;
    letter-spacing:1px;
}

.botao{
    display:inline-block;
    background:#0b4f6c;
    color:#fff;
    text-decoration:none;
    padding:12px 24px;
    border-radius:8px;
    transition:.3s;
    font-weight:bold;
}

.botao:hover{
    background:#0d6588;
}

@media(max-width:900px){

.parceiros-grid{
    grid-template-columns:1fr;
}

}

/*====================================
        ESTATÍSTICAS
====================================*/

.estatisticas{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    padding:60px 8%;
    background:#f8f9fa;
}

.numero{
    background:#ffffff;
    border-radius:15px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    transition:.3s;
}

.numero:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}

.numero h3{
    font-size:3rem;
    color:#0b4f6c;
    margin-bottom:10px;
}

.numero p{
    color:#555;
    font-size:1.1rem;
    font-weight:600;
}

@media(max-width:900px){

.estatisticas{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.estatisticas{
    grid-template-columns:1fr;
}

}

/*====================================
          DEPOIMENTOS
====================================*/

.depoimentos{
    padding:70px 8%;
    background:#ffffff;
}

.titulo-bloco{
    text-align:center;
    max-width:800px;
    margin:0 auto 50px;
}

.titulo-bloco h2{
    font-size:2.3rem;
    color:#0b4f6c;
    margin-bottom:15px;
}

.titulo-bloco p{
    color:#666;
    font-size:1.05rem;
    line-height:1.7;
}

.depoimentos-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.depoimento-card{
    background:#f8f9fa;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    transition:.3s;
}

.depoimento-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}

.depoimento-card p{
    color:#444;
    line-height:1.8;
    margin-bottom:20px;
    font-style:italic;
}

.depoimento-card h4{
    font-size:1.3rem;
    margin-bottom:10px;
}

.depoimento-card span{
    color:#0b4f6c;
    font-weight:bold;
}

@media(max-width:900px){

.depoimentos-grid{
    grid-template-columns:1fr;
}

}/*====================================
      PRINCIPAIS ATRATIVOS
====================================*/

.destaques{
    padding:70px 8%;
    background:#f8f9fa;
}

.destaques h2{
    text-align:center;
    font-size:2rem;
    color:#0b4f6c;
    margin-bottom:45px;
}

.cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.card{
    background:#ffffff;
    border-radius:18px;
    padding:30px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
    text-align:center;
}

.card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}

.card h3{
    color:#0b4f6c;
    font-size:1.4rem;
    margin-bottom:15px;
}

.card p{
    color:#555;
    line-height:1.6;
}

@media(max-width:900px){

.cards{
    grid-template-columns:1fr;
}

}

/*====================================
      DESTAQUES PREMIUM
====================================*/

.destaques-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:40px;
}

.destaque-card{
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.destaque-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}

.destaque-card .imagem{
    height:220px;
    background:linear-gradient(135deg,#0b4f6c,#4fb3d8);
}

.destaque-card h3{
    padding:25px 25px 10px;
    color:#0b4f6c;
    font-size:1.5rem;
}

.destaque-card p{
    padding:0 25px;
    color:#555;
    line-height:1.7;
}

.destaque-card .botao{
    margin:25px;
}

@media(max-width:900px){

.destaques-grid{
    grid-template-columns:1fr;
}

}

/* =====================================================
   MOTOR DE PAINÉIS INTELIGENTES
===================================================== */

.painel-overlay{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.65);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:99999;

}

.painel-modal{

    background:#ffffff;

    width:90%;

    max-width:900px;

    max-height:90vh;

    overflow:auto;

    border-radius:18px;

    padding:30px;

    box-shadow:0 20px 60px rgba(0,0,0,.35);

    position:relative;

    animation:abrirPainel .30s ease;

}

.fechar-painel{

    position:absolute;

    top:15px;

    right:20px;

    border:none;

    background:none;

    font-size:34px;

    cursor:pointer;

}

@keyframes abrirPainel{

    from{

        opacity:0;

        transform:scale(.92);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

/* =====================================================
   MENU DO PAINEL INTELIGENTE
===================================================== */

.menu-painel{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:18px;

    margin-top:30px;

}


.menu-painel button{

    padding:18px;

    border:none;

    border-radius:14px;

    background:#005baa;

    color:white;

    font-size:16px;

    cursor:pointer;

    transition:.3s;

}


.menu-painel button:hover{

    transform:translateY(-4px);

    background:#f5b400;

}

/* =====================================================
   PILARES DO CLIC TURISMO
===================================================== */

.pilares{

    padding:70px 20px;

    background:#f7f9fc;

}

.pilares .container{

    max-width:1200px;

    margin:auto;

    display:flex;

    gap:30px;

    justify-content:center;

    flex-wrap:wrap;

}

.card-pilar{

    flex:1;

    min-width:280px;

    background:#ffffff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.30s;

}

.card-pilar:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.card-pilar h3{

    color:#005fa3;

    font-size:28px;

    margin-bottom:20px;

}

.card-pilar p{

    color:#555;

    line-height:1.8;

    font-size:16px;

}

/* =====================================================
   MÓDULO 2.0
   QUEM FAZ O TURISMO ACONTECER
===================================================== */

.quem-faz{

    padding:80px 20px;

    background:#f8f9fb;

    text-align:center;

}

.carrossel-colaboradores{

    max-width:1100px;

    margin:40px auto;

}

.carrossel-placeholder{

    background:#ffffff;

    border-radius:18px;

    padding:45px;

    border:2px dashed #d9d9d9;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.carrossel-placeholder h3{

    color:#0b5ed7;

    margin-bottom:15px;

}

.carrossel-placeholder p{

    color:#666;

    line-height:1.7;

}

.botao-central{

    margin-top:35px;

}

/* =====================================================
   MÓDULO DESATIVADO TEMPORARIAMENTE
   ANTIGA ÁREA DE PARCEIROS
===================================================== */

.parceiros {
    display: none;
}

/* =====================================================
   MÓDULO TV CLIC TURISMO
===================================================== */

.tv-clic {

    padding: 60px 20px;

    text-align: center;

}


.tv-area {

    max-width: 1000px;

    margin: 30px auto;

}


.tv-tela {

    background: #111;

    min-height: 420px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 10px 30px rgba(0,0,0,0.25);

}


.tv-placeholder {

    color: white;

}


.tv-placeholder span {

    font-size: 60px;

}


.tv-placeholder h3 {

    font-size: 28px;

    margin: 15px 0;

}


.tv-placeholder p {

    font-size: 18px;

}


/* BOTÕES DA TV */

.tv-botoes {

    display: flex;

    justify-content: center;

    gap: 15px;

    margin-top: 25px;

    flex-wrap: wrap;

}


.botao-tv {

    background: #0066cc;

    color:white;

    border:none;

    padding:14px 25px;

    border-radius:30px;

    cursor:pointer;

    font-size:16px;

}


.botao-tv:hover {

    transform: scale(1.05);

}


/* MINIATURAS */

.tv-videos {

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:35px;

    flex-wrap:wrap;

}


.video-miniatura {

    width:280px;

    height:160px;

    background:#ddd;

    border-radius:15px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;

}


/* CELULAR */

@media(max-width:700px){


    .tv-tela{

        min-height:250px;

    }


    .video-miniatura{

        width:100%;

    }


}

/* =====================================================
   TELA DE VÍDEO TV CLIC TURISMO
===================================================== */

.video-container {

    width:100%;

    height:100%;

}


.video-container iframe {

    width:100%;

    height:420px;

    border-radius:20px;

}

/* =====================================================
   AJUSTE VISUAL TV CLIC TURISMO
===================================================== */


.tv-placeholder {

    text-align:center;

    padding:30px;

}


.tv-placeholder span {

    display:block;

    font-size:70px;

    margin-bottom:15px;

}


.tv-placeholder h3 {

    margin-top:15px;

    font-size:28px;

}


.tv-placeholder p {

    max-width:600px;

    margin:15px auto;

    line-height:1.6;

}


/* organização dos botões */

.tv-botoes {

    margin-top:30px;

}


/* painel de informação */

.tv-controle {

    text-align:center;

}

/* =====================================================
   PROGRAMAÇÃO DA TV
===================================================== */

.programacao-tv{

    margin-top:20px;

    background:#ffffff;

    border:1px solid #ddd;

    border-radius:12px;

    padding:15px;

    text-align:center;

}

.programacao-tv strong{

    display:block;

    color:#006633;

    margin-bottom:10px;

    font-size:18px;

}

.programacao-tv p{

    margin:0;

    color:#555;

}

/* =====================================================
   BUSCA DA TV
===================================================== */

.campo-busca-video{

    width:80%;

    max-width:400px;

    padding:12px;

    border-radius:8px;

    border:1px solid #ccc;

    font-size:16px;

}

.tv-lista{

    margin-top:20px;

    line-height:2;

    text-align:left;

    display:inline-block;

}

/* =====================================================
   MÓDULO CARTEIRINHA DE EXPERIÊNCIA
===================================================== */

.carteirinha-experiencia{

    padding:80px 20px;

    background:#f8f8f8;

}

.carrossel-carteirinhas{

    max-width:900px;

    margin:40px auto;

}

.carteirinha-placeholder{

    background:#ffffff;

    border-radius:18px;

    padding:50px;

    text-align:center;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.carteirinha-placeholder h3{

    color:#0b6b3a;

    font-size:28px;

    margin-bottom:15px;

}

.carteirinha-placeholder p{

    max-width:600px;

    margin:auto;

    line-height:1.8;

    color:#555;

}

#btn-carteirinha{

    background:#0b6b3a;

}

#btn-carteirinha:hover{

    background:#0d8145;

}

/* =====================================================
   FORMULÁRIO DA CARTEIRINHA
===================================================== */

.form-carteirinha{

    max-width:600px;

    margin:30px auto;

    display:flex;

    flex-direction:column;

}

.form-carteirinha label{

    font-weight:bold;

    margin-top:15px;

    margin-bottom:8px;

}

.form-carteirinha input,
.form-carteirinha textarea{

    padding:12px;

    border:1px solid #d6d6d6;

    border-radius:8px;

    font-size:16px;

}

.form-carteirinha textarea{

    resize:vertical;

    min-height:120px;

}

.form-carteirinha .botao{

    margin-top:25px;

    width:100%;

}

/* =====================================================
   FORMULÁRIO DA CARTEIRINHA
===================================================== */

.form-carteirinha{

    max-width:600px;

    margin:30px auto;

    display:flex;

    flex-direction:column;

}

.form-carteirinha label{

    font-weight:bold;

    color:#1b3c73;

    margin-top:15px;

    margin-bottom:8px;

}

.form-carteirinha input,
.form-carteirinha textarea{

    width:100%;

    padding:14px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    font-size:16px;

    background:#fff;

    transition:0.3s;

}

.form-carteirinha input:focus,
.form-carteirinha textarea:focus{

    border-color:#0b5ed7;

    outline:none;

    box-shadow:0 0 8px rgba(11,94,215,.25);

}

.form-carteirinha textarea{

    resize:vertical;

    min-height:120px;

}

.form-carteirinha .botao{

    margin-top:25px;

    width:100%;

}

/* =====================================================
   PRÉVIA DA CARTEIRINHA
===================================================== */

.preview-carteirinha{

    margin-top:35px;

    padding:25px;

    border-radius:18px;

    background:#ffffff;

    border:2px solid #d8d8d8;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

    text-align:center;

}

.preview-carteirinha h3{

    color:#0b4f7c;

    margin-bottom:15px;

}

.preview-carteirinha strong{

    font-size:22px;

    display:block;

    margin:15px 0;

}

.preview-carteirinha small{

    display:block;

    margin-top:20px;

    color:#666;

}

/* =====================================================
   ACABAMENTO GERAL DA PLATAFORMA
   MARGENS LATERAIS NO COMPUTADOR
===================================================== */

html{
    background:#dfe6eb;
}

body{
    width:calc(100% - 32px);
    max-width:1440px;
    margin:0 auto;
    background:#f5f5f5;
    box-shadow:0 0 35px rgba(0,0,0,.15);
}

/* CELULAR E TELAS PEQUENAS */

@media(max-width:768px){

    body{
        width:100%;
        max-width:none;
        box-shadow:none;
    }

}

/* =====================================================
   MÓDULO 2.1
   CARTEIRINHA OFICIAL CLIC TURISMO
===================================================== */

.carteirinha-experiencia {
    padding: 70px 20px;
    background: #f5f7f6;
}

.experiencia-destaque {
    max-width: 900px;
    margin: 35px auto 25px;
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #dfe6e3;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0, 40, 70, 0.08);
}

.experiencia-destaque h3 {
    margin: 5px 0;
    color: #06365f;
}

.experiencia-destaque p {
    margin: 3px 0;
}

.experiencia-selo {
    min-width: 105px;
    min-height: 105px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #f7d878, #b27a15);
    color: #062f55;
    font-weight: 800;
    border: 4px solid #fff3bd;
    box-shadow: 0 8px 18px rgba(95, 62, 0, 0.2);
}

.area-formulario-carteirinha,
.area-previa-carteirinha {
    max-width: 1100px;
    margin: 35px auto 0;
    padding: 30px;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 15px 40px rgba(0, 40, 70, 0.1);
}

.cabecalho-formulario,
.titulo-previa {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.cabecalho-formulario h3,
.titulo-previa h3 {
    margin-bottom: 7px;
    color: #06365f;
    font-size: 1.6rem;
}

.botao-fechar-formulario {
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #eeeeee;
    color: #333333;
    font-size: 1.8rem;
    cursor: pointer;
}

.formulario-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.campo-formulario {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.campo-formulario.campo-grande {
    grid-column: 1 / -1;
}

.campo-formulario label {
    color: #07365c;
    font-weight: 700;
}

.campo-formulario input,
.campo-formulario textarea {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #ccd8d4;
    border-radius: 10px;
    font: inherit;
    background: #ffffff;
}

.campo-formulario input:focus,
.campo-formulario textarea:focus {
    outline: 3px solid rgba(0, 122, 82, 0.14);
    border-color: #08764f;
}

.campo-formulario small {
    color: #666666;
}

.acoes-formulario-carteirinha,
.acoes-previa-carteirinha {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.botao-secundario {
    background: #ffffff;
    color: #075f42;
    border: 2px solid #08764f;
}

.status-carteirinha {
    padding: 9px 14px;
    border-radius: 50px;
    background: #e9f7ef;
    color: #08764f;
    font-size: 0.78rem;
    font-weight: 800;
}

.carteirinha-oficial-frente {
    max-width: 1000px;
    min-height: 590px;
    margin: 0 auto;
    padding: 35px;
    position: relative;
    overflow: hidden;
    border: 4px solid #c69b3c;
    border-radius: 32px;
    background:
        radial-gradient(circle at 83% 32%, rgba(226, 239, 250, 0.9), transparent 35%),
        linear-gradient(135deg, #fffef8 0%, #f7f3e8 58%, #e8f3f7 100%);
    color: #092e59;
    box-shadow: 0 18px 40px rgba(0, 35, 70, 0.22);
}

.carteirinha-oficial-frente::after {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: rgba(0, 70, 130, 0.08);
}

.marca-carteirinha {
    position: absolute;
    top: 30px;
    left: 35px;
    z-index: 2;
}

.marca-carteirinha strong {
    display: block;
    font-size: 3.5rem;
    line-height: 0.9;
    letter-spacing: 2px;
}

.marca-carteirinha span {
    display: block;
    margin-top: 8px;
    color: #08764f;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: 8px;
}

.marca-carteirinha small {
    display: block;
    margin-top: 7px;
    font-weight: 800;
    letter-spacing: 3px;
}

.titulo-carteira-oficial {
    max-width: 540px;
    margin-left: 300px;
    position: relative;
    z-index: 2;
}

.titulo-carteira-oficial h3 {
    font-size: 2.25rem;
    line-height: 1.05;
    color: #092e59;
}

.titulo-carteira-oficial p {
    margin-top: 10px;
    color: #08764f;
    font-size: 1.25rem;
    font-style: italic;
}

.conteudo-carteira {
    margin-top: 55px;
    display: grid;
    grid-template-columns: 180px 1fr 260px;
    gap: 28px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.foto-visitante {
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 4px solid #c69b3c;
    border-radius: 22px;
    background: #e8e8e8;
    color: #777777;
    font-weight: 800;
    text-align: center;
}

.foto-visitante img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dados-visitante {
    display: flex;
    flex-direction: column;
}

.dados-visitante span {
    margin-top: 10px;
    color: #274f70;
    font-size: 0.72rem;
    font-weight: 800;
}

.dados-visitante strong {
    padding: 4px 0 7px;
    border-bottom: 1px solid #6f8091;
    color: #151515;
    font-size: 1rem;
}

.identidade-destino {
    text-align: center;
}

.imagem-santa-simbolica {
    margin: 0 auto 14px;
    width: 160px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px 80px 30px 30px;
    background:
        radial-gradient(circle, #fff7ca, #d8e8f6 65%, transparent 66%);
    color: #c69b3c;
    font-size: 6rem;
}

.identidade-destino p {
    color: #8b641d;
    font-style: italic;
    font-weight: 700;
}

.mensagem-experiencia {
    margin: 30px 0 75px 208px;
    max-width: 500px;
    position: relative;
    z-index: 2;
}

.mensagem-experiencia span {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
}

.mensagem-experiencia strong {
    display: block;
    margin-top: 5px;
    color: #08764f;
    font-style: italic;
}

.rodape-carteira {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 65px;
    padding: 20px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #062f59;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 1px;
    z-index: 3;
}

.aviso-carteirinha {
    max-width: 760px;
    margin: 22px auto 0;
    color: #666666;
    text-align: center;
    font-size: 0.9rem;
}

[hidden] {
    display: none !important;
}

@media (max-width: 850px) {

    .formulario-grid {
        grid-template-columns: 1fr;
    }

    .campo-formulario.campo-grande {
        grid-column: auto;
    }

    .carteirinha-oficial-frente {
        min-height: auto;
        padding: 25px;
    }

    .marca-carteirinha {
        position: static;
        text-align: center;
    }

    .titulo-carteira-oficial {
        margin: 28px 0 0;
        text-align: center;
    }

    .conteudo-carteira {
        margin-top: 30px;
        grid-template-columns: 1fr;
    }

    .foto-visitante {
        width: 180px;
        margin: auto;
    }

    .identidade-destino {
        display: none;
    }

    .mensagem-experiencia {
        margin: 25px 0 95px;
        text-align: center;
    }

    .rodape-carteira {
        position: absolute;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

}

@media (max-width: 600px) {

    .experiencia-destaque {
        flex-direction: column;
        text-align: center;
    }

    .area-formulario-carteirinha,
    .area-previa-carteirinha {
        padding: 20px;
    }

    .cabecalho-formulario,
    .titulo-previa {
        flex-direction: column;
    }

    .marca-carteirinha strong {
        font-size: 2.7rem;
    }

    .titulo-carteira-oficial h3 {
        font-size: 1.65rem;
    }

    .rodape-carteira {
        font-size: 0.65rem;
    }

}

@media print {

    body * {
        visibility: hidden;
    }

    #carteirinha-para-impressao,
    #carteirinha-para-impressao * {
        visibility: visible;
    }

    #carteirinha-para-impressao {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        max-width: none;
        box-shadow: none;
    }

}

/* =====================================================
   MÓDULO 2.1 — CARTEIRINHA OFICIAL CLIC TURISMO V0.5A
   Estilos isolados para preservar os módulos existentes
===================================================== */

.clic-card-form-area,
.clic-card-preview-area {
    max-width: 1180px;
    margin: 35px auto 0;
    padding: 30px;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 15px 40px rgba(0, 40, 70, 0.12);
}

.clic-card-stage {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    background: #f2f2f2;
    box-shadow: 0 16px 38px rgba(0, 35, 70, 0.22);
}

.clic-card-face,
.clic-card-face canvas,
.clic-card-face img {
    display: block;
    width: 100%;
    height: auto;
}

.clic-card-face-label {
    margin-top: 14px;
    text-align: center;
    color: #0b4f6c;
    font-weight: 700;
}

.clic-card-actions {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.clic-card-actions .botao {
    border: none;
    cursor: pointer;
}

@media (max-width: 700px) {
    .clic-card-form-area,
    .clic-card-preview-area {
        padding: 18px;
    }

    .clic-card-actions .botao {
        width: 100%;
        text-align: center;
    }
}

@media print {
    body * {
        visibility: hidden !important;
    }

    #clic-card-stage,
    #clic-card-stage * {
        visibility: visible !important;
    }

    #clic-card-stage {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        max-width: none;
        box-shadow: none;
    }
}



/* =====================================================
   AJUSTES V0.5B — CARTEIRINHA OFICIAL
===================================================== */
#clic-card-mensagem {
    width: 100%;
    min-height: 90px;
    resize: vertical;
}

@media print {
    @page {
        size: 85.6mm 53.98mm;
        margin: 0;
    }
}


/* =====================================================
   MÓDULO 1.4
   CLIQUE E DESCUBRA NOSSOS ENCANTOS!
   Três caminhos simples para orientar o visitante.
===================================================== */

.quer-conhecer{
    padding:80px 20px;
    background:linear-gradient(180deg,#ffffff 0%,#f4f8fa 100%);
}

.quer-conhecer .titulo-bloco{
    max-width:850px;
    margin:0 auto 45px;
    text-align:center;
}

.quer-conhecer .titulo-bloco h2{
    color:#0b4f6c;
    font-size:2.5rem;
    margin-bottom:15px;
}

.quer-conhecer .titulo-bloco p{
    color:#555;
    font-size:1.1rem;
    line-height:1.7;
}

.quer-conhecer-grid{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.quer-conhecer-card{
    background:#ffffff;
    border-radius:22px;
    padding:35px 28px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,45,75,.10);
    border:1px solid #e4edf1;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.quer-conhecer-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 38px rgba(0,45,75,.16);
    border-color:#b9d7e3;
}

.quer-conhecer-card .icone{
    font-size:58px;
    margin-bottom:18px;
}

.quer-conhecer-card h3{
    color:#0b4f6c;
    font-size:1.45rem;
    margin-bottom:14px;
}

.quer-conhecer-card p{
    color:#5d5d5d;
    line-height:1.7;
    margin-bottom:26px;
    flex-grow:1;
}

.quer-conhecer-card .botao{
    border:none;
    cursor:pointer;
    min-width:190px;
    text-align:center;
    background:#0b4f6c;
}

.quer-conhecer-card .botao:hover{
    background:#0d6588;
}

/* Navegação interna simples e padronizada */
.navegacao-clic{
    max-width:900px;
    margin:30px auto 0;
    display:flex;
    justify-content:space-between;
    gap:15px;
    flex-wrap:wrap;
}

.botao-clic-voltar,
.botao-siga-clicando{
    border:none;
    cursor:pointer;
    padding:12px 22px;
    border-radius:10px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.botao-clic-voltar{
    background:#ffffff;
    color:#0b4f6c;
    border:2px solid #0b4f6c;
}

.botao-clic-voltar:hover{
    background:#eaf3f7;
}

.botao-siga-clicando{
    background:#0b4f6c;
    color:#ffffff;
}

.botao-siga-clicando:hover{
    background:#0d6588;
    transform:translateX(3px);
}

@media(max-width:900px){
    .quer-conhecer-grid{
        grid-template-columns:1fr;
    }

    .quer-conhecer-card{
        max-width:620px;
        width:100%;
        margin:0 auto;
    }
}

@media(max-width:600px){
    .quer-conhecer{
        padding:60px 16px;
    }

    .quer-conhecer .titulo-bloco h2{
        font-size:2rem;
    }

    .quer-conhecer-card{
        padding:28px 22px;
    }

    .navegacao-clic{
        flex-direction:column;
    }

    .botao-clic-voltar,
    .botao-siga-clicando{
        width:100%;
        text-align:center;
    }
}

/* =====================================================
   CARD OFICIAL DOS ATRATIVOS — CLIC TURISMO
   Ajuste visual definitivo do cartão dinâmico
===================================================== */

.atrativos-grid{
    max-width:1200px;
    margin:45px auto;
    padding:20px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:30px;
}

.card-atrativo{
    background:#ffffff;
    border:1px solid #e0e9ed;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 32px rgba(0,45,75,.12);
    transition:transform .3s ease, box-shadow .3s ease;
    display:flex;
    flex-direction:column;
}

.card-atrativo:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 42px rgba(0,45,75,.18);
}

.imagem-card{
    width:100%;
    height:200px;
    overflow:hidden;
    background:linear-gradient(135deg,#0b4f6c,#4fb3d8);
    display:flex;
    align-items:center;
    justify-content:center;
}

.imagem-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .4s ease;
}

.card-atrativo:hover .imagem-card img{
    transform:scale(1.04);
}

.conteudo-card{
    padding:26px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

.categoria-card{
    display:inline-block;
    align-self:flex-start;
    margin-bottom:13px;
    padding:7px 13px;
    border-radius:30px;
    background:#e7f3f7;
    color:#0b4f6c;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.3px;
}

.card-atrativo h2{
    margin-bottom:13px;
    color:#0b4f6c;
    font-size:1.55rem;
    line-height:1.25;
}

.card-atrativo p{
    margin-bottom:18px;
    color:#555;
    font-size:.98rem;
    line-height:1.7;
}

.card-atrativo .informacoes-atrativo{
    margin-top:auto;
    margin-bottom:20px;
    padding:16px;
    background:#f5f8f9;
    border-radius:14px;
    display:grid;
    gap:9px;
}

.card-atrativo .informacoes-atrativo p{
    margin:0;
    color:#354b56;
    font-size:.92rem;
    line-height:1.5;
}

.card-atrativo .botao{
    display:block;
    width:100%;
    margin-top:auto;
    padding:13px 20px;
    border:none;
    border-radius:10px;
    background:#0b4f6c;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
    font-weight:700;
    cursor:pointer;
    transition:background .3s ease, transform .3s ease;
}

.card-atrativo .botao:hover{
    background:#0d6588;
    transform:translateY(-2px);
}

@media(max-width:600px){

    .atrativos-grid{
        grid-template-columns:1fr;
        padding:12px;
        gap:22px;
    }

    .imagem-card{
        height:220px;
    }

    .conteudo-card{
        padding:22px;
    }

    .card-atrativo h2{
        font-size:1.35rem;
    }
}

/* =====================================================
   TESTE FINAL - IMAGEM CARD ATRATIVOS
===================================================== */

.card-atrativo .imagem-card{
    height:320px !important;
    
}

.card-atrativo .imagem-card img{
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center !important;
}

/* =====================================================
   GUIAS - FAIXA DE SELEÇÃO E MINIATURAS
===================================================== */

.guias-resumo{
    width:100%;
    margin:20px 0 25px;
    padding:18px;
    background:#f7fafc;
    border-radius:16px;
    border:1px solid #dbe7ed;
}

.guias-resumo > p{
    margin:0 0 15px;
    color:#12344a;
    text-align:center;
}

.guias-miniaturas{
    display:flex;
    gap:18px;
    overflow-x:auto;
    padding:10px 5px 15px;
    align-items:flex-start;
}

.guia-miniatura{
    min-width:110px;
    border:none;
    background:transparent;
    cursor:pointer;
    text-align:center;
    padding:5px;
}

.guia-miniatura-foto{
    width:80px;
    height:80px;
    margin:0 auto 8px;
    border-radius:50%;
    background-color:#e6eef2;
    background-size:cover;
    background-position:center;
    border:3px solid #ffffff;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

.guia-miniatura span{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#12344a;
}

.guia-miniatura:hover{
    transform:translateY(-3px);
}

.guia-destaque{
    width:100%;
    margin-top:10px;
}

/* =====================================================
   ROTEIROS - FAIXA DE SELEÇÃO E MINIATURAS
===================================================== */

.roteiros-resumo{
    width:100%;
    margin:20px 0 25px;
    padding:18px;
    background:#f7fafc;
    border-radius:16px;
    border:1px solid #dbe7ed;
}

.roteiros-resumo > p{
    margin:0 0 15px;
    color:#12344a;
    text-align:center;
}

.roteiros-miniaturas{
    display:flex;
    gap:18px;
    overflow-x:auto;
    padding:10px 5px 15px;
    align-items:flex-start;
}

.roteiro-miniatura{
    min-width:160px;
    max-width:160px;
    border:none;
    background:transparent;
    cursor:pointer;
    text-align:center;
    padding:5px;
    transition:transform .3s ease;
}

.roteiro-miniatura-foto{
    width:160px;
    height:100px;
    margin:0 auto 8px;
    border-radius:12px;
    background-color:#e6eef2;
    background-size:cover;
    background-position:center;
    border:3px solid #ffffff;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

.roteiro-miniatura span{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#12344a;
    line-height:1.4;
}

.roteiro-miniatura:hover{
    transform:translateY(-3px);
}

.roteiro-destaque{
    width:100%;
    margin-top:10px;
}

/* =====================================================
   CLIC TURISMO - PAINEL IMERSIVO
   GRANDE TELA DE EXPERIÊNCIA
===================================================== */

#painel-overlay {
    align-items: flex-start;
    justify-content: center;
    padding: 18px 18px 24px;
    background: rgba(10, 24, 38, 0.72);
    overflow-y: auto;
}

#conteudo-painel {
    width: min(1400px, calc(100vw - 36px));
    min-height: calc(100vh - 36px);
    max-height: none;

    margin: 0 auto;
    padding: 28px 34px 34px;

    border-radius: 24px;
    border: 3px solid rgba(255, 255, 255, 0.88);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.98),
            rgba(248,250,252,0.98)
        );

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.34),
        0 0 0 8px rgba(255, 255, 255, 0.10);

    overflow: visible;
}

.painel-descoberta-clic {
    width: 100%;
    max-width: none;
    margin: 0;
}

.painel-caminho {
    margin-top: 0;
    margin-bottom: 18px;

    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.navegacao-clic {
    position: sticky;
    bottom: 14px;
    z-index: 20;

    margin-top: 28px;
    padding: 14px 16px;

    border-radius: 18px;

    background: rgba(255, 255, 255, 0.94);

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.14);
}

@media (max-width: 768px) {

    #painel-overlay {
        padding: 8px;
    }

    #conteudo-painel {
        width: calc(100vw - 16px);
        min-height: calc(100vh - 16px);

        padding: 20px 16px 24px;

        border-radius: 18px;
    }

    .navegacao-clic {
        bottom: 8px;
        padding: 10px;
    }

}

/* =====================================================
   CLIC TURISMO - CORREÇÃO DO PAINEL IMERSIVO
   REMOVE ROLAGEM HORIZONTAL E AJUSTA ÁREA ÚTIL
===================================================== */

#painel-overlay {
    overflow-x: hidden !important;
}

#conteudo-painel {
    box-sizing: border-box;
    overflow-x: hidden !important;
    max-width: calc(100vw - 36px) !important;
}

.painel-descoberta-clic {
    box-sizing: border-box;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.roteiros-resumo,
.roteiros-miniaturas,
.roteiro-destaque,
.guias-resumo,
.guias-miniaturas,
.guia-destaque,
.atrativos-grid {
    box-sizing: border-box;
    max-width: 100% !important;
}

/* Evita que imagens e cartões ultrapassem o painel */

.painel-descoberta-clic img,
.card-atrativo,
.imagem-card {
    max-width: 100%;
}

/* A rolagem principal fica no painel geral,
   sem criar deslocamento lateral */

#conteudo-painel {
    scrollbar-gutter: stable;
}

/* =====================================================
   CLIC TURISMO - CORREÇÃO DEFINITIVA DO PAINEL IMERSIVO
   REMOVE A CAIXA ANTIGA E A ROLAGEM INTERNA
===================================================== */

.painel-modal {
    width: calc(100% - 36px) !important;
    max-width: 1400px !important;

    height: auto !important;
    min-height: calc(100vh - 36px) !important;
    max-height: none !important;

    margin: 18px auto !important;
    padding: 0 !important;

    overflow: visible !important;

    border-radius: 24px !important;
    position: relative;
}

/* O overlay passa a ser a única área responsável
   pela rolagem vertical quando o conteúdo for grande */

#painel-overlay,
.painel-overlay {
    align-items: flex-start !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    padding: 0 !important;
}

/* Conteúdo ocupa toda a largura da grande tela */

#conteudo-painel {
    width: 100% !important;
    max-width: 100% !important;

    min-height: calc(100vh - 36px) !important;

    margin: 0 !important;

    overflow: visible !important;
}

/* Nunca permitir barra horizontal */

html,
body,
#painel-overlay,
.painel-overlay,
.painel-modal,
#conteudo-painel,
.painel-descoberta-clic {
    overflow-x: hidden !important;
}

/* Mantém o botão fechar visível no alto */

.fechar-painel {
    position: sticky !important;
    top: 12px !important;
    float: right;
    z-index: 999;
}

/* =====================================================
   CLIC TURISMO - PAINEL IMERSIVO V2
   ROLAGEM ÚNICA + IMAGEM DE IMPACTO + NAVEGAÇÃO VISÍVEL
===================================================== */

/* Evita duas barras de rolagem */
html,
body {
    overflow-x: hidden !important;
}

#painel-overlay,
.painel-overlay {
    overflow: hidden !important;
}

/* O grande painel ocupa a tela e faz sua própria rolagem */
.painel-modal {
    height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 36px) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    margin: 18px auto !important;
}

/* Área interna */
#conteudo-painel {
    width: 100% !important;
    min-height: 100% !important;
    padding-bottom: 100px !important;
}

/* Roteiro em destaque com imagem maior e mais impactante */
.roteiro-destaque .card-atrativo {
    display: grid !important;
    grid-template-columns: minmax(420px, 1.15fr) minmax(320px, 0.85fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 420px !important;
}

/* A imagem passa a ocupar realmente a área de destaque */
.roteiro-destaque .imagem-card {
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Conteúdo textual do roteiro */
.roteiro-destaque .conteudo-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 34px !important;
}

/* Barra de navegação sempre visível no rodapé da tela */
.navegacao-clic {
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 30px 0 0 !important;
    padding: 16px 22px !important;

    background: rgba(255,255,255,0.97) !important;

    border-top: 1px solid rgba(0,0,0,0.08);

    box-shadow:
        0 -8px 24px rgba(0,0,0,0.12) !important;

    z-index: 500 !important;
}

/* Celular */
@media (max-width: 850px) {

    .roteiro-destaque .card-atrativo {
        grid-template-columns: 1fr !important;
    }

    .roteiro-destaque .imagem-card {
        height: 300px !important;
        min-height: 300px !important;
    }

}

/* =====================================================
   AJUSTE DA FOTO PRINCIPAL DO ROTEIRO
   MOSTRA A IMAGEM COMPLETA SEM CORTES
===================================================== */

.roteiro-destaque .imagem-card {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #f4f7f9 !important;
}

/* =====================================================
   CLIC TURISMO - NAVEGAÇÃO SEMPRE VISÍVEL
===================================================== */

.painel-modal {
    position: relative !important;
    padding-bottom: 90px !important;
}

.navegacao-clic {
    position: fixed !important;

    left: 50% !important;
    bottom: 18px !important;

    transform: translateX(-50%) !important;

    width: calc(100% - 90px) !important;
    max-width: 1320px !important;

    margin: 0 !important;
    padding: 14px 20px !important;

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px !important;

    background: rgba(255,255,255,0.97) !important;

    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 30px rgba(0,0,0,0.18) !important;

    z-index: 999999 !important;
}

@media (max-width: 768px) {

    .navegacao-clic {
        width: calc(100% - 30px) !important;
        bottom: 10px !important;

        flex-direction: column !important;
    }

    .navegacao-clic .botao {
        width: 100% !important;
        text-align: center !important;
    }

}

/* =====================================================
   CLIC TURISMO - INDICADOR INTELIGENTE DE ROLAGEM
===================================================== */

.indicador-rolagem-clic {
    position: fixed;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);

    z-index: 999999;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;

    padding: 12px 10px;

    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;

    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);

    font-size: 13px;
    font-weight: 700;
    color: #07536d;

    pointer-events: none;

    animation: clicIndicadorRespira 1.8s ease-in-out infinite;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.indicador-rolagem-clic::after {
    content: "↓";
    font-size: 24px;
    line-height: 1;
}

.indicador-rolagem-clic.oculto {
    opacity: 0;
    transform: translateY(-50%) translateX(20px);
}

@keyframes clicIndicadorRespira {

    0%,
    100% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(-44%);
    }

}

@media (max-width: 768px) {

    .indicador-rolagem-clic {
        right: 8px;
        font-size: 11px;
        padding: 9px 7px;
    }

}

/* =====================================================
   CLIC TURISMO - DESTAQUE DO INDICADOR DE ROLAGEM
===================================================== */

.indicador-rolagem-clic {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #07536d,
            #0d7fa5
        ) !important;

    border: 2px solid rgba(255, 255, 255, 0.85);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.25),
        0 0 0 5px rgba(13, 127, 165, 0.12) !important;
}

/* Seta mais visível */

.indicador-rolagem-clic::after {
    content: "↓";
    display: block;

    font-size: 30px;
    font-weight: 900;
    line-height: 1;

    color: #ffffff;

    animation:
        clicSetaDescendo 1.2s ease-in-out infinite;
}

/* Movimento suave indicando a direção */

@keyframes clicSetaDescendo {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.7;
    }

    50% {
        transform: translateY(7px);
        opacity: 1;
    }

}

/* =====================================================
   CLIC TURISMO - REFORÇO VISUAL DO INDICADOR
===================================================== */

.indicador-rolagem-clic {
    font-weight: 900 !important;
    letter-spacing: 0.3px;
}

/* Seta mais grossa e marcante */

.indicador-rolagem-clic::after {
    content: "\2193" !important;
    display: block !important;
    font-size: 36px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

/* =====================================================
   CLIC TURISMO - MOLDURA OFICIAL DO PAINEL IMERSIVO
   PADRÃO VISUAL REUTILIZÁVEL POR CIDADE
===================================================== */

.painel-modal {
    border: 4px solid #0b5f78 !important;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.28),
        0 0 0 7px rgba(255, 255, 255, 0.75),
        0 0 0 11px rgba(11, 95, 120, 0.20) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbfc 100%
        ) !important;
}

/* Faixa interna elegante no topo */

.painel-descoberta-clic {
    position: relative;
}

.painel-descoberta-clic::before {
    content: "";

    position: absolute;
    top: -28px;
    left: -34px;
    right: -34px;

    height: 8px;

    background:
        linear-gradient(
            90deg,
            #0b5f78 0%,
            #d5a62e 50%,
            #0b5f78 100%
        );

    border-radius: 20px 20px 0 0;

    opacity: 0.95;
}

/* Identidade do destino no alto */

.painel-caminho {
    display: inline-flex;
    align-items: center;

    padding: 8px 14px;

    border-radius: 50px;

    background: #eef6f8;

    border: 1px solid rgba(11, 95, 120, 0.18);

    color: #0b5f78 !important;

    font-weight: 900 !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Pequeno detalhe decorativo */

.painel-caminho::before {
    content: "✦";

    margin-right: 8px;

    color: #d5a62e;

    font-size: 15px;
}

/* Suaviza o conteúdo interno */

.painel-descoberta-clic > h2 {
    margin-top: 10px;

    color: #12344a;

    letter-spacing: -0.02em;
}

/* Mantém o painel elegante no celular */

@media (max-width: 768px) {

    .painel-modal {
        border-width: 3px !important;
    }

    .painel-descoberta-clic::before {
        left: -16px;
        right: -16px;
        top: -20px;
    }

}

/* =====================================================
   CLIC TURISMO - INDICADOR DE ROLAGEM EM DESTAQUE
===================================================== */

.indicador-rolagem-clic {
    /* Traz o indicador para dentro da moldura */
    right: 48px !important;

    /* Dourado forte para indicar ação */
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    font-weight: 900 !important;

    border: 3px solid #ffffff !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,0.25),
        0 0 0 5px rgba(244,180,0,0.20) !important;
}

/* Seta bem contrastante */

.indicador-rolagem-clic::after {
    color: #172b38 !important;
    font-size: 38px !important;
    font-weight: 900 !important;
}

/* =====================================================
   CLIC TURISMO - HIERARQUIA VISUAL DOS BOTÕES
   DOURADO = AÇÃO | AZUL = VOLTAR
===================================================== */

/* BOTÃO DE AVANÇAR / DESCOBRIR */

.botao-siga-clicando {
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    border: 2px solid #ffffff !important;

    font-weight: 900 !important;

    box-shadow:
        0 6px 18px rgba(216, 146, 0, 0.28) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.botao-siga-clicando:hover {
    transform: translateY(-2px);

    box-shadow:
        0 9px 24px rgba(216, 146, 0, 0.38) !important;
}


/* BOTÃO VOLTAR - IDENTIDADE AZUL */

.botao-clic-voltar {
    background: #0b5f78 !important;
    color: #ffffff !important;

    font-weight: 800 !important;

    border: 2px solid #ffffff !important;
}

.botao-clic-voltar:hover {
    background: #084c61 !important;
}

/* =====================================================
   CLIC TURISMO - PADRÃO OFICIAL DE AÇÕES
   DOURADO = AVANÇAR / DESCOBRIR / AGIR
   AZUL    = VOLTAR / NAVEGAÇÃO
===================================================== */

/* AÇÕES PRINCIPAIS:
   seguir, descobrir, acessar, continuar */

.clic-seguir,
.clic-acao {
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    border: 2px solid #ffffff !important;
    border-radius: 10px;

    font-weight: 900 !important;

    box-shadow:
        0 6px 18px rgba(216, 146, 0, 0.30) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}

.clic-seguir:hover,
.clic-acao:hover {
    transform: translateY(-2px) scale(1.02);

    filter: brightness(1.05);

    box-shadow:
        0 9px 25px rgba(216, 146, 0, 0.40) !important;
}


/* VOLTAR / RETORNAR */

.clic-voltar,
.clic-voltar-inicio {
    background: #0b5f78 !important;

    color: #ffffff !important;

    border: 2px solid #ffffff !important;
    border-radius: 10px;

    font-weight: 800 !important;

    box-shadow:
        0 5px 15px rgba(11, 95, 120, 0.22) !important;
}

.clic-voltar:hover,
.clic-voltar-inicio:hover {
    background: #084c61 !important;

    transform: translateY(-2px);
}

/* =====================================================
   CLIC TURISMO - IDENTIDADE OFICIAL DOS BOTÕES
   DOURADO = AÇÃO / DESCOBRIR / AVANÇAR
   AZUL    = VOLTAR / RETORNAR
===================================================== */

/* BOTÕES PRINCIPAIS DE AÇÃO DO PORTAL */

.quer-conhecer-card .botao,
#btn-planejar,
#btn-colaboradores,
#btn-abrir-carteirinha-v05,
.botao-siga-clicando {

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    border: 2px solid #ffffff !important;

    font-weight: 900 !important;

    box-shadow:
        0 6px 18px rgba(216, 146, 0, 0.30) !important;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}


/* EFEITO AO PASSAR O MOUSE */

.quer-conhecer-card .botao:hover,
#btn-planejar:hover,
#btn-colaboradores:hover,
#btn-abrir-carteirinha-v05:hover,
.botao-siga-clicando:hover {

    transform: translateY(-2px) scale(1.03) !important;

    filter: brightness(1.06);

    box-shadow:
        0 9px 25px rgba(216, 146, 0, 0.42) !important;
}


/* VOLTAR CONTINUA AZUL */

.botao-clic-voltar {

    background: #0b5f78 !important;

    color: #ffffff !important;

    border: 2px solid #ffffff !important;

    font-weight: 900 !important;

    box-shadow:
        0 5px 15px rgba(11, 95, 120, 0.25) !important;
}


.botao-clic-voltar:hover {

    background: #084c61 !important;

    transform: translateY(-2px) !important;
}

/* =====================================================
   CLIC TURISMO - PADRÃO VISUAL DA TV
===================================================== */

/* DESTAQUES E BUSCA = AÇÃO */

.tv-botoes .botao-tv {
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    border: 2px solid #ffffff !important;

    font-weight: 900 !important;

    box-shadow:
        0 6px 18px rgba(216, 146, 0, 0.30) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}

.tv-botoes .botao-tv:hover {
    transform: translateY(-2px) scale(1.03) !important;

    filter: brightness(1.06);

    box-shadow:
        0 9px 25px rgba(216, 146, 0, 0.42) !important;
}


/* AO VIVO = DESTAQUE ESPECIAL */

.tv-botoes .botao-tv:first-child {
    background:
        linear-gradient(
            135deg,
            #b91c1c,
            #dc2626
        ) !important;

    color: #ffffff !important;
}

/* =====================================================
   CLIC TURISMO
   POSIÇÃO DEFINITIVA DO INDICADOR DE ROLAGEM
===================================================== */

.indicador-rolagem-clic {
    right: 157px !important;
}

/* =====================================================
   CLIC TURISMO - CARROSSEL DAS EXPERIÊNCIAS
===================================================== */

.experiencias-clic {
    max-width: 1180px;
    margin: 45px auto 30px;
    padding: 28px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 14px 35px rgba(0, 45, 75, 0.10);
}

.experiencias-cabecalho {
    text-align: center;
    margin-bottom: 26px;
}

.experiencias-cabecalho h3 {
    color: #0b4f6c;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.experiencias-cabecalho p {
    color: #555;
    font-size: 1.05rem;
    line-height: 1.6;
}

.carrossel-carteirinhas-clic {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    gap: 14px;
}

.carrossel-carteirinhas-janela {
    overflow: hidden;
    width: 100%;
}

.carrossel-carteirinhas-trilho {
    display: flex;
    gap: 20px;
    transition: transform 0.55s ease;
    will-change: transform;
}

.carrossel-seta {
    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        );

    color: #172b38;

    font-size: 30px;
    font-weight: 900;

    cursor: pointer;

    box-shadow:
        0 6px 16px rgba(216,146,0,0.30);

    transition:
        transform 0.2s ease,
        filter 0.2s ease;
}

.carrossel-seta:hover {
    transform: scale(1.08);
    filter: brightness(1.06);
}

.experiencias-acoes {
    margin-top: 24px;
    text-align: center;
}

#btn-ver-todas-experiencias {
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    font-weight: 900 !important;

    border: 2px solid #ffffff !important;
}

@media (max-width: 700px) {

    .experiencias-clic {
        padding: 20px 14px;
    }

    .carrossel-carteirinhas-clic {
        grid-template-columns: 40px 1fr 40px;
        gap: 8px;
    }

    .carrossel-seta {
        width: 38px;
        height: 38px;
        font-size: 26px;
    }

}

/* =====================================================
   CLIC TURISMO
   CARTÃO OFICIAL DAS EXPERIÊNCIAS - DESTAQUE
===================================================== */

.carrossel-carteirinhas-janela {
    min-height: 360px;
    display: flex;
    align-items: center;
}

.carrossel-carteirinhas-trilho {
    width: 100%;
    align-items: stretch;
}

.carteirinha-carrossel-item {
    flex: 0 0 100%;

    min-height: 320px;

    display: grid;
    grid-template-columns: minmax(320px, 48%) 1fr;

    background: #ffffff;

    border: 1px solid rgba(11, 79, 108, 0.12);
    border-radius: 20px;

    overflow: hidden;

    box-shadow:
        0 10px 28px rgba(0, 45, 75, 0.12);

    cursor: pointer;
}

.carteirinha-carrossel-imagem {
    min-height: 320px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eef3f5;
}

.carteirinha-carrossel-imagem img {
    width: 100%;
    height: 100%;

    max-height: 340px;

    object-fit: contain;

    display: block;
}

.carteirinha-carrossel-conteudo {
    padding: 34px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.carteirinha-numero {
    color: #d89200;
    font-weight: 900;
    margin-bottom: 10px;
}

.carteirinha-carrossel-conteudo h4 {
    color: #0b4f6c;
    font-size: 1.6rem;
    margin: 0 0 8px;
}

.carteirinha-origem {
    font-weight: 700;
    margin-bottom: 18px;
}

.carteirinha-mensagem {
    font-size: 1.08rem;
    line-height: 1.65;
    margin-bottom: 20px;
}

.carteirinha-clique {
    color: #0b5f78;
    font-weight: 800;
}

/* CELULAR */

@media (max-width: 750px) {

    .carrossel-carteirinhas-janela {
        min-height: auto;
    }

    .carteirinha-carrossel-item {
        grid-template-columns: 1fr;
    }

    .carteirinha-carrossel-imagem {
        min-height: 240px;
    }

    .carteirinha-carrossel-conteudo {
        padding: 24px;
    }
}

/* =====================================================
   CLIC TURISMO
   VITRINE CARTEIRINHA - FRENTE + VERSO
===================================================== */

.carteirinha-carrossel-item {
    display: block !important;
    padding: 28px !important;
}

.carteirinha-dupla {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: center;
}

.carteirinha-face-carrossel {
    position: relative;

    padding: 18px;

    background: #f5f8fa;

    border: 1px solid rgba(11, 79, 108, 0.12);
    border-radius: 18px;

    box-shadow:
        0 10px 24px rgba(0, 45, 75, 0.10);
}

.carteirinha-face-carrossel img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    border-radius: 14px;
}

.carteirinha-face-titulo {
    display: inline-block;

    margin-bottom: 10px;
    padding: 6px 12px;

    background: #0b5f78;
    color: #ffffff;

    border-radius: 20px;

    font-size: 0.8rem;
    font-weight: 900;
}

.carteirinha-resumo-carrossel {
    margin-top: 22px;

    text-align: center;
}

.carteirinha-resumo-carrossel strong {
    display: block;

    color: #0b4f6c;

    font-size: 1.25rem;
}

.carteirinha-resumo-carrossel span {
    display: block;

    margin-top: 4px;

    color: #666;
    font-weight: 700;
}

.carteirinha-resumo-carrossel p {
    max-width: 760px;

    margin: 12px auto;

    color: #444;

    font-size: 1.05rem;
    line-height: 1.6;
}

.carteirinha-resumo-carrossel small {
    color: #d89200;

    font-weight: 900;
}

@media (max-width: 750px) {

    .carteirinha-dupla {
        grid-template-columns: 1fr;
    }

}

/* =====================================================
   CLIC TURISMO
   PERTENCIMENTO E IDENTIDADE DAS EXPERIÊNCIAS
===================================================== */

.frase-pertencimento {
    max-width: 900px;
    margin: 0 auto 18px !important;

    color: #0b4f6c !important;

    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;

    text-align: center;
}

.experiencias-cabecalho h3 {
    margin-top: 0;
}

.carteirinha-identidade-carrossel {
    text-align: center;
    margin-bottom: 18px;
}

.carteirinha-identidade-carrossel strong {
    display: block;

    color: #0b4f6c;

    font-size: 1.45rem;
    font-weight: 900;
}

.carteirinha-identidade-carrossel span {
    display: block;

    margin-top: 4px;

    color: #555;

    font-size: 1rem;
    font-weight: 700;
}

/* =====================================================
   CLIC TURISMO
   DESTAQUE EMOCIONAL DA CARTEIRINHA
===================================================== */

.frase-pertencimento {
    max-width: 920px !important;

    margin: 0 auto 24px !important;
    padding: 12px 24px !important;

    color: #0b4f6c !important;

    font-size: 1.55rem !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;

    text-align: center;

    border-bottom: 4px solid #e8a500;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(244, 180, 0, 0.10),
            transparent
        );

    border-radius: 10px;
}

/* =====================================================
   CLIC TURISMO
   BOTÃO DE PERTENCIMENTO - CARTEIRINHA
===================================================== */

#btn-abrir-carteirinha-v05 {
    display: block !important;

    margin: 30px auto 10px !important;
    padding: 15px 30px !important;

    width: fit-content !important;

    font-size: 1.05rem !important;
    font-weight: 900 !important;

    background: linear-gradient(
        135deg,
        #f4b400,
        #d89200
    ) !important;

    color: #172b38 !important;

    border: 2px solid #ffffff !important;
    border-radius: 9px !important;

    box-shadow:
        0 7px 18px rgba(216, 146, 0, 0.28) !important;

    cursor: pointer;
}

.botao-central {
    width: 100%;
    text-align: center !important;
}

/* =====================================================
   CLIC TURISMO
   CONVITE EMOCIONAL - CARTEIRINHA OFICIAL
===================================================== */

.convite-carteirinha {
    max-width: 850px;
    margin: 14px auto 0 !important;

    color: #0b4f6c !important;

    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;

    text-align: center;

    letter-spacing: 0.1px;
}

.convite-carteirinha::after {
    content: "";
    display: block;

    width: 90px;
    height: 3px;

    margin: 13px auto 0;

    background: #e8a500;
    border-radius: 10px;
}

/* =====================================================
   CLIC TURISMO
   EXPERIÊNCIA DA CARTEIRINHA EM DESTAQUE
===================================================== */

.carteirinha-destaque-overlay {
    position: fixed;
    inset: 0;

    z-index: 9999999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(8, 24, 36, 0.82);

    overflow-y: auto;
}

.carteirinha-destaque-overlay[hidden] {
    display: none !important;
}

.carteirinha-destaque-modal {
    position: relative;

    width: min(1280px, calc(100vw - 40px));

    padding: 38px;

    background: #ffffff;

    border: 4px solid #0b5f78;
    border-radius: 26px;

    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.38),
        0 0 0 7px rgba(255, 255, 255, 0.18);
}

.fechar-carteirinha-destaque {
    position: absolute;

    top: 14px;
    right: 18px;

    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background: #0b5f78;
    color: #ffffff;

    font-size: 28px;
    font-weight: 900;

    cursor: pointer;
}

#conteudo-carteirinha-destaque {
    padding-top: 30px;
}

.continuar-carrossel-carteirinha {
    display: block !important;

    margin: 30px auto 0 !important;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    font-weight: 900 !important;

    border: 2px solid #ffffff !important;
}

@media (max-width: 750px) {

    .carteirinha-destaque-overlay {
        padding: 10px;
    }

    .carteirinha-destaque-modal {
        width: calc(100vw - 20px);
        padding: 24px 16px;
    }

}

/* MENSAGEM DO VISITANTE NA EXPERIÊNCIA AMPLIADA */

#conteudo-carteirinha-destaque .carteirinha-resumo-carrossel p {
    max-width: 850px;
    margin: 24px auto 10px;

    padding: 18px 24px;

    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.55;

    text-align: center;

    color: #0b4f6c;

    background: #fffaf0;

    border-left: 5px solid #e8a500;
    border-radius: 10px;
}

/* =====================================================
   CLIC TURISMO
   GALERIA - TODAS AS EXPERIÊNCIAS
===================================================== */

.galeria-experiencias-overlay {
    position: fixed;
    inset: 0;

    z-index: 9999998;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    padding: 24px;

    background: rgba(8, 24, 36, 0.82);

    overflow-y: auto;
}

.galeria-experiencias-overlay[hidden] {
    display: none !important;
}

.galeria-experiencias-modal {
    position: relative;

    width: min(1380px, calc(100vw - 40px));
    min-height: calc(100vh - 48px);

    padding: 38px;

    background: #ffffff;

    border: 4px solid #0b5f78;
    border-radius: 26px;

    box-shadow:
        0 28px 80px rgba(0,0,0,0.38),
        0 0 0 7px rgba(255,255,255,0.18);
}

.fechar-galeria-experiencias {
    position: absolute;

    top: 14px;
    right: 18px;

    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background: #0b5f78;
    color: #ffffff;

    font-size: 28px;
    font-weight: 900;

    cursor: pointer;
}

.galeria-experiencias-cabecalho {
    text-align: center;
    margin-bottom: 28px;
}

.galeria-experiencias-cabecalho h2 {
    color: #0b4f6c;
    font-size: 2rem;
    margin-bottom: 10px;
}

.galeria-experiencias-cabecalho p {
    color: #555;
    font-size: 1.08rem;
    line-height: 1.6;
}


/* BUSCA */

.busca-experiencias {
    max-width: 760px;
    margin: 0 auto 32px;
}

.busca-experiencias label {
    display: block;

    margin-bottom: 10px;

    color: #0b4f6c;

    font-size: 1.05rem;
    font-weight: 900;
}

.busca-experiencias input {
    width: 100%;

    padding: 15px 20px;

    border: 2px solid #d6e3e8;
    border-radius: 40px;

    font-size: 1rem;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.busca-experiencias input:focus {
    border-color: #e8a500;

    box-shadow:
        0 0 0 4px rgba(232,165,0,0.12);
}


/* GRID */

.galeria-experiencias-grid {
    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(260px, 1fr));

    gap: 24px;

    margin-top: 20px;
}


/* CARTÃO DA GALERIA */

.galeria-experiencia-item {
    background: #ffffff;

    border: 1px solid #dbe7eb;
    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 10px 26px rgba(0,45,75,0.10);

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.galeria-experiencia-item:hover {
    transform: translateY(-5px);

    box-shadow:
        0 16px 34px rgba(0,45,75,0.17);
}

.galeria-experiencia-item img {
    width: 100%;
    height: 180px;

    display: block;

    object-fit: contain;

    background: #f4f7f9;
}

.galeria-experiencia-conteudo {
    padding: 18px;
}

.galeria-experiencia-conteudo strong {
    display: block;

    color: #0b4f6c;

    font-size: 1.05rem;
    font-weight: 900;
}

.galeria-experiencia-conteudo span {
    display: block;

    margin-top: 5px;

    color: #666;

    font-size: 0.92rem;
    font-weight: 700;
}

.galeria-experiencia-conteudo small {
    display: block;

    margin-top: 12px;

    color: #d89200;

    font-weight: 900;
}


/* SEM RESULTADOS */

.galeria-experiencias-vazia {
    margin: 40px 0;

    text-align: center;

    color: #666;

    font-weight: 700;
}


/* VOLTAR */

.voltar-carrossel-experiencias {
    display: block !important;

    margin: 36px auto 0 !important;

    background: #0b5f78 !important;

    color: #ffffff !important;

    font-weight: 900 !important;
}


/* CELULAR */

@media (max-width: 750px) {

    .galeria-experiencias-overlay {
        padding: 10px;
    }

    .galeria-experiencias-modal {
        width: calc(100vw - 20px);
        min-height: calc(100vh - 20px);

        padding: 26px 16px;
    }

    .galeria-experiencias-grid {
        grid-template-columns: 1fr;
    }

}

/* =====================================================
   CLIC TURISMO
   AVISO DE CLIQUE NAS MINIATURAS DA GALERIA
===================================================== */

.galeria-experiencia-conteudo small {
    display: inline-block;

    margin-top: 14px;
    padding: 7px 11px;

    color: #0b4f6c !important;

    background: rgba(244, 180, 0, 0.14);

    border: 1px solid rgba(216, 146, 0, 0.35);
    border-radius: 20px;

    font-weight: 900 !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.galeria-experiencia-item:hover
.galeria-experiencia-conteudo small {

    background: rgba(244, 180, 0, 0.26);

    transform: translateY(-1px);
}

/* =====================================================
   CLIC TURISMO
   AÇÃO - AMPLIAR EXPERIÊNCIA NO CARROSSEL
===================================================== */

.carteirinha-resumo-carrossel small {
    display: inline-block;

    padding: 10px 18px;

    background: #eba900;
    color: #102f43 !important;

    border: 2px solid #ffffff;
    border-radius: 9px;

    box-shadow: 0 5px 14px rgba(190, 135, 0, 0.22);

    font-size: 0.95rem;
    font-weight: 900;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.carteirinha-resumo-carrossel small:hover {
    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(190, 135, 0, 0.30);
}

/* =====================================================
   CLIC TURISMO
   DESTAQUE DO CABEÇALHO E BUSCA DAS EXPERIÊNCIAS
===================================================== */

.galeria-experiencias-cabecalho h2 {
    color: #0b4f6c !important;
    font-size: 2.15rem !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

/* Frase de pertencimento da galeria */

.galeria-experiencias-cabecalho p {
    max-width: 780px;
    margin: 0 auto 28px !important;

    color: #173f53 !important;

    font-size: 1.18rem !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

/* Área da procura */

.busca-experiencias {
    max-width: 760px;
    margin: 0 auto 34px !important;

    padding: 18px 22px;

    background: #f7fafb;

    border: 1px solid #d8e5e9;
    border-radius: 16px;
}

/* "Quem você procura?" */

.busca-experiencias label {
    display: block;

    margin-bottom: 11px !important;

    color: #0b4f6c !important;

    font-size: 1.15rem !important;
    font-weight: 900 !important;
}

/* Campo de busca */

.busca-experiencias input {
    background: #ffffff;

    border: 2px solid #e8a500 !important;

    font-size: 1.05rem !important;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.busca-experiencias input:focus {
    border-color: #0b5f78 !important;

    box-shadow:
        0 0 0 4px rgba(11, 95, 120, 0.12) !important;
}

/* =====================================================
   CLIC TURISMO
   AJUSTE FINAL DO BOTÃO - GALERIA DE EXPERIÊNCIAS
===================================================== */

.galeria-experiencia-conteudo small {
    width: 100%;

    padding: 8px 9px !important;

    font-size: 0.82rem !important;

    line-height: 1.2 !important;

    text-align: center;

    white-space: nowrap;
}

/* No celular pode quebrar normalmente */

@media (max-width: 750px) {

    .galeria-experiencia-conteudo small {
        white-space: normal;
        font-size: 0.9rem !important;
    }

}

/* =====================================================
   CLIC TURISMO
   BOTÃO PRINCIPAL - REGISTRAR MINHA EXPERIÊNCIA
===================================================== */

#btn-abrir-carteirinha-v05 {
    min-width: 390px;

    padding: 17px 34px !important;

    background: #d99500 !important;
    color: #082f49 !important;

    border: 3px solid #ffffff !important;
    border-radius: 12px !important;

    font-size: 1.12rem !important;
    font-weight: 900 !important;

    box-shadow:
        0 8px 22px rgba(190, 130, 0, 0.32) !important;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

#btn-abrir-carteirinha-v05:hover {
    background: #efad00 !important;

    transform: translateY(-3px) scale(1.02);

    box-shadow:
        0 12px 28px rgba(190, 130, 0, 0.40) !important;
}

/* CELULAR */

@media (max-width: 750px) {

    #btn-abrir-carteirinha-v05 {
        width: calc(100% - 32px);
        min-width: 0;

        padding: 15px 20px !important;

        font-size: 1rem !important;
    }

}

/* =====================================================
   CLIC TURISMO
   CARROSSEL - QUEM FAZ O TURISMO ACONTECER
===================================================== */

.carrossel-colaboradores {
    max-width: 1180px;

    margin: 40px auto 25px;

    display: grid;
    grid-template-columns: 48px 1fr 48px;

    align-items: center;

    gap: 14px;
}

.colaboradores-janela {
    width: 100%;

    overflow: hidden;
}

.colaboradores-trilho {
    display: flex;

    gap: 22px;

    transition: transform 0.55s ease;

    will-change: transform;
}

.colaborador-carrossel-item {
    flex: 0 0 100%;

    min-height: 350px;

    display: grid;

    grid-template-columns:
        minmax(300px, 42%)
        1fr;

    background: #ffffff;

    border: 1px solid #dbe7eb;

    border-radius: 22px;

    overflow: hidden;

    box-shadow:
        0 12px 32px rgba(0,45,75,0.12);

    cursor: pointer;
}

.colaborador-imagem {
    min-height: 350px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eef3f5;
}

.colaborador-imagem img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}

.colaborador-conteudo {
    padding: 36px;

    display: flex;
    flex-direction: column;

    justify-content: center;
}

.colaborador-categoria {
    display: inline-block;

    width: fit-content;

    margin-bottom: 12px;

    padding: 6px 12px;

    background: #eaf4f7;

    color: #0b5f78;

    border-radius: 20px;

    font-size: 0.82rem;

    font-weight: 900;
}

.colaborador-conteudo h3 {
    color: #0b4f6c;

    font-size: 1.7rem;

    margin-bottom: 8px;
}

.colaborador-local {
    margin-bottom: 18px;

    color: #666;

    font-weight: 700;
}

.colaborador-descricao {
    color: #444;

    line-height: 1.65;

    margin-bottom: 20px;
}

.colaborador-clique {
    display: inline-block;

    width: fit-content;

    padding: 9px 14px;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        );

    color: #172b38;

    border-radius: 9px;

    font-weight: 900;
}

.colaborador-seta {
    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        );

    color: #172b38;

    font-size: 30px;
    font-weight: 900;

    cursor: pointer;
}

.colaboradores-acoes {
    text-align: center;

    margin-top: 20px;
}

#btn-ver-todos-colaboradores {
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    font-weight: 900 !important;
}

@media (max-width: 800px) {

    .carrossel-colaboradores {
        grid-template-columns:
            40px 1fr 40px;
    }

    .colaborador-carrossel-item {
        grid-template-columns: 1fr;
    }

    .colaborador-imagem {
        min-height: 260px;
    }

    .colaborador-conteudo {
        padding: 24px;
    }

}

/* =====================================================
   CLIC TURISMO
   REDE COMPLETA - QUEM FAZ O TURISMO ACONTECER
===================================================== */

.rede-clic-overlay {
    position: fixed;
    inset: 0;

    z-index: 9999997;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    padding: 24px;

    background: rgba(8, 24, 36, 0.84);

    overflow-y: auto;
}

.rede-clic-overlay[hidden] {
    display: none !important;
}

.rede-clic-modal {
    position: relative;

    width: min(1400px, calc(100vw - 40px));
    min-height: calc(100vh - 48px);

    padding: 38px;

    background: #ffffff;

    border: 4px solid #0b5f78;
    border-radius: 26px;

    box-shadow:
        0 28px 80px rgba(0,0,0,0.38),
        0 0 0 7px rgba(255,255,255,0.18);
}

.fechar-rede-clic {
    position: absolute;

    top: 14px;
    right: 18px;

    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background: #0b5f78;
    color: #ffffff;

    font-size: 28px;
    font-weight: 900;

    cursor: pointer;
}


/* CABEÇALHO */

.rede-clic-cabecalho {
    max-width: 900px;
    margin: 0 auto 28px;

    text-align: center;
}

.rede-clic-cabecalho h2 {
    color: #0b4f6c;

    font-size: 2.2rem;
    font-weight: 900;

    margin-bottom: 12px;
}

.rede-clic-cabecalho p {
    color: #455f6c;

    font-size: 1.15rem;
    font-weight: 700;

    line-height: 1.6;
}


/* FILTROS */

.rede-clic-filtros {
    max-width: 1180px;

    margin: 0 auto 26px;

    display: flex;
    justify-content: center;

    gap: 10px;

    flex-wrap: wrap;
}

.rede-clic-filtros button {
    padding: 10px 17px;

    border: 2px solid #0b5f78;
    border-radius: 30px;

    background: #ffffff;
    color: #0b5f78;

    font-weight: 900;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.rede-clic-filtros button:hover,
.rede-clic-filtros button.ativo {
    background: #0b5f78;
    color: #ffffff;

    transform: translateY(-2px);
}


/* BUSCA */

.rede-clic-busca {
    max-width: 760px;

    margin: 0 auto 32px;

    padding: 18px 22px;

    background: #f7fafb;

    border: 1px solid #d8e5e9;
    border-radius: 16px;
}

.rede-clic-busca label {
    display: block;

    margin-bottom: 10px;

    color: #0b4f6c;

    font-size: 1.12rem;
    font-weight: 900;
}

.rede-clic-busca input {
    width: 100%;

    padding: 15px 20px;

    border: 2px solid #e8a500;
    border-radius: 40px;

    background: #ffffff;

    font-size: 1rem;

    outline: none;
}

.rede-clic-busca input:focus {
    border-color: #0b5f78;

    box-shadow:
        0 0 0 4px rgba(11,95,120,0.12);
}


/* MINIATURAS */

.rede-clic-grid {
    max-width: 1240px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(250px, 1fr));

    gap: 24px;
}


/* PARTICIPANTE */

.rede-clic-item {
    background: #ffffff;

    border: 1px solid #dbe7eb;
    border-radius: 20px;

    overflow: hidden;

    box-shadow:
        0 10px 28px rgba(0,45,75,0.10);

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.rede-clic-item:hover {
    transform: translateY(-5px);

    box-shadow:
        0 17px 36px rgba(0,45,75,0.17);
}

.rede-clic-item-imagem {
    height: 190px;

    background: #eef3f5;

    overflow: hidden;
}

.rede-clic-item-imagem img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}

.rede-clic-item-conteudo {
    padding: 19px;
}

.rede-clic-item-conteudo .categoria {
    display: inline-block;

    margin-bottom: 9px;

    color: #0b5f78;

    font-size: 0.8rem;
    font-weight: 900;
}

.rede-clic-item-conteudo h3 {
    color: #0b4f6c;

    font-size: 1.18rem;

    margin-bottom: 6px;
}

.rede-clic-item-conteudo p {
    color: #666;

    font-size: 0.92rem;

    margin-bottom: 12px;
}

.rede-clic-item-conteudo small {
    display: inline-block;

    padding: 7px 11px;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        );

    color: #172b38;

    border-radius: 20px;

    font-weight: 900;
}


/* SEM RESULTADO */

.rede-clic-vazia {
    margin: 40px 0;

    text-align: center;

    color: #666;

    font-weight: 700;
}


/* RODAPÉ */

.rede-clic-rodape {
    margin-top: 38px;

    text-align: center;
}

#btn-quero-participar-rede {
    padding: 16px 30px !important;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;

    font-size: 1.05rem !important;
    font-weight: 900 !important;
}


/* CELULAR */

@media (max-width: 750px) {

    .rede-clic-overlay {
        padding: 10px;
    }

    .rede-clic-modal {
        width: calc(100vw - 20px);
        min-height: calc(100vh - 20px);

        padding: 26px 16px;
    }

    .rede-clic-grid {
        grid-template-columns: 1fr;
    }

}

/* =====================================================
   CLIC TURISMO
   AJUSTE DAS FOTOS - MINIATURAS DA REDE
   Preserva a imagem completa
===================================================== */

.rede-clic-item-imagem {
    height: 230px;

    padding: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f4f7f8;

    overflow: hidden;
}

.rede-clic-item-imagem img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain !important;
    object-position: center !important;

    border-radius: 10px;
}

/* =====================================================
   CLIC TURISMO
   MURAL DO PARTICIPANTE
===================================================== */

.mural-participante-overlay {
    position: fixed;
    inset: 0;

    z-index: 9999996;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    padding: 24px;

    background: rgba(8, 24, 36, 0.84);

    overflow-y: auto;
}

.mural-participante-overlay[hidden] {
    display: none !important;
}

.mural-participante-modal {
    position: relative;

    width: min(1380px, calc(100vw - 40px));

    padding: 38px;

    background: #ffffff;

    border: 4px solid #0b5f78;
    border-radius: 26px;

    box-shadow:
        0 28px 80px rgba(0,0,0,0.38),
        0 0 0 7px rgba(255,255,255,0.18);
}

.fechar-mural-participante {
    position: absolute;

    top: 14px;
    right: 18px;

    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background: #0b5f78;
    color: #ffffff;

    font-size: 28px;
    font-weight: 900;

    cursor: pointer;
}


/* CABEÇALHO */

.mural-participante-cabecalho {
    display: grid;

    grid-template-columns:
        minmax(260px, 34%)
        1fr;

    gap: 34px;

    align-items: center;

    margin-bottom: 34px;
}

.mural-participante-foto {
    min-height: 300px;

    padding: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3f7f8;

    border: 1px solid #dbe7eb;
    border-radius: 20px;
}

.mural-participante-foto img {
    width: 100%;
    height: 100%;

    max-height: 360px;

    display: block;

    object-fit: contain;
    object-position: center;

    border-radius: 14px;
}

.mural-participante-identidade {
    padding-right: 35px;
}

.mural-participante-categoria {
    display: inline-block;

    margin-bottom: 12px;

    padding: 7px 13px;

    background: #eaf4f7;

    color: #0b5f78;

    border-radius: 30px;

    font-size: 0.85rem;
    font-weight: 900;
}

.mural-participante-identidade h2 {
    color: #0b4f6c;

    font-size: 2.3rem;
    font-weight: 900;

    margin-bottom: 8px;
}

#mural-participante-local {
    color: #666;

    font-size: 1.05rem;
    font-weight: 700;
}


/* SEÇÕES */

.mural-participante-secao {
    margin-top: 28px;

    padding: 26px;

    background: #f9fbfc;

    border: 1px solid #dbe7eb;
    border-radius: 20px;
}

.mural-participante-secao h3 {
    color: #0b4f6c;

    font-size: 1.45rem;
    font-weight: 900;

    margin-bottom: 16px;
}

#mural-participante-descricao {
    max-width: 1000px;

    color: #404f57;

    font-size: 1.05rem;
    line-height: 1.75;
}


/* GALERIA - ATÉ 6 FOTOS */

.mural-participante-galeria {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}

.mural-participante-galeria img {
    width: 100%;
    height: 230px;

    padding: 10px;

    display: block;

    object-fit: contain;
    object-position: center;

    background: #ffffff;

    border: 1px solid #dbe7eb;
    border-radius: 16px;

    box-shadow:
        0 8px 20px rgba(0,45,75,0.08);

    cursor: pointer;
}


/* NOVIDADES */

.mural-participante-novidade {
    display: grid;

    grid-template-columns:
        minmax(240px, 38%)
        1fr;

    gap: 24px;

    align-items: center;
}

#mural-participante-novidade-imagem {
    width: 100%;
    max-height: 320px;

    padding: 10px;

    object-fit: contain;

    background: #ffffff;

    border: 1px solid #dbe7eb;
    border-radius: 16px;
}

#mural-participante-novidade-texto {
    color: #404f57;

    font-size: 1.05rem;
    line-height: 1.7;
}


/* CONTATOS */

.mural-participante-contatos {
    display: flex;

    gap: 12px;

    flex-wrap: wrap;
}

.mural-participante-contatos a {
    display: inline-block;

    padding: 11px 17px;

    background: #0b5f78;
    color: #ffffff;

    border-radius: 10px;

    font-weight: 900;

    text-decoration: none;
}


/* AÇÕES */

.mural-participante-acoes {
    margin-top: 34px;

    text-align: center;
}

#voltar-rede-clic {
    background: #0b5f78 !important;

    color: #ffffff !important;

    font-weight: 900 !important;
}


/* CELULAR */

@media (max-width: 800px) {

    .mural-participante-overlay {
        padding: 10px;
    }

    .mural-participante-modal {
        width: calc(100vw - 20px);

        padding: 26px 16px;
    }

    .mural-participante-cabecalho {
        grid-template-columns: 1fr;
    }

    .mural-participante-identidade {
        padding-right: 0;

        text-align: center;
    }

    .mural-participante-galeria {
        grid-template-columns: 1fr;
    }

    .mural-participante-novidade {
        grid-template-columns: 1fr;
    }

}

/* =====================================================
   CLIC TURISMO
   CONVITE FIXO - FAZER PARTE DA REDE
===================================================== */

.rede-clic-rodape {
    position: sticky;

    bottom: 12px;

    z-index: 20;

    margin-top: 30px;
    padding: 14px 20px;

    text-align: center;

    background:
        rgba(255, 255, 255, 0.94);

    border-radius: 18px;

    box-shadow:
        0 -6px 24px rgba(0, 45, 75, 0.10);

    backdrop-filter: blur(8px);
}

#btn-quero-participar-rede {
    min-width: 390px;

    padding: 16px 30px !important;

    font-size: 1.08rem !important;
    font-weight: 900 !important;
}

@media (max-width: 750px) {

    #btn-quero-participar-rede {
        width: 100%;
        min-width: 0;
    }

}

/* =====================================================
   CLIC TURISMO
   ESPAÇO DE SEGURANÇA PARA O CONVITE FIXO
   Evita esconder os botões dos participantes
===================================================== */

.rede-clic-grid {
    padding-bottom: 115px;
}

.rede-clic-rodape {
    bottom: 10px;

    padding: 10px 16px;

    margin-top: -90px;
}

@media (max-width: 750px) {

    .rede-clic-grid {
        padding-bottom: 125px;
    }

    .rede-clic-rodape {
        margin-top: -100px;
    }

}

/* =====================================================
   CORREÇÃO FINAL
   BOTÃO "QUERO FAZER PARTE" SEM COBRIR PARTICIPANTES
===================================================== */

.rede-clic-rodape {
    position: static !important;

    bottom: auto !important;

    margin-top: 32px !important;
    padding: 18px 20px !important;

    background: #ffffff !important;

    box-shadow:
        0 8px 24px rgba(0, 45, 75, 0.10) !important;

    border-radius: 18px !important;
}

.rede-clic-grid {
    padding-bottom: 0 !important;
}

#btn-quero-participar-rede {
    display: inline-block !important;

    min-width: 390px;

    margin: 0 auto !important;

    padding: 16px 30px !important;
}

@media (max-width: 750px) {

    #btn-quero-participar-rede {
        width: 100%;
        min-width: 0;
    }

}

/* =====================================================
   CLIC TURISMO
   COMPACTAÇÃO DA REDE + DESTAQUE DO BOTÃO PRINCIPAL
===================================================== */

/* Deixa os cartões um pouco mais compactos */

.rede-clic-item-imagem {
    height: 205px !important;
}

.rede-clic-item-conteudo {
    padding: 15px 17px !important;
}

.rede-clic-item-conteudo .categoria {
    margin-bottom: 6px !important;
}

.rede-clic-item-conteudo h3 {
    margin-bottom: 4px !important;
}

.rede-clic-item-conteudo p {
    margin-bottom: 8px !important;
}


/* Aproxima o convite principal da grade */

.rede-clic-rodape {
    position: static !important;

    margin-top: 18px !important;
    padding: 10px 16px !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* BOTÃO MAIS IMPORTANTE DA REDE */

#btn-quero-participar-rede {
    display: inline-block !important;

    min-width: 430px;

    padding: 17px 34px !important;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #0b3550 !important;

    border: 4px solid #0b5f78 !important;
    border-radius: 12px !important;

    font-size: 1.12rem !important;
    font-weight: 900 !important;

    box-shadow:
        0 8px 22px rgba(11, 95, 120, 0.18),
        0 5px 16px rgba(216, 146, 0, 0.28) !important;
}

#btn-quero-participar-rede:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 28px rgba(11, 95, 120, 0.25),
        0 7px 20px rgba(216, 146, 0, 0.34) !important;
}


@media (max-width: 750px) {

    .rede-clic-item-imagem {
        height: 190px !important;
    }

    #btn-quero-participar-rede {
        width: 100%;
        min-width: 0;
    }

}

/* =====================================================
   CLIC TURISMO
   GALERIA LATERAL DO MURAL DO PARTICIPANTE
===================================================== */

.mural-galeria-carrossel {
    display: grid;

    grid-template-columns:
        46px
        1fr
        46px;

    gap: 12px;

    align-items: center;
}


/* FAIXA DAS FOTOS */

.mural-participante-galeria {
    display: flex !important;

    gap: 16px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;

    padding: 8px 4px 14px;

    scrollbar-width: thin;

    scrollbar-color:
        #0b5f78
        #e8eef1;
}


/* CADA FOTO */

.mural-participante-galeria img {
    flex: 0 0 calc((100% - 32px) / 3);

    width: auto !important;
    height: 230px !important;

    padding: 10px;

    object-fit: contain !important;
    object-position: center !important;

    background: #ffffff;

    border: 1px solid #dbe7eb;
    border-radius: 16px;

    box-shadow:
        0 8px 20px rgba(0,45,75,0.08);

    cursor: pointer;
}


/* SETAS */

.mural-galeria-seta {
    width: 44px;
    height: 44px;

    border: 2px solid #ffffff;
    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        );

    color: #172b38;

    font-size: 30px;
    font-weight: 900;

    cursor: pointer;

    box-shadow:
        0 6px 16px rgba(216,146,0,0.28);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.mural-galeria-seta:hover {
    transform: scale(1.08);

    box-shadow:
        0 9px 20px rgba(216,146,0,0.36);
}


/* AVISO */

.mural-galeria-aviso {
    margin: 14px 0 0;

    text-align: center;

    color: #0b5f78;

    font-size: 0.95rem;
    font-weight: 900;
}


/* CELULAR */

@media (max-width: 750px) {

    .mural-galeria-carrossel {
        grid-template-columns:
            38px
            1fr
            38px;

        gap: 7px;
    }

    .mural-participante-galeria img {
        flex: 0 0 88%;

        height: 220px !important;
    }

    .mural-galeria-seta {
        width: 36px;
        height: 36px;

        font-size: 25px;
    }

}

/* =====================================================
   CLIC TURISMO
   MURAL DO PARTICIPANTE
   ROLAGEM ÚNICA - PADRÃO DOS ROTEIROS
===================================================== */

.mural-participante-overlay {
    overflow: hidden !important;

    align-items: flex-start !important;

    padding: 0 !important;
}

.mural-participante-modal {
    width: calc(100% - 36px) !important;

    max-width: 1380px !important;

    height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 36px) !important;

    margin: 18px auto !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scroll-behavior: smooth;

    scrollbar-gutter: stable;
}

/* =====================================================
   CLIC TURISMO
   AVISO DE CONTINUIDADE DO MURAL
===================================================== */

.mural-aviso-rolagem {
    width: fit-content;

    margin: 14px auto 18px;

    padding: 9px 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: #0b5f78;

    font-size: 0.95rem;
    font-weight: 800;

    background: #ffffff;

    border: 1px solid #cfe0e6;
    border-radius: 30px;

    box-shadow:
        0 5px 14px rgba(0, 45, 75, 0.08);
}

.mural-aviso-seta {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    border-radius: 50%;

    background: #e8a000;
    color: #ffffff;

    font-size: 18px;
    font-weight: 900;
}

/* =====================================================
   CLIC TURISMO
   FOTO AMPLIADA DO MURAL
===================================================== */

.mural-foto-overlay {
    position: fixed;
    inset: 0;

    z-index: 10000000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(5, 18, 28, 0.90);
}

.mural-foto-overlay[hidden] {
    display: none !important;
}

.mural-foto-modal {
    position: relative;

    width: min(1500px, 97vw);
    max-height: 92vh;

    padding: 22px;

    background: #ffffff;

    border: 4px solid #0b5f78;
    border-radius: 22px;

    text-align: center;

    box-shadow:
        0 25px 70px rgba(0,0,0,0.42);
}

#mural-foto-ampliada {
    display: block;

    width: auto;
    height: 82vh;

    max-width: 92vw;
    max-height: 82vh;

    margin: 0 auto;

    object-fit: contain;

    border-radius: 12px;
}

.fechar-mural-foto {
    position: absolute;

    top: 12px;
    right: 12px;

    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background: #0b5f78;
    color: #ffffff;

    font-size: 28px;
    font-weight: 900;

    cursor: pointer;
}

.mural-foto-aviso {
    margin-top: 12px;

    color: #0b5f78;

    font-weight: 800;
}

/* =====================================================
   CLIC TURISMO
   REDE COMPLETA
   ROLAGEM ÚNICA DENTRO DA MOLDURA
===================================================== */

.rede-clic-overlay {
    overflow: hidden !important;
    padding: 0 !important;
}

.rede-clic-modal {
    width: calc(100% - 36px) !important;
    max-width: 1400px !important;

    height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 36px) !important;

    margin: 18px auto !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

/* Enquanto a Rede estiver aberta,
   a página principal não pode rolar */

html:has(.rede-clic-overlay:not([hidden])),
body:has(.rede-clic-overlay:not([hidden])) {
    overflow: hidden !important;
}

/* =====================================================
   CLIC TURISMO
   NAVEGAÇÃO INFERIOR DA REDE
===================================================== */

.rede-clic-rodape {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 22px !important;

    flex-wrap: wrap;

    width: 100%;

    padding: 16px 20px !important;
}


/* CLIC VOLTANDO */

.botao-clic-voltando-rede {
    min-width: 190px;

    padding: 16px 26px !important;

    background: #0b5f78 !important;
    color: #ffffff !important;

    border: 3px solid #ffffff !important;

    box-shadow:
        0 7px 18px rgba(0, 45, 75, 0.22) !important;
}


/* CELULAR */

@media (max-width: 750px) {

    .rede-clic-rodape {
        flex-direction: column-reverse;
    }

    .botao-clic-voltando-rede,
    #btn-quero-participar-rede {
        width: 100% !important;
        min-width: 0 !important;
    }

}

/* =====================================================
   CLIC TURISMO
   FILETE INSTITUCIONAL LATERAL
   WHITE-LABEL / CORES DO DESTINO
===================================================== */

:root {
    --destino-cor-1: #12344a;
    --destino-cor-2: #ffffff;
    --destino-cor-3: #f4b400;
}


/* FILETES LATERAIS DO PORTAL */

body::before,
body::after {
    content: "";

    position: fixed;

    top: 0;
    bottom: 0;

    width: 12px;

    z-index: 999999;

    pointer-events: none;

    background:
        linear-gradient(
            to right,
            var(--destino-cor-1) 0 33.33%,
            var(--destino-cor-2) 33.33% 66.66%,
            var(--destino-cor-3) 66.66% 100%
        );
}


/* LADO ESQUERDO */

body::before {
    left: max(
        10px,
        calc((100vw - 1440px) / 2 - 6px)
    );
}


/* LADO DIREITO */

body::after {
    right: max(
        10px,
        calc((100vw - 1440px) / 2 - 6px)
    );

    transform: scaleX(-1);
}


/* CELULAR */

@media (max-width: 768px) {

    body::before,
    body::after {
        width: 8px;
    }

}
/* =====================================================
   CLIC TURISMO
   CADASTRO DE PARTICIPANTE DA REDE
===================================================== */

.cadastro-rede-overlay {
    position: fixed;
    inset: 0;

    z-index: 9999998;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    padding: 20px;

    background: rgba(8, 24, 36, 0.86);

    overflow-y: auto;
    overflow-x: hidden;
}

.cadastro-rede-overlay[hidden] {
    display: none !important;
}

.cadastro-rede-modal {
    position: relative;

    width: min(1180px, calc(100vw - 40px));

    margin: 18px auto 40px;
    padding: 38px;

    background: #ffffff;

    border: 4px solid #0b5f78;
    border-radius: 26px;

    box-shadow:
        0 28px 80px rgba(0,0,0,0.38),
        0 0 0 7px rgba(255,255,255,0.18);
}

.fechar-cadastro-rede {
    position: absolute;

    top: 14px;
    right: 18px;

    width: 44px;
    height: 44px;

    border: none;
    border-radius: 50%;

    background: #0b5f78;
    color: #ffffff;

    font-size: 28px;
    font-weight: 900;

    cursor: pointer;
}

.cadastro-rede-cabecalho {
    max-width: 820px;
    margin: 0 auto 32px;

    text-align: center;
}

.cadastro-rede-cabecalho h2 {
    color: #0b4f6c;

    font-size: 2.2rem;
    font-weight: 900;

    margin-bottom: 12px;
}

.cadastro-rede-cabecalho p {
    color: #455f6c;

    font-size: 1.08rem;
    line-height: 1.7;
}

.cadastro-rede-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 20px;
}

.campo-cadastro-rede {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.campo-cadastro-rede.campo-grande {
    grid-column: 1 / -1;
}

.campo-cadastro-rede label {
    color: #0b4f6c;

    font-weight: 800;
}

.campo-cadastro-rede input,
.campo-cadastro-rede select,
.campo-cadastro-rede textarea {
    width: 100%;

    padding: 14px 15px;

    border: 1px solid #cfdde3;
    border-radius: 12px;

    background: #ffffff;

    color: #333333;

    font: inherit;

    outline: none;

    transition: 0.2s ease;
}

.campo-cadastro-rede input:focus,
.campo-cadastro-rede select:focus,
.campo-cadastro-rede textarea:focus {
    border-color: #e8a000;

    box-shadow:
        0 0 0 3px rgba(232,160,0,0.15);
}

.campo-cadastro-rede textarea {
    resize: vertical;

    min-height: 170px;
}

.campo-cadastro-rede small {
    color: #6a7b84;

    font-size: 0.88rem;
}

.cadastro-rede-acoes {
    margin-top: 30px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 16px;

    flex-wrap: wrap;
}

#voltar-cadastro-rede {
    background: #0b5f78 !important;
    color: #ffffff !important;
}

.cadastro-rede-acoes .botao-siga-clicando {
    background:
        linear-gradient(
            135deg,
            #f4b400,
            #d89200
        ) !important;

    color: #172b38 !important;
}

@media (max-width: 760px) {

    .cadastro-rede-modal {
        width: calc(100vw - 20px);

        padding: 28px 18px;
    }

    .cadastro-rede-grid {
        grid-template-columns: 1fr;
    }

    .campo-cadastro-rede.campo-grande {
        grid-column: auto;
    }

    .cadastro-rede-acoes {
        flex-direction: column-reverse;
    }

    .cadastro-rede-acoes .botao {
        width: 100%;
        text-align: center;
    }

}

/* =====================================================
   CLIC TURISMO
   CADASTRO DA REDE
   ROLAGEM ÚNICA DENTRO DO PAINEL
===================================================== */

.cadastro-rede-overlay {
    overflow: hidden !important;
    padding: 0 !important;
}

.cadastro-rede-modal {
    width: calc(100% - 36px) !important;
    max-width: 1180px !important;

    height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 36px) !important;

    margin: 18px auto !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

/* =====================================================
   CLIC TURISMO
   CADASTRO DA REDE
   ROLAGEM ÚNICA DENTRO DO PAINEL
===================================================== */

.cadastro-rede-overlay {
    overflow: hidden !important;
    padding: 0 !important;
}

.cadastro-rede-modal {
    width: calc(100% - 36px) !important;
    max-width: 1180px !important;

    height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 36px) !important;

    margin: 18px auto !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

/* =====================================================
   CLIC TURISMO
   INDICADOR PRESO AO PAINEL DE CADASTRO
===================================================== */

.cadastro-rede-modal {
    position: relative !important;
}

/* =====================================================
   CLIC TURISMO
   INDICADOR DO CADASTRO JUNTO À BARRA
===================================================== */

#indicador-rolagem-cadastro {
    position: fixed !important;

    top: 50% !important;

    left: calc(
        50% + 474px 
    ) !important;

    right: auto !important;

    transform: translateY(-50%) !important;

    z-index: 10000000 !important;
}

/* =====================================================
   CLIC TURISMO
   ÁREA ADMINISTRATIVA - VISUAL INICIAL
===================================================== */

.admin-clic {
    width: min(1180px, 94%);
    margin: 40px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10);
}

.admin-clic-cabecalho {
    margin-bottom: 28px;
}

.admin-clic-marca {
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #0f5f78;
    margin-bottom: 8px;
}

.admin-clic-cabecalho h1 {
    font-size: 2.4rem;
    margin-bottom: 8px;
    color: #17384a;
}

.admin-clic-cabecalho p {
    color: #5f6f78;
}


/* =====================================================
   RESUMO
===================================================== */

.admin-clic-resumo {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 34px;
}

.admin-clic-card {
    background: #f7fafc;
    border: 1px solid #d9e5ea;
    border-radius: 18px;
    padding: 22px;
}

.admin-clic-card span {
    display: block;
    font-size: 0.95rem;
    color: #62717a;
    margin-bottom: 10px;
}

.admin-clic-card strong {
    display: block;
    font-size: 2rem;
    color: #123f53;
}


/* =====================================================
   TÍTULOS DAS SEÇÕES
===================================================== */

.admin-clic-titulo {
    margin-bottom: 18px;
}

.admin-clic-titulo h2 {
    font-size: 1.7rem;
    margin-bottom: 6px;
    color: #17384a;
}

.admin-clic-titulo p {
    color: #65757e;
}


/* =====================================================
   LISTAS
===================================================== */

.admin-lista-pendentes,
.admin-lista-ativos {
    display: grid;
    gap: 18px;
}

.admin-cadastro-item {
    border: 1px solid #d9e4e8;
    border-radius: 18px;
    padding: 22px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.admin-cadastro-ativo {
    border-left: 5px solid #27936c;
}

.admin-cadastro-conteudo h3 {
    margin: 8px 0 12px;
    font-size: 1.35rem;
    color: #183d4f;
}

.admin-cadastro-conteudo p {
    margin: 7px 0;
    color: #44545d;
    line-height: 1.5;
}

.admin-cadastro-status {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 999px;
    background: #fff3c4;
    color: #8a6500;
    font-weight: 700;
    font-size: 0.9rem;
}

.admin-cadastro-ativo .admin-cadastro-status {
    background: #dff5ea;
    color: #176345;
}

.admin-cadastro-acoes {
    margin-top: 18px;
}


/* =====================================================
   SEÇÕES
===================================================== */

.admin-clic-pendentes,
.admin-clic-ativos {
    margin-top: 34px;
}

.admin-sem-pendentes,
.admin-sem-ativos {
    margin-top: 12px;
    padding: 16px;
    border-radius: 14px;
    background: #f7fafc;
    color: #65757e;
}


/* =====================================================
   VOLTAR
===================================================== */

.admin-clic-voltar {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid #dfe8ec;
}


/* =====================================================
   RESPONSIVO
===================================================== */

@media (max-width: 820px) {

    .admin-clic {
        width: 94%;
        margin: 20px auto;
        padding: 20px;
    }

    .admin-clic-resumo {
        grid-template-columns: 1fr;
    }

    .admin-clic-cabecalho h1 {
        font-size: 2rem;
    }

}

/* =====================================================
   CLIC TURISMO
   ROLAGEM INTERNA - ÁREA ADMINISTRATIVA
===================================================== */

.admin-clic {
    position: relative;

    /* O quadro branco permanece dentro da tela */
    max-height: calc(100vh - 40px);

    /* Barra vertical na margem direita do quadro branco */
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-gutter: stable;
}


/* Barra de rolagem do quadro administrativo */

.admin-clic::-webkit-scrollbar {
    width: 12px;
}

.admin-clic::-webkit-scrollbar-track {
    background: rgba(15, 95, 120, 0.08);
    border-radius: 20px;
}

.admin-clic::-webkit-scrollbar-thumb {
    background: #0f5f78;
    border-radius: 20px;
    border: 3px solid #ffffff;
}


/* =====================================================
   INDICADOR AMARELO
   Usa o mesmo padrão dos outros painéis CLIC
===================================================== */

#indicador-rolagem-admin {
    position: absolute !important;

    top: 50% !important;

    right: 364px !important;

    left: auto !important;

    transform: translate(50%, -50%) !important;

    margin: 0 !important;

    z-index: 1000000 !important;

    pointer-events: none;
}


/* Quando não há necessidade de orientar a rolagem */

#indicador-rolagem-admin.oculto {
    opacity: 0;
    visibility: hidden;
}

/* =====================================================
   CLIC TURISMO
   GERENCIAR PARTICIPANTE - LAYOUT RESPONSIVO
===================================================== */

.admin-gerenciar-participante {
    width: 100%;
    max-width: 100%;

    margin-top: 28px;
    padding: 24px;

    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #d9e4e8;
    border-radius: 18px;

    overflow-x: hidden;
}


/* IDENTIDADE */

.admin-gerenciar-identidade {
    margin-bottom: 22px;
}

.admin-gerenciar-identidade h3 {
    margin-bottom: 6px;
    color: #17384a;
}


/* CAMPOS */

.admin-gerenciar-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 100%;
}

.campo-admin {
    min-width: 0;
}

.campo-admin label {
    display: block;

    margin-bottom: 7px;

    font-weight: 700;
    color: #17384a;
}

.campo-admin input,
.campo-admin select {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    padding: 11px 12px;

    box-sizing: border-box;

    border: 1px solid #ccdce3;
    border-radius: 10px;

    background: #ffffff;

    font: inherit;
}


/* AÇÕES */

.admin-gerenciar-acoes {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 24px;
}


/* =====================================================
   TELAS MENORES
===================================================== */

@media (max-width: 760px) {

    .admin-gerenciar-grid {
        grid-template-columns: 1fr;
    }

    .admin-gerenciar-participante {
        padding: 18px;
    }

    .admin-gerenciar-acoes {
        flex-direction: column;
    }

    .admin-gerenciar-acoes .botao {
        width: 100%;
        text-align: center;
    }

}








/* =====================================================
   CLIC TURISMO PESQUEIRA
   VERSÃO 0.7.0 — HOME PROFISSIONAL
   Camada final de acabamento visual.
   Mantém a arquitetura e as funcionalidades existentes.
===================================================== */

:root {
    --clic-azul-900: #0b2d3f;
    --clic-azul-800: #123f56;
    --clic-azul-700: #175b74;
    --clic-azul-500: #2386a8;
    --clic-dourado: #d4a72c;
    --clic-dourado-claro: #f3d878;
    --clic-fundo: #f4f7f8;
    --clic-branco: #ffffff;
    --clic-texto: #263842;
    --clic-texto-suave: #60727c;
    --clic-borda: rgba(18, 63, 86, 0.14);
    --clic-sombra: 0 18px 50px rgba(11, 45, 63, 0.12);
    --clic-raio: 24px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 112px;
}

body {
    overflow-x: hidden;
    background:
        radial-gradient(circle at 10% 0%, rgba(35, 134, 168, 0.08), transparent 34rem),
        var(--clic-fundo);
    color: var(--clic-texto);
    line-height: 1.6;
}

body,
button,
input,
select,
textarea {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px clamp(22px, 5vw, 72px);
    text-align: left;
    background: rgba(11, 45, 63, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.logo h1 {
    font-size: clamp(28px, 3vw, 40px);
    letter-spacing: -1px;
    line-height: 1;
}

.logo p {
    margin-top: 7px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.78);
}

nav {
    margin-top: 0;
}

nav ul {
    gap: 8px;
}

nav a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 15px;
    font-size: 14px;
    border: 1px solid transparent;
}

nav a:hover,
nav a:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.hero {
    position: relative;
    min-height: min(72vh, 720px);
    height: auto;
    padding: 110px 24px 90px;
    background-position: center;
    isolation: isolate;
}

.hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 130px;
    z-index: -1;
    background: linear-gradient(to top, rgba(4, 25, 35, 0.66), transparent);
}

.hero-texto {
    width: min(92%, 980px);
    padding: clamp(28px, 5vw, 54px);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 28px;
    background: rgba(8, 36, 49, 0.42);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.hero h2 {
    margin-bottom: 14px;
    font-size: clamp(42px, 7vw, 74px);
    line-height: 1.02;
    letter-spacing: -2px;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

.hero p {
    margin-bottom: 18px;
}

.hero-slogan {
    font-size: clamp(21px, 2.5vw, 30px) !important;
    font-weight: 700;
}

.hero-subtitulo {
    max-width: 760px;
    margin-inline: auto;
    font-size: clamp(16px, 1.7vw, 21px) !important;
    color: rgba(255, 255, 255, 0.88);
}

.botao {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--clic-azul-700), var(--clic-azul-500));
    box-shadow: 0 10px 24px rgba(23, 91, 116, 0.22);
    cursor: pointer;
}

.botao:hover,
.botao:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(23, 91, 116, 0.3);
}

.hero .botao {
    margin-top: 18px;
    padding: 15px 28px;
    color: var(--clic-azul-900);
    background: linear-gradient(135deg, var(--clic-dourado-claro), var(--clic-dourado));
    box-shadow: 0 14px 32px rgba(212, 167, 44, 0.3);
}

.tv-clic {
    position: relative;
    width: min(94%, 1380px);
    margin: -52px auto 72px;
    padding: clamp(34px, 5vw, 64px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    color: #ffffff;
    background:
        radial-gradient(circle at 100% 0%, rgba(35, 134, 168, 0.28), transparent 42%),
        linear-gradient(145deg, #071f2c, #0d3b50 56%, #092b3b);
    box-shadow: 0 28px 70px rgba(6, 31, 44, 0.28);
    overflow: hidden;
}

.tv-clic::before {
    content: "TV CLIC";
    position: absolute;
    right: 24px;
    top: 8px;
    font-weight: 900;
    font-size: clamp(58px, 10vw, 140px);
    letter-spacing: -8px;
    color: rgba(255, 255, 255, 0.035);
    pointer-events: none;
}

.tv-clic .titulo-bloco {
    position: relative;
    margin-bottom: 34px;
}

.tv-clic .titulo-bloco h2,
.tv-clic .titulo-bloco p {
    color: #ffffff;
}

.tv-clic .titulo-bloco h2 {
    font-size: clamp(34px, 4.8vw, 56px);
}

.tv-clic .titulo-bloco p {
    max-width: 720px;
    margin-inline: auto;
    color: rgba(255, 255, 255, 0.72);
}

.tv-area {
    position: relative;
    z-index: 1;
    gap: 26px;
}

.tv-tela {
    padding: clamp(12px, 2vw, 20px);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 26px;
    background: #030b0f;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.38),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.tv-placeholder {
    border-radius: 18px;
    overflow: hidden;
}

.video-container {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    min-height: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
}

.video-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.status-tv {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.4px;
    color: #dce7ec;
    background: rgba(255, 255, 255, 0.09);
}

.programacao-tv {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-left: 3px solid var(--clic-dourado);
    border-radius: 0 12px 12px 0;
    background: rgba(255, 255, 255, 0.06);
}

.tv-botoes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.botao-tv {
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    font-weight: 750;
    cursor: pointer;
    transition: 0.25s ease;
}

.botao-tv:hover,
.botao-tv:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(243, 216, 120, 0.62);
    background: rgba(255, 255, 255, 0.14);
}

.tv-controle {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.055);
}

.tv-videos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 26px;
}

.video-miniatura {
    min-height: 116px;
    padding: 22px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.065);
    transition: 0.25s ease;
}

.video-miniatura:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.11);
}

.pilares {
    padding: 10px 20px 56px;
    background: transparent;
}

.pilares .container {
    width: min(92%, 1180px);
    margin: auto;
    gap: 18px;
}

.card-pilar {
    padding: 26px;
    border: 1px solid var(--clic-borda);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 28px rgba(11, 45, 63, 0.07);
}

.card-pilar h3 {
    color: var(--clic-azul-800);
}

.quer-conhecer,
.quem-faz,
.carteirinha-experiencia,
.selos,
.porque-visitar {
    scroll-margin-top: 118px;
}

.quer-conhecer {
    width: min(94%, 1320px);
    margin: 0 auto 78px;
    padding: clamp(38px, 5vw, 64px);
    border: 1px solid rgba(212, 167, 44, 0.25);
    border-radius: 30px;
    background:
        radial-gradient(circle at 0% 100%, rgba(243, 216, 120, 0.2), transparent 34%),
        #fffdf7;
    box-shadow: var(--clic-sombra);
}

.titulo-bloco {
    margin-bottom: 42px;
}

.titulo-bloco h2 {
    font-size: clamp(32px, 4.2vw, 48px);
    line-height: 1.14;
    letter-spacing: -1px;
}

.titulo-bloco p {
    font-size: clamp(17px, 1.7vw, 20px);
}

.quer-conhecer-grid {
    gap: 22px;
}

.quer-conhecer-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 32px;
    border: 1px solid var(--clic-borda);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(11, 45, 63, 0.08);
    transition: 0.3s ease;
}

.quer-conhecer-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 22px 44px rgba(11, 45, 63, 0.14);
}

.quer-conhecer-card .icone {
    font-size: 50px;
}

.quer-conhecer-card h3 {
    color: var(--clic-azul-800);
    font-size: 24px;
}

.quer-conhecer-card p {
    flex: 1;
    color: var(--clic-texto-suave);
}

.quer-conhecer-card .botao {
    align-self: center;
    margin-top: 18px;
}

/* Área antiga de parceiros: substituída por Quem Faz o Turismo Acontecer. */
.parceiros {
    display: none !important;
}

.quem-faz {
    padding: clamp(58px, 7vw, 92px) 20px;
    background: linear-gradient(180deg, #ffffff, #f4f8fa);
}

.carrossel-colaboradores {
    width: min(100%, 1320px);
    margin-inline: auto;
}

.colaboradores-janela {
    border-radius: 22px;
}

.colaborador-seta {
    box-shadow: 0 10px 24px rgba(11, 45, 63, 0.18);
}

.colaboradores-acoes,
.botao-central {
    margin-top: 26px;
}

.carteirinha-experiencia {
    width: min(94%, 1280px);
    margin: 74px auto;
    border-radius: 30px;
    box-shadow: var(--clic-sombra);
    overflow: hidden;
}

.selos {
    width: min(94%, 1180px);
    margin: 72px auto;
    padding: 46px;
    border: 1px solid var(--clic-borda);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(11, 45, 63, 0.08);
}

.selos .titulo-bloco {
    margin-bottom: 34px;
}

.selos-grid {
    gap: 18px;
}

.selo-card {
    padding: 26px;
    border: 1px solid var(--clic-borda);
    box-shadow: none;
}

.selo-card .icone {
    font-size: 48px;
}

.porque-visitar {
    padding: clamp(58px, 7vw, 90px) 20px;
    background:
        linear-gradient(rgba(244, 248, 250, 0.94), rgba(244, 248, 250, 0.94)),
        radial-gradient(circle at 80% 20%, rgba(35, 134, 168, 0.12), transparent 36rem);
}

.porque-grid {
    gap: 20px;
}

.porque-card {
    padding: 30px;
    border: 1px solid var(--clic-borda);
    box-shadow: 0 12px 30px rgba(11, 45, 63, 0.07);
}

.footer,
footer {
    margin-top: 0;
    padding: 46px 24px;
    background: linear-gradient(145deg, #071f2c, #0b3346);
}

:focus-visible {
    outline: 3px solid rgba(243, 216, 120, 0.92);
    outline-offset: 3px;
}

@media (max-width: 980px) {
    header {
        flex-direction: column;
        padding-block: 14px;
        text-align: center;
    }

    nav ul {
        justify-content: center;
    }

    .tv-botoes,
    .tv-videos {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    html {
        scroll-padding-top: 92px;
    }

    header {
        position: relative;
    }

    nav ul {
        flex-direction: row;
        gap: 6px;
    }

    nav a {
        padding: 9px 11px;
        font-size: 12px;
    }

    .hero {
        min-height: 560px;
        padding: 70px 16px 88px;
    }

    .hero-texto {
        width: 100%;
        padding: 28px 20px;
    }

    .hero h2 {
        letter-spacing: -1px;
    }

    .tv-clic {
        width: calc(100% - 24px);
        margin-top: -42px;
        padding: 30px 16px;
        border-radius: 24px;
    }

    .quer-conhecer {
        width: calc(100% - 24px);
        padding: 34px 16px;
        border-radius: 24px;
    }

    .quer-conhecer-card,
    .selos,
    .porque-card {
        padding: 24px 20px;
    }

    .selos {
        width: calc(100% - 24px);
    }

    .carteirinha-experiencia {
        width: calc(100% - 24px);
        border-radius: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* =====================================================
   VERSÃO 0.7.1 — HOME PREMIUM + TV CLIC TURISMO
   Camada de refinamento compatível com a versão 0.7.0.
===================================================== */

:root {
    --clic-azul-profundo: #082f43;
    --clic-azul: #123f56;
    --clic-dourado: #e6a400;
    --clic-claro: #eef5f7;
    --clic-raio: 28px;
}

header {
    padding: 10px clamp(22px, 5vw, 72px);
}

.cabecalho-identidade {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.localizacao-destino {
    color: rgba(255, 255, 255, .86);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .25px;
    white-space: nowrap;
    transition: color .25s ease, transform .25s ease;
}

.localizacao-destino:hover {
    color: #fff;
    transform: translateY(-1px);
}

header nav {
    margin-top: 8px;
}

.hero {
    min-height: 510px;
    height: auto;
    padding: 78px 20px 112px;
}

.hero-texto {
    max-width: 900px;
    padding: clamp(34px, 4.5vw, 58px);
    background: linear-gradient(145deg, rgba(24, 54, 68, .72), rgba(40, 62, 70, .54));
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 30px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.hero .botao {
    box-shadow: 0 12px 28px rgba(230, 164, 0, .34);
}

.tv-clic {
    margin-top: -58px;
    overflow: hidden;
}

.tv-clic::after {
    content: "TV CLIC";
    position: absolute;
    right: -24px;
    top: 36px;
    color: rgba(255, 255, 255, .035);
    font-size: clamp(80px, 12vw, 180px);
    font-weight: 900;
    letter-spacing: -8px;
    pointer-events: none;
}

.tv-titulo-premium {
    position: relative;
    z-index: 1;
}

.tv-selo-editorial {
    display: inline-flex;
    padding: 7px 13px;
    margin-bottom: 13px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .055);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.tv-area {
    position: relative;
    z-index: 2;
    max-width: 1220px;
    margin: 0 auto;
}

.tv-player-shell {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 24px;
    overflow: hidden;
    background: #061c28;
    box-shadow: 0 28px 65px rgba(0, 0, 0, .34);
}

.tv-topbar {
    min-height: 58px;
    padding: 11px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: linear-gradient(90deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.status-tv {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #eaf4f7;
    font-weight: 700;
}

.tv-status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #8a99a0;
    box-shadow: 0 0 0 5px rgba(138, 153, 160, .12);
}

.status-tv.ao-vivo .tv-status-dot {
    background: #ff334f;
    box-shadow: 0 0 0 5px rgba(255, 51, 79, .15);
    animation: clic-pulso-tv 1.45s infinite;
}

@keyframes clic-pulso-tv {
    50% { box-shadow: 0 0 0 11px rgba(255, 51, 79, 0); }
}

.tv-fullscreen {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    padding: 9px 14px;
    color: #fff;
    background: rgba(255, 255, 255, .07);
    font-weight: 700;
    cursor: pointer;
    transition: .25s ease;
}

.tv-fullscreen:hover {
    background: rgba(255, 255, 255, .15);
    transform: translateY(-1px);
}

.tv-tela,
.tv-placeholder {
    padding: 0;
    background: transparent;
}

.video-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 0;
    background: radial-gradient(circle at 50% 45%, #164f68, #061923 68%);
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 2;
}

.tv-capa-vazia {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
    color: #fff;
    background: radial-gradient(circle at 50% 35%, rgba(27, 104, 134, .82), rgba(4, 24, 34, .96));
}

.tv-capa-vazia[hidden] { display: none; }

.tv-capa-icone {
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    padding-left: 5px;
    border: 2px solid rgba(255, 255, 255, .86);
    border-radius: 50%;
    font-size: 29px;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
}

.tv-capa-vazia strong { font-size: clamp(24px, 4vw, 42px); }
.tv-capa-vazia small { color: rgba(255,255,255,.72); font-size: 15px; }

.programacao-tv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 20px;
    color: #d7e7ec;
    background: #082431;
    border-top: 1px solid rgba(255,255,255,.08);
}

.programacao-tv span {
    color: #ffcd52;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .9px;
    text-transform: uppercase;
}

.programacao-tv p { margin: 0; text-align: right; }

.tv-navegacao {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.tv-navegacao .botao-tv {
    min-height: 50px;
    margin: 0;
}

.tv-botao-secundario {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
}

.tv-controle {
    min-height: 94px;
    margin-top: 16px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    color: #dcecf1;
    background: rgba(255,255,255,.055);
}

.tv-controle h3 { margin-bottom: 9px; color: #fff; }
.tv-controle p { margin: 0; }

.tv-busca-form {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.tv-busca-form input {
    flex: 1;
    min-width: 0;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 12px;
    color: #fff;
    background: rgba(0,0,0,.2);
    outline: none;
}

.tv-busca-form input:focus { border-color: #f0bd33; }

.tv-busca-form button {
    border: 0;
    border-radius: 12px;
    padding: 0 18px;
    color: #082431;
    background: #f0bd33;
    font-weight: 800;
    cursor: pointer;
}

.tv-videos {
    position: relative;
    z-index: 2;
    max-width: 1220px;
    margin: 20px auto 0;
}

.tv-videos .video-miniatura {
    width: 100%;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 5px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035));
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.tv-videos .video-miniatura:hover {
    transform: translateY(-5px);
    border-color: rgba(240,189,51,.55);
    background: linear-gradient(145deg, rgba(240,189,51,.17), rgba(255,255,255,.055));
}

.tv-videos .video-miniatura span { font-size: 28px; }
.tv-videos .video-miniatura strong { font-size: 18px; }
.tv-videos .video-miniatura small { color: rgba(255,255,255,.65); }

.tv-player-shell:fullscreen {
    display: grid;
    align-content: center;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    background: #000;
}

.tv-player-shell:fullscreen .video-container {
    max-height: calc(100vh - 120px);
}

@media (max-width: 900px) {
    .cabecalho-identidade { align-items: flex-start; }
    .localizacao-destino { white-space: normal; text-align: right; }
    .tv-navegacao { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .cabecalho-identidade { flex-direction: column; align-items: center; gap: 6px; }
    .localizacao-destino { text-align: center; font-size: 12px; }
    .hero { min-height: 470px; padding-top: 54px; padding-bottom: 90px; }
    .hero-texto { padding: 28px 18px; }
    .tv-clic { margin-top: -48px; }
    .tv-topbar { align-items: flex-start; }
    .tv-fullscreen { font-size: 12px; padding: 8px 10px; }
    .programacao-tv { align-items: flex-start; flex-direction: column; }
    .programacao-tv p { text-align: left; }
    .tv-navegacao { grid-template-columns: 1fr; }
    .tv-busca-form { flex-direction: column; }
    .tv-busca-form button { min-height: 44px; }
}


/* =====================================================
   VERSÃO 0.7.1 — ESTABILIZAÇÃO DA TV CLIC TURISMO
===================================================== */

.tv-navegacao .botao-tv,
.tv-videos .video-miniatura {
    outline-offset: 3px;
}

.tv-navegacao .botao-tv:focus-visible,
.tv-videos .video-miniatura:focus-visible,
.tv-fullscreen:focus-visible,
.tv-busca-form input:focus-visible,
.tv-busca-form button:focus-visible {
    outline: 3px solid rgba(255, 213, 97, .95);
}

.tv-navegacao .botao-tv.tv-acao-ativa,
.tv-videos .video-miniatura.tv-acao-ativa {
    border-color: rgba(240, 189, 51, .78) !important;
    box-shadow: 0 0 0 2px rgba(240, 189, 51, .16), 0 12px 28px rgba(0, 0, 0, .18);
    transform: translateY(-2px);
}

.tv-video-inativo {
    visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .tv-status-dot,
    .tv-fullscreen,
    .tv-navegacao .botao-tv,
    .tv-videos .video-miniatura {
        animation: none !important;
        transition: none !important;
    }
}


/* =====================================================
   VERSÃO 0.7.2 — NOVO DESIGN DA HOME
   Direção visual: destino premium, humano e editorial
===================================================== */
:root {
    --clic-ink: #12312f;
    --clic-forest: #164a43;
    --clic-forest-2: #0d3834;
    --clic-gold: #e1ad3d;
    --clic-sand: #f5efe4;
    --clic-paper: #fffdf8;
    --clic-white: #ffffff;
    --clic-text: #243735;
    --clic-muted: #6e7d79;
    --clic-shadow: 0 24px 60px rgba(21, 50, 47, .14);
}

html { scroll-behavior: smooth; }
body {
    background: linear-gradient(180deg, #fffdf8 0, #fbfaf6 55%, #f5f1e8 100%);
    color: var(--clic-text);
}

/* Cabeçalho editorial */
header {
    position: sticky;
    top: 0;
    z-index: 900;
    padding: 0;
    background: rgba(255,253,248,.93);
    border-bottom: 1px solid rgba(18,49,47,.09);
    box-shadow: 0 10px 32px rgba(18,49,47,.08);
    backdrop-filter: blur(18px);
}

.cabecalho-identidade {
    max-width: 1240px;
    margin: 0 auto;
    min-height: 76px;
    padding: 13px 28px 11px;
}

.logo h1 {
    margin: 0;
    color: var(--clic-forest-2);
    font-size: clamp(24px, 2.6vw, 35px);
    line-height: .98;
    letter-spacing: -.9px;
}

.logo p {
    margin: 5px 0 0;
    color: var(--clic-muted);
    font-size: 12px;
    letter-spacing: .05em;
}

.localizacao-destino {
    padding: 9px 14px;
    border: 1px solid rgba(22,74,67,.14);
    border-radius: 999px;
    color: var(--clic-forest);
    background: rgba(22,74,67,.055);
    font-size: 12px;
    font-weight: 800;
}

header nav {
    border-top: 1px solid rgba(18,49,47,.07);
    background: rgba(255,255,255,.55);
}

header nav ul {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 28px;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow-x: auto;
    scrollbar-width: none;
}
header nav ul::-webkit-scrollbar { display:none; }
header nav li { flex: 0 0 auto; }
header nav a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #35504d;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
    transition: .22s ease;
}
header nav a:hover {
    color: var(--clic-white);
    background: var(--clic-forest);
    transform: translateY(-1px);
}

/* Hero cinematográfico com fotografia real já existente no projeto */
.hero {
    position: relative;
    isolation: isolate;
    min-height: 650px;
    margin: 0;
    padding: 82px 28px 140px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(8,34,31,.95) 0%, rgba(8,34,31,.84) 37%, rgba(8,34,31,.37) 68%, rgba(8,34,31,.13) 100%),
        url('../imagens/atrativos/mirante.jpg') center 45% / cover no-repeat;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      radial-gradient(circle at 77% 28%, rgba(225,173,61,.23), transparent 28%),
      linear-gradient(180deg, rgba(0,0,0,.03) 50%, rgba(4,27,25,.55) 100%);
}

.hero::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 92px;
    z-index: 0;
    background: linear-gradient(177deg, transparent 0 48%, #fffdf8 49% 100%);
    pointer-events: none;
}

.hero-texto {
    position: relative;
    z-index: 2;
    width: min(100%, 1240px);
    margin: 0 auto;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    text-align: left;
}

.hero-kicker {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    color: #ffe8ad;
    background: rgba(255,255,255,.08);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
}

.hero h2 {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 6.6vw, 84px);
    line-height: .92;
    letter-spacing: -3px;
    text-shadow: 0 12px 35px rgba(0,0,0,.26);
}
.hero h2 em {
    color: #f0c65c;
    font-style: normal;
}

.hero-slogan {
    margin: 24px 0 0 !important;
    color: #fff !important;
    font-size: clamp(20px, 2vw, 28px) !important;
    font-weight: 750;
    letter-spacing: -.4px;
}

.hero-subtitulo {
    max-width: 650px;
    margin: 10px 0 0 !important;
    color: rgba(255,255,255,.82) !important;
    font-size: clamp(15px, 1.4vw, 19px) !important;
    line-height: 1.65;
}

.hero-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}
.hero .botao {
    min-height: 50px;
    padding: 14px 21px;
    border-radius: 14px;
    background: linear-gradient(135deg, #efc356, #d99d25);
    color: #17332f;
    box-shadow: 0 12px 28px rgba(0,0,0,.2);
    font-weight: 900;
}
.hero .botao:hover { transform: translateY(-3px); }
.hero .hero-botao-secundario {
    color: #fff;
    border: 1px solid rgba(255,255,255,.30);
    background: rgba(255,255,255,.09);
    box-shadow: none;
    backdrop-filter: blur(10px);
}
.hero-assinatura {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
    color: rgba(255,255,255,.62);
    font-size: 12px;
    font-weight: 750;
}

/* Blocos passam a respirar como uma publicação de viagem */
.pilares {
    position: relative;
    z-index: 3;
    margin: -34px auto 28px;
    padding: 0 28px;
    background: transparent;
}
.pilares .container {
    max-width: 1160px;
    margin: 0 auto;
    gap: 14px;
}
.card-pilar {
    padding: 24px 24px 22px;
    border: 1px solid rgba(18,49,47,.09);
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 48px rgba(17,48,45,.10);
}
.card-pilar h3 { color: var(--clic-forest); }
.card-pilar p { color: #647470; line-height: 1.65; }

.titulo-bloco h2,
.quer-conhecer .titulo-bloco h2,
.destaques h2,
.categorias h2,
.planeje h2,
.quem-faz h2 {
    color: var(--clic-ink);
    letter-spacing: -1.1px;
}
.titulo-bloco p,
.quer-conhecer .titulo-bloco p { color: var(--clic-muted); }

.quer-conhecer {
    padding-top: 82px;
    padding-bottom: 86px;
    background: transparent;
}
.quer-conhecer-grid { gap: 18px; }
.quer-conhecer-card {
    position: relative;
    overflow: hidden;
    min-height: 325px;
    padding: 30px 28px;
    border: 1px solid rgba(18,49,47,.08);
    border-radius: 26px;
    background: linear-gradient(145deg, #fff, #faf6ed);
    box-shadow: 0 16px 48px rgba(20,49,46,.08);
}
.quer-conhecer-card::after {
    content:"";
    position:absolute;
    width:150px;height:150px;
    right:-54px;top:-54px;
    border-radius:50%;
    background:rgba(225,173,61,.11);
}
.quer-conhecer-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--clic-shadow);
    border-color: rgba(225,173,61,.34);
}
.quer-conhecer-card .icone {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #edf4f1;
    font-size: 29px;
}
.quer-conhecer-card .botao {
    margin-top: auto;
    border-radius: 13px;
    background: var(--clic-forest);
    color: #fff;
}

/* TV: mantém funções, melhora integração com a nova Home */
.tv-clic {
    margin-top: 20px;
    border-radius: 0;
    box-shadow: none;
}
.tv-clic::before { opacity: .7; }
.tv-titulo-premium h2 { letter-spacing: -1.3px; }
.tv-player-shell { border-radius: 24px; }
.tv-videos .video-miniatura { border-radius: 20px; }

/* Seções gerais: largura e ritmo mais sofisticados */
.pesquisa,
.destaques,
.estatisticas,
.sobre,
.galeria,
.categorias,
.planeje,
.selos,
.parceiros,
.porque-visitar,
.quem-faz,
.carteirinha-experiencia {
    scroll-margin-top: 132px;
}

.destaques,
.categorias,
.planeje,
.quem-faz,
.carteirinha-experiencia {
    border-radius: 32px;
}

.planeje {
    max-width: 1240px;
    margin: 34px auto;
    background: linear-gradient(135deg, #173f3a, #0d312e);
    box-shadow: var(--clic-shadow);
}
.planeje h2, .planeje p { color: #fff; }

.quem-faz {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    background: #f5efe4;
}

.footer {
    margin-top: 90px;
    background: linear-gradient(135deg, #0c302d, #071f1d);
    border-top: 5px solid #d9aa3f;
}

@media (max-width: 900px) {
    .cabecalho-identidade { padding-left: 18px; padding-right: 18px; }
    header nav ul { padding: 0 14px 7px; }
    .hero { min-height: 590px; padding: 68px 20px 120px; background-position: 62% center; }
    .hero h2 { letter-spacing: -2px; }
    .hero-texto { text-align: left; }
    .pilares { margin-top: -22px; padding: 0 18px; }
}

@media (max-width: 640px) {
    header { position: relative; }
    .cabecalho-identidade { min-height: 82px; }
    .localizacao-destino { padding: 7px 11px; }
    .hero {
        min-height: 610px;
        padding: 62px 18px 112px;
        background:
            linear-gradient(90deg, rgba(7,31,29,.94), rgba(7,31,29,.70)),
            url('../imagens/atrativos/mirante.jpg') 58% center / cover no-repeat;
    }
    .hero-kicker { max-width: 100%; line-height: 1.45; }
    .hero h2 { font-size: 48px; letter-spacing: -2px; }
    .hero-acoes { display: grid; grid-template-columns: 1fr; }
    .hero .botao { width: 100%; justify-content: center; }
    .hero-assinatura { font-size: 11px; }
    .pilares { margin-top: -12px; }
    .quer-conhecer { padding-top: 56px; }
    .quer-conhecer-card { min-height: 0; }
    .planeje, .quem-faz, .destaques, .categorias, .carteirinha-experiencia { border-radius: 20px; }
}


/* =====================================================
   VERSÃO 0.7.3 — REFINAMENTO VISUAL, NAVEGAÇÃO E ACESSIBILIDADE
   Mantém a base aprovada da V0.7.2 e corrige a revisão visual.
===================================================== */
:root {
  --clic-muted-v073: #4f625e;
  --clic-danger: #b53a34;
}
body { border-left: 4px solid #0d5d73; border-right: 4px solid #e6ac00; }

/* Topo mais limpo: hero volta a ser protagonista */
.cabecalho-v073 { position: relative; min-height: 0; box-shadow: none; backdrop-filter: none; }
.cabecalho-v073 .cabecalho-identidade { min-height: 62px; max-width: 1280px; padding: 10px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.marca-clic-home { text-decoration:none; display:flex; flex-direction:column; color:var(--clic-forest-2); }
.marca-clic-nome { font-size: clamp(22px,2.3vw,31px); font-weight:900; letter-spacing:-.8px; line-height:1; }
.marca-clic-frase { margin-top:4px; font-size:11px; color:#566965; font-weight:700; letter-spacing:.035em; }
.atalhos-home { max-width: 1180px; margin: -36px auto 28px; position:relative; z-index:8; display:flex; justify-content:center; flex-wrap:wrap; gap:9px; padding:0 18px; }
.atalhos-home a { display:inline-flex; align-items:center; min-height:42px; padding:10px 16px; border-radius:999px; background:#fff; border:1px solid rgba(18,49,47,.12); box-shadow:0 10px 28px rgba(18,49,47,.12); color:#174a43; font-size:13px; font-weight:850; text-decoration:none; }
.atalhos-home a:hover { transform:translateY(-2px); border-color:#e1ad3d; }
.hero { min-height: 610px; padding-top:70px; }

/* Legibilidade geral sem perder leveza */
.titulo-bloco p, .quer-conhecer .titulo-bloco p, .card-pilar p, .quer-conhecer-card p, .porque-card p, .selos p, .quem-faz .titulo-bloco p, .carteirinha-experiencia p { color: var(--clic-muted-v073); }
.card-pilar p, .quer-conhecer-card p, .porque-card p { font-weight:500; }

/* TV: player grande em proporção natural do YouTube */
.tv-area { max-width:1180px; }
.tv-player-shell { overflow:hidden; }
.tv-tela { padding: 0 !important; }
.tv-placeholder { width:100%; }
.video-container { width:100%; aspect-ratio:16/9; min-height:0 !important; height:auto !important; max-height:none !important; }
.video-container iframe, .tv-capa-vazia { position:absolute; inset:0; width:100%; height:100%; }
.tv-capa-vazia { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.programacao-tv { margin:14px 18px 18px; }
.programacao-tv p { color:#d7e0dd !important; font-weight:650; }
.tv-controle p, .tv-videos small { color:#d3dfdc; font-weight:600; }

/* Descubra • Conecte-se • Viva mais compactos */
.pilares .container { align-items:stretch; }
.card-pilar { padding:18px 20px; min-height:0; }
.card-pilar h3 { margin-bottom:8px; font-size:20px; }
.card-pilar p { margin:0; font-size:14px; line-height:1.5; }

/* Três caminhos: mais horizontais, com fotos reais */
.quer-conhecer { padding-top:58px; padding-bottom:62px; }
.quer-conhecer-card { min-height:280px; padding:20px 22px 22px; }
.foto-caminho { height:94px; margin:-20px -22px 16px; overflow:hidden; border-radius:25px 25px 0 0; }
.foto-caminho img { width:100%; height:100%; object-fit:cover; display:block; }
.quer-conhecer-card:nth-child(2) .foto-caminho img { object-position:center 30%; }
.quer-conhecer-card h3 { margin-top:0; font-size:21px; }
.quer-conhecer-card p { font-size:14.5px; line-height:1.55; }

/* Programa Destino de Excelência compacto, com níveis inequívocos */
.selos { padding-top:54px !important; padding-bottom:54px !important; }
.selos .titulo-bloco p { max-width:760px; margin-left:auto; margin-right:auto; }
.niveis-excelencia { max-width:900px; margin:26px auto 18px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.nivel-medalha { min-height:180px; padding:20px 16px; border-radius:26px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#fff; border:1px solid rgba(18,49,47,.10); box-shadow:0 14px 36px rgba(18,49,47,.08); }
.medalha-grande { font-size:54px; line-height:1; filter:drop-shadow(0 8px 8px rgba(0,0,0,.12)); }
.nivel-medalha strong { margin-top:9px; font-size:22px; color:#143c38; }
.nivel-medalha small { margin-top:4px; color:#536763; font-weight:650; }
.nivel-bronze { background:linear-gradient(145deg,#fff,#f6e3d4); }
.nivel-prata { background:linear-gradient(145deg,#fff,#edf0f3); }
.nivel-ouro { background:linear-gradient(145deg,#fff,#fff1bd); }
.criterios-excelencia { text-align:center; font-size:15px; color:#344e4a !important; }

/* Por que Pesqueira: fotos reais e cards mais baixos */
.porque-visitar { padding-top:56px !important; padding-bottom:56px !important; }
.porque-card { overflow:hidden; padding:0 20px 22px !important; min-height:0 !important; }
.foto-porque { height:138px; margin:0 -20px 18px; overflow:hidden; }
.foto-porque img { width:100%; height:100%; object-fit:cover; display:block; }
.porque-card h3 { font-size:19px; }
.porque-card p { font-size:14px; line-height:1.55; }

/* Indicador único: compacto, chamativo e associado à rolagem interna */
.indicador-rolagem-clic { position:fixed !important; right:52px !important; top:46% !important; left:auto !important; bottom:auto !important; width:104px !important; min-height:68px !important; padding:10px 8px 9px !important; border-radius:50% !important; background:#f3b000 !important; color:#12312f !important; border:4px solid #fff !important; box-shadow:0 9px 24px rgba(0,0,0,.22) !important; font-size:12px !important; line-height:1.15 !important; font-weight:950 !important; text-align:center !important; transform:translateY(-50%) !important; z-index:10030 !important; pointer-events:none; }
.indicador-rolagem-clic::after { content:"↓" !important; display:block !important; margin-top:4px !important; font-size:23px !important; line-height:1 !important; }
.indicador-rolagem-clic.oculto { opacity:0 !important; visibility:hidden !important; }
.indicador-carteirinha { display:block; }

/* Navegação persistente da carteirinha ampliada */
.carteirinha-destaque-modal { position:relative; }
.clic-voltar-persistente { position:sticky; top:10px; left:14px; z-index:10020; display:inline-flex; align-items:center; min-height:40px; padding:9px 15px; border:0; border-radius:999px; background:#0d7186; color:#fff; font-weight:900; box-shadow:0 8px 22px rgba(0,0,0,.16); cursor:pointer; }
.clic-voltar-persistente:hover { transform:translateY(-1px); }
.continuar-carrossel-carteirinha { margin-bottom:10px; }

/* Carteirinha: menos texto, ações inequívocas */
.experiencias-cabecalho { padding-top:18px; }
.frase-pertencimento { font-size:18px !important; }
.carteirinha-clique, .galeria-experiencia-conteudo small { font-weight:850; }
#btn-limpar-carteirinha-v05 { background:var(--clic-danger) !important; color:#fff !important; border-color:transparent !important; }
#btn-limpar-carteirinha-v05:hover { background:#952f2a !important; }

/* Quem Faz: CTAs funcionais e claros */
.colaborador-clique { border:0; cursor:pointer; background:#efae00; color:#16312e; padding:11px 15px; border-radius:10px; font:inherit; font-weight:900; }
#btn-ver-todos-colaboradores { background:#efae00; color:#16312e; }
.rede-clic-item-imagem img[src=""], .rede-clic-item-imagem img:not([src]) { visibility:hidden; }

/* Margem profissional: moldura mínima, conteúdo com respiro interno */
.hero-texto, .tv-area, .quer-conhecer-grid, .porque-grid, .carrossel-colaboradores { max-width:1180px; margin-left:auto; margin-right:auto; }

@media (max-width:900px) {
  body { border-left-width:2px; border-right-width:2px; }
  .atalhos-home { margin-top:-22px; }
  .niveis-excelencia { grid-template-columns:1fr; max-width:480px; }
  .nivel-medalha { min-height:140px; }
  .indicador-rolagem-clic { right:18px !important; width:86px !important; min-height:60px !important; font-size:11px !important; }
}
@media (max-width:640px) {
  .cabecalho-v073 .cabecalho-identidade { padding:9px 14px; min-height:58px; }
  .marca-clic-frase { display:none; }
  .localizacao-destino { font-size:10px; }
  .hero { min-height:560px; padding-top:48px; }
  .atalhos-home { margin:12px auto 22px; display:grid; grid-template-columns:1fr 1fr; }
  .atalhos-home a { justify-content:center; text-align:center; font-size:12px; }
  .foto-caminho { height:118px; }
  .video-container { aspect-ratio:16/9; }
  .indicador-rolagem-clic { right:10px !important; top:43% !important; }
}

.clic-voltar-topo {
  position: sticky; top: 10px; left: 14px; z-index: 10020;
  display:inline-flex; align-items:center; min-height:38px; padding:8px 14px;
  border:0; border-radius:999px; background:#0d7186; color:#fff; font-weight:900;
  box-shadow:0 8px 22px rgba(0,0,0,.14); cursor:pointer;
}
.clic-voltar-topo:hover { transform:translateY(-1px); }

.colaborador-imagem.sem-foto,
.rede-clic-item-imagem.sem-foto,
.mural-participante-foto.sem-foto {
  display:grid; place-items:center; min-height:180px;
  background:linear-gradient(145deg,#edf3f1,#f8f5ed);
}
.colaborador-imagem.sem-foto::after,
.rede-clic-item-imagem.sem-foto::after,
.mural-participante-foto.sem-foto::after {
  content:"Foto em breve"; color:#60716d; font-weight:800; font-size:13px;
}

/* =====================================================
   V0.7.4 — CORREÇÕES CONSOLIDADAS DA REVISÃO VISUAL
===================================================== */

/* Indicador de rolagem: compacto, padrão e sem encobrir conteúdo */
.indicador-rolagem-clic {
    width: 86px !important;
    min-height: 54px !important;
    right: 28px !important;
    padding: 8px 7px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
}
.indicador-rolagem-clic::after { font-size: 18px !important; margin-top: 2px !important; }

/* Carteirinha: apresentação mais enxuta */
.experiencias-cabecalho { padding-top: 8px; }
.experiencias-cabecalho h3 { margin-top: 0; }
.carteirinha-experiencia .titulo-bloco { margin-bottom: 18px; }
.experiencias-acoes .botao { min-width: 0; }

/* Formulário da carteirinha: voltar no alto + orientação de rolagem */
.clic-card-form-area { position: relative; }
.carteirinha-form-nav { display:flex; justify-content:flex-start; margin-bottom:12px; }
.indicador-form-carteirinha { position: sticky !important; float:right; top: 72px !important; margin-left:auto; }

/* Galeria de experiências: saída sempre visível + orientação */
.galeria-experiencias-modal { position: relative; }
.clic-voltar-galeria { top: 12px; margin: 4px 0 8px; }
.indicador-galeria-experiencias { right: 34px !important; }

/* Quem Faz o Turismo: foto maior e SEM CORTE — respeita o enquadramento original */
.colaborador-imagem {
    min-height: 430px;
    padding: 12px;
    background: #f2f6f5;
}
.colaborador-imagem img {
    width: 100%;
    height: 100%;
    max-height: 520px;
    object-fit: contain !important;
    object-position: center !important;
}
.rede-clic-item-imagem {
    height: 240px;
    padding: 8px;
    background: #f2f6f5;
}
.rede-clic-item-imagem img {
    object-fit: contain !important;
    object-position: center !important;
}
.mural-participante-foto { min-height: 360px; }
.mural-participante-foto img { max-height: 500px; object-fit: contain !important; }

/* Programa Destino de Excelência: explicação estática ainda mais compacta */
.selos { padding-top: 38px !important; padding-bottom: 38px !important; }
.niveis-excelencia { margin: 18px auto 12px; gap: 12px; }
.nivel-medalha { min-height: 132px; padding: 14px 12px; border-radius: 22px; }
.medalha-grande { font-size: 44px; }
.nivel-medalha strong { font-size: 19px; margin-top: 6px; }
.nivel-medalha small { font-size: 12px; }
.criterios-excelencia { margin-bottom: 0; }

/* Hospitalidade e Cultura: foto fornecida pelo projeto, exibida inteira */
.porque-card:last-child .foto-porque { background:#f3f5f3; }
.porque-card:last-child .foto-porque img { object-fit: contain !important; }

@media (max-width: 900px) {
    .colaborador-imagem { min-height: 320px; }
    .rede-clic-item-imagem { height: 210px; }
    .indicador-rolagem-clic { right: 12px !important; width: 78px !important; }
}


/* =====================================================
   V0.7.5 — ACABAMENTO FINAL DA HOME
===================================================== */

/* Marca oficial no topo: identidade clara sem repetir o nome em texto */
.marca-clic-home {
    flex-direction: row !important;
    align-items: center;
    gap: 12px;
}
.marca-clic-logo {
    display: block;
    width: clamp(112px, 10vw, 154px);
    height: 46px;
    object-fit: contain;
    object-position: left center;
    border-radius: 8px;
}
.marca-clic-frase {
    font-weight: 800;
    color: #42615d;
    letter-spacing: .01em;
}

/* Perfil individual: fotografia realmente protagonista e sempre inteira */
.mural-participante-cabecalho {
    grid-template-columns: minmax(390px, 46%) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 38px !important;
}
.mural-participante-foto {
    width: 100%;
    min-height: 430px !important;
    padding: 16px !important;
}
.mural-participante-foto img {
    width: 100% !important;
    height: 100% !important;
    max-height: 560px !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Indicadores: sempre ao lado da rolagem correta e sem cobrir conteúdo */
#indicador-rolagem-painel,
.indicador-galeria-experiencias {
    position: fixed !important;
    right: 34px !important;
    top: 48% !important;
    z-index: 10000020 !important;
}

@media (max-width: 900px) {
    .marca-clic-frase { display: none; }
    .marca-clic-logo { width: 112px; height: 40px; }
    .mural-participante-cabecalho {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
    .mural-participante-foto { min-height: 320px !important; }
    #indicador-rolagem-painel,
    .indicador-galeria-experiencias { right: 12px !important; }
}


/* =====================================================
   CLIC TURISMO V0.8.0 - BASE INTELIGENTE / PAINEL DO GUIA
===================================================== */
.atalho-area-guia{background:#173b63!important;color:#fff!important;border-radius:999px;padding:.7rem 1rem!important}
.clic-sistema-body{margin:0;min-height:100vh;background:linear-gradient(135deg,#102b49,#071b30);font-family:Arial,sans-serif;color:#1d2b38}
.clic-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.clic-login-card{width:min(520px,100%);background:#fff;border-radius:28px;padding:clamp(24px,5vw,46px);box-shadow:0 25px 80px rgba(0,0,0,.35)}
.clic-sistema-marca{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a55a00}
.clic-sistema-voltar{display:inline-flex;margin-bottom:22px;color:#173b63;font-weight:800;text-decoration:none}
.clic-login-card h1,.clic-dashboard h1{margin:.35rem 0;font-size:clamp(2rem,5vw,3.2rem);color:#173b63}
.clic-login-form{display:grid;gap:16px;margin-top:28px}.clic-login-form label{display:grid;gap:7px;font-weight:800}.clic-login-form input{font:inherit;padding:14px;border:1px solid #b8c4cf;border-radius:12px}
.clic-form-message{min-height:22px;font-weight:800}.clic-form-message.erro{color:#a62121}.clic-form-message.sucesso{color:#15733c}
.clic-ambiente-teste{margin-top:22px;padding:16px;border-radius:14px;background:#fff7d6;border:1px solid #e9ca56;line-height:1.55}
.clic-dashboard{width:min(1220px,calc(100% - 32px));margin:24px auto;background:#f6f8fa;border-radius:28px;padding:clamp(18px,4vw,42px);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.clic-dashboard-header{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #d8e0e7;padding-bottom:24px}.clic-header-actions{display:flex;gap:10px;flex-wrap:wrap}
.botao-perigo{background:#a92525!important;color:#fff!important}.clic-dashboard-notice{margin:26px 0;padding:18px 20px;background:#fff5c6;border-left:6px solid #e7b900;border-radius:14px}.clic-dashboard-notice p{margin:.35rem 0 0}
.clic-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.clic-metric-grid article{background:#fff;border:1px solid #dfe6ec;border-radius:18px;padding:18px;display:grid;gap:8px}.clic-metric-grid span{font-size:.84rem;color:#536678;font-weight:700}.clic-metric-grid strong{font-size:1.8rem;color:#173b63}
.clic-section-heading{margin:30px 0 18px}.clic-section-heading h2{margin:0;color:#173b63}.clic-section-heading p{color:#475b6d;line-height:1.5}
.guia-avaliacoes-lista{display:grid;gap:16px}.guia-avaliacao-card{background:#fff;border:1px solid #dbe4eb;border-radius:20px;padding:20px;display:grid;grid-template-columns:1.2fr 1.4fr;gap:16px;align-items:center}.guia-avaliacao-card h3{margin:.35rem 0;color:#173b63}.guia-avaliacao-card p{margin:.25rem 0;color:#566879}.guia-categoria{display:inline-flex;background:#eaf1f7;color:#173b63;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800;text-transform:uppercase}
.guia-voto-opcoes{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.guia-voto-opcoes button{border:0;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer;background:#edf1f4}.guia-voto-opcoes button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.guia-voto-opcoes button:disabled{opacity:.45;cursor:not-allowed;transform:none}.guia-status-voto{grid-column:1/-1;font-size:.88rem!important;padding-top:10px;border-top:1px dashed #d7e0e7}
.admin-inteligencia{margin:28px 0;padding:26px;background:#f4f8fb;border:1px solid #d5e0e8;border-radius:24px}.intel-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.intel-result-card{background:#fff;border:1px solid #dbe4eb;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:8px}.intel-result-card h3{margin:.25rem 0;color:#173b63}.intel-result-card span,.intel-result-card p,.intel-result-card small{color:#5a6977}.intel-result-card p,.intel-result-card small{grid-column:1/-1;margin:0}.intel-seal{align-self:start;border-radius:999px;padding:8px 12px;font-weight:900}.intel-ouro{background:#ffdc55;color:#5c4200}.intel-prata{background:#dfe4e8;color:#36414b}.intel-bronze{background:#d4935a;color:#fff}.intel-em-avaliacao{background:#eaf0f4;color:#465868}
@media(max-width:800px){.clic-dashboard-header{display:grid}.clic-metric-grid{grid-template-columns:repeat(2,1fr)}.guia-avaliacao-card{grid-template-columns:1fr}.guia-voto-opcoes{justify-content:flex-start}.intel-results{grid-template-columns:1fr}}
@media(max-width:480px){.clic-metric-grid{grid-template-columns:1fr}.clic-dashboard{width:min(100% - 16px,1220px);padding:16px}.clic-login-shell{padding:10px}.clic-login-card{border-radius:20px;padding:22px}}

/* =====================================================
   CLIC TURISMO V0.8.3 — FUNCIONALIDADES E ACABAMENTO
   Preserva a Home aprovada e conclui os fluxos essenciais.
===================================================== */

/* Logomarca: volta ao tamanho aprovado, com aumento discreto. */
.marca-clic-logo {
    width: clamp(126px, 11.2vw, 172px) !important;
    height: 52px !important;
}

/* Convites de ação estratégicos */
.cta-rede-clic,
.cta-carteirinha-clic {
    width: min(1180px, calc(100% - 32px));
    margin: 18px auto 28px;
    padding: clamp(18px, 2.5vw, 28px);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    box-shadow: 0 16px 38px rgba(16, 53, 51, .13);
}
.cta-rede-clic {
    background: linear-gradient(135deg, #fff8d7, #fffdf2);
    border: 2px solid #e7b321;
}
.cta-carteirinha-clic {
    background: linear-gradient(135deg, #eaf7f5, #f7fcfb);
    border: 2px solid #17899a;
}
.cta-rede-texto, .cta-carteirinha-texto { display:flex; align-items:center; gap:16px; min-width:0; }
.cta-rede-icone, .cta-carteirinha-icone { font-size: clamp(2rem, 4vw, 3.5rem); flex:0 0 auto; }
.cta-rede-clic h3, .cta-carteirinha-clic h3 { margin:0 0 5px; color:#153e38; font-size:clamp(1.35rem, 2.5vw, 2rem); }
.cta-rede-clic p, .cta-carteirinha-clic p { margin:0; color:#4a625d; font-weight:650; line-height:1.45; }
.cta-rede-botao, .cta-carteirinha-botao { min-height:52px; white-space:normal; text-align:center; flex:0 0 auto; }
.cta-rede-botao { background:#e8ab00 !important; color:#193a34 !important; }
.cta-carteirinha-botao { background:#0d7186 !important; color:#fff !important; }

.cta-rede-modal {
    margin: 18px 0 24px; padding: 16px 18px; border-radius:18px;
    display:flex; align-items:center; justify-content:space-between; gap:18px;
    background:#fff7d6; border:1px solid #e5bf38;
}
.cta-rede-modal div { display:grid; gap:4px; }
.cta-rede-modal strong { color:#173f39; font-size:1.05rem; }
.cta-rede-modal span { color:#596b66; }

/* Acesso profissional continua discreto, mas claramente funcional. */
.acesso-profissional-guia { margin-top: 4px !important; margin-bottom: 22px !important; }
.botao-login-guia-restrito { transition: transform .2s ease, box-shadow .2s ease; }
.botao-login-guia-restrito:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(18,63,86,.26); }

/* Indicador universal: posicionado pelo JavaScript junto ao painel correto. */
.indicador-rolagem-clic.indicador-v083 {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    left: auto;
    transform: translateY(-50%) !important;
    width: 82px !important;
    height: 82px !important;
    min-height: 82px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    padding: 9px !important;
    background: #f3b000 !important;
    color: #173b35 !important;
    border: 4px solid #fff !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    z-index: 10000020 !important;
    pointer-events: none !important;
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease, visibility .2s ease;
}
.indicador-rolagem-clic.indicador-v083::after { content:"↓" !important; font-size:19px !important; margin-top:2px !important; }
.indicador-rolagem-clic.indicador-v083.oculto { opacity:0 !important; visibility:hidden !important; }

/* Painel do Guia: enquadramento simétrico, sem tocar na Home. */
.clic-system-frame {
    width: min(1460px, 100%) !important;
    padding-left: clamp(26px, 4.5vw, 66px) !important;
    padding-right: clamp(26px, 4.5vw, 66px) !important;
}
.clic-dashboard { width: min(1180px, 100%) !important; margin-inline:auto !important; }
.clic-login-card { margin-inline:auto !important; }

/* Fotos inteiras em todos os cartões do guia. */
.guia-participante-foto img { object-fit: contain !important; object-position:center !important; background:#eef3f0; }

@media (max-width: 820px) {
    .cta-rede-clic, .cta-carteirinha-clic, .cta-rede-modal { align-items:stretch; flex-direction:column; }
    .cta-rede-botao, .cta-carteirinha-botao, .cta-rede-modal .botao { width:100%; justify-content:center; }
    .marca-clic-logo { width:126px !important; height:46px !important; }
}
@media (max-width: 560px) {
    .cta-rede-texto, .cta-carteirinha-texto { align-items:flex-start; }
    .indicador-rolagem-clic.indicador-v083 { width:70px !important; height:70px !important; min-height:70px !important; font-size:10px !important; }
}

/* =====================================================
   CLIC TURISMO V0.8.3.3 — CORREÇÃO LOCAL ÁREA DO GUIA
   Centralização, rolagem interna e acesso profissional
===================================================== */
.clic-sistema-body {
    margin: 0 !important;
    min-height: 100vh !important;
    overflow: hidden !important;
    background: #dfe7ec !important;
}
.clic-system-frame {
    box-sizing: border-box !important;
    position: relative !important;
    width: min(1440px, 100%) !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 18px clamp(26px, 4vw, 58px) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#102b49,#071b30) !important;
    box-shadow: inset 4px 0 #0d5d73, inset 8px 0 #fff, inset 12px 0 #e6ac00,
                inset -4px 0 #e6ac00, inset -8px 0 #fff, inset -12px 0 #0d5d73 !important;
}
.clic-login-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.clic-login-card {
    box-sizing: border-box !important;
    width: min(520px, 100%) !important;
    margin: auto !important;
    flex: 0 0 auto !important;
}
.clic-login-bottomnav {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #e1e7eb;
    display: flex;
    justify-content: center;
}
.clic-dashboard {
    box-sizing: border-box !important;
    position: relative !important;
    width: min(1180px, 100%) !important;
    max-height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    margin: auto !important;
    padding: clamp(20px,3vw,38px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
    overscroll-behavior: contain;
}
.clic-dashboard::-webkit-scrollbar, .clic-login-shell::-webkit-scrollbar { width: 12px; }
.clic-dashboard::-webkit-scrollbar-track, .clic-login-shell::-webkit-scrollbar-track { background: #e8eef0; border-radius: 999px; }
.clic-dashboard::-webkit-scrollbar-thumb, .clic-login-shell::-webkit-scrollbar-thumb { background: #66767b; border: 3px solid #e8eef0; border-radius: 999px; }
.indicador-sistema, .indicador-guia {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 82px !important;
    height: 82px !important;
    min-height: 82px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    padding: 9px !important;
    z-index: 100030 !important;
    pointer-events: none !important;
}
.indicador-sistema.oculto, .indicador-guia.oculto {
    opacity: 0 !important;
    visibility: hidden !important;
}
.guia-acesso-profissional-perfil {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #dbe4e7;
    display: grid;
    gap: 8px;
    justify-items: start;
}
.botao-login-guia-perfil {
    background: #123f56 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 26px rgba(18,63,86,.2);
}
.guia-acesso-profissional-perfil small { color: #60727c; }
/* O acesso profissional não aparece solto na página pública. */
.acesso-profissional-guia { display: none !important; }
@media (max-width: 760px) {
    .clic-system-frame { padding: 10px 14px !important; }
    .clic-login-shell { padding: 8px !important; align-items: flex-start !important; }
    .clic-login-card { margin: 12px auto !important; }
    .clic-dashboard { max-height: calc(100vh - 20px) !important; }
    .indicador-sistema, .indicador-guia { width: 68px !important; height: 68px !important; min-height: 68px !important; font-size: 10px !important; }
}


/* =====================================================
   V0.8.3.4 — ACESSO PROFISSIONAL DENTRO DO PERFIL DO GUIA
===================================================== */

.mural-acesso-guia[hidden] {
    display: none !important;
}

.mural-acesso-guia {
    border: 1px solid rgba(14, 103, 130, 0.2);
    background: linear-gradient(135deg, #f7fbfc 0%, #eef7f9 100%);
}

.mural-acesso-guia-conteudo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
}

.mural-acesso-guia-conteudo h3 {
    margin: 8px 0 8px;
}

.mural-acesso-guia-conteudo p {
    margin: 0;
    color: #4d626d;
    line-height: 1.6;
}

.mural-acesso-guia-selo {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: #e2f1f5;
    color: #0b607c;
    font-weight: 800;
    font-size: 0.86rem;
}

.mural-acesso-guia-botao {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    background: #0c6b86 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 12px 28px rgba(12, 107, 134, 0.2);
}

.mural-acesso-guia-botao:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(12, 107, 134, 0.27);
}

@media (max-width: 760px) {
    .mural-acesso-guia-conteudo {
        grid-template-columns: 1fr;
    }

    .mural-acesso-guia-botao {
        width: 100%;
        white-space: normal;
        text-align: center;
    }
}

/* =====================================================
   V0.8.3.5 — CORREÇÃO DEFINITIVA DE CENTRALIZAÇÃO
   E CABEÇALHO DO PAINEL DO GUIA
===================================================== */
html {
    width: 100%;
    min-height: 100%;
}
body.clic-sistema-body {
    width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
}
body.clic-sistema-body > .clic-system-frame {
    box-sizing: border-box !important;
    width: min(1440px, 100vw) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    flex: 0 1 1440px !important;
}
.clic-login-shell {
    display: grid !important;
    place-items: center !important;
}
.clic-login-card {
    justify-self: center !important;
    align-self: center !important;
    margin: auto !important;
}
.clic-dashboard {
    justify-self: center !important;
    align-self: center !important;
    width: min(1180px, 100%) !important;
    margin: auto !important;
}
.clic-dashboard-topnav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
}
.clic-dashboard-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    min-height: 0 !important;
}
.clic-dashboard-brand {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 20px !important;
}
.clic-dashboard-logo {
    display: block !important;
    width: 92px !important;
    height: 68px !important;
    max-width: 92px !important;
    max-height: 68px !important;
    object-fit: contain !important;
    object-position: center !important;
}
.clic-dashboard-brand > div {
    min-width: 0 !important;
}
.clic-dashboard-brand h1 {
    margin: 4px 0 8px !important;
}
.clic-dashboard-brand p:last-child {
    margin: 0 !important;
}
@media (max-width: 800px) {
    .clic-dashboard-header {
        display: grid !important;
        align-items: start !important;
    }
    .clic-dashboard-brand {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 14px !important;
    }
    .clic-dashboard-logo {
        width: 68px !important;
        height: 54px !important;
        max-width: 68px !important;
        max-height: 54px !important;
    }
}

/* =====================================================
   V0.8.3.6 — CORREÇÃO REAL DO ENQUADRAMENTO DO GUIA
   Isola as telas profissionais das regras gerais da Home.
===================================================== */

/* A regra geral da Home limita o body a 1440px. Nas telas do Guia isso
   criava um segundo enquadramento e empurrava os quadros para a esquerda. */
html:has(body.clic-sistema-body) {
    width: 100% !important;
    min-height: 100% !important;
    background: #dfe7ec !important;
}

body.clic-sistema-body {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    overflow: hidden !important;
    background: #dfe7ec !important;
}

/* Filetes ficam nas bordas reais da moldura central, e não atravessam o painel. */
body.clic-sistema-body::before {
    left: max(10px, calc(50vw - 720px)) !important;
}
body.clic-sistema-body::after {
    right: max(10px, calc(50vw - 720px)) !important;
}

body.clic-sistema-body > .clic-system-frame {
    box-sizing: border-box !important;
    position: relative !important;
    width: min(1440px, calc(100vw - 32px)) !important;
    max-width: 1440px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 16px clamp(54px, 5vw, 76px) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#102b49,#071b30) !important;
    box-shadow: inset 4px 0 #0d5d73, inset 8px 0 #fff, inset 12px 0 #e6ac00,
                inset -4px 0 #e6ac00, inset -8px 0 #fff, inset -12px 0 #0d5d73 !important;
}

/* LOGIN: centralização matemática dentro da moldura. */
body.clic-sistema-body .clic-login-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    display: grid !important;
    place-items: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
body.clic-sistema-body .clic-login-card {
    box-sizing: border-box !important;
    width: min(520px, 100%) !important;
    max-width: 520px !important;
    margin: auto !important;
    justify-self: center !important;
    align-self: center !important;
    transform: none !important;
}

/* PAINEL: largura controlada e margens idênticas nos dois lados. */
body.clic-sistema-body .clic-dashboard {
    box-sizing: border-box !important;
    width: min(1120px, 100%) !important;
    max-width: 1120px !important;
    height: calc(100vh - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    min-height: 0 !important;
    margin: auto !important;
    justify-self: center !important;
    align-self: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
    overscroll-behavior: contain !important;
}

/* O indicador é controlado por JavaScript e fica junto à barra do painel. */
body.clic-sistema-body #indicador-rolagem-guia,
body.clic-sistema-body #indicador-rolagem-login {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 100050 !important;
}

@media (max-width: 900px) {
    body.clic-sistema-body > .clic-system-frame {
        width: 100% !important;
        padding: 10px 18px !important;
    }
    body.clic-sistema-body .clic-dashboard {
        width: 100% !important;
        height: calc(100vh - 20px) !important;
        max-height: calc(100vh - 20px) !important;
    }
}

/* =====================================================
   V0.8.3.7 — CENTRALIZAÇÃO DEFINITIVA DAS TELAS DO GUIA
   Uma única moldura institucional, sem filetes duplicados.
===================================================== */

/* As telas profissionais ocupam a viewport inteira. */
html:has(body.clic-sistema-body),
body.clic-sistema-body {
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background: #dfe7ec !important;
}

/* Desliga os filetes globais da Home nessas duas páginas. */
body.clic-sistema-body::before,
body.clic-sistema-body::after {
    content: none !important;
    display: none !important;
}

/* Uma única moldura central, baseada no enquadramento dos painéis da Home. */
body.clic-sistema-body > .clic-system-frame {
    box-sizing: border-box !important;
    position: fixed !important;
    inset: 0 auto 0 50% !important;
    transform: translateX(-50%) !important;
    width: min(1440px, calc(100vw - 32px)) !important;
    max-width: 1440px !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 18px 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #102b49, #071b30) !important;
    box-shadow: none !important;
}

/* Filetes institucionais únicos, presos às bordas da moldura. */
body.clic-sistema-body > .clic-system-frame::before,
body.clic-sistema-body > .clic-system-frame::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 12px !important;
    z-index: 5 !important;
    pointer-events: none !important;
    background: linear-gradient(
        to right,
        var(--destino-cor-1) 0 33.33%,
        var(--destino-cor-2) 33.33% 66.66%,
        var(--destino-cor-3) 66.66% 100%
    ) !important;
}
body.clic-sistema-body > .clic-system-frame::before { left: 0 !important; }
body.clic-sistema-body > .clic-system-frame::after  { right: 0 !important; transform: scaleX(-1) !important; }

/* LOGIN: centralizado no eixo real da moldura. */
body.clic-sistema-body .clic-login-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
body.clic-sistema-body .clic-login-card {
    box-sizing: border-box !important;
    width: min(520px, 100%) !important;
    max-width: 520px !important;
    margin: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
}

/* PAINEL: centralizado como o perfil detalhado usado como referência. */
body.clic-sistema-body .clic-dashboard {
    box-sizing: border-box !important;
    position: relative !important;
    width: min(1180px, calc(100% - 104px)) !important;
    max-width: 1180px !important;
    height: calc(100dvh - 36px) !important;
    max-height: calc(100dvh - 36px) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: clamp(20px, 3vw, 38px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
    overscroll-behavior: contain !important;
}

/* O indicador fica dentro do painel, imediatamente ao lado da barra real. */
body.clic-sistema-body #indicador-rolagem-guia {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 100050 !important;
}

/* O login normalmente cabe inteiro; só mostra indicador se houver rolagem real. */
body.clic-sistema-body #indicador-rolagem-login {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 100050 !important;
}

@media (max-width: 900px) {
    body.clic-sistema-body > .clic-system-frame {
        width: 100vw !important;
        padding: 10px 14px !important;
    }
    body.clic-sistema-body .clic-login-shell {
        padding: 10px 20px !important;
        align-items: flex-start !important;
    }
    body.clic-sistema-body .clic-dashboard {
        width: calc(100% - 28px) !important;
        height: calc(100dvh - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
    }
}


/* =====================================================
   V0.9.0 — EXPERIÊNCIAS EXCLUSIVAS
===================================================== */
.mural-experiencias-guia{background:linear-gradient(135deg,#f7fbff,#fff8d9);border:1px solid #d9e5ea}
.experiencias-selo{display:inline-flex;padding:7px 12px;border-radius:999px;background:#173b63;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.04em}
.experiencias-publicas-cabecalho h3{margin:.55rem 0 .35rem;color:#173b63;font-size:clamp(1.45rem,3vw,2.1rem)}
.experiencias-publicas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:18px}
.experiencia-publica-card{background:#fff;border:1px solid #dce5ea;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(20,54,78,.10);display:flex;flex-direction:column}
.experiencia-publica-capa{height:180px;background:#eef3f5}.experiencia-publica-capa img{width:100%;height:100%;object-fit:contain;display:block}
.experiencia-publica-info{padding:17px;display:flex;flex-direction:column;gap:9px;flex:1}.experiencia-publica-info>span{font-size:.76rem;font-weight:800;text-transform:uppercase;color:#8b6100}.experiencia-publica-info h4{margin:0;color:#173b63;font-size:1.15rem}.experiencia-publica-info p{margin:0;color:#536775;line-height:1.55;flex:1}.experiencia-publica-info>div{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.experiencia-publica-info .botao{padding:10px 13px;font-size:.85rem}
.experiencias-vazio{padding:20px;background:#fff;border-radius:14px;color:#60727c}
.experiencia-overlay{position:fixed;inset:0;z-index:10030;background:rgba(7,23,36,.86);display:flex;align-items:center;justify-content:center;padding:18px}.experiencia-overlay[hidden]{display:none!important}
.experiencia-modal{position:relative;width:min(980px,96vw);max-height:92vh;overflow:auto;background:#f8fafb;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.experiencia-fechar{position:absolute;right:16px;top:12px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;font-size:1.8rem;background:#fff;color:#173b63;cursor:pointer}.experiencia-modal>.clic-voltar-topo{position:absolute;left:16px;top:16px;z-index:3}
.experiencia-capa{height:min(380px,42vh);background:#e7edef}.experiencia-capa img{width:100%;height:100%;object-fit:contain}.experiencia-conteudo{padding:clamp(22px,5vw,46px)}.experiencia-conteudo h2{font-size:clamp(2rem,5vw,3.4rem);color:#173b63;margin:.7rem 0}.experiencia-resumo{font-size:1.08rem;line-height:1.7;color:#4e6370}.experiencia-meta{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-block:1px solid #dce5ea}.experiencia-meta strong{font-size:1.3rem;color:#9a6900}.experiencia-detalhes{padding:18px 0;line-height:1.7}.experiencia-acoes{display:flex;gap:12px;flex-wrap:wrap}.experiencia-aviso-teste{display:block;margin-top:15px;color:#6b7a82}
.guia-experiencias-admin{margin:30px 0;padding:24px;background:#fff;border:1px solid #dbe4eb;border-radius:22px}.experiencia-form{margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;background:#f1f6f8;border-radius:18px}.experiencia-form label{display:grid;gap:7px;font-weight:750;color:#173b63}.experiencia-form input,.experiencia-form select,.experiencia-form textarea{width:100%;padding:12px;border:1px solid #bdcbd2;border-radius:11px;background:#fff;font:inherit}.experiencia-form textarea{min-height:100px;resize:vertical}.experiencia-form .campo-largo{grid-column:1/-1}.experiencia-check{display:flex!important;grid-column:1/-1;align-items:center;grid-template-columns:auto 1fr!important}.experiencia-check input{width:auto}.experiencia-form-acoes{display:flex;gap:10px;flex-wrap:wrap}
.experiencias-guia-lista{display:grid;gap:16px;margin-top:18px}.experiencia-guia-card{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;padding:16px;border:1px solid #dbe4eb;border-radius:18px;background:#fff}.experiencia-guia-card>img{width:100%;height:145px;object-fit:contain;background:#eef3f5;border-radius:13px}.experiencia-guia-card h3{margin:.4rem 0;color:#173b63}.experiencia-guia-card p{color:#5a6d79}.experiencia-guia-card small{color:#657680}.experiencia-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff1ba;font-size:.76rem;font-weight:800}.experiencia-status.approved{background:#dff4e7;color:#16653a}.experiencia-status.rejected{background:#fde2e2;color:#8e2424}.experiencia-card-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.experiencia-card-acoes .botao{padding:9px 12px;font-size:.82rem}
.admin-experiencias{margin-top:28px;padding:26px;background:#f6f8fa;border-radius:24px}.admin-experiencias-lista{display:grid;gap:16px}.admin-experiencia-card{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:17px;background:#fff;border:1px solid #dbe4eb;border-radius:18px}.admin-experiencia-card img{width:100%;height:140px;object-fit:contain;background:#eef3f5;border-radius:13px}.admin-experiencia-card h3{margin:.35rem 0;color:#173b63}.admin-experiencia-card small{display:block;margin:.5rem 0;color:#62747d}.admin-experiencia-card>div>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-experiencia-card .botao{padding:9px 12px;font-size:.82rem}
@media(max-width:700px){.experiencia-form{grid-template-columns:1fr}.experiencia-form .campo-largo{grid-column:auto}.experiencia-guia-card,.admin-experiencia-card{grid-template-columns:1fr}.experiencia-guia-card>img,.admin-experiencia-card img{height:210px}}

/* =====================================================
   V0.9.1 — APRESENTAÇÃO FUNCIONAL DAS EXPERIÊNCIAS
===================================================== */
.experiencia-overlay {
    overflow: hidden;
}
.experiencia-modal {
    display: grid;
    grid-template-columns: minmax(280px, 42%) 1fr;
    width: min(1120px, 94vw);
    max-height: 90vh;
    border: 3px solid #0b7189;
}
.experiencia-capa {
    min-height: 520px;
    background: #eef3f2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.experiencia-capa img {
    width: 100%;
    height: 100%;
    max-height: 620px;
    object-fit: contain;
    border-radius: 18px;
}
.experiencia-conteudo {
    padding: 82px 42px 34px;
    overflow-y: auto;
}
.experiencia-conteudo h2 {
    margin: 14px 0 12px;
    color: #123f68;
    font-size: clamp(2rem, 3vw, 3rem);
}
.experiencia-resumo {
    font-size: 1.08rem;
    line-height: 1.75;
}
.experiencia-meta {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin: 22px 0;
    padding: 16px 18px;
    border-radius: 16px;
    background: #f4f8f9;
}
.experiencia-detalhes {
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #d7e4e8;
    border-radius: 18px;
    background: #fff;
}
.experiencia-detalhes li {
    margin: 10px 0;
}
.experiencia-conteudo-protegido {
    margin-top: 22px;
    padding: 18px;
    border-radius: 14px;
    background: #fff4c7;
    border-left: 5px solid #f2ad00;
    font-weight: 800;
}
.experiencia-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}
.experiencia-acoes .botao {
    flex: 1 1 230px;
}
@media (max-width: 820px) {
    .experiencia-modal {
        display: block;
        width: 96vw;
    }
    .experiencia-capa {
        min-height: 280px;
        max-height: 40vh;
    }
    .experiencia-conteudo {
        padding: 34px 22px 26px;
    }
    .experiencia-modal > .clic-voltar-topo {
        position: sticky;
        top: 10px;
        margin: 12px;
    }
}


/* V0.9.1.1 — garantia de abertura acima do perfil do participante */
.experiencia-overlay { z-index: 10000100 !important; }
.experiencia-modal { position: relative; }


/* =====================================================
   V0.9.2 — BIBLIOTECA INTELIGENTE DE EXPERIÊNCIAS
===================================================== */
.biblioteca-filtros{display:grid;grid-template-columns:1fr minmax(170px,240px);gap:12px;margin:18px 0;padding:15px;background:#eef4f7;border:1px solid #d8e3e8;border-radius:16px}
.biblioteca-filtros label{display:grid;gap:6px;font-weight:800;color:#173b63}.biblioteca-filtros input,.biblioteca-filtros select{width:100%;padding:12px;border:1px solid #b8c8d0;border-radius:11px;background:#fff;font:inherit}
.biblioteca-lista{display:grid;gap:15px}.biblioteca-roteiro-card{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid #dbe5ea;border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(20,54,78,.08)}
.biblioteca-roteiro-card img{width:100%;height:155px;object-fit:contain;background:#eef3f5;border-radius:13px}.biblioteca-roteiro-card span{font-size:.75rem;font-weight:850;text-transform:uppercase;color:#916800}.biblioteca-roteiro-card h3{margin:.35rem 0;color:#173b63}.biblioteca-roteiro-card p{margin:.35rem 0 .7rem;color:#536775;line-height:1.5}.biblioteca-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.biblioteca-meta strong{color:#9a6900;font-size:1.08rem}.biblioteca-download{display:inline-flex;margin-top:12px;text-decoration:none}.experiencia-publica-info>span{line-height:1.3}
@media(max-width:700px){.biblioteca-filtros{grid-template-columns:1fr}.biblioteca-roteiro-card{grid-template-columns:1fr}.biblioteca-roteiro-card img{height:210px}}


/* =====================================================
   CLIC TURISMO V0.9.3 — BIBLIOTECA VIVA
===================================================== */
.biblioteca-roteiro-card .ver-roteiro-detalhe,
.biblioteca-download,
.experiencia-acoes .botao-siga-clicando {
  background:#18794e !important;
  color:#fff !important;
  border-color:#18794e !important;
  font-weight:850 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.biblioteca-roteiro-card .ver-roteiro-detalhe:hover,
.biblioteca-download:hover,
.experiencia-acoes .botao-siga-clicando:hover {
  background:#0f5f3b !important;
  color:#fff !important;
  transform:translateY(-1px);
}
.biblioteca-imagem-wrap{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#eef3f5;border-radius:13px;overflow:hidden}
.biblioteca-imagem-wrap img{width:100%;height:155px;object-fit:contain;background:transparent!important}
.biblioteca-badge{position:absolute;top:10px;left:10px;display:inline-flex;padding:7px 10px;border-radius:999px;background:#f4b400;color:#173b63;font-size:.72rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 5px 15px rgba(0,0,0,.18)}
.biblioteca-info-chave{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.biblioteca-info-chave>div{display:grid;gap:4px;padding:12px;border-radius:13px;background:#f3f7f9;border:1px solid #dbe5ea}
.biblioteca-info-chave b{font-size:.78rem;color:#4c6472;text-transform:uppercase;letter-spacing:.02em}
.biblioteca-info-chave strong{font-size:1.02rem;color:#173b63;line-height:1.3}
.experiencia-meta{align-items:center;background:#f2f7f9;border-radius:14px;padding:16px 18px!important;border:1px solid #d8e4e9!important}
.experiencia-meta span{font-size:1.05rem;font-weight:800;color:#173b63}
.experiencia-meta strong{font-size:1.35rem!important;font-weight:900}
.biblioteca-filtros label[hidden]{display:none!important}
.admin-exp-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:.65rem 0}
.admin-exp-meta b,.admin-exp-meta strong{padding:6px 9px;border-radius:9px;background:#f2f6f8;color:#173b63;font-size:.82rem}
@media(max-width:800px){.biblioteca-info-chave{grid-template-columns:1fr}.biblioteca-imagem-wrap img{height:210px}}

.experiencia-guia-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:.7rem 0}.experiencia-guia-meta b,.experiencia-guia-meta strong{padding:7px 10px;border-radius:10px;background:#f1f6f8;color:#173b63;font-size:.82rem}


/* =====================================================
   V0.9.4 — REDE INTELIGENTE + ACABAMENTO DA BIBLIOTECA
===================================================== */
.biblioteca-roteiro-card{
    grid-template-columns:minmax(210px, 28%) minmax(0, 1fr) !important;
    align-items:stretch !important;
}
.biblioteca-info-chave{
    grid-template-columns:minmax(120px,.9fr) minmax(210px,1.7fr) minmax(125px,.9fr) !important;
    gap:12px !important;
}
.biblioteca-info-chave>div{
    min-width:0;
    min-height:112px;
    padding:15px 14px !important;
    align-content:start;
}
.biblioteca-info-chave b{
    font-size:.82rem !important;
    line-height:1.35 !important;
}
.biblioteca-info-chave strong{
    font-size:1.08rem !important;
    line-height:1.42 !important;
    overflow-wrap:anywhere;
    hyphens:auto;
}
.biblioteca-roteiro-card .ver-roteiro-detalhe,
.biblioteca-download,
.experiencia-acoes .botao-siga-clicando,
.experiencia-acoes .botao-secundario,
.experiencia-modal .clic-voltar-topo,
.experiencia-modal .botao{
    color:#fff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.experiencia-acoes .botao-secundario,
.experiencia-modal .clic-voltar-topo{
    background:#0d7088 !important;
    border-color:#0d7088 !important;
}
.experiencia-acoes .botao-secundario:hover,
.experiencia-modal .clic-voltar-topo:hover{
    background:#09576a !important;
    border-color:#09576a !important;
}
.experiencia-meta{
    display:grid !important;
    grid-template-columns:minmax(180px,1fr) minmax(150px,.75fr) !important;
    gap:14px !important;
}
.experiencia-meta span,
.experiencia-meta strong{
    display:flex;
    align-items:center;
    min-height:58px;
    padding:10px 14px;
    border-radius:12px;
    background:#fff;
    border:1px solid #d9e5e9;
}

/* Cadastro — plano escolhido */
.cadastro-plano-preview{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
    margin-top:2px;
    padding:16px 18px;
    border:1px solid #e2b22a;
    border-radius:16px;
    background:#fff8d8;
    color:#173b63;
}
.cadastro-plano-preview strong{font-size:1.05rem}
.cadastro-plano-preview span{font-weight:900;color:#8a6100;text-align:right}
.cadastro-plano-preview small{grid-column:1/-1;color:#5c6e78;line-height:1.45}
.cadastro-plano-preview[hidden]{display:none!important}

/* Administração dos planos */
.admin-planos-rede{
    margin-top:28px;
    padding:26px;
    border-radius:24px;
    background:linear-gradient(135deg,#f5f9fb,#fff8d8);
    border:1px solid #d7e4e8;
}
.admin-planos-toolbar{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    margin:16px 0;
}
.admin-planos-grid{display:grid;gap:14px}
.admin-plano-card{
    display:grid;
    grid-template-columns:minmax(180px,1.1fr) minmax(130px,.65fr) minmax(170px,.8fr) auto;
    gap:12px;
    align-items:end;
    padding:16px;
    background:#fff;
    border:1px solid #d8e4e8;
    border-radius:17px;
    box-shadow:0 7px 20px rgba(20,54,78,.07);
}
.admin-plano-card label{display:grid;gap:6px;font-weight:800;color:#173b63}
.admin-plano-card input,.admin-plano-card select{
    width:100%;padding:11px;border:1px solid #b9c9d1;border-radius:10px;background:#fff;font:inherit
}
.admin-plano-card .plano-acoes{display:flex;gap:8px;flex-wrap:wrap}
.admin-plano-card .plano-gratuito{display:flex;align-items:center;gap:8px;min-height:44px}
.admin-plano-card .plano-gratuito input{width:auto}
.admin-planos-nota{
    padding:14px 16px;border-left:5px solid #0d7088;background:#eef7fa;border-radius:12px;color:#405965;line-height:1.5
}

/* Diretriz GPS segura */
.gps-seguranca-aviso{
    margin:18px 0;
    padding:18px;
    border-radius:16px;
    background:#fff6cc;
    border:1px solid #e6ba32;
    color:#193d5e;
    line-height:1.55;
}
.gps-seguranca-aviso strong{display:block;margin-bottom:6px;font-size:1.03rem}

@media(max-width:850px){
  .biblioteca-info-chave{grid-template-columns:1fr !important}
  .biblioteca-info-chave>div{min-height:auto}
  .experiencia-meta{grid-template-columns:1fr !important}
  .admin-plano-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .biblioteca-roteiro-card{grid-template-columns:1fr !important}
  .cadastro-plano-preview{grid-template-columns:1fr}
  .cadastro-plano-preview span{text-align:left}
}


/* =====================================================
   V0.9.5 — ACABAMENTO HORIZONTAL + ADMIN REDE VISÍVEL
===================================================== */
/* Biblioteca: usar de verdade toda a largura disponível */
.experiencia-modal{
  width:min(1180px, calc(100vw - 44px)) !important;
  max-width:1180px !important;
}
.biblioteca-lista{gap:20px !important}
.biblioteca-roteiro-card{
  width:100% !important;
  grid-template-columns:minmax(280px, 34%) minmax(0, 1fr) !important;
  gap:24px !important;
  padding:18px !important;
  align-items:stretch !important;
}
.biblioteca-imagem-wrap{min-height:265px !important}
.biblioteca-imagem-wrap img{
  height:265px !important;
  padding:10px !important;
}
.biblioteca-roteiro-card>div:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.biblioteca-roteiro-card h3{font-size:1.35rem !important;line-height:1.25 !important}
.biblioteca-roteiro-card p{font-size:1rem !important;line-height:1.6 !important}
.biblioteca-info-chave{
  width:100% !important;
  grid-template-columns:minmax(150px,.9fr) minmax(300px,2fr) minmax(150px,.9fr) !important;
  gap:14px !important;
  margin-top:auto !important;
}
.biblioteca-info-chave>div{
  min-height:122px !important;
  padding:18px 16px !important;
}
.biblioteca-info-chave b{font-size:.88rem !important}
.biblioteca-info-chave strong{
  font-size:1.15rem !important;
  line-height:1.45 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;
}
.biblioteca-roteiro-card .ver-roteiro-detalhe{
  align-self:flex-start;
  min-width:190px;
  margin-top:4px;
  background:#18794e !important;
  color:#fff !important;
}
/* Botões de retorno: contraste institucional e texto branco */
.experiencia-modal .clic-voltar-topo,
.experiencia-modal .botao-secundario,
.experiencia-acoes .botao-secundario,
#fechar-experiencia-rodape,
#voltar-experiencia,
#voltar-colecao{
  background:#0d7088 !important;
  border-color:#0d7088 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  font-weight:850 !important;
}
.experiencia-modal .clic-voltar-topo:hover,
.experiencia-modal .botao-secundario:hover,
.experiencia-acoes .botao-secundario:hover,
#fechar-experiencia-rodape:hover,
#voltar-experiencia:hover,
#voltar-colecao:hover{
  background:#09576a !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
/* Navegação rápida da Administração */
.admin-atalhos{
  position:sticky;
  top:10px;
  z-index:30;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 22px;
  padding:12px;
  border:1px solid #d6e3e8;
  border-radius:18px;
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 28px rgba(15,54,79,.10);
  backdrop-filter:blur(8px);
}
.admin-atalhos a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border-radius:999px;
  background:#0d7088;
  color:#fff !important;
  text-decoration:none;
  font-weight:850;
}
.admin-atalhos a:hover{background:#09576a;transform:translateY(-1px)}
#admin-planos-rede{scroll-margin-top:95px}
.admin-planos-rede .clic-section-heading h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.admin-plano-card .plano-salvar{color:#fff !important;background:#0d7088 !important;border-color:#0d7088 !important}
.admin-plano-card .plano-salvar:hover{background:#09576a !important}
.admin-plano-estado{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  margin-top:2px;
  padding:6px 9px;
  border-radius:999px;
  background:#eef7fa;
  color:#0d5f75;
  font-size:.78rem;
  font-weight:900;
}
@media(max-width:900px){
  .experiencia-modal{width:calc(100vw - 20px) !important}
  .biblioteca-roteiro-card{grid-template-columns:1fr !important}
  .biblioteca-imagem-wrap,.biblioteca-imagem-wrap img{min-height:230px !important;height:230px !important}
  .biblioteca-info-chave{grid-template-columns:1fr !important}
  .biblioteca-info-chave>div{min-height:auto !important}
}


/* =====================================================
   V0.9.6 — BIBLIOTECA CORRIGIDA + ADMINISTRAÇÃO REAL
===================================================== */
/* Na coleção, retirar a coluna lateral vazia e usar toda a largura. */
.experiencia-modal.modo-colecao{
  display:block !important;
  width:min(1220px,calc(100vw - 36px)) !important;
  max-width:1220px !important;
}
.experiencia-modal.modo-colecao .experiencia-capa{
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  padding:18px 80px !important;
  background:#eef3f2 !important;
}
.experiencia-modal.modo-colecao .experiencia-capa img{
  width:100% !important;height:100% !important;object-fit:contain !important;
}
.experiencia-modal.modo-colecao .experiencia-conteudo{
  padding:32px 38px 34px !important;
  overflow:visible !important;
}
.experiencia-modal.modo-colecao .experiencia-conteudo h2{font-size:clamp(2rem,4vw,3.25rem) !important}
.experiencia-modal.modo-colecao .biblioteca-lista{width:100% !important}
.experiencia-modal.modo-colecao .biblioteca-roteiro-card{
  display:grid !important;
  grid-template-columns:minmax(250px,32%) minmax(0,1fr) !important;
  width:100% !important;max-width:none !important;margin:0 !important;
  gap:26px !important;padding:20px !important;align-items:stretch !important;
}
.experiencia-modal.modo-colecao .biblioteca-imagem-wrap{min-height:270px !important}
.experiencia-modal.modo-colecao .biblioteca-imagem-wrap img{height:270px !important}
.experiencia-modal.modo-colecao .biblioteca-info-chave{
  display:grid !important;
  grid-template-columns:minmax(130px,.75fr) minmax(260px,1.8fr) minmax(130px,.75fr) !important;
  gap:12px !important;width:100% !important;
}
.experiencia-modal.modo-colecao .biblioteca-info-chave>div{min-height:104px !important;padding:14px !important}
.experiencia-modal.modo-colecao .biblioteca-info-chave strong{font-size:1.06rem !important;line-height:1.35 !important}
/* No detalhe individual, conservar a apresentação em duas colunas. */
.experiencia-modal.modo-detalhe{display:grid !important;grid-template-columns:minmax(280px,42%) minmax(0,1fr) !important}

/* Administração da Rede em página própria e claramente visível. */
.admin-rede-body{margin:0;background:#0c2945;color:#173b63;font-family:inherit}
.admin-rede-page{width:min(1180px,calc(100% - 28px));margin:24px auto;padding:28px;background:#f8fafb;border:3px solid #0b7189;border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.admin-rede-header{padding:22px 24px;background:#fff;border-radius:20px;border:1px solid #d9e5ea;margin-bottom:22px}
.admin-rede-header p{margin:.25rem 0;color:#596f7b}.admin-rede-header h1{margin:.45rem 0;color:#173b63;font-size:clamp(2rem,4vw,3rem)}
.admin-rede-header nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.admin-rede-explicacao,.admin-rede-bloco{padding:22px;margin:18px 0;background:#fff;border:1px solid #d9e5ea;border-radius:20px}
.admin-rede-pendentes{display:grid;gap:14px}.admin-rede-cadastro{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px;border:1px solid #d9e5ea;border-radius:17px;background:#fff}
.admin-rede-cadastro h3{margin:.5rem 0;color:#173b63}.admin-rede-cadastro p{margin:.35rem 0;color:#546a76;line-height:1.5}.admin-rede-acoes{display:flex;gap:8px;flex-wrap:wrap}.admin-rede-acoes .botao{color:#fff !important}.admin-rede-vazio{padding:24px;text-align:center;background:#f3f7f9;border-radius:15px;color:#60747e}
@media(max-width:850px){
 .experiencia-modal.modo-colecao .experiencia-capa{height:170px !important;min-height:170px !important;padding:12px 45px !important}
 .experiencia-modal.modo-colecao .experiencia-conteudo{padding:26px 18px !important}
 .experiencia-modal.modo-colecao .biblioteca-roteiro-card{grid-template-columns:1fr !important}
 .experiencia-modal.modo-colecao .biblioteca-info-chave{grid-template-columns:1fr !important}
 .experiencia-modal.modo-detalhe{display:block !important}
 .admin-rede-cadastro{grid-template-columns:1fr}
}

/* =====================================================
   V0.9.7 — CENTRALIZAÇÃO DEFINITIVA + GUIAS DE ROLAGEM
===================================================== */

/* Biblioteca pública: coleção ocupa toda a largura útil e nunca gera rolagem horizontal. */
.experiencia-overlay{overflow:hidden !important}
.experiencia-modal.modo-colecao{
  display:block !important;
  width:min(1240px,calc(100vw - 40px)) !important;
  max-width:1240px !important;
  overflow-x:hidden !important;
}
.experiencia-modal.modo-colecao .experiencia-capa{
  width:100% !important;
  height:210px !important;
  min-height:210px !important;
  padding:18px 72px !important;
  box-sizing:border-box !important;
}
.experiencia-modal.modo-colecao .experiencia-conteudo{
  width:100% !important;
  max-width:none !important;
  padding:30px 34px 36px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
.experiencia-modal.modo-colecao .biblioteca-filtros,
.experiencia-modal.modo-colecao .experiencia-detalhes,
.experiencia-modal.modo-colecao .biblioteca-lista{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.experiencia-modal.modo-colecao .biblioteca-lista{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:20px !important;
}
.experiencia-modal.modo-colecao .biblioteca-roteiro-card{
  display:grid !important;
  grid-template-columns:minmax(260px,34%) minmax(0,1fr) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  gap:26px !important;
  padding:20px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.experiencia-modal.modo-colecao .biblioteca-imagem-wrap{
  min-width:0 !important;
  min-height:285px !important;
}
.experiencia-modal.modo-colecao .biblioteca-imagem-wrap img{
  width:100% !important;
  height:285px !important;
  object-fit:contain !important;
}
.experiencia-modal.modo-colecao .biblioteca-roteiro-card>div:last-child{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}
.experiencia-modal.modo-colecao .biblioteca-info-chave{
  display:grid !important;
  grid-template-columns:minmax(135px,.8fr) minmax(300px,1.9fr) minmax(135px,.8fr) !important;
  gap:12px !important;
  width:100% !important;
  margin-top:auto !important;
}
.experiencia-modal.modo-colecao .biblioteca-info-chave>div{
  min-width:0 !important;
  min-height:112px !important;
  padding:15px 16px !important;
  box-sizing:border-box !important;
}
.experiencia-modal.modo-colecao .biblioteca-info-chave strong{
  display:block !important;
  font-size:1.08rem !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.experiencia-modal.modo-colecao .biblioteca-roteiro-card .ver-roteiro-detalhe{
  min-width:190px !important;
  align-self:flex-start !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.experiencia-modal.modo-colecao .experiencia-acoes{width:100% !important}
.experiencia-modal.modo-colecao .experiencia-acoes .botao{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* Administração da Rede: quadro centralizado no mesmo eixo da Área Administrativa. */
.admin-rede-body{
  min-height:100vh !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:20px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
.admin-rede-page{
  width:min(1180px,100%) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  position:relative !important;
}

/* Identificação visual das áreas restritas. */
.clic-area-faixa{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:8px 13px;
  border-radius:999px;
  background:#e8f3f6;
  color:#0b5f75;
  font-weight:900;
  letter-spacing:.02em;
}
.clic-area-faixa.admin{background:#fff0c8;color:#765200}
.clic-area-faixa.guia{background:#e7f4ec;color:#17643f}

/* Indicador amarelo, padrão CLIC, sempre próximo da barra real. */
.clic-scroll-guide{
  position:fixed;
  z-index:110000;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  width:78px;
  min-height:78px;
  padding:10px 7px;
  border:4px solid #fff;
  border-radius:50%;
  background:#f4b400;
  color:#173b63;
  box-shadow:0 9px 25px rgba(0,0,0,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:.76rem;
  font-weight:950;
  line-height:1.05;
  cursor:pointer;
  transition:opacity .2s ease,transform .2s ease;
}
.clic-scroll-guide::after{content:"↓";display:block;font-size:1.2rem;margin-left:3px}
.clic-scroll-guide.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.85)}
.clic-scroll-guide[data-scope="modal"]{
  position:absolute;
  right:8px;
  top:50%;
}
.experiencia-modal{position:relative !important}

/* Tutoriais rápidos. */
.clic-ajuda-page{width:min(1120px,calc(100% - 28px));margin:24px auto;padding:26px;background:#f8fafb;border:3px solid #0b7189;border-radius:26px;box-shadow:0 22px 65px rgba(0,0,0,.25)}
.clic-ajuda-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.clic-ajuda-card{padding:22px;background:#fff;border:1px solid #d8e4e9;border-radius:20px}
.clic-ajuda-card h2{margin-top:0;color:#173b63}.clic-ajuda-card li{margin:.55rem 0;line-height:1.5}

@media(max-width:900px){
  .experiencia-modal.modo-colecao .biblioteca-roteiro-card{grid-template-columns:1fr !important}
  .experiencia-modal.modo-colecao .biblioteca-info-chave{grid-template-columns:1fr !important}
  .experiencia-modal.modo-colecao .biblioteca-info-chave>div{min-height:auto !important}
  .experiencia-modal.modo-colecao .experiencia-capa{height:170px !important;min-height:170px !important;padding:12px 44px !important}
  .experiencia-modal.modo-colecao .experiencia-conteudo{padding:25px 17px 30px !important}
  .admin-rede-body{padding:8px !important}
  .clic-scroll-guide{right:6px;width:68px;min-height:68px;font-size:.68rem}
  .clic-ajuda-grid{grid-template-columns:1fr}
}

/* =====================================================
   V0.9.8 — POLIMENTO DOS PAINÉIS E PADRÃO DE CONTRASTE
===================================================== */

/* Regra geral aprovada: fundo escuro = texto branco. */
.botao,
button.botao,
a.botao,
.clic-sistema-voltar,
.admin-clic-voltar,
.botao-clic-voltar,
.botao-clic-voltando-rede,
.fechar-painel,
.fechar-cadastro-rede,
.fechar-galeria-experiencias,
.fechar-carteirinha-destaque,
.fechar-mural-foto,
.experiencia-fechar,
.experiencia-voltar,
.admin-rede-acoes button,
.experiencias-acoes button,
.experiencia-card-acoes button {
  text-decoration:none;
}

/* Botões escuros conhecidos. */
.botao:not(.botao-secundario):not(.botao-siga-clicando):not(.botao-claro),
.clic-sistema-voltar,
.admin-clic-voltar,
.botao-clic-voltar,
.botao-clic-voltando-rede,
.botao-perigo,
.experiencia-fechar,
.experiencia-voltar,
.admin-rede-acoes .botao:not(.botao-secundario),
.experiencia-card-acoes .botao:not(.botao-secundario),
.experiencias-acoes .botao:not(.botao-secundario) {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Botões claros conhecidos. */
.botao-secundario,
.botao-claro,
.admin-planos-grid .botao-secundario {
  color:#173b63 !important;
  -webkit-text-fill-color:#173b63 !important;
}

/* Botões amarelos conservam texto escuro. */
.botao-siga-clicando,
.continuar-carrossel-carteirinha,
.cadastro-rede-acoes .botao-siga-clicando {
  color:#172b38 !important;
  -webkit-text-fill-color:#172b38 !important;
}

/* Painel do Guia: recuperar presença da marca sem perder a centralização. */
.clic-dashboard-brand{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  min-width:0 !important;
}
.clic-dashboard-logo{
  width:clamp(120px,13vw,185px) !important;
  height:auto !important;
  max-height:118px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

/* Administração da Rede: neutraliza regras gerais da Home e centraliza pelo eixo aprovado. */
html:has(.admin-rede-body),
body.admin-rede-body{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  border:0 !important;
}
body.admin-rede-body::before,
body.admin-rede-body::after{display:none !important;content:none !important}
.admin-rede-body{
  display:block !important;
  padding:18px !important;
  background:linear-gradient(135deg,#102b49,#071b30) !important;
  overflow-x:hidden !important;
}
.admin-rede-page{
  width:min(1180px,calc(100vw - 36px)) !important;
  max-width:1180px !important;
  min-height:calc(100vh - 36px) !important;
  margin:0 auto !important;
  padding:28px !important;
  box-sizing:border-box !important;
}

/* O novo guia substitui os indicadores antigos para não haver duplicidade. */
.indicador-rolagem-clic,
#indicador-rolagem-admin,
#indicador-rolagem-guia,
#indicador-rolagem-login{
  display:none !important;
}

/* Indicador padrão: amarelo, redondo e colado à barra real. */
.clic-scroll-guide{
  position:fixed !important;
  z-index:2147483000 !important;
  width:76px !important;
  min-height:76px !important;
  padding:9px 7px !important;
  border:4px solid #fff !important;
  border-radius:50% !important;
  background:#f4b400 !important;
  color:#173b63 !important;
  -webkit-text-fill-color:#173b63 !important;
  box-shadow:0 9px 25px rgba(0,0,0,.30) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:.73rem !important;
  font-weight:950 !important;
  line-height:1.08 !important;
  cursor:pointer !important;
  transition:opacity .2s ease, transform .2s ease !important;
}
.clic-scroll-guide::after{
  content:"↓" !important;
  display:block !important;
  font-size:1.12rem !important;
  margin-left:3px !important;
}
.clic-scroll-guide.is-hidden{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:scale(.84) !important;
}

/* Garante rolagem vertical real nas áreas internas principais. */
.painel-modal,
.rede-clic-modal,
.cadastro-rede-modal,
.galeria-experiencias-modal,
.mural-participante-modal,
.carteirinha-destaque-modal,
.experiencia-modal,
.admin-clic,
.clic-dashboard,
.clic-login-shell{
  scrollbar-gutter:stable !important;
  scroll-behavior:smooth !important;
}

/* Tela de login e painéis restritos no mesmo eixo central. */
.clic-system-frame{
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  box-sizing:border-box !important;
}
.clic-login-shell{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
.clic-dashboard{
  width:min(1220px,calc(100vw - 36px)) !important;
  max-width:1220px !important;
  margin:18px auto !important;
  box-sizing:border-box !important;
}

@media(max-width:800px){
  .clic-dashboard-brand{align-items:flex-start !important;gap:14px !important}
  .clic-dashboard-logo{width:105px !important;max-height:78px !important}
  .admin-rede-body{padding:8px !important}
  .admin-rede-page{width:calc(100vw - 16px) !important;min-height:calc(100vh - 16px) !important;padding:18px !important}
  .clic-scroll-guide{width:66px !important;min-height:66px !important;font-size:.64rem !important}
}

/* =========================================================
   V0.9.9 — FECHAMENTO VISUAL DOS PAINÉIS
   Regra permanente: fundo escuro = texto branco.
========================================================= */

/* Ações internas do Painel do Guia: Editar, Ocultar/Publicar e Excluir. */
.experiencia-card-acoes .botao,
.experiencia-card-acoes .botao-secundario,
.experiencia-card-acoes .exp-editar,
.experiencia-card-acoes .exp-publicar,
.experiencia-card-acoes .exp-excluir,
.experiencias-acoes .botao,
.experiencias-acoes .botao-secundario,
.admin-planos-grid .botao:not(.botao-claro),
.admin-rede-header .botao:not(.botao-secundario),
.admin-rede-acoes .botao,
.clic-dashboard .botao:not(.botao-siga-clicando):not(.botao-claro),
.clic-dashboard a.botao:not(.botao-siga-clicando):not(.botao-claro) {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Só mantém texto escuro quando o botão for visualmente claro/amarelo. */
.botao-claro,
.botao-siga-clicando,
.admin-rede-header .botao.botao-secundario {
  color:#173b63 !important;
  -webkit-text-fill-color:#173b63 !important;
}

/* O botão secundário escuro do Painel do Guia não pode herdar texto escuro. */
.experiencia-card-acoes .botao-secundario,
.experiencias-acoes .botao-secundario {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Indicador da página administrativa: sempre junto da barra real do navegador. */
body.admin-rede-body > .clic-scroll-guide,
body.clic-ajuda-body > .clic-scroll-guide {
  position:fixed !important;
  right:10px !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}
body.admin-rede-body > .clic-scroll-guide.is-hidden,
body.clic-ajuda-body > .clic-scroll-guide.is-hidden {
  transform:translateY(-50%) scale(.84) !important;
}

/* Métricas administrativas com leitura mais direta. */
.admin-rede-page .clic-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:900px){
  .admin-rede-page .clic-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:560px){
  .admin-rede-page .clic-metric-grid{grid-template-columns:1fr !important}
}

/* =========================================================
   V0.9.10 — REDE CLIC MAIS VIVA + CONTRASTE DEFINITIVO
========================================================= */
/* Regra permanente do projeto: todo botão de fundo escuro usa texto branco. */
.admin-rede-header .botao,
.admin-planos-toolbar .botao,
.admin-rede-ferramentas .botao,
.admin-rede-acoes .botao,
.admin-plano-card .plano-salvar {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.admin-rede-header .botao.botao-secundario,
.admin-planos-toolbar .botao.botao-secundario {
  background:#0d7088 !important;
  border-color:#0d7088 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.admin-rede-header .botao:hover,
.admin-planos-toolbar .botao:hover,
.admin-rede-ferramentas .botao:hover,
.admin-rede-acoes .botao:hover {background:#09576a !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
.admin-rede-ferramentas{
  display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(200px,.8fr) auto;
  gap:12px;align-items:end;margin:20px 0;padding:16px;border:1px solid #d9e5ea;border-radius:16px;background:#f7fafb
}
.admin-rede-ferramentas label{display:grid;gap:7px;font-weight:850;color:#173b63}
.admin-rede-ferramentas input,.admin-rede-ferramentas select{min-height:46px;padding:10px 12px;border:1px solid #b8cad3;border-radius:12px;background:#fff;color:#173b63;font:inherit}
.admin-rede-ferramentas .botao{min-height:46px;white-space:nowrap}
.admin-rede-cadastro{transition:transform .18s ease,box-shadow .18s ease}.admin-rede-cadastro:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,43,73,.10)}
.admin-rede-observacao{margin-top:10px!important;padding:10px 12px;border-left:4px solid #f4b400;background:#fff8df;border-radius:8px}
.status-ativo{background:#dff5e8!important;color:#17643b!important}.status-aguardando_pagamento{background:#fff0bf!important;color:#7b5700!important}.status-suspenso{background:#e8edf1!important;color:#405361!important}.status-recusado{background:#f9dfdc!important;color:#8a3029!important}
@media(max-width:850px){.admin-rede-ferramentas{grid-template-columns:1fr}.admin-rede-ferramentas .botao{width:100%}}

/* =========================================================
   V0.9.11 — BUSCA INTELIGENTE E REDE ADMINISTRATIVA UNIFICADA
========================================================= */
.admin-rede-ferramentas{
  grid-template-columns:minmax(250px,1.45fr) minmax(180px,.8fr) minmax(180px,.8fr) auto auto !important;
}
.admin-rede-resultado{
  margin:-8px 0 16px;
  color:#405b73;
  font-weight:750;
}
.admin-rede-ferramentas #admin-rede-limpar,
.admin-rede-ferramentas #admin-rede-exportar{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
@media(max-width:1100px){
  .admin-rede-ferramentas{grid-template-columns:1fr 1fr !important}
  .admin-rede-busca{grid-column:1/-1}
}
@media(max-width:650px){
  .admin-rede-ferramentas{grid-template-columns:1fr !important}
  .admin-rede-busca{grid-column:auto}
}


/* =====================================================
   V0.9.12 — AGENDA VIVA E CENTRAL DE OPERAÇÕES
===================================================== */
.admin-agenda-clic,.admin-operacoes-clic{margin:34px auto 0;padding:28px;background:#fff;border-radius:24px;box-shadow:0 14px 38px rgba(18,57,55,.10)}
.admin-agenda-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.admin-agenda-form label{display:grid;gap:7px;font-weight:800;color:#173f3b}.admin-agenda-form input,.admin-agenda-form select,.admin-agenda-form textarea{width:100%;padding:13px 14px;border:1px solid #cbd8d5;border-radius:12px;font:inherit;color:#183b38;background:#fff}.admin-agenda-descricao,.admin-agenda-acoes{grid-column:1/-1}.admin-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.admin-check input{width:auto}.admin-agenda-acoes,.admin-operacao-acoes{display:flex;gap:10px;flex-wrap:wrap}.admin-agenda-lista{display:grid;gap:14px}.admin-agenda-card{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid #dce6e3;border-radius:18px;background:#f9fcfb}.admin-agenda-data{display:grid;text-align:center;padding:14px;background:#e9f3f0;border-radius:15px}.admin-agenda-data strong{font-size:1.1rem;color:#123f3a}.admin-agenda-card h3{margin:4px 0}.admin-agenda-card-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.botao-perigo{background:#8c2f2f!important;color:#fff!important}.admin-operacoes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-operacao-card{padding:20px;border:1px solid #dce6e3;border-radius:18px;background:#f9fcfb}.admin-operacao-historico{grid-column:1/-1}.operacoes-saude{display:grid;gap:8px;margin:12px 0}.operacoes-saude p{display:grid;grid-template-columns:auto 1fr auto;gap:9px;margin:0;padding:10px;background:#fff;border-radius:10px}.operacoes-historico{display:grid;gap:8px;max-height:320px;overflow:auto;margin:12px 0}.operacoes-historico>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:11px;border-bottom:1px solid #dfe8e5}.operacoes-historico small{grid-column:1/-1}.operacoes-importar{cursor:pointer}
.eventos-publicos-body{background:#edf4f1}.eventos-publicos{width:min(1180px,calc(100% - 28px));margin:28px auto 60px}.eventos-publicos-cabecalho{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:28px;background:#fff;border-radius:24px;box-shadow:0 14px 38px rgba(18,57,55,.10);text-align:center}.eventos-publicos-cabecalho h1{margin:4px 0;color:#113e3a}.eventos-filtros{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:22px 0}.eventos-filtros input,.eventos-filtros select{padding:14px;border:1px solid #cbd8d5;border-radius:13px;font:inherit}.eventos-contador{font-weight:800;color:#234b47}.eventos-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.evento-publico-card{overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(18,57,55,.09);border:1px solid #dce6e3}.evento-publico-card img{width:100%;height:220px;object-fit:cover}.evento-publico-card>div{padding:22px}.evento-publico-card span{font-weight:900;color:#9b6b00}.evento-publico-card h2{color:#123f3a}.evento-destaque{outline:3px solid #e0ad2c}.eventos-vazio{text-align:center;padding:30px;background:#fff;border-radius:18px}
@media(max-width:850px){.admin-agenda-form,.admin-operacoes-grid,.eventos-lista{grid-template-columns:1fr}.admin-agenda-card{grid-template-columns:1fr}.admin-agenda-card-acoes{justify-content:flex-start}.admin-operacao-historico{grid-column:auto}.eventos-publicos-cabecalho{grid-template-columns:1fr}.eventos-filtros{grid-template-columns:1fr}}


/* =====================================================
   V0.9.13 — TV CLIC VIVA E HOME INTEGRADA
===================================================== */
.admin-tv-form-viva{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-tv-form-viva label{display:flex;flex-direction:column;gap:8px;font-weight:700}.admin-tv-form-viva textarea,.admin-tv-form-viva input,.admin-tv-form-viva select,.admin-tv-toolbar input,.admin-tv-toolbar select{width:100%;padding:13px 14px;border:1px solid #cbd9df;border-radius:12px;background:#fff;color:#082f4f;font:inherit}.admin-tv-checks,.admin-tv-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-tv-checks label{flex-direction:row;align-items:center;background:#f4f8fa;padding:10px 14px;border-radius:999px}.admin-tv-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px 0}.admin-tv-toolbar label{display:flex;flex-direction:column;gap:7px;font-weight:700}.admin-tv-lista{display:grid;gap:16px}.admin-tv-card{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid #d7e2e7;border-radius:18px;background:#fff}.admin-tv-thumb{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0b304e;display:grid;place-items:center;color:#fff;font-size:2rem}.admin-tv-thumb img{width:100%;height:100%;object-fit:cover}.admin-tv-card-info span{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.admin-tv-card-info h3{margin:.35rem 0}.admin-tv-card-acoes{display:flex;flex-direction:column;gap:8px}.tv-biblioteca-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:14px}.tv-biblioteca-card{border:1px solid #d5e1e6;border-radius:14px;background:#fff;padding:10px;text-align:left;cursor:pointer;color:#082f4f}.tv-biblioteca-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;margin-bottom:8px}.tv-biblioteca-card span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.tv-biblioteca-card strong{display:block;margin-top:4px}.clic-agenda-home{padding:70px max(5vw,24px);background:#f4f8fa}.clic-agenda-home-lista{max-width:1180px;margin:28px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clic-agenda-home-card{background:#fff;border:1px solid #d5e1e6;border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(8,47,79,.07)}.clic-agenda-home-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.clic-agenda-home-card strong{display:block;margin:.6rem 0;color:#167e9f}.clic-agenda-home-card h3{margin:.3rem 0;color:#082f4f}.clic-agenda-home-acoes{text-align:center}.clic-agenda-home-vazia{grid-column:1/-1;text-align:center;padding:28px;background:#fff;border-radius:18px}@media(max-width:800px){.admin-tv-form-viva,.admin-tv-toolbar,.admin-tv-card,.clic-agenda-home-lista{grid-template-columns:1fr}.admin-tv-card-acoes{flex-direction:row;flex-wrap:wrap}.admin-tv-thumb{max-width:320px}.admin-tv-actions .botao{width:100%}}

/* =========================================================
   V0.9.14 — CONTRASTE GLOBAL, FINANCEIRO E MERCADO CLIC
========================================================= */
/* Regra permanente nos painéis: todo botão visualmente escuro usa texto branco. */
body:has(.admin-clic) .botao:not(.botao-claro):not(.botao-siga-clicando),
body.admin-rede-body .botao:not(.botao-claro):not(.botao-siga-clicando),
.clic-dashboard .botao:not(.botao-claro):not(.botao-siga-clicando),
.admin-tv-actions .botao,
.admin-tv-card-acoes .botao,
.admin-experiencia-card .botao,
.admin-mercado-card .botao,
.admin-financeiro-acoes .botao {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.admin-financeiro-clic,.admin-mercado-clic{margin-top:28px;padding:26px;background:#f5f8fa;border:1px solid #d9e4e8;border-radius:24px}
.admin-financeiro-acoes,.admin-mercado-acoes{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.admin-financeiro-lista,.admin-mercado-lista{display:grid;gap:12px;margin-top:18px}
.admin-financeiro-lista article{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:15px 17px;background:#fff;border:1px solid #d9e4e8;border-radius:14px}.admin-financeiro-lista article div{display:grid;gap:4px}.admin-financeiro-lista article span{color:#60737d}.financeiro-status{padding:6px 10px;border-radius:999px}.status-pago{background:#dff4e7;color:#16653a}.status-isento{background:#e5eef7;color:#173b63}.status-aguardando{background:#fff1ba;color:#775300}
.admin-mercado-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px;background:#fff;border:1px solid #d9e4e8;border-radius:18px}.admin-mercado-card h3{margin:.45rem 0;color:#123f5d}.admin-mercado-card p{margin:.35rem 0;color:#566c78}.admin-mercado-card-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mercado-body{margin:0;background:linear-gradient(135deg,#102b49,#071b30);color:#082f4f}.mercado-page{width:min(1180px,calc(100% - 28px));margin:14px auto;padding:28px;background:#f8fafb;border:3px solid #16849d;border-radius:28px;box-sizing:border-box}.mercado-hero{padding:32px;background:#fff;border:1px solid #d8e3e8;border-radius:22px}.mercado-hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:.3rem 0;color:#123f63}.mercado-hero nav{margin-top:18px}.mercado-filtros{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px 0;padding:18px;background:#eef4f6;border-radius:18px}.mercado-filtros label{display:grid;gap:7px;font-weight:800}.mercado-filtros input,.mercado-filtros select{padding:13px 14px;border:1px solid #cbd8df;border-radius:12px;font:inherit;background:#fff}.mercado-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.mercado-card{display:flex;flex-direction:column;gap:9px;padding:22px;background:#fff;border:1px solid #d8e3e8;border-radius:20px;box-shadow:0 12px 30px rgba(8,47,79,.07)}.mercado-card-icone{font-size:2rem}.mercado-card span{font-size:.78rem;text-transform:uppercase;font-weight:850;letter-spacing:.05em;color:#a16800}.mercado-card h2{margin:0;color:#123f63}.mercado-card p{line-height:1.55;color:#566c78;flex:1}.mercado-card-acoes{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.mercado-card-acoes .botao{color:#fff!important;-webkit-text-fill-color:#fff!important}.mercado-vazio,.mercado-aviso{grid-column:1/-1;padding:22px;text-align:center;background:#fff;border-radius:16px}.mercado-aviso{margin-top:24px;background:#fff4c7;color:#654900}
@media(max-width:800px){.admin-financeiro-lista article,.admin-mercado-card,.mercado-filtros{grid-template-columns:1fr}.admin-mercado-card-acoes{justify-content:flex-start}.mercado-page{width:calc(100% - 12px);padding:16px}.admin-financeiro-clic,.admin-mercado-clic{padding:18px}}

/* =========================================================
   V0.9.15 — RODÍZIO AUTOMÁTICO DA TV CLIC
========================================================= */
.admin-tv-rodizio{margin:26px 0;padding:22px;border:1px solid #d5e1e6;border-radius:20px;background:#f7fafb}.admin-tv-rodizio h3{margin:.3rem 0;color:#123f63}.admin-tv-rodizio-controles{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:12px;align-items:end;margin:18px 0}.admin-tv-rodizio-controles>label{display:grid;gap:7px;font-weight:800}.admin-tv-rodizio-controles input[type="date"]{min-height:46px;padding:10px 12px;border:1px solid #bdced6;border-radius:12px;background:#fff;color:#123f63;font:inherit}.admin-tv-rodizio-controles .admin-tv-check{display:flex;align-items:center;align-self:center;gap:8px;padding:12px 14px;background:#fff;border-radius:12px}.admin-tv-rodizio-status{font-weight:800;color:#214f66}.admin-tv-rodizio-lista{display:grid;gap:9px;margin-top:14px}.admin-tv-rodizio-lista article{display:grid;grid-template-columns:72px minmax(0,1fr) 150px auto;gap:12px;align-items:center;padding:11px 13px;background:#fff;border:1px solid #d9e4e8;border-radius:13px}.admin-tv-rodizio-lista article span{font-weight:900;color:#a06a00}.admin-tv-rodizio-lista article small{color:#607681}.admin-tv-rodizio-lista article div{display:flex;gap:6px}.admin-tv-rodizio-lista .botao{min-width:42px;padding:8px 10px;color:#fff!important;-webkit-text-fill-color:#fff!important}.admin-tv-rodizio-lista .botao:disabled{opacity:.35;cursor:not-allowed}.admin-tv-rodizio-controles .botao{color:#fff!important;-webkit-text-fill-color:#fff!important}@media(max-width:950px){.admin-tv-rodizio-controles{grid-template-columns:1fr 1fr}.admin-tv-rodizio-lista article{grid-template-columns:60px 1fr auto}.admin-tv-rodizio-lista article small{display:none}}@media(max-width:620px){.admin-tv-rodizio-controles{grid-template-columns:1fr}.admin-tv-rodizio-lista article{grid-template-columns:1fr}.admin-tv-rodizio-lista article div{justify-content:flex-start}}

/* =========================================================
   V0.9.16 — TV CLIC INTELIGENTE / VÍDEO EXTRAORDINÁRIO
========================================================= */
.admin-tv-extra{margin:24px 0;padding:22px;border:1px solid #e7cc84;border-radius:20px;background:#fffaf0}.admin-tv-extra h3{margin:.25rem 0;color:#123f63}.admin-tv-extra-status{margin:16px 0;padding:13px 15px;border-radius:12px;background:#fff;color:#234d63;font-weight:800}.admin-tv-extra .botao,.admin-tv-card-acoes .botao,.admin-tv-actions .botao{color:#fff!important;-webkit-text-fill-color:#fff!important}.admin-tv-card-acoes .tv-extra-hoje{background:#9a6500!important;border-color:#9a6500!important}.admin-tv-card-acoes{align-content:start}.admin-tv-rodizio-controles{grid-template-columns:1.1fr 1.1fr 1fr auto auto}.admin-tv-rodizio-lista article span{min-width:82px}@media(max-width:1050px){.admin-tv-rodizio-controles{grid-template-columns:1fr 1fr}}@media(max-width:620px){.admin-tv-rodizio-controles{grid-template-columns:1fr}}

/* =====================================================
   V0.9.17 — TV CLIC PÚBLICA: ESCOLHA LIVRE DO TURISTA
===================================================== */
.tv-busca-publica{display:grid;grid-template-columns:minmax(220px,2fr) minmax(170px,1fr) auto auto;gap:12px;align-items:end;margin:16px 0 10px}.tv-busca-publica label{display:grid;gap:6px;font-weight:800;color:#082f4f}.tv-busca-publica input,.tv-busca-publica select{width:100%;padding:12px 13px;border:1px solid #c3d4dc;border-radius:11px;background:#fff;color:#082f4f;font:inherit}.tv-resultados-info{margin:10px 0;color:#38586b;font-weight:700}.tv-biblioteca-card{display:flex;flex-direction:column;min-height:100%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tv-biblioteca-card:hover,.tv-biblioteca-card:focus-visible{transform:translateY(-3px);border-color:#e2ad22;box-shadow:0 12px 26px rgba(8,47,79,.14);outline:none}.tv-biblioteca-card small{display:block;margin-top:7px;color:#526b79;line-height:1.4;flex:1}.tv-biblioteca-card em{display:block;margin-top:10px;color:#0b6d7a;font-style:normal;font-weight:900}.tv-biblioteca-card img{background:#0b304e}@media(max-width:860px){.tv-busca-publica{grid-template-columns:1fr 1fr}.tv-busca-publica .botao{width:100%}}@media(max-width:560px){.tv-busca-publica{grid-template-columns:1fr}}

/* =========================================================
   CLIC TURISMO V0.9.18 — TV CLIC COMPLETA
========================================================= */
.admin-page .botao,
.admin-page button.botao,
.admin-page a.botao,
.admin-rede-page .botao,
.admin-rede-page button.botao,
.admin-rede-page a.botao{
  color:#fff !important;
}
.admin-page .botao:disabled,
.admin-rede-page .botao:disabled{opacity:.45;cursor:not-allowed}
.admin-tv-painel-dia{
  margin:24px 0;padding:24px;border:1px solid #cfe0e7;border-radius:22px;
  background:linear-gradient(135deg,#f8fbfc,#eef7fa);box-shadow:0 12px 30px rgba(12,67,90,.08)
}
.admin-tv-agora-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.admin-tv-agora-grid article{display:grid;gap:7px;min-height:132px;padding:18px;border:1px solid #d5e3e9;border-radius:17px;background:#fff}
.admin-tv-agora-grid span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#6b7e89}
.admin-tv-agora-grid strong{font-size:1.15rem;line-height:1.35;color:#07395c}
.admin-tv-agora-grid small{color:#536b78;font-weight:700}
.admin-tv-calendario{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.admin-tv-calendario article{min-height:112px;padding:13px;border:1px solid #d8e4e9;border-radius:15px;background:#fff}
.admin-tv-calendario article.hoje{border:2px solid #f4b400;background:#fff9e7;box-shadow:0 7px 18px rgba(244,180,0,.18)}
.admin-tv-calendario span{display:block;font-size:.75rem;font-weight:900;text-transform:uppercase;color:#8a6500}
.admin-tv-calendario strong{display:block;margin:3px 0 8px;color:#07395c}
.admin-tv-calendario p{margin:0;font-size:.9rem;line-height:1.35;color:#405966}
.admin-tv-rodizio-lista article>div{display:flex;flex-wrap:wrap;gap:7px}
.admin-tv-rodizio-lista .tv-extra-hoje-rodizio{min-width:120px}
.tv-programacao-resumo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.tv-programacao-resumo article{display:grid;gap:5px;padding:15px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.09)}
.tv-programacao-resumo span{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;opacity:.84}
.tv-programacao-resumo strong{font-size:1rem;line-height:1.35}
.tv-programacao-resumo small{font-weight:800;opacity:.82}
.tv-voltar-programacao{margin-left:auto}
@media(max-width:900px){.admin-tv-agora-grid{grid-template-columns:1fr}.admin-tv-calendario{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-programacao-resumo{grid-template-columns:1fr}}
@media(max-width:560px){.admin-tv-calendario{grid-template-columns:1fr}.tv-voltar-programacao{width:100%;margin-left:0}}

/* =====================================================
   CLIC TURISMO V0.9.19 — PAINEL DO LOJISTA / CATÁLOGO
===================================================== */
.lojista-page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:24px 0 56px}.lojista-hero nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.painel-claro{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:22px;box-shadow:0 14px 38px rgba(15,23,42,.08)}.lojista-seletor{margin:22px 0;padding:20px}.lojista-seletor label{display:grid;gap:8px;font-weight:800}.lojista-seletor select,.lojista-form input,.lojista-form textarea,.lojista-produtos-section input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#172033;font:inherit}.lojista-resumo{margin:20px 0}.lojista-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lojista-form{padding:22px;display:grid;gap:14px}.lojista-form label{display:grid;gap:7px;font-weight:700}.lojista-form-titulo{display:flex;align-items:center;justify-content:space-between;gap:14px}.lojista-form-titulo span{font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#87610d}.lojista-form-titulo h2{margin:4px 0 0}.lojista-duplo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lojista-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.lojista-check input{width:auto}.lojista-acoes,.lojista-produto-acoes{display:flex;gap:8px;flex-wrap:wrap}.lojista-produtos-section{margin-top:20px;padding:22px}.lojista-produtos-section .lojista-form-titulo input{max-width:300px}.lojista-produtos-grid{display:grid;gap:14px;margin-top:18px}.lojista-produto-card{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-radius:18px;background:#fbfdff}.lojista-produto-card img,.lojista-produto-semfoto{width:120px;height:96px;object-fit:cover;border-radius:14px}.lojista-produto-semfoto{display:grid;place-items:center;background:#eef2f7;font-size:2rem}.lojista-produto-card h3{margin:4px 0}.lojista-produto-card p{margin:6px 0}.lojista-produto-card span,.lojista-produto-card small{color:#64748b}.mercado-loja-completa{display:block!important}.mercado-card-topo{display:flex;gap:14px;align-items:flex-start}.mercado-produtos-publicos{margin-top:18px;padding-top:16px;border-top:1px solid #e2e8f0}.mercado-produtos-publicos>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.mercado-produto{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}.mercado-produto img,.mercado-produto-semfoto{width:100%;height:150px;object-fit:cover}.mercado-produto-semfoto{display:grid;place-items:center;background:#eef2f7;font-size:2.4rem}.mercado-produto>div{padding:12px}.mercado-produto span{font-size:.78rem;font-weight:800;color:#2f6c3c}.mercado-produto h3{margin:4px 0}.mercado-produto strong{display:block;margin-bottom:6px;font-size:1.08rem}.mercado-produto p{font-size:.9rem}.mercado-produto .botao{margin-top:8px;display:inline-flex}.mercado-produto.sem-estoque{opacity:.7}.mercado-sem-produtos{margin:16px 0 0;color:#64748b;font-style:italic}
@media(max-width:800px){.lojista-grid{grid-template-columns:1fr}.lojista-duplo{grid-template-columns:1fr}.lojista-produto-card{grid-template-columns:82px 1fr}.lojista-produto-card img,.lojista-produto-semfoto{width:82px;height:76px}.lojista-produto-acoes{grid-column:1/-1}.lojista-form-titulo{align-items:flex-start;flex-direction:column}.lojista-produtos-section .lojista-form-titulo input{max-width:none}.mercado-card-topo{flex-direction:column}}


/* ==========================================================
   V0.9.20 • PLANEJAMENTO INTELIGENTE + MERCADO INTEGRADO
========================================================== */
.planejamento-intro{max-width:760px;margin:0 auto 28px;text-align:center}.planejamento-selo{display:inline-block;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#0b7189;background:#eaf8fb;border-radius:999px;padding:7px 12px;margin-bottom:10px}.planejamento-intro h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:4px 0 8px}.planejamento-intro p{font-size:1rem;line-height:1.6;color:#526064}.menu-painel.menu-painel-inteligente{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:0 auto}.menu-painel.menu-painel-inteligente button{min-height:142px;padding:22px;border-radius:22px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left}.menu-painel.menu-painel-inteligente button>span{grid-row:1/3;font-size:2rem}.menu-painel.menu-painel-inteligente button strong{font-size:1.08rem;color:#fff}.menu-painel.menu-painel-inteligente button small{font-size:.86rem;line-height:1.35;color:rgba(255,255,255,.9)}.planejamento-nota{max-width:820px;margin:24px auto 0;text-align:center;font-size:.9rem;color:#657277}.painel-acao-central{display:flex;justify-content:center;margin-top:24px}
.mercado-resumo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:-12px auto 28px}.mercado-resumo article{background:#fff;border-radius:18px;padding:18px;text-align:center;box-shadow:0 10px 30px rgba(20,50,60,.08)}.mercado-resumo strong{display:block;font-size:1.8rem;color:#0b7189}.mercado-resumo span{font-size:.9rem;color:#5f6b70}.mercado-info-loja{margin:7px 0 0;font-size:.86rem;color:#5d696d}
@media(max-width:760px){.menu-painel.menu-painel-inteligente{grid-template-columns:1fr}.menu-painel.menu-painel-inteligente button{min-height:116px}.mercado-resumo{grid-template-columns:1fr}}
.menu-painel.menu-painel-inteligente button:hover{background:#0b7189;color:#fff}.menu-painel.menu-painel-inteligente button:hover strong,.menu-painel.menu-painel-inteligente button:hover small{color:#fff}

/* =====================================================
   CLIC TURISMO V0.9.21 — LOJAS CLIC + ENQUADRAMENTO OFICIAL
===================================================== */

/* Painel principal: mesmo eixo central aprovado nos painéis imersivos. */
#painel-overlay .painel-modal{
  width:min(1400px,calc(100vw - 48px)) !important;
  max-width:1400px !important;
  margin:18px auto !important;
  box-sizing:border-box !important;
}
#painel-overlay #conteudo-painel{
  box-sizing:border-box !important;
  padding:54px 42px 86px !important;
}
#painel-overlay .clic-voltar-topo{
  left:18px !important;
  top:12px !important;
  z-index:1002 !important;
}
#painel-overlay .fechar-painel{
  right:18px !important;
  top:12px !important;
  z-index:1002 !important;
  cursor:pointer !important;
}

.lojas-clic-painel{max-width:1180px;margin:0 auto;color:#18343c}
.lojas-clic-intro{text-align:center;max-width:900px;margin:0 auto 32px}
.lojas-clic-intro h2{margin:5px 0 10px;font-size:clamp(2.1rem,4vw,3.5rem);color:#193c45}
.lojas-clic-intro p{margin:0 auto;max-width:760px;line-height:1.6;color:#5b6a70;font-size:1rem}
.lojas-clic-acoes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.lojas-clic-acoes .botao{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.lojas-clic-acoes .botao-secundario{background:#157f9a !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border-color:#157f9a !important}
.lojas-clic-botao-principal{color:#fff !important;-webkit-text-fill-color:#fff !important}
.lojas-clic-vitrine-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:30px 0 16px;padding:22px 24px;border:1px solid #dce8ec;border-radius:20px;background:#f6fafb}
.lojas-clic-kicker{font-size:.75rem;font-weight:900;letter-spacing:.1em;color:#0b7189}
.lojas-clic-vitrine-cabecalho h3,.lojas-clic-cadastro h3{font-size:1.55rem;margin:4px 0 5px;color:#173e4a}
.lojas-clic-vitrine-cabecalho p{margin:0;color:#607078}
.lojas-clic-vagas{min-width:135px;text-align:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #d8e5e9}
.lojas-clic-vagas strong{display:block;font-size:2rem;color:#0b7189}
.lojas-clic-vagas span{font-size:.8rem;color:#64737a}
.lojas-clic-grade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lojas-clic-slot{min-height:128px;border-radius:18px;border:1px solid #dce6ea;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.lojas-clic-slot.ocupado:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(12,68,87,.12);border-color:#6bb5c5}
.lojas-clic-slot img{max-width:100%;max-height:92px;object-fit:contain;display:block}
.lojas-clic-slot.livre{cursor:pointer;border:2px dashed #c8d9df;color:#789099;flex-direction:column;gap:4px;font:inherit}
.lojas-clic-slot.livre:hover{border-color:#0b7189;color:#0b7189;background:#f4fbfc}
.lojas-clic-slot.livre span{font-size:1.65rem;line-height:1;font-weight:800}.lojas-clic-slot.livre small{font-size:.74rem;font-weight:800}
.lojas-clic-cadastro{margin-top:28px;padding:26px;border-radius:22px;background:#f7fbfc;border:1px solid #dce9ed;box-shadow:0 12px 30px rgba(18,67,82,.06)}
.lojas-clic-cadastro[hidden]{display:none !important}
.lojas-clic-cadastro-topo{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.lojas-clic-fechar-cadastro{border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer;color:#173e4a}
.lojas-clic-regra{padding:14px 16px;background:#fff3c4;border-radius:14px;color:#6c5100;line-height:1.5}
.lojas-clic-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.lojas-clic-form label{display:grid;gap:7px;font-weight:800}.lojas-clic-form input[type="text"],.lojas-clic-form input[type="tel"],.lojas-clic-form input:not([type]){width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #cbd9df;border-radius:12px;background:#fff;font:inherit;color:#1c323a}
.lojas-clic-logo-label,.lojas-clic-aceite,.lojas-clic-form>button,.lojas-clic-form>.clic-form-message{grid-column:1/-1}
.lojas-clic-logo-label input{padding:12px;border:1px dashed #b9cfd7;border-radius:12px;background:#fff}.lojas-clic-logo-label small{font-weight:500;color:#697b82}
.lojas-clic-aceite{display:flex !important;grid-template-columns:auto 1fr !important;align-items:flex-start;gap:9px !important;font-weight:600 !important}.lojas-clic-aceite input{margin-top:3px}
.lojas-clic-observacao{margin:16px 0 0;font-size:.84rem;line-height:1.5;color:#6b7a80}

/* Mercado e Painel do Lojista no mesmo enquadramento horizontal do CLIC. */
.mercado-body,.lojista-body{min-height:100vh;overflow-x:hidden}
.mercado-page,.lojista-page{width:min(1400px,calc(100vw - 48px)) !important;max-width:1400px !important;margin:18px auto 48px !important;box-sizing:border-box !important}
.mercado-page{padding:28px !important}
.lojista-page{padding:0 0 56px !important}
.mercado-hero,.lojista-hero{box-sizing:border-box !important}
.mercado-hero nav .botao,.lojista-hero nav .botao{color:#fff !important;-webkit-text-fill-color:#fff !important}
.mercado-hero nav .botao-secundario,.lojista-hero nav .botao-secundario{background:#157f9a !important;border-color:#157f9a !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

@media(max-width:900px){
  #painel-overlay .painel-modal{width:calc(100vw - 20px) !important;margin:10px auto !important}
  #painel-overlay #conteudo-painel{padding:54px 18px 70px !important}
  .lojas-clic-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lojas-clic-vitrine-cabecalho{align-items:flex-start;flex-direction:column}
  .lojas-clic-form{grid-template-columns:1fr}
  .lojas-clic-form>*{grid-column:1 !important}
  .mercado-page,.lojista-page{width:calc(100vw - 20px) !important;margin:10px auto 30px !important}
}
@media(max-width:560px){.lojas-clic-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.lojas-clic-slot{min-height:105px}}

/* V0.9.21 — Administração da vitrine de logomarcas */
.admin-logos-config{display:grid;grid-template-columns:180px 220px auto auto;gap:14px;align-items:end;padding:18px;margin:18px 0}
.admin-logos-config label{display:grid;gap:7px;font-weight:800}.admin-logos-config input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #ccd9df;border-radius:10px;background:#fff;color:#17313b;font:inherit}
.admin-logos-lojas-lista{display:grid;gap:14px;margin-top:18px}.admin-logo-loja-card{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;padding:16px;background:#fff;border:1px solid #dbe7eb;border-radius:18px}.admin-logo-loja-imagem{width:150px;height:100px;display:grid;place-items:center;background:#f5f8fa;border:1px solid #e0e8ec;border-radius:14px;overflow:hidden}.admin-logo-loja-imagem img{max-width:100%;max-height:100%;object-fit:contain}.admin-logo-loja-imagem span{font-weight:900;color:#8da0a8}.admin-logo-loja-card h3{margin:5px 0}.admin-logo-loja-card p{margin:4px 0}.admin-logo-loja-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-logo-loja-acoes .botao-secundario{background:#157f9a !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border-color:#157f9a !important}
@media(max-width:900px){.admin-logos-config{grid-template-columns:1fr 1fr}.admin-logo-loja-card{grid-template-columns:110px 1fr}.admin-logo-loja-acoes{grid-column:1/-1;justify-content:flex-start}.admin-logo-loja-imagem{width:110px;height:84px}}
@media(max-width:560px){.admin-logos-config{grid-template-columns:1fr}.admin-logo-loja-card{grid-template-columns:1fr}.admin-logo-loja-imagem{width:100%;height:120px}}


/* =====================================================
   CLIC TURISMO V0.9.22 — CENTRALIZAÇÃO COMERCIAL DEFINITIVA
===================================================== */
html:has(body.clic-commerce-body),body.clic-commerce-body{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;background:#dfe7ec!important}
body.clic-commerce-body::before,body.clic-commerce-body::after{content:none!important;display:none!important}
body.clic-commerce-body>.clic-commerce-frame{box-sizing:border-box!important;position:fixed!important;inset:0 auto 0 50%!important;transform:translateX(-50%)!important;width:min(1440px,calc(100vw - 32px))!important;max-width:1440px!important;height:100dvh!important;min-height:100vh!important;margin:0!important;padding:18px 34px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(135deg,#102b49,#071b30)!important}
body.clic-commerce-body>.clic-commerce-frame::before,body.clic-commerce-body>.clic-commerce-frame::after{content:"";position:absolute;top:0;bottom:0;width:12px;z-index:10;pointer-events:none;background:linear-gradient(to right,#0d5d73 0 33.33%,#fff 33.33% 66.66%,#e6ac00 66.66% 100%)}
body.clic-commerce-body>.clic-commerce-frame::before{left:0}body.clic-commerce-body>.clic-commerce-frame::after{right:0;transform:scaleX(-1)}
body.clic-commerce-body .clic-commerce-panel{box-sizing:border-box!important;width:min(1220px,100%)!important;max-width:1220px!important;height:calc(100dvh - 36px)!important;max-height:calc(100dvh - 36px)!important;margin:auto!important;padding:24px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;overscroll-behavior:contain!important;background:#f8fafb!important;border:3px solid #16849d!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
body.clic-commerce-body .mercado-hero{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;gap:24px!important;align-items:start!important;padding:28px 30px!important;background:#fff!important;border-radius:22px!important;border:1px solid #d8e3e8!important}
body.clic-commerce-body .mercado-hero h1{margin:.25rem 0!important;font-size:clamp(2.2rem,4.5vw,3.7rem)!important;line-height:1.08!important;color:#123f63!important}.clic-commerce-kicker{font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:.78rem!important;color:#0b7189!important;margin:0 0 6px!important}.clic-commerce-nav{display:flex!important;flex-direction:column!important;gap:9px!important;align-items:stretch!important;min-width:190px!important;margin:0!important}.clic-commerce-nav .botao{justify-content:center!important;text-align:center!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.mercado-convite{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:0 0 24px;padding:22px 24px;background:linear-gradient(135deg,#edf8fa,#fff);border:1px solid #d6e8ec;border-radius:20px}.mercado-convite span{font-size:.75rem;font-weight:900;letter-spacing:.09em;color:#0b7189}.mercado-convite h2{margin:4px 0 6px;color:#173f5e}.mercado-convite p{margin:0;color:#607078}.mercado-convite .botao{white-space:nowrap;color:#fff!important;-webkit-text-fill-color:#fff!important}body.clic-commerce-body .lojista-page{padding:24px!important}body.clic-commerce-body .lojista-seletor{margin:22px 0!important}body.clic-commerce-body .mercado-aviso{margin-bottom:0!important}
.admin-pagamentos-lista{display:grid;gap:12px;margin-top:18px}.admin-pagamento-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:16px 18px;background:#fff;border:1px solid #d9e4e8;border-radius:16px}.admin-pagamento-card span{font-size:.74rem;font-weight:900;text-transform:uppercase;color:#0b7189}.admin-pagamento-card h3{margin:3px 0;color:#123f5d}.admin-pagamento-card p{margin:2px 0;color:#5c6e77}.admin-pagamento-card small{color:#73838b}.admin-pagamento-card>strong{font-size:1.05rem;color:#173f5e}.admin-pagamento-acoes{display:flex;gap:8px;flex-wrap:wrap}.status-aguardando{background:#fff3c4!important;color:#775900!important}.status-pago{background:#e6f6e8!important;color:#236c31!important}.status-cancelado{background:#f2f3f4!important;color:#68727a!important}.lojas-clic-form select{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #cbd9df;border-radius:12px;background:#fff;font:inherit;color:#1c323a}
@media(max-width:900px){body.clic-commerce-body>.clic-commerce-frame{width:100%!important;padding:10px 18px!important}body.clic-commerce-body .clic-commerce-panel{width:100%!important;height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:16px!important}body.clic-commerce-body .mercado-hero{grid-template-columns:1fr!important;padding:22px!important}.clic-commerce-nav{flex-direction:row!important;flex-wrap:wrap!important;min-width:0!important}.clic-commerce-nav .botao{flex:1 1 180px}.mercado-convite{grid-template-columns:1fr}.admin-pagamento-card{grid-template-columns:1fr auto}.admin-pagamento-acoes{grid-column:1/-1}}
@media(max-width:560px){body.clic-commerce-body>.clic-commerce-frame::before,body.clic-commerce-body>.clic-commerce-frame::after{width:8px}.admin-pagamento-card{grid-template-columns:1fr}.admin-pagamento-card>strong,.admin-pagamento-card>b{justify-self:start}}

.experiencia-destaques{margin:18px 0;padding:16px;background:#f2f8fa;border:1px solid #d7e8ed;border-radius:16px}.experiencia-destaques h4{margin:0 0 10px}.experiencia-destaques>div{display:flex;gap:8px;flex-wrap:wrap}.experiencia-destaques span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #d7e4e8;font-weight:800;font-size:.82rem;color:#315666}.experiencia-conteudo-acoes{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.experiencia-conteudo-acoes .botao{color:#fff!important;-webkit-text-fill-color:#fff!important}.experiencia-mapa{background:#157f9a!important;border-color:#157f9a!important}

/* =====================================================
   CLIC TURISMO V0.9.23 — LOJAS CLIC / VITRINE 4 FOTOS
===================================================== */
.lojista-galeria-fieldset{border:1px solid #d7e5ea;border-radius:18px;padding:18px;margin:8px 0 4px;background:#f8fbfc}.lojista-galeria-fieldset legend{font-weight:800;color:#0d4d6d;padding:0 8px}.lojista-galeria-fieldset>p{margin:0 0 14px;color:#60727b}.lojista-fotos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lojista-galeria-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.lojista-galeria-preview figure{margin:0;border:1px solid #dbe7eb;border-radius:14px;overflow:hidden;background:white}.lojista-galeria-preview img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.lojista-galeria-preview figcaption{padding:7px;text-align:center;font-size:.78rem}.mercado-galeria-quatro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.mercado-foto-btn{padding:0;border:0;border-radius:18px;overflow:hidden;background:#eef5f7;cursor:zoom-in;box-shadow:0 8px 24px rgba(10,58,80,.08)}.mercado-foto-btn img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}.mercado-foto-btn:hover img{transform:scale(1.025)}.mercado-lightbox[hidden]{display:none}.mercado-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(5,24,38,.88);display:grid;place-items:center;padding:5vh 5vw}.mercado-lightbox img{max-width:min(1100px,90vw);max-height:82vh;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.mercado-lightbox button{position:fixed;top:22px;right:28px;width:48px;height:48px;border:0;border-radius:50%;font-size:2rem;line-height:1;background:white;color:#0d4d6d;cursor:pointer}@media(max-width:760px){.lojista-fotos-grid,.mercado-galeria-quatro{grid-template-columns:1fr}.lojista-galeria-preview{grid-template-columns:repeat(2,1fr)}}
.admin-precos-clic{margin:18px 0;padding:20px}.admin-precos-clic h3{margin:.2rem 0}.admin-precos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.admin-precos-grid label{font-weight:700}.admin-precos-grid input{width:100%;margin-top:6px}@media(max-width:900px){.admin-precos-grid{grid-template-columns:repeat(2,1fr)}}
.admin-pre-lancamento{margin:34px 0}.prelaunch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.prelaunch-grid article{background:#fff;border:1px solid #dce8ec;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(7,55,77,.05)}.prelaunch-grid h3{margin:8px 0}.prelaunch-grid p{margin:0;color:#5d7079}.prelaunch-ok,.prelaunch-next,.prelaunch-content{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.04em}.prelaunch-ok{background:#e4f6eb;color:#17623b}.prelaunch-next{background:#e8f2fa;color:#145c82}.prelaunch-content{background:#fff2c9;color:#795500}.prelaunch-resumo{display:flex;align-items:center;gap:18px;margin-top:18px;padding:20px}.prelaunch-resumo>strong{font-size:2.5rem;color:#0d7892}.prelaunch-resumo h3,.prelaunch-resumo p{margin:.15rem 0}@media(max-width:1000px){.prelaunch-grid{grid-template-columns:repeat(2,1fr)}}


/* =====================================================
   V0.9.24 — EXPERIÊNCIA DO TURISTA / RETA FINAL LOCAL
===================================================== */
/* As três imagens deixam de parecer selos: ganham presença sem alterar a arquitetura da Home. */
.quer-conhecer-card{padding:0 22px 24px!important;overflow:hidden;min-height:390px!important}
.foto-caminho{height:190px!important;margin:0 -22px 22px!important;border-radius:22px 22px 0 0!important;width:calc(100% + 44px)!important}
.foto-caminho img{width:100%!important;height:100%!important;object-fit:cover!important}
.quer-conhecer-card:nth-child(2) .foto-caminho img{object-position:center 25%!important}
.quer-conhecer-card h3{font-size:22px!important}

.vitrine-destino{padding:70px 24px;background:linear-gradient(180deg,#f5fafb,#fff);border-top:1px solid #e1ecef;border-bottom:1px solid #e1ecef}
.vitrine-destino .titulo-bloco{max-width:860px;margin:0 auto 34px;text-align:center}
.vitrine-destino-selo,.telefones-selo{display:inline-block;padding:7px 12px;border-radius:999px;background:#e7f4f7;color:#0d7186;font-weight:900;font-size:12px;letter-spacing:.08em}
.vitrine-destino h2{font-size:clamp(28px,3vw,42px);color:#123c55;margin:13px 0 9px}
.vitrine-destino-shell{max-width:1260px;margin:auto;display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center}
.vitrine-destino-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,32%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 20px;scrollbar-width:thin}
.vitrine-destino-card{scroll-snap-align:start;background:#fff;border:1px solid #dae7eb;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(9,52,70,.11);cursor:pointer;transition:.25s}
.vitrine-destino-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(9,52,70,.17)}
.vitrine-destino-card>img{width:100%;height:190px;object-fit:cover;background:#eaf3f6}
.vitrine-destino-card>div{padding:19px 19px 21px}.vitrine-destino-card span{font-weight:900;color:#0d7186;font-size:12px;text-transform:uppercase}.vitrine-destino-card h3{font-size:21px;color:#123c55;margin:8px 0}.vitrine-destino-card p{color:#52656d;line-height:1.55;min-height:70px}.vitrine-destino-card small{display:block;color:#6c7d84;margin:12px 0 16px}.vitrine-destino-card .botao{width:100%;color:#fff!important}
.vitrine-seta{width:44px;height:44px;border:0;border-radius:50%;background:#0d7186;color:#fff;font-size:30px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.vitrine-destino-acoes{text-align:center;margin-top:18px}

.card-atrativo .imagem-card{height:230px!important;background-size:cover!important}.card-atrativo .conteudo-card{padding-bottom:24px}.card-atrativo .ver-atrativo-detalhe{margin-top:auto;width:100%;color:#fff!important}
.atrativo-detalhe-clic{max-width:1180px!important;margin:0 auto!important;padding:18px 24px 38px!important}.atrativo-detalhe-hero{display:grid;grid-template-columns:minmax(360px,1fr) 1fr;gap:28px;align-items:center;margin:18px 0 28px}.atrativo-detalhe-hero img{width:100%;height:380px;object-fit:cover;border-radius:24px;border:1px solid #d7e6eb;box-shadow:0 14px 32px rgba(0,40,60,.13)}.atrativo-detalhe-hero h2{font-size:clamp(30px,4vw,48px);margin:10px 0;color:#103e57}.atrativo-detalhe-hero p{font-size:18px;line-height:1.65;color:#53646b}.atrativo-detalhe-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.atrativo-detalhe-meta span{background:#f0f6f8;border:1px solid #d5e5ea;padding:9px 12px;border-radius:999px;font-weight:800;color:#315a69}.atrativo-detalhe-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.atrativo-detalhe-grid section{background:#f8fbfc;border:1px solid #dce9ed;border-radius:18px;padding:20px}.atrativo-detalhe-grid h3{margin-top:0;color:#0d7186}.atrativo-detalhe-grid p,.atrativo-detalhe-grid li{line-height:1.65;color:#52666e}.atrativo-detalhe-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.atrativo-detalhe-acoes .botao{color:#fff!important}.atrativo-fonte-foto{display:block;margin-top:16px;color:#718086}

.telefones-clic{padding:68px 24px;background:#f7fafb;border-top:1px solid #e0ebee}.telefones-clic .titulo-bloco{max-width:850px;margin:0 auto 32px;text-align:center}.telefones-clic h2{font-size:clamp(28px,3vw,40px);color:#123c55;margin:12px 0}.telefones-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.telefone-card{display:flex;gap:14px;align-items:center;padding:20px;border-radius:18px;background:#fff;border:1px solid #dce7ea;text-decoration:none;color:#173d4e;box-shadow:0 10px 28px rgba(16,57,74,.08)}.telefone-card>span{font-size:32px}.telefone-card div{display:flex;flex-direction:column}.telefone-card strong{font-size:16px}.telefone-card b{font-size:26px;color:#0d7186;margin:3px 0}.telefone-card small{color:#65777e}.telefone-em-atualizacao{opacity:.86}.telefones-aviso{max-width:900px;margin:22px auto 0;text-align:center;color:#66777e;font-size:13px}

@media(max-width:900px){.vitrine-destino-track{grid-auto-columns:78%}.vitrine-destino-shell{grid-template-columns:34px 1fr 34px}.vitrine-seta{width:34px;height:34px;font-size:24px}.atrativo-detalhe-hero{grid-template-columns:1fr}.atrativo-detalhe-grid{grid-template-columns:1fr}.telefones-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.foto-caminho{height:175px!important}.vitrine-destino-track{grid-auto-columns:90%}.telefones-grid{grid-template-columns:1fr}.atrativo-detalhe-hero img{height:250px}}

.clic-assistente-conteudo{margin:16px 0;padding:15px 17px;border-radius:16px;background:linear-gradient(135deg,#eef8fa,#fff8de);border:1px solid #d7e9ed;color:#34535f}.clic-assistente-conteudo strong{color:#0d7186}.clic-assistente-conteudo p{margin:5px 0 0;line-height:1.5}.clic-assistente-voz{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:7px 0 4px}.clic-assistente-voz .clic-ditar{padding:8px 12px!important;min-height:0!important}.clic-assistente-voz small{color:#687b82}


/* =====================================================
   CLIC TURISMO V0.9.25 — RETA FINAL TURÍSTICA
   Preserva as fotografias originais sem cortes/deformações.
===================================================== */
.foto-caminho{
  height:210px!important;
  background:#eef4f5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.foto-caminho img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
}
.quer-conhecer-card:nth-child(2) .foto-caminho img{object-position:center!important}

/* Perfil do guia: volta ao retrato proporcional, nunca banner horizontal. */
.guia-destaque .card-atrativo{
  display:grid!important;
  grid-template-columns:minmax(280px,38%) 1fr!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.guia-destaque .imagem-card{
  height:520px!important;
  min-height:520px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#eef4f5!important;
}
.guia-destaque .conteudo-card{padding:34px!important;align-self:center!important}

/* Coleções editoriais que vendem Pesqueira sem poluir a Home. */
.pesqueira-colecoes{padding:72px 24px;background:#fffaf0;border-top:1px solid #f1dfb2;border-bottom:1px solid #f1dfb2}
.pesqueira-colecoes .titulo-bloco{max-width:900px;margin:0 auto 34px;text-align:center}
.pesqueira-colecoes-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.colecao-turistica{background:#fff;border:1px solid #eadfca;border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(48,55,42,.08);display:flex;flex-direction:column;min-height:245px}
.colecao-turistica .icone{font-size:36px;margin-bottom:12px}.colecao-turistica h3{font-size:22px;color:#123c55;margin:0 0 10px}.colecao-turistica p{color:#596b72;line-height:1.6;flex:1}.colecao-turistica button{margin-top:14px;color:#fff!important}

@media(max-width:900px){
 .pesqueira-colecoes-grid{grid-template-columns:1fr 1fr}
 .guia-destaque .card-atrativo{grid-template-columns:1fr!important}
 .guia-destaque .imagem-card{height:430px!important;min-height:430px!important}
}
@media(max-width:600px){
 .foto-caminho{height:190px!important}
 .pesqueira-colecoes-grid{grid-template-columns:1fr}
 .guia-destaque .imagem-card{height:360px!important;min-height:360px!important}
}

/* V0.9.26 — atalhos comerciais e navegação manual */
.guia-rotas-publicas-atalho{margin:18px 0;padding:18px;border:1px solid #d6e5e9;border-radius:18px;background:#f4fafb;display:grid;gap:8px}.guia-rotas-publicas-atalho strong{font-size:1.12rem;color:#083d57}.guia-rotas-publicas-atalho .botao{margin-top:6px;color:#fff}.vitrine-destino-pontos{display:flex;justify-content:center;gap:8px;margin:14px 0 4px}.vitrine-ponto{width:10px;height:10px;border-radius:50%;border:1px solid #0d7186;background:#fff;cursor:pointer;padding:0}.vitrine-ponto.ativo{background:#0d7186;transform:scale(1.25)}

/* =====================================================
   V0.9.27 — VIDA DO DESTINO
===================================================== */
.porque-visitar{padding:42px 24px!important;background:#f5f9fa!important}.foto-porque{height:190px!important;background:#eef3f4!important;display:flex;align-items:center;justify-content:center}.foto-porque img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.porque-card{background:#fff!important}.telefone-card{padding:14px 16px!important;gap:10px!important;border-radius:15px!important}.telefone-card>span{font-size:27px!important}.telefone-card b{font-size:21px!important}.telefones-clic{padding:46px 24px!important}.telefones-grid{gap:12px!important}
.mural-participante-contatos{flex-wrap:wrap}.mural-participante-contatos a{color:#fff}
.grupos-clic{padding:62px 24px;background:linear-gradient(180deg,#fff,#f4f8f9);border-top:1px solid #e1ecee}.grupos-clic .titulo-bloco{max-width:900px;margin:0 auto 28px;text-align:center}.grupos-selo{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.08em;color:#0c7186;background:#eaf7fa;padding:8px 12px;border-radius:999px}.grupos-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:14px}.grupos-janela{overflow:hidden}.grupos-trilho{min-height:360px}.grupo-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);background:#fff;border:1px solid #dce9ec;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(11,62,78,.10)}.grupo-fotos{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:#edf3f4;min-height:340px}.grupo-fotos img{width:100%;height:100%;max-height:430px;object-fit:contain;background:#edf3f4}.grupo-fotos img:only-child{grid-column:1/-1}.grupo-info{padding:34px;display:flex;flex-direction:column;justify-content:center}.grupo-info span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#0d7186}.grupo-info h3{font-size:28px;margin:10px 0;color:#123c55}.grupo-info p{color:#64767d}.grupos-seta{width:46px;height:46px;border-radius:50%;border:1px solid #b9d4da;background:#fff;color:#0d7186;font-size:30px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.08)}.grupos-pontos{display:flex;justify-content:center;gap:8px;margin:16px 0}.grupo-ponto{width:10px;height:10px;border-radius:50%;border:1px solid #0d7186;background:#fff;padding:0;cursor:pointer}.grupo-ponto.ativo{background:#0d7186;transform:scale(1.2)}.grupos-acoes{text-align:center;display:grid;justify-items:center;gap:8px}.grupos-acoes small{color:#66787e}.grupos-vazio{padding:50px;text-align:center;background:#fff;border:1px dashed #b9d3d9;border-radius:20px}
.grupo-cadastro-overlay{position:fixed;inset:0;background:rgba(10,27,35,.72);z-index:12000;padding:28px;overflow:auto}.grupo-cadastro-modal{position:relative;max-width:900px;margin:30px auto;background:#fff;border-radius:26px;padding:42px;box-shadow:0 25px 75px rgba(0,0,0,.3)}.grupo-fechar{position:absolute;right:20px;top:18px;border:0;background:transparent;font-size:34px;cursor:pointer}.grupo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.grupo-form-grid label{display:grid;gap:7px;font-weight:800;color:#173d4e}.grupo-form-grid input{padding:13px;border:1px solid #cbdde1;border-radius:12px}.grupo-campo-largo{grid-column:1/-1}.grupo-consentimento{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#53676d}.grupo-form-acoes{display:flex;justify-content:flex-end}
.admin-grupos-clic{padding:28px 0}.admin-grupos-resumo{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:14px;margin:20px 0}.admin-grupos-resumo article{background:#fff;border:1px solid #dce8eb;border-radius:16px;padding:16px}.admin-grupos-resumo span{display:block;color:#65777d}.admin-grupos-resumo strong{font-size:28px;color:#0d7186}.admin-grupos-lista{display:grid;gap:14px}.admin-grupo-card{display:grid;grid-template-columns:220px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid #dce8eb;border-radius:18px;padding:14px}.admin-grupo-fotos{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:120px}.admin-grupo-fotos img{width:100%;height:100%;object-fit:contain;background:#eef3f4;border-radius:10px}.admin-grupo-acoes{display:grid;gap:8px}
@media(max-width:850px){.grupo-card{grid-template-columns:1fr}.grupo-fotos{min-height:250px}.grupos-shell{grid-template-columns:36px 1fr 36px}.grupos-seta{width:36px;height:36px}.grupo-form-grid{grid-template-columns:1fr}.grupo-campo-largo{grid-column:auto}.admin-grupo-card{grid-template-columns:1fr}.admin-grupo-fotos{height:180px}.foto-porque{height:170px!important}}


/* =========================================================
   V0.9.28 — MAPAS NOS ATRATIVOS + ACESSO SEGURO
========================================================= */
.atrativo-localizacao-rapida{margin:14px 0 16px;padding:14px;border:1px solid #d8e7eb;border-radius:14px;background:#f8fbfc;display:grid;gap:10px}.atrativo-localizacao-rapida>span{font-weight:800;color:#315a69}.atrativo-localizacao-acoes{display:flex;gap:8px;flex-wrap:wrap}.atrativo-localizacao-acoes .botao{flex:1;min-width:150px;text-align:center;color:#fff!important;text-decoration:none}.atrativo-localizacao-rapida small{line-height:1.5;color:#596b72}.atrativo-detalhe-mapa{margin-top:22px;padding:22px;border:1px solid #d9e7eb;border-radius:20px;background:#f8fbfc}.atrativo-detalhe-mapa h3{margin-top:0;color:#0d7186}.aviso-coletivos{margin-top:16px;padding:14px 16px;border-radius:14px;background:#fff8df;border:1px solid #efc24f;color:#55491e;display:grid;gap:5px;line-height:1.5}.aviso-coletivos strong{color:#173f4c}.colaborador-clique{position:relative;z-index:3;pointer-events:auto!important}.roteiros-resumo{background:#f7fafb;border:1px solid #dbe8ec;border-radius:18px;padding:18px}.roteiro-miniatura{cursor:pointer}.roteiro-miniatura:focus-visible,.colaborador-clique:focus-visible{outline:3px solid #efae00;outline-offset:3px}
@media(max-width:600px){.atrativo-localizacao-acoes{display:grid;grid-template-columns:1fr}.atrativo-localizacao-acoes .botao{width:100%}}


/* =====================================================
   CLIC TURISMO V0.9.29 — ACABAMENTO DE BOTÕES
===================================================== */
.atrativo-detalhe-acoes .voltar-lista-atrativos{
  background:#157f9a !important;
  border-color:#157f9a !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.atrativo-detalhe-acoes .voltar-lista-atrativos:hover,
.atrativo-detalhe-acoes .voltar-lista-atrativos:focus-visible{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.conhecer-roteiro-destaque{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* V0.9.30 — contraste permanente dos botões escuros */
.botao,button.botao,.voltar-lista-atrativos,.vitrine-seta{color:#fff!important;}
.botao-secundario.voltar-lista-atrativos{color:#fff!important;}


/* =========================================================
   CLIC TURISMO V0.9.31 — GALERIA, MAPA E ACABAMENTO VISUAL
========================================================= */
.atrativo-detalhe-acoes .botao,
.atrativo-localizacao-acoes .botao,
.botao-secundario,
.voltar-lista-atrativos{color:#fff!important}

.atrativo-galeria-clic{
  margin:22px 0;padding:20px;border:1px solid #d7e7ec;border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f4fafb 100%);
}
.atrativo-galeria-cabecalho{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.atrativo-galeria-cabecalho h3{margin:8px 0 0;color:#123e50;font-size:1.25rem}
.atrativo-galeria-cabecalho small{color:#60757e;font-weight:700}
.atrativo-galeria-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory}
.atrativo-galeria-item{border:0;padding:0;background:#e9f2f4;border-radius:16px;overflow:hidden;cursor:pointer;min-height:150px;scroll-snap-align:start;box-shadow:0 6px 18px rgba(0,49,67,.10)}
.atrativo-galeria-item img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .25s ease}
.atrativo-galeria-item:hover img{transform:scale(1.035)}
.atrativo-galeria-convite{margin:10px 0 0;color:#50656e;line-height:1.55}
.clic-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(3,24,32,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;cursor:zoom-out}
.clic-lightbox img{max-width:min(1100px,94vw);max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.clic-lightbox span{margin-top:12px;color:#fff;font-weight:700;text-align:center}
.clic-lightbox-fechar{position:fixed;right:28px;top:20px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#103b49;font-size:32px;line-height:1;cursor:pointer}
.botao-mapa-atrativo,.botao-orientacao-atrativo{font-size:.92rem;font-weight:900;letter-spacing:.01em}
@media(max-width:700px){
 .atrativo-galeria-cabecalho{align-items:flex-start;flex-direction:column}
 .atrativo-galeria-trilho{grid-auto-columns:78%}
 .atrativo-galeria-item img{height:165px}
}


/* =====================================================
   CLIC TURISMO V0.9.32 — IDENTIDADE + MENSAGEM DA VIAGEM
===================================================== */
.cabecalho-v073{min-height:92px!important;padding:0 34px!important;display:flex!important;align-items:center!important}
.cabecalho-identidade{width:min(1240px,100%)!important;margin:auto!important;min-height:92px!important}
.marca-clic-home{gap:28px!important}
.marca-clic-logo{width:105px!important;height:auto!important;max-height:72px!important;object-fit:contain!important}
.marca-clic-frase{font-size:15px!important;font-weight:900!important;letter-spacing:.01em!important;color:#17445b!important}
.localizacao-destino{font-size:14px!important;padding:12px 18px!important}
.vitrine-seta:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}
.mensagem-viagem-home{padding:72px 24px;background:linear-gradient(180deg,#fff,#f0f8fa);border-top:1px solid #dce9ed}
.mensagem-viagem-chamada{max-width:900px;margin:0 auto;text-align:center;background:#fff;border:1px solid #d9e7eb;border-radius:28px;padding:38px 34px;box-shadow:0 18px 44px rgba(9,52,70,.10)}
.mensagem-viagem-chamada h2{font-size:clamp(28px,3.6vw,46px);color:#103f59;margin:14px 0}
.mensagem-viagem-chamada p{font-size:18px;line-height:1.65;color:#536a75;max-width:760px;margin:0 auto 24px}
.mensagem-viagem-area{max-width:1060px;margin:28px auto 0;background:#fff;border:1px solid #d9e7eb;border-radius:28px;padding:26px;box-shadow:0 18px 44px rgba(9,52,70,.09)}
.mensagem-viagem-intro{text-align:center}.mensagem-viagem-intro h3{font-size:28px;color:#103f59;margin:8px 0}.mensagem-viagem-intro p{color:#60737d}
.veiculos-opcoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0}.veiculo-opcao{border:1px solid #cfe0e5;background:#f7fbfc;color:#174c61;padding:11px 17px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}.veiculo-opcao.ativo{background:#0d7186;color:#fff;border-color:#0d7186}
.veiculo-mapa{width:min(720px,100%);margin:0 auto;border:2px solid #c9dce2;border-radius:42px;padding:24px;background:linear-gradient(180deg,#f5fafb,#edf4f6);box-shadow:inset 0 0 0 6px #fff;max-height:720px;overflow:auto}
.veiculo-topo{text-align:center;padding:5px 0 18px;border-bottom:1px dashed #b8cdd4;margin-bottom:15px}.veiculo-topo strong{display:block;color:#0d526a;font-size:22px}.veiculo-topo span{color:#6b7e87;font-size:13px}
.veiculo-cabine{display:flex;justify-content:space-between;align-items:center;background:#dde9ed;border-radius:26px 26px 12px 12px;padding:12px 18px;margin-bottom:16px}.volante{font-size:34px;color:#536c78}.assentos-grid{display:grid;gap:10px}.assentos-grid.cols-4{grid-template-columns:repeat(4,1fr)}.assentos-grid.cols-3{grid-template-columns:repeat(3,1fr)}.assentos-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.assento{min-height:58px;border:1px solid #b9d0d8;border-radius:14px;background:#fff;color:#0d526a;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 5px 12px rgba(20,64,80,.06)}.assento:hover,.assento:focus{background:#fff3c4;border-color:#f0b400;transform:translateY(-1px)}.assento.motorista{min-width:130px}.assento.motorista small{display:block;font-size:10px}
.cartao-mensagem-backdrop{position:fixed;inset:0;z-index:10050;background:rgba(4,28,39,.78);padding:24px;display:grid;place-items:center;overflow:auto}.cartao-mensagem-backdrop[hidden]{display:none!important}.cartao-mensagem{position:relative;width:min(760px,96vw);min-height:520px;border-radius:32px;padding:42px 48px;background:linear-gradient(145deg,#fbfeff,#fff5d4);border:8px solid #0d7186;box-shadow:0 30px 90px rgba(0,0,0,.35);text-align:center}.fechar-cartao-mensagem{position:absolute;right:18px;top:14px;width:42px;height:42px;border:0;border-radius:50%;font-size:30px;background:#fff;color:#173f50;cursor:pointer}.cartao-mensagem-logo{width:120px;max-height:90px;object-fit:contain}.cartao-mensagem-presente{display:block;margin:10px 0;color:#957000;font-size:12px;font-weight:900;letter-spacing:.09em}.cartao-mensagem h2{font-size:clamp(27px,4vw,42px);color:#0b405e;margin:12px 0 20px}.cartao-mensagem p{font-size:clamp(22px,3vw,32px);line-height:1.5;color:#294f60;margin:0 auto 32px;max-width:620px}.cartao-mensagem small{display:block;margin-top:22px;color:#59717b;font-weight:700}.cartao-mensagem-acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cartao-mensagem-acoes .botao-secundario{color:#173f50!important;background:#fff!important;border:1px solid #bdd0d7!important}
body.modal-aberto{overflow:hidden}
@media(max-width:700px){.cabecalho-v073{padding:0 16px!important;min-height:84px!important}.cabecalho-identidade{min-height:84px!important}.marca-clic-logo{width:88px!important}.marca-clic-frase{font-size:12px!important}.localizacao-destino{font-size:11px!important;padding:9px 11px!important}.mensagem-viagem-home{padding:48px 14px}.mensagem-viagem-chamada{padding:28px 18px}.mensagem-viagem-area{padding:18px 12px}.assentos-grid.cols-4{grid-template-columns:repeat(2,1fr)}.cartao-mensagem{padding:38px 22px;min-height:470px;border-width:6px}}

.admin-mensagens-box{margin:24px 0;padding:22px}.admin-mensagens-topo{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.admin-mensagens-topo label{display:grid;gap:7px;font-weight:800;min-width:min(420px,100%)}.admin-mensagens-topo input{padding:12px;border:1px solid #cbd5df;border-radius:12px}.admin-mensagens-topo>div{display:flex;gap:9px;flex-wrap:wrap}.admin-mensagens-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.admin-mensagens-lista label{display:grid;gap:6px;background:#f8fbfc;border:1px solid #dce9ed;border-radius:14px;padding:12px}.admin-mensagens-lista span{font-weight:900;color:#0d7186}.admin-mensagens-lista textarea{width:100%;resize:vertical;padding:10px;border:1px solid #c8dce3;border-radius:10px;font:inherit;line-height:1.45}@media(max-width:760px){.admin-mensagens-lista{grid-template-columns:1fr}}

/* =====================================================
   CLIC TURISMO V0.9.36 — RETA FINAL LOCAL
===================================================== */
/* Cabeçalho com presença institucional proporcional à Home */
.cabecalho-v073{min-height:108px!important}
.cabecalho-v073 .cabecalho-identidade{min-height:108px!important;padding-top:12px!important;padding-bottom:12px!important}
.marca-clic-home{flex-direction:row!important;align-items:center!important;gap:24px!important}
.marca-clic-logo{width:142px!important;max-height:84px!important}
.marca-clic-frase{margin-top:0!important;font-size:16px!important;white-space:nowrap}
/* A foto do Festival deve preencher o quadro sem revelar qualquer imagem/estado por trás */
.atrativo-detalhe-hero-imagem,.atrativo-detalhe-imagem{overflow:hidden!important;background:#fff!important}
.atrativo-detalhe-hero-imagem img,.atrativo-detalhe-imagem img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#fff!important}
/* Botão estritamente local para conferência dos PDFs antes do lançamento */
.testar-pdf-local{background:#fff!important;color:#17445b!important;-webkit-text-fill-color:#17445b!important;border:2px dashed #0d7186!important}
@media(max-width:700px){.cabecalho-v073{min-height:92px!important}.cabecalho-v073 .cabecalho-identidade{min-height:92px!important}.marca-clic-home{gap:12px!important}.marca-clic-logo{width:104px!important}.marca-clic-frase{font-size:12px!important;white-space:normal}}


/* =====================================================
   V0.9.40 • ACERVO REAL / SEIS COLEÇÕES / MURAL DE GRUPOS
===================================================== */
.colecoes-com-fotos .colecao-turistica{overflow:hidden;padding:0!important;display:flex;flex-direction:column;background:#fff}
.colecao-foto{width:100%;height:210px;object-fit:cover;display:block;background:#eef3f4}
.colecao-corpo{padding:22px;display:flex;flex-direction:column;flex:1}
.colecao-corpo .botao{margin-top:auto}
.curiosidade-destaque{max-width:1180px;margin:42px auto 66px;padding:0 24px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(14,63,78,.12);border:1px solid #dfeaed}
.curiosidade-foto{background:#eef3f4;min-height:340px;display:flex;align-items:center;justify-content:center}.curiosidade-foto img{width:100%;height:100%;object-fit:contain;max-height:520px}
.curiosidade-conteudo{padding:42px;display:flex;flex-direction:column;justify-content:center}.curiosidade-conteudo>span{font-weight:900;letter-spacing:.08em;color:#0d7186;font-size:12px}.curiosidade-conteudo h2{font-size:clamp(26px,3vw,38px);color:#123c55;margin:10px 0 14px}.curiosidade-conteudo p{font-size:17px;line-height:1.75;color:#4f646c}.curiosidade-conteudo .botao{align-self:flex-start;margin-top:10px}
.grupos-botoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.grupo-fotos{align-items:stretch}.grupo-foto-botao{border:0;padding:0;margin:0;background:#edf3f4;display:flex;align-items:center;justify-content:center;cursor:zoom-in;min-width:0;min-height:320px}.grupo-foto-botao img{width:100%;height:100%;max-height:460px;object-fit:contain!important;background:#edf3f4;display:block}
.grupo-foto-botao:only-child{grid-column:1/-1}
.grupo-foto-lightbox{position:fixed;inset:0;z-index:10050;background:rgba(4,15,22,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.grupo-foto-lightbox[hidden]{display:none}.grupo-foto-lightbox img{max-width:min(96vw,1500px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 18px 70px rgba(0,0,0,.5);background:#111}.grupo-foto-lightbox p{color:#fff;margin:12px 0 0;font-size:13px}.grupo-lightbox-fechar{position:fixed;right:18px;top:14px;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#123c55;color:#fff;font-size:32px;line-height:1;cursor:pointer}
.grupos-mural-overlay{position:fixed;inset:0;z-index:10020;background:rgba(7,25,34,.88);padding:18px;overflow:auto}.grupos-mural-overlay[hidden]{display:none}.grupos-mural-modal{max-width:1440px;margin:0 auto;background:#f7fafb;border-radius:26px;padding:26px;min-height:calc(100vh - 36px)}.grupos-mural-topo{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.grupos-mural-topo h2{font-size:clamp(28px,4vw,46px);color:#123c55;margin:8px 0}.grupos-mural-topo p{color:#60757c;margin:0}.grupos-mural-fechar{width:48px;height:48px;flex:0 0 auto;border-radius:50%;border:0;background:#123c55;color:#fff;font-size:32px;cursor:pointer}.grupos-mural-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grupo-mural-card{background:#fff;border:1px solid #dce9ec;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(11,62,78,.08)}.grupo-mural-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:#edf3f4}.grupo-mural-fotos .grupo-foto-botao{min-height:280px}.grupo-mural-card>div:last-child{padding:18px 20px}.grupo-mural-card h3{margin:0 0 6px;color:#123c55}.grupo-mural-card p{margin:0;color:#667b82}
@media(max-width:850px){.colecao-foto{height:190px}.curiosidade-destaque{grid-template-columns:1fr;margin-left:14px;margin-right:14px;padding:0}.curiosidade-foto{min-height:250px}.curiosidade-conteudo{padding:26px}.grupos-mural-grid{grid-template-columns:1fr}.grupo-fotos,.grupo-mural-fotos{grid-template-columns:1fr}.grupo-foto-botao,.grupo-mural-fotos .grupo-foto-botao{min-height:240px}.grupo-foto-botao img{max-height:70vh}.grupos-shell{grid-template-columns:34px minmax(0,1fr) 34px}.grupo-card{grid-template-columns:1fr}.grupo-info{padding:22px}.grupos-mural-modal{padding:16px;border-radius:18px}}

/* =====================================================
   CLIC TURISMO V0.9.42 — ENQUADRAMENTO UNIVERSAL DE FOTOS
   Mantém a fotografia inteira em galerias e ampliações.
===================================================== */
.atrativo-galeria-trilho{grid-auto-columns:minmax(250px,1fr)!important;gap:16px!important}
.atrativo-galeria-item{min-height:250px!important;background:#edf4f6!important;display:grid!important;place-items:center!important;padding:8px!important}
.atrativo-galeria-item img{width:100%!important;height:240px!important;object-fit:contain!important;object-position:center!important;background:#edf4f6!important;border-radius:12px!important;transform:none!important}
.atrativo-galeria-item:hover img{transform:none!important}
.clic-lightbox{padding:24px!important}
.clic-lightbox img{width:min(1180px,94vw)!important;height:min(82vh,900px)!important;max-width:94vw!important;max-height:82vh!important;object-fit:contain!important;object-position:center!important;background:rgba(255,255,255,.06)!important}
@media(max-width:700px){
 .atrativo-galeria-trilho{grid-auto-columns:88%!important}
 .atrativo-galeria-item{min-height:230px!important}
 .atrativo-galeria-item img{height:220px!important}
 .clic-lightbox img{width:94vw!important;height:78vh!important}
}


/* =====================================================
   CLIC TURISMO — V0.9.43
   HOME DEFINITIVA LOCAL — HISTÓRIAS + REDE + PRESENTE
===================================================== */
.pesqueira-historias{padding:72px 5%;background:#fffaf0;border-top:1px solid #f0e5cc;border-bottom:1px solid #f0e5cc}
.historias-intro{width:min(1080px,92%);margin:0 auto 30px;padding:16px 20px;text-align:center;border:1px solid #d9e8ea;border-radius:18px;background:#fff;color:#526a73;line-height:1.6}.historias-intro strong{color:#0a5368}
.historias-grid{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.historia-card{min-width:0}.historia-card-botao{width:100%;height:100%;padding:0;border:1px solid #d9e4e8;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(16,48,63,.08);overflow:hidden;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;font:inherit;color:inherit}
.historia-card-botao:hover,.historia-card-botao:focus-visible{transform:translateY(-4px);box-shadow:0 20px 42px rgba(16,48,63,.15);border-color:#82b9c6;outline:none}
.historia-imagem{height:230px;background:#eef3f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.historia-imagem img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#eef3f4}
.historia-corpo{padding:22px;display:flex;flex-direction:column;flex:1}.historia-icone{font-size:1.7rem;margin-bottom:4px}.historia-selo{font-size:.72rem;font-weight:950;letter-spacing:.09em;color:#0b7890}.historia-corpo h3{margin:8px 0 10px;color:#143f5b;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.18}.historia-corpo p{margin:0;color:#586b75;line-height:1.55;font-size:.97rem;flex:1}.historia-cta{margin-top:18px;font-weight:900;color:#0b7890}
.historia-card-destaque{grid-column:1/-1}.historia-card-destaque .historia-card-botao{display:grid;grid-template-columns:minmax(320px,42%) 1fr}.historia-card-destaque .historia-imagem{height:100%;min-height:300px}.historia-card-destaque .historia-corpo{justify-content:center;padding:34px}
.historias-fecho{text-align:center;margin:30px auto 0;color:#3d5962;font-weight:800}
.historia-overlay{position:fixed;inset:0;z-index:10000020;background:rgba(6,28,38,.88);padding:22px;overflow:auto}.historia-overlay[hidden]{display:none!important}.historia-modal{position:relative;width:min(1180px,calc(100vw - 32px));margin:18px auto;background:#fff;border:4px solid #0b6f86;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.4);overflow:hidden;display:grid;grid-template-columns:minmax(320px,45%) 1fr}.historia-modal-imagem{min-height:560px;background:#edf3f5;display:flex;align-items:center;justify-content:center;padding:18px}.historia-modal-imagem img{width:100%;height:100%;max-height:720px;object-fit:contain;object-position:center;border-radius:18px}.historia-modal-conteudo{padding:64px 42px 38px;display:flex;flex-direction:column;justify-content:center}.historia-modal-selo{font-size:.78rem;font-weight:950;letter-spacing:.08em;color:#0b7890}.historia-modal h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;color:#123f5a;margin:14px 0 20px}.historia-modal-conteudo>p{font-size:1.08rem;line-height:1.75;color:#536872}.historia-convite{margin:18px 0 26px;padding:18px;border-left:5px solid #f4b400;background:#fff8dd;border-radius:14px;display:grid;gap:7px;color:#455d66}.historia-convite strong{color:#123f5a}.historia-fechar{position:absolute;right:16px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:#0b6f86;color:#fff;font-size:28px;font-weight:900;cursor:pointer;z-index:2}.historia-modal>.clic-voltar-topo{position:absolute;left:18px;top:16px;z-index:2}.historia-aberta{overflow:hidden}
.colaboradores-pontos{display:flex;justify-content:center;align-items:center;gap:8px;margin:18px auto 8px;max-width:min(560px,82vw);padding:4px 8px;overflow-x:auto;scrollbar-width:thin}.colaborador-ponto{width:11px;height:11px;min-width:11px;border:0;border-radius:50%;padding:0;background:#c0d0d5;cursor:pointer;transition:transform .18s ease,background .18s ease}.colaborador-ponto.ativo{background:#e7a900;transform:scale(1.35)}.colaborador-ponto:focus-visible{outline:3px solid rgba(11,111,134,.28);outline-offset:3px}
.mensagem-viagem-chamada{overflow:hidden}.mensagem-presente-topo{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:8px}.mensagem-onibus{width:clamp(150px,18vw,220px);height:auto;filter:drop-shadow(0 12px 18px rgba(16,54,66,.18));flex:0 0 auto}.mensagem-presente-topo>div{display:grid;gap:8px;text-align:left}.mensagem-presente-selo{font-size:clamp(.75rem,1.3vw,1rem)!important;padding:10px 16px!important}.mensagem-presente-topo small{font-weight:800;color:#587079;letter-spacing:.02em}.mensagem-viagem-chamada h2{margin-top:12px!important}
@media(max-width:900px){.historias-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.historia-card-destaque{grid-column:1/-1}.historia-modal{grid-template-columns:1fr}.historia-modal-imagem{min-height:360px;max-height:50vh}.historia-modal-conteudo{padding:34px 24px}.historia-card-destaque .historia-card-botao{grid-template-columns:1fr}.historia-card-destaque .historia-imagem{min-height:240px}.mensagem-presente-topo{flex-direction:column;text-align:center}.mensagem-presente-topo>div{text-align:center}.mensagem-onibus{width:min(230px,62vw)}}
@media(max-width:620px){.pesqueira-historias{padding:48px 14px}.historias-grid{grid-template-columns:1fr}.historia-card-destaque{grid-column:auto}.historia-imagem{height:240px}.historia-overlay{padding:8px}.historia-modal{width:calc(100vw - 16px);margin:8px auto;border-radius:20px}.historia-modal-imagem{min-height:300px;padding:10px}.historia-modal-conteudo{padding:30px 18px 24px}.historia-modal h2{font-size:2rem}.historia-modal>.clic-voltar-topo{left:10px;top:10px}.historia-fechar{right:10px;top:10px}.mensagem-presente-selo{white-space:normal!important}}


/* =====================================================
   V0.9.46 — CONTATOS COMPLETOS DOS GUIAS
===================================================== */
.guia-contatos-publicos{margin:18px 0;padding:18px;border:1px solid #d2e4ea;border-radius:18px;background:#f7fbfc;}
.guia-contatos-publicos>strong{display:block;color:#0b4d68;font-size:1.05rem;margin-bottom:8px;}
.guia-contatos-publicos p{margin:0 0 12px;color:#50636e;}
.guia-redes-botoes,.mural-participante-contatos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.guia-rede-link,.mural-participante-contatos a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;background:#0d6d87;color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 7px 16px rgba(13,109,135,.12);}
.guia-rede-link:hover,.mural-participante-contatos a:hover{transform:translateY(-1px);filter:brightness(1.05);}
.guia-sem-redes{display:inline-block;padding:10px 14px;border-radius:10px;background:#eaf2f5;color:#52656f;font-weight:700;}
@media(max-width:700px){.guia-redes-botoes,.mural-participante-contatos{display:grid;grid-template-columns:1fr 1fr}.guia-rede-link,.mural-participante-contatos a{width:100%}}

#abrir-cadastro-grupo {
  color: #ffffff !important;
   -webkit-text-fill-color: #ffffff !important;
}

/* MURAL CLIC — padrão de destaque para registro com uma única foto */
.grupo-fotos .grupo-foto-botao:only-child {
    grid-column: 1 / -1;
    min-height: 340px;
}

.grupo-fotos .grupo-foto-botao:only-child img {
    width: 100%;
    height: 100%;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
}


/* =========================================================
   CLIC FOTOS — padrão visual sem cortes + ampliação (V3)
========================================================= */
.clic-img-ampliavel{cursor:zoom-in}
.clic-foto-ampliada{position:fixed;inset:0;z-index:100000;background:rgba(4,20,36,.92);display:grid;place-items:center;padding:48px 22px 28px;box-sizing:border-box}
.clic-foto-ampliada[hidden]{display:none!important}
.clic-foto-ampliada img{max-width:min(94vw,1500px);max-height:84vh;width:auto;height:auto;object-fit:contain!important;object-position:center!important;border-radius:14px;box-shadow:0 22px 70px #0008;background:#fff}
.clic-foto-ampliada p{position:fixed;bottom:12px;color:#fff;margin:0;font-weight:700;font-size:13px}
.clic-foto-fechar{position:fixed;right:22px;top:18px;width:48px;height:48px;border:0;border-radius:999px;background:#fff;color:#12344f;font-size:32px;line-height:1;cursor:pointer;box-shadow:0 8px 28px #0005}
body.clic-foto-aberta{overflow:hidden!important}
/* Fotos de conteúdo devem caber no quadro, sem cortar rostos ou paisagens. */
.guia-participante-foto img,.experiencia-guia-card img,.mercado-produto img,.mercado-galeria-quatro img,.pc-gallery img,.historia-imagem,.atrativo-card img,.atrativo-detalhe img,.roteiro-card img,.guia-card img,.parceiro-card img{object-position:center!important}
@media(max-width:720px){.clic-foto-ampliada{padding:58px 12px 30px}.clic-foto-ampliada img{max-width:96vw;max-height:82vh}.clic-foto-fechar{right:12px;top:10px}}

/* CLIC V4 — fechamento de acesso do Guia */
.clic-login-ajuda-acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.clic-login-ajuda-acoes .botao{margin:0;min-height:44px}
@media(max-width:640px){.clic-login-ajuda-acoes{grid-template-columns:1fr}}


/* =========================================================
   V5 — PADRÃO FOTOGRÁFICO CLIC TURISMO
   A fotografia deve caber no quadro sem corte ou deformação.
========================================================= */
.clic-img-ampliavel{cursor:zoom-in!important}
.atrativo-card img,
.atrativo-detalhe img,
.roteiro-card img,
.guia-card img,
.guia-participante-foto img,
.experiencia-guia-card img,
.biblioteca-imagem-wrap img,
#experiencia-modal-capa,
.parceiro-card img,
.quem-faz-card img,
.porque-card img,
.mercado-galeria-quatro img,
.mercado-produto img,
.lojista-galeria-preview img,
.lojista-produto-card img,
.historia-imagem,
.historia-modal-imagem,
.pc-gallery img{
  object-fit:contain!important;
  object-position:center!important;
  background:#eef3f5!important;
}
.biblioteca-imagem-wrap{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#eef3f5!important;
}
.biblioteca-imagem-wrap img{height:155px!important;width:100%!important}
#experiencia-modal-capa{
  width:100%!important;
  height:100%!important;
  max-height:520px!important;
}
.clic-foto-ampliada{
  position:fixed!important;inset:0!important;z-index:100000!important;
  background:rgba(4,20,36,.94)!important;display:grid!important;place-items:center!important;
  padding:56px 24px 38px!important;box-sizing:border-box!important;
}
.clic-foto-ampliada[hidden]{display:none!important}
.clic-foto-ampliada img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:min(94vw,1500px)!important;max-height:82vh!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:14px!important;box-shadow:0 22px 70px #0009!important;background:#fff!important;
}
.clic-foto-legenda{position:fixed!important;bottom:12px!important;color:#fff!important;margin:0!important;font-weight:700!important;font-size:13px!important}
@media(max-width:720px){
  .clic-foto-ampliada{padding:60px 10px 36px!important}
  .clic-foto-ampliada img{max-width:97vw!important;max-height:80vh!important}
}

.clic-novidades-cta{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px auto 24px;max-width:1000px}
.clic-novidades-cta p{margin:0;color:#52666d}

/* =========================================================
   V6 — FECHAMENTO DAS OBSERVAÇÕES DE 17/08/2026
   Home: três caminhos com fotografia inteira + ampliação.
========================================================= */
.foto-caminho{display:flex!important;align-items:center!important;justify-content:center!important;background:#eef3f5!important;overflow:hidden!important}
.foto-caminho img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#eef3f5!important}
.quer-conhecer-card:nth-child(2) .foto-caminho img{object-position:center!important}

/* =========================================================
   V7 — ROTEIROS: MINIATURAS E DESTAQUE SEM CORTES
========================================================= */
.roteiro-miniatura-foto{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#eef3f5!important;
}
#roteiro-destaque-foto{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#eef3f5!important;
  cursor:zoom-in;
}

/* V9 — CORREÇÕES DE USABILIDADE ADMINISTRATIVA */
.pc-editor-modal textarea,#pe-texto{font-weight:400!important;font-family:inherit!important;line-height:1.55!important}
.clic-text-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}.clic-text-tools select{min-height:40px;border:1px solid #b9c9ce;border-radius:10px;padding:0 10px;background:#fff}.clic-ai-preview-overlay{position:fixed;inset:0;z-index:100500;background:#06202fdd;display:grid;place-items:center;padding:18px}.clic-ai-preview{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:24px}.clic-ai-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.clic-ai-preview-grid article{border:1px solid #d6e2e7;border-radius:14px;padding:14px}.clic-ai-preview-grid span{display:block;font-weight:900;margin-bottom:8px}.clic-ai-preview-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.admin-rede-cadastro{grid-template-columns:minmax(0,1fr) 390px!important;align-items:start!important}.admin-rede-conteudo{min-width:0}.admin-rede-identidade{display:flex;gap:12px;align-items:flex-start}.admin-rede-foto-atual{width:92px;height:76px;object-fit:contain;border-radius:10px;background:#edf3f5;border:1px solid #d6e2e7}.admin-rede-acoes{display:grid!important;grid-template-columns:repeat(2,minmax(150px,1fr));gap:9px!important;align-self:start}.admin-rede-acoes .botao{width:100%;min-width:0!important}.admin-rede-acoes .botao-perigo,.admin-rede-acoes .excluir-online{background:#9f2d2d!important}.admin-rede-acoes .editar-cadastro,.admin-rede-acoes .editar-status{background:#176b73!important}.admin-rede-acoes .reativar{background:#217a4b!important}.admin-foto-comparacao{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-foto-comparacao article{border:1px solid #d6e2e7;border-radius:14px;padding:12px;text-align:center}.admin-foto-comparacao img{display:block;width:100%;height:280px;object-fit:contain;background:#edf3f5;margin-top:10px}.admin-obs-lista{display:grid;gap:8px;max-height:280px;overflow:auto}.admin-obs-lista article{border:1px solid #d6e2e7;border-radius:12px;padding:10px}.admin-obs-lista p{white-space:pre-wrap}
@media(max-width:900px){.admin-rede-cadastro{grid-template-columns:1fr!important}.admin-rede-acoes{grid-template-columns:repeat(2,minmax(0,1fr))}.clic-ai-preview-grid,.admin-foto-comparacao{grid-template-columns:1fr}}
@media(max-width:520px){.admin-rede-acoes{grid-template-columns:1fr}.clic-text-tools{align-items:stretch}.clic-text-tools>*{width:100%}}

.admin-tv-preview{margin:16px 0;padding:14px;border:1px solid #d6e2e7;border-radius:16px;background:#f7fbfc}.admin-tv-preview iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}

/* V9.2 — Fechamento visual: fotos clicáveis e 12 histórias */
.experiencia-publica-capa img,#mural-participante-novidade-imagem,.roteiro-miniatura-foto,#roteiro-destaque-foto,.guia-miniatura-foto,#guia-destaque-foto{cursor:zoom-in!important;object-fit:contain!important;object-position:center!important;background-color:#eef3f5!important}.historia-card-espera{opacity:.94}.historia-imagem-espera{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#edf4f5,#dce9ec)!important;min-height:190px}.historia-imagem-espera span{font-size:46px}.historia-espera{cursor:default!important}.historia-card-espera .historia-cta{color:#60747b!important}


/* =========================================================
   V9.4 — LIGHTBOX DEFINITIVO EM TOP LAYER
   Usa <dialog>.showModal(): fica acima de QUALQUER painel/modal.
========================================================= */
dialog#clic-foto-ampliada.clic-foto-ampliada{
  border:0!important; margin:auto!important; padding:0!important;
  width:100vw!important; height:100vh!important; max-width:none!important; max-height:none!important;
  background:transparent!important; overflow:hidden!important; color:inherit!important;
}
dialog#clic-foto-ampliada.clic-foto-ampliada::backdrop{background:rgba(4,20,36,.92)!important;backdrop-filter:none!important}
dialog#clic-foto-ampliada .clic-foto-stage{
  position:fixed!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:center!important;
  padding:58px 24px 44px!important; box-sizing:border-box!important; pointer-events:none!important;
}
dialog#clic-foto-ampliada .clic-foto-stage>img{
  display:block!important; width:min(94vw,1500px)!important; height:84vh!important;
  max-width:94vw!important; max-height:84vh!important; object-fit:contain!important; object-position:center!important;
  background:transparent!important; border-radius:14px!important; box-shadow:0 22px 70px rgba(0,0,0,.62)!important;
  filter:none!important; opacity:1!important; mix-blend-mode:normal!important; pointer-events:auto!important;
}
dialog#clic-foto-ampliada .clic-foto-fechar{
  position:fixed!important; right:22px!important; top:18px!important; z-index:2!important; width:50px!important; height:50px!important;
  border:0!important; border-radius:999px!important; background:#fff!important; color:#12344f!important; font-size:34px!important;
  line-height:1!important; cursor:pointer!important; pointer-events:auto!important; box-shadow:0 8px 28px rgba(0,0,0,.35)!important;
}
dialog#clic-foto-ampliada .clic-foto-legenda{
  position:fixed!important; left:50%!important; transform:translateX(-50%)!important; bottom:12px!important;
  color:#fff!important; margin:0!important; font-weight:800!important; font-size:13px!important; pointer-events:none!important;
}
body.clic-foto-aberta{overflow:hidden!important}
@media(max-width:720px){
 dialog#clic-foto-ampliada .clic-foto-stage{padding:58px 8px 38px!important}
 dialog#clic-foto-ampliada .clic-foto-stage>img{width:97vw!important;height:81vh!important;max-width:97vw!important;max-height:81vh!important}
 dialog#clic-foto-ampliada .clic-foto-fechar{right:10px!important;top:10px!important}
}


/* V9.6 — lightbox definitivo sem dialog/top-layer; acima do maior z-index do portal */
#clic-foto-ampliada.clic-foto-ampliada{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:62px 24px 44px!important;background:rgba(3,18,29,.92)!important;filter:none!important;opacity:1!important;transform:none!important;isolation:isolate!important}
#clic-foto-ampliada.clic-foto-ampliada[hidden]{display:none!important}
#clic-foto-ampliada .clic-foto-stage{width:min(94vw,1500px)!important;height:82vh!important;max-width:94vw!important;max-height:82vh!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;background:transparent!important}
#clic-foto-ampliada .clic-foto-stage>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important;border-radius:14px!important;box-shadow:0 22px 70px rgba(0,0,0,.62)!important;pointer-events:auto!important}
#clic-foto-ampliada .clic-foto-fechar{position:fixed!important;right:22px!important;top:18px!important;z-index:2147483647!important;width:50px!important;height:50px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#12344f!important;font-size:34px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 8px 28px rgba(0,0,0,.35)!important}
#clic-foto-ampliada .clic-foto-legenda{position:fixed!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;color:#fff!important;margin:0!important;font-weight:800!important;font-size:13px!important;white-space:nowrap!important}body.clic-foto-aberta{overflow:hidden!important}@media(max-width:720px){#clic-foto-ampliada.clic-foto-ampliada{padding:58px 8px 38px!important}#clic-foto-ampliada .clic-foto-stage{width:97vw!important;height:80vh!important;max-width:97vw!important;max-height:80vh!important}#clic-foto-ampliada .clic-foto-fechar{right:10px!important;top:10px!important}#clic-foto-ampliada .clic-foto-legenda{font-size:11px!important;max-width:80vw!important;white-space:normal!important;text-align:center!important}}


/* CLIC • fechamento comercial 27-08-2026 */
.mercado-galeria-seis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.mercado-galeria-seis .mercado-foto-btn{min-height:150px}.mercado-galeria-seis img{width:100%;height:100%;max-height:230px;object-fit:contain;background:#f4f6f6}.mercado-participar{margin:28px 0 8px;padding:24px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:22px}.mercado-participar span{font-size:.78rem;font-weight:900;letter-spacing:.08em}.mercado-participar h2{margin:.3rem 0}.mercado-participar p{margin:0;max-width:760px}@media(max-width:760px){.mercado-galeria-seis{grid-template-columns:repeat(2,minmax(0,1fr))}.mercado-participar{align-items:stretch;flex-direction:column}.mercado-participar .botao{text-align:center}}

/* =========================================================
   CLIC TURISMO • FECHAMENTO GERAL 28-08-2026
   Ajustes finais: responsividade, contraste, mural, cadastro,
   cartões dinâmicos e preparação multi-destino/app.
========================================================= */
:root{--clic-safe-x:max(14px,env(safe-area-inset-left));--clic-safe-y:max(14px,env(safe-area-inset-top))}
.atalhos-home{align-items:stretch}.atalhos-home a{justify-content:center;text-align:center;white-space:normal}
.botao,.pc-btn,.clic-commerce-nav a{min-height:44px}
.grupos-mural-modal{position:relative}.grupos-mural-indicador{position:sticky!important;top:14px!important;right:auto!important;left:calc(100% - 98px)!important;transform:none!important;margin:0 0 -72px!important;z-index:4!important}
.grupo-fotos-preview,.cadastro-galeria-preview,.cadastro-imagem-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.grupo-preview-item,.cadastro-preview-item{position:relative;min-height:120px;border:1px solid #d7e4e8;border-radius:14px;background:#f3f7f8;overflow:hidden}.grupo-preview-item img,.cadastro-preview-item img{width:100%;height:150px;object-fit:contain;background:#eef3f5}.preview-remover{position:absolute;right:7px;top:7px;width:34px;height:34px;border:0;border-radius:50%;background:#7b1d1d;color:#fff;font-weight:900;cursor:pointer}.cadastro-rede-ai,.cadastro-ajuda-local{margin-top:12px}.cadastro-rede-ai{padding:14px;border:1px solid #d8e8ea;border-radius:14px;background:#f7fbfc}.cadastro-rede-ai textarea{width:100%;box-sizing:border-box;margin:8px 0}.cadastro-ajuda-local{color:#5b7078;line-height:1.5}.pc-profile-gallery{border:1px solid #d7e4e8;border-radius:14px;padding:14px;margin:14px 0}.pc-profile-gallery legend{font-weight:900}
.cartao-mensagem{overflow:hidden;background:#f4e4bb!important;border:7px double #18333f!important;border-radius:18px!important;box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 0 0 4px #bf8e2d!important}.cartao-mensagem::before{content:"";position:absolute;inset:0;background:url('../imagens/identidade/fabrica-peixe-antiga.jpg') center/cover no-repeat;opacity:.10;filter:grayscale(1) sepia(.25);pointer-events:none}.cartao-mensagem::after{content:"";position:absolute;inset:18px;border:2px solid rgba(25,45,52,.55);box-shadow:inset 0 0 0 3px rgba(190,142,45,.45);border-radius:8px;pointer-events:none}.cartao-mensagem>*{position:relative;z-index:1}.cartao-mensagem-logo{width:150px!important;max-height:105px!important}.cartao-mensagem-presente{color:#765817!important}.cartao-mensagem h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3.5vw,38px)!important;color:#18333f!important;margin-bottom:16px!important}.cartao-mensagem p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4.2vw,48px)!important;line-height:1.34!important;font-weight:700!important;color:#182f36!important;max-width:660px!important;text-shadow:0 1px #fff8}.cartao-mensagem small{color:#3f4a47!important;font-weight:800!important}
@media(max-width:900px){.atalhos-home{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.grupos-mural-indicador{left:calc(100% - 82px)!important}.lojista-grid,.pc-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.atalhos-home{grid-template-columns:1fr 1fr!important;padding:0 10px!important;gap:7px!important}.atalhos-home a{padding:9px 8px!important;font-size:11px!important;min-height:48px}.cartao-mensagem-backdrop{padding:8px!important}.cartao-mensagem{width:100%!important;padding:38px 18px!important;min-height:500px!important}.cartao-mensagem p{font-size:clamp(27px,8vw,38px)!important}.grupos-mural-overlay{padding:8px!important}.grupos-mural-modal{padding:12px!important}.grupos-mural-indicador{left:auto!important;right:8px!important;width:70px!important;min-height:56px!important;font-size:10px!important}.cadastro-galeria-preview,.grupo-fotos-preview{grid-template-columns:1fr 1fr}.pc-row,.lojista-duplo{grid-template-columns:1fr!important}.admin-precos-grid{grid-template-columns:1fr!important}}
@media print{.cartao-mensagem-backdrop{position:static!important;background:#fff!important;padding:0!important}.cartao-mensagem{box-shadow:none!important;width:100%!important;min-height:95vh!important}.fechar-cartao-mensagem,.cartao-mensagem-acoes{display:none!important}}


/* =====================================================
   CLIC Turismo — Fechamento 28/08/2026
   Correções nº 49–54 e acabamento comercial
===================================================== */
.clic-text-tools.simples{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}.clic-text-tools.simples .botao{min-height:42px}.clic-write-helper{border:1px solid #cfe2e8;background:#f7fbfc;border-radius:16px;padding:14px;margin:-4px 0 14px}.clic-write-helper p{margin:4px 0 10px;color:#5d6e74}.clic-write-helper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clic-write-helper-grid label{font-weight:700}.clic-write-helper-grid input{width:100%;margin-top:5px;min-height:44px;padding:10px;border:1px solid #bfd2d8;border-radius:10px}.clic-write-helper-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.cadastro-assistente-clic.simples{padding:12px 14px;border:1px solid #cfe2e8;background:#f7fbfc;border-radius:14px}.cadastro-assistente-clic.simples p{margin:5px 0 0;color:#5e7178}

.grupos-mural-overlay{overflow:auto!important}.grupos-mural-modal{position:relative!important}.grupos-mural-topo>div{min-width:0}.grupos-mural-topo .grupos-mural-voltar{margin:0 10px 10px 0}.grupos-mural-indicador{position:fixed!important;left:auto!important;right:max(30px,calc((100vw - min(1440px,100vw - 36px))/2 + 22px))!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:10025!important;pointer-events:none}.grupos-mural-rodape{display:flex;justify-content:center;padding:28px 0 8px}.grupos-mural-rodape .botao{min-width:220px}.grupos-mural-indicador.oculto{opacity:0;visibility:hidden}

.clic-mapa-inteligente{margin-top:18px;padding:18px;border:1px solid #bfdde5;border-radius:18px;background:#f5fbfc}.clic-mapa-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.clic-mapa-head span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#0c7e98}.clic-mapa-head h4{font-size:24px;margin:3px 0 5px}.clic-mapa-head p{margin:0;max-width:760px}.clic-mapa-head>strong{white-space:nowrap;background:#e7f4f7;padding:8px 12px;border-radius:999px}.clic-mapa-paradas{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.clic-mapa-paradas li label{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #d4e5e9;background:white;border-radius:12px;cursor:pointer}.clic-mapa-paradas input{width:20px;height:20px}.clic-mapa-paradas b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d7892;color:white}.clic-mapa-resumo{font-weight:700;margin:10px 0}.clic-mapa-acoes{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.clic-mapa-acoes .desativado{opacity:.5;pointer-events:none}.estado-compra{cursor:default!important;box-shadow:none!important}.experiencia-mapa-previa{margin-top:10px}

.clic-paradas-editor{border:1px solid #cfe2e8;border-radius:14px;padding:14px}.clic-paradas-editor legend{font-weight:800}.clic-paradas-add{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;margin-top:10px}.clic-parada-linha{display:grid;grid-template-columns:32px minmax(120px,1fr) minmax(160px,1.6fr) 34px 34px 34px;gap:6px;align-items:center;padding:8px;border-bottom:1px solid #e2ecef}.clic-parada-linha b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d7892;color:#fff}.clic-parada-linha small{overflow-wrap:anywhere}.clic-parada-linha button{min-height:34px;border:1px solid #bcd1d7;border-radius:8px;background:white;cursor:pointer}.guia-perfil-comercial{margin-bottom:20px}

.eventos-vazio-clic{text-align:center;padding:36px 22px!important;border:1px dashed #bcd5db!important;border-radius:20px!important;background:#fff!important}.eventos-vazio-clic .eventos-vazio-icone{font-size:44px}.eventos-vazio-clic h2{margin:8px 0;color:#123c55}.eventos-vazio-clic p{max-width:700px;margin:0 auto 18px;color:#5d7077}

@media(max-width:760px){.clic-write-helper-grid{grid-template-columns:1fr}.clic-paradas-add{grid-template-columns:1fr}.clic-parada-linha{grid-template-columns:30px 1fr 32px 32px 32px}.clic-parada-linha small{grid-column:2/6}.clic-mapa-head{display:block}.clic-mapa-head>strong{display:inline-block;margin-top:10px}.grupos-mural-indicador{right:12px!important;top:52%!important}.grupos-mural-topo{padding-right:44px}.grupos-mural-topo .grupos-mural-fechar{position:absolute;right:10px;top:10px}.clic-text-tools.simples .botao{flex:1 1 46%;font-size:12px}}
@media print{body *{visibility:hidden!important}.clic-mapa-inteligente,.clic-mapa-inteligente *{visibility:visible!important}.clic-mapa-inteligente{position:absolute;left:0;top:0;width:100%;border:0}.clic-mapa-acoes{display:none!important}}

.grupo-cadastro-indicador{position:fixed!important;left:auto!important;right:max(22px,calc((100vw - min(900px,100vw - 56px))/2 + 18px))!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:12005!important;pointer-events:none}.grupo-cadastro-indicador.oculto{opacity:0;visibility:hidden}@media(max-width:760px){.grupo-cadastro-indicador{right:10px!important;top:52%!important}.grupo-cadastro-modal{padding:34px 18px 24px!important}}


/* =========================================================
   CLIC TURISMO — CORREÇÕES DOS TESTES Nº 55–65 • 28/08/2026
========================================================= */
/* Nº 60: contraste obrigatório. */
.botao:not(.botao-siga-clicando):not(.botao-claro):not(.botao-secundario),
button.botao:not(.botao-siga-clicando):not(.botao-claro):not(.botao-secundario),
a.botao:not(.botao-siga-clicando):not(.botao-claro):not(.botao-secundario),
.clic-text-tools .botao,
.experiencia-acoes #desbloquear-experiencia,
.clic-login-ajuda-acoes .botao {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.botao-siga-clicando{color:#172b38!important;-webkit-text-fill-color:#172b38!important}
/* O botão comercial do roteiro é verde/escuro, logo recebe texto claro. */
#desbloquear-experiencia{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#16844f!important}

/* Nº 57: indicador de camada de fundo desaparece quando outro modal assume o foco. */
.indicador-rolagem-clic.clic-indicador-suspenso{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Nº 55: indicadores pertencem ao próprio painel, sem competir com a scrollbar do navegador. */
.grupo-cadastro-overlay{display:grid;place-items:center;padding:18px!important;overflow:hidden!important}
.grupo-cadastro-overlay[hidden]{display:none!important}
.grupo-cadastro-modal{width:min(900px,calc(100vw - 36px));max-height:min(88vh,920px);overflow:auto!important;margin:0 auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:54px!important}
.grupo-cadastro-indicador{position:sticky!important;float:right;right:auto!important;left:auto!important;top:48%!important;transform:none!important;margin:0 -38px 0 8px!important;width:74px!important;min-height:58px!important;z-index:8!important;border-radius:999px!important;pointer-events:none!important}
.grupos-mural-overlay{display:grid;place-items:center;padding:18px!important;overflow:hidden!important}
.grupos-mural-overlay[hidden]{display:none!important}
.grupos-mural-modal{width:min(1440px,calc(100vw - 36px));max-height:90vh;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:54px!important}
.grupos-mural-indicador{position:sticky!important;float:right!important;right:auto!important;left:auto!important;top:48%!important;transform:none!important;margin:0 -38px -64px 8px!important;width:74px!important;min-height:58px!important;z-index:8!important}
@media(max-width:760px){
 .grupo-cadastro-overlay,.grupos-mural-overlay{padding:8px!important}
 .grupo-cadastro-modal,.grupos-mural-modal{width:calc(100vw - 16px)!important;max-height:92vh!important;padding-right:44px!important}
 .grupo-cadastro-indicador,.grupos-mural-indicador{width:58px!important;min-height:50px!important;font-size:9px!important;margin-right:-34px!important}
}

/* Nº 59: preço da carteirinha explícito antes da emissão. */
.carteirinha-preco-box{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;margin:18px 0;padding:16px 18px;border:1px solid #e6bd49;border-radius:16px;background:#fff5cc;color:#173d4e}
.carteirinha-preco-box span{font-weight:800}.carteirinha-preco-box strong{font-size:1.25rem;color:#8c6200}.carteirinha-preco-box small{grid-column:1/-1;color:#5b686b}
@media(max-width:620px){.carteirinha-preco-box{grid-template-columns:1fr}.carteirinha-preco-box small{grid-column:auto}}

/* Nº 61: agenda deve parecer viva mesmo antes de receber conteúdo real. */
.eventos-publicos-cabecalho{background:linear-gradient(135deg,#fff,#f4fbf8)}
.eventos-vazio-categorias{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:850px;margin:18px auto 22px}.eventos-vazio-categorias span{display:grid;place-items:center;min-height:70px;padding:10px;border-radius:14px;background:#f2f7f5;font-weight:800;color:#174c48;border:1px solid #d6e7e1}
.evento-publico-card{transition:transform .2s ease,box-shadow .2s ease}.evento-publico-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(18,57,55,.14)}.evento-publico-card img{object-fit:contain!important;background:#eef4f1!important}
.evento-publico-acoes{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.evento-contato{font-weight:700;color:#365d58!important}
@media(max-width:760px){.eventos-vazio-categorias{grid-template-columns:1fr 1fr}}

/* Nº 62/64: Mercado primeiro encanta o turista; cadastro do lojista é secundário. */
.mercado-encanto{background:linear-gradient(135deg,#eef9f7,#fff8df)!important;border:1px solid #cde2dd!important}.mercado-encanto h2{font-size:clamp(1.6rem,3vw,2.5rem)!important;color:#103f53!important}
.mercado-categorias-visuais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 26px}.mercado-categorias-visuais article{display:grid;gap:5px;align-content:center;min-height:138px;padding:18px;border-radius:20px;background:#fff;border:1px solid #d8e6e8;box-shadow:0 10px 25px rgba(8,47,79,.06);text-align:center}.mercado-categorias-visuais b{font-size:2rem}.mercado-categorias-visuais strong{font-size:1rem;color:#123f63}.mercado-categorias-visuais span{font-size:.86rem;color:#63757d}
.mercado-grid{grid-template-columns:1fr!important}.mercado-loja-completa{padding:24px!important}.mercado-galeria-seis{margin-bottom:16px}.mercado-galeria-seis img{height:230px!important;object-fit:contain!important;background:#eef3f5}.mercado-card-topo{display:grid;grid-template-columns:auto 1fr;gap:14px}.mercado-produtos-publicos>div{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px!important}.mercado-produto{border:1px solid #d9e5e8;border-radius:16px;overflow:hidden;background:#fff}.mercado-produto img{width:100%;height:190px!important;object-fit:contain!important;background:#f0f4f5}.mercado-produto>div{padding:14px}.mercado-lojista-secundario{margin-top:38px!important;border:1px dashed #aecbd1!important;background:#f7fafb!important;opacity:.94}
@media(max-width:850px){.mercado-categorias-visuais{grid-template-columns:1fr 1fr}.mercado-card-topo{grid-template-columns:1fr}.mercado-galeria-seis img{height:180px!important}}
@media(max-width:520px){.mercado-categorias-visuais{grid-template-columns:1fr}}

/* Nº 63: Quero ter minha Loja CLIC — formulário amplo, alinhado e responsivo. */
.cadastro-loja-frame{padding:24px 14px!important}.cadastro-loja-shell{width:min(980px,100%)!important;max-width:980px!important}.cadastro-loja-card{width:100%!important;box-sizing:border-box!important;padding:clamp(22px,4vw,42px)!important}.cadastro-loja-card .clic-login-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.cadastro-loja-card .clic-login-form>label{min-width:0!important}.cadastro-loja-card .clic-login-form>label:nth-child(1),.cadastro-loja-card .clic-login-form>label:nth-child(4),.cadastro-loja-card .clic-login-form>label:nth-child(5),.cadastro-loja-card #plano,.cadastro-loja-card #enviar,.cadastro-loja-card #msg{grid-column:1/-1!important}.cadastro-loja-card input,.cadastro-loja-card textarea,.cadastro-loja-card select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.cadastro-loja-card .lojista-duplo{display:grid!important;grid-template-columns:2fr .7fr!important;gap:12px!important}.cadastro-loja-card .cadastro-plano-preview{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}.cadastro-loja-card .cadastro-plano-preview small{grid-column:1/-1}.imagem-preview-loja{margin-top:10px;border:1px solid #d2e0e4;border-radius:14px;background:#eef3f5;padding:8px;text-align:center}.imagem-preview-loja img{max-width:100%;height:210px;object-fit:contain}.cadastro-loja-separador{text-align:center;margin:22px 0 8px;color:#65777d;font-weight:700}.cadastro-loja-separador span{background:#fff;padding:0 10px}.cadastro-loja-card .clic-login-ajuda-acoes .botao{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#147c96!important}
@media(max-width:720px){.cadastro-loja-card .clic-login-form{grid-template-columns:1fr!important}.cadastro-loja-card .clic-login-form>*{grid-column:auto!important}.cadastro-loja-card .lojista-duplo{grid-template-columns:1fr!important}.cadastro-loja-card .cadastro-plano-preview{grid-template-columns:1fr}.cadastro-loja-card .cadastro-plano-preview small{grid-column:auto}}

/* =========================================================
   CLIC TURISMO — PENTE-FINO DE FECHAMENTO 28/08/2026
   Preserva o aprovado e corrige contraste, IA, Mural e Loja.
========================================================= */
/* Contraste: botões efetivamente escuros usam texto/ícones claros. */
.clic-sistema-voltar,
.clic-login-bottomnav .botao,
.clic-login-ajuda-acoes .botao,
#voltar.botao,
.carteirinha-form-nav .clic-voltar-topo,
.cadastro-rede-modal .clic-voltar-topo,
.clic-text-tools .botao,
.clic-ai-preview .botao,
.clic-ai-pedido .botao,
.grupos-mural-voltar,
.grupo-cadastro-modal .botao,
.eventos-publicos .botao,
.mercado-card-acoes .botao,
.mercado-hero .botao {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* Quando o botão secundário é realmente claro, mantém texto escuro. */
.botao-secundario.botao-claro,
.clic-ai-original summary {color:#173f50!important;-webkit-text-fill-color:#173f50!important}

/* Assistente CLIC: um campo principal + diálogo de ajuda real. */
.clic-text-tools.simples{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:9px 0 14px}
.clic-text-tools.simples .botao{background:#147e99!important;border-color:#147e99!important;min-height:42px;font-weight:800}
.clic-text-padrao{color:#50666f;font-size:.9rem;margin-left:2px}
.clic-ai-status{flex-basis:100%;font-size:.88rem;color:#50666f;min-height:1.25em}
.clic-ai-status[data-tipo="ok"]{color:#176b45}.clic-ai-status[data-tipo="erro"]{color:#9b2c2c}
.clic-ai-preview-overlay,.clic-ai-pedido-overlay{position:fixed;inset:0;z-index:100500;background:rgba(5,31,45,.88);display:grid;place-items:center;padding:18px;overflow:auto}
.clic-ai-preview,.clic-ai-pedido{position:relative;width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:clamp(20px,4vw,30px);box-shadow:0 28px 90px rgba(0,0,0,.35)}
.clic-ai-preview h3,.clic-ai-pedido h3{margin:0 48px 8px 0;color:#173f63;font-size:clamp(1.25rem,3vw,1.8rem)}
.clic-ai-explica,.clic-ai-pedido>p{color:#546870;line-height:1.55}
.clic-ai-fechar{position:absolute;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#123f56;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.clic-ai-sugestao{margin:16px 0;padding:18px;border:1px solid #cfe1e6;border-radius:16px;background:#f7fbfc;line-height:1.65;color:#263f49;white-space:normal}
.clic-ai-sugestao>span{display:block;font-weight:900;color:#0b6f86;margin-bottom:8px}
.clic-ai-original{margin:12px 0;border:1px solid #e2e8ea;border-radius:12px;padding:10px 12px;background:#fff}.clic-ai-original summary{cursor:pointer;font-weight:800}.clic-ai-original div{padding-top:10px;line-height:1.55;color:#5c6a70}
.clic-ai-preview-actions,.clic-ai-pedido-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.clic-ai-pedido label{display:block;font-weight:800;color:#173f50;margin-top:15px}.clic-ai-pedido textarea{width:100%;box-sizing:border-box;min-height:130px;margin-top:7px;padding:13px;border:1px solid #bcd0d7;border-radius:13px;font:inherit;line-height:1.5;resize:vertical}
.clic-ai-prompt-voz{margin-top:9px}.clic-ai-pedido-status{min-height:1.4em;color:#9b2c2c;font-weight:700}
body.clic-ai-aberto{overflow:hidden!important}
@media(max-width:560px){.clic-text-tools.simples .botao{flex:1 1 calc(50% - 9px);font-size:12px}.clic-text-padrao{flex-basis:100%}.clic-ai-preview-actions .botao,.clic-ai-pedido-actions .botao{flex:1 1 100%}}

/* Cadastro da Loja CLIC: mais espaço no desktop, continua responsivo. */
.cadastro-loja-frame{display:block!important;padding:24px 16px!important}
.cadastro-loja-shell{width:min(1160px,100%)!important;max-width:1160px!important;margin:0 auto!important}
.cadastro-loja-card{width:100%!important;max-width:none!important;padding:clamp(24px,4vw,48px)!important}
.cadastro-loja-card h1{font-size:clamp(2.1rem,5vw,4rem)!important;line-height:1.05}
.cadastro-loja-card #descricao{min-height:190px!important}
@media(max-width:720px){.cadastro-loja-shell{width:100%!important}.cadastro-loja-card{padding:22px 18px!important}.cadastro-loja-card h1{font-size:2.35rem!important}}

/* Mural completo: indicador central, pertencente ao modal e sem cobrir fotografias. */
.grupos-mural-modal{position:relative!important}
.grupos-mural-indicador{
  position:fixed!important;float:none!important;left:50%!important;right:auto!important;
  top:auto!important;bottom:26px!important;transform:translateX(-50%)!important;
  margin:0!important;width:118px!important;min-height:54px!important;
  display:grid!important;place-items:center!important;text-align:center!important;
  z-index:10026!important;pointer-events:none!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
.grupos-mural-indicador.oculto{opacity:0!important;visibility:hidden!important}
@media(max-width:760px){.grupos-mural-indicador{width:96px!important;min-height:48px!important;font-size:10px!important;bottom:16px!important}}

/* Minha Cadeira: o X é flutuante; o botão textual Fechar fica normal no rodapé. */
.cartao-mensagem > .fechar-cartao-mensagem{position:absolute;right:18px;top:14px;width:42px;height:42px;border:0;border-radius:50%;font-size:30px;background:#fff;color:#173f50;cursor:pointer}
.cartao-mensagem-acoes .fechar-cartao-mensagem{position:static!important;right:auto!important;top:auto!important;width:auto!important;height:auto!important;border-radius:999px!important;font-size:inherit!important;background:#147e99!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:12px 18px!important}

/* Agenda pública: vitrine turística, não tabela administrativa. */
.eventos-publicos{max-width:1320px!important}.eventos-publicos-cabecalho{min-height:190px;padding:32px!important;border-radius:28px!important;background:linear-gradient(135deg,#f8fffd 0%,#fff5d7 100%)!important;border:1px solid #d8e7e2}
.eventos-publicos-cabecalho h1{font-size:clamp(2.1rem,5vw,4rem)!important;line-height:1.05}.eventos-publicos-cabecalho p{color:#355d58!important}
.eventos-lista{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px!important}
.evento-publico-card{overflow:hidden!important;border-radius:24px!important;background:#fff!important;border:1px solid #d9e6e2!important;box-shadow:0 14px 35px rgba(12,56,52,.09)!important}
.evento-publico-card>img{width:100%!important;height:320px!important;object-fit:contain!important;background:#eef4f1!important;cursor:zoom-in}.evento-publico-card>div{padding:22px!important}.evento-publico-card h2{font-size:clamp(1.4rem,2.5vw,2rem)!important;color:#123f53!important}.evento-publico-card.evento-destaque{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important}.evento-publico-card.evento-destaque>img{height:100%!important;min-height:430px!important}
.eventos-vazio{padding:44px 24px!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fbfa)!important}.eventos-vazio h2{font-size:clamp(1.6rem,3vw,2.4rem)!important}
.eventos-lightbox{position:fixed;inset:0;z-index:100300;background:rgba(4,25,34,.94);display:grid;place-items:center;padding:24px}.eventos-lightbox[hidden]{display:none!important}.eventos-lightbox img{max-width:94vw;max-height:86vh;object-fit:contain}.eventos-lightbox button{position:fixed;right:22px;top:18px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#153d4e;font-size:30px;cursor:pointer}
@media(max-width:820px){.eventos-lista{grid-template-columns:1fr!important}.evento-publico-card.evento-destaque{display:block!important}.evento-publico-card.evento-destaque>img,.evento-publico-card>img{height:260px!important;min-height:0!important}.eventos-publicos-cabecalho{padding:24px 18px!important}}


/* PENTE FINO 28/08/2026 — Agenda admin e destino white-label */
.admin-agenda-foto{grid-column:1/-1;display:grid;gap:10px;padding:16px;border:1px solid #cedde1;border-radius:16px;background:#f7fafb}.admin-agenda-foto>p{margin:0;color:#5e747c}.admin-agenda-foto-preview{height:300px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#eaf0f2;color:#60747b}.admin-agenda-foto-preview img{width:100%;height:100%;object-fit:contain;background:#eaf0f2}.admin-agenda-foto details summary{font-weight:800;cursor:pointer}.admin-agenda-foto details input{width:100%;margin-top:8px;box-sizing:border-box}.admin-agenda-descricao{grid-column:1/-1}.admin-agenda-descricao textarea{min-height:190px;resize:vertical}.master-turismo-local{margin:16px 0;padding:16px;border:1px solid #d5e3e6;border-radius:16px;background:#f8fbfc}.master-turismo-local legend{padding:0 8px;font-weight:900;color:#174d5b}.master-turismo-local p{margin:0 0 12px;color:#60747b;line-height:1.5}@media(max-width:720px){.admin-agenda-foto-preview{height:220px}.admin-agenda-descricao textarea{min-height:160px}}


/* =========================================================
   CLIC TURISMO — CORREÇÃO CIRÚRGICA MURAL "VER TODOS" 30/08/2026
   Replica o padrão funcional do painel de Atrativos:
   a camada fixa é a área que rola; o cartão interno cresce livremente.
========================================================= */
.grupos-mural-overlay{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  padding:18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.grupos-mural-overlay[hidden]{display:none!important}
.grupos-mural-modal{
  box-sizing:border-box!important;
  width:min(1440px,calc(100vw - 36px))!important;
  max-width:1440px!important;
  min-height:calc(100vh - 36px)!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  overflow:visible!important;
  padding-right:26px!important;
}
.grupos-mural-overlay::-webkit-scrollbar{width:12px}
.grupos-mural-overlay::-webkit-scrollbar-track{background:#e8eef0;border-radius:999px}
.grupos-mural-overlay::-webkit-scrollbar-thumb{background:#66767b;border:3px solid #e8eef0;border-radius:999px}
.grupos-mural-overlay{scrollbar-width:auto;scrollbar-color:#66767b #e8eef0}
.grupos-mural-indicador{
  position:fixed!important;
  left:auto!important;
  right:max(26px,calc((100vw - min(1440px,100vw - 36px))/2 + 22px))!important;
  top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  width:78px!important;min-height:58px!important;
}
@media(max-width:760px){
  .grupos-mural-overlay{padding:8px!important}
  .grupos-mural-modal{width:calc(100vw - 16px)!important;min-height:calc(100vh - 16px)!important;padding-right:12px!important}
  .grupos-mural-indicador{right:12px!important;width:64px!important;min-height:52px!important;font-size:9px!important}
}

/* =========================================================
   CLIC TURISMO — AJUSTE CIRÚRGICO 30/08/2026
   Barra de rolagem DENTRO do mural, igual ao padrão Atrativos.
========================================================= */
.grupos-mural-overlay{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:18px!important;
}
.grupos-mural-overlay[hidden]{display:none!important}
.grupos-mural-modal{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(1440px,calc(100vw - 36px))!important;
  max-width:1440px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 36px)!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding-right:26px!important;
}
.grupos-mural-modal::-webkit-scrollbar{width:12px}
.grupos-mural-modal::-webkit-scrollbar-track{background:#e8eef0;border-radius:999px}
.grupos-mural-modal::-webkit-scrollbar-thumb{background:#66767b;border:3px solid #e8eef0;border-radius:999px}
.grupos-mural-modal{scrollbar-width:auto;scrollbar-color:#66767b #e8eef0}
.grupos-mural-indicador{
  position:sticky!important;
  float:right!important;
  left:auto!important;
  right:10px!important;
  top:48%!important;
  bottom:auto!important;
  transform:none!important;
  margin:0 0 -64px 8px!important;
  z-index:8!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .grupos-mural-overlay{padding:8px!important}
  .grupos-mural-modal{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;padding-right:14px!important}
  .grupos-mural-indicador{right:4px!important;width:62px!important;min-height:50px!important;font-size:9px!important}
}

/* CLIC 30/08/2026 — escolha acessível do canal de primeiro acesso */
.clic-acesso-canais{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.clic-acesso-canais .botao{width:100%;min-height:48px}.clic-acesso-canais .botao.ativo{outline:3px solid #f2ad00;outline-offset:2px}.clic-login-card input[autocomplete="username"]{width:100%}@media(max-width:620px){.clic-acesso-canais{grid-template-columns:1fr}}


/* =========================================================
   CLIC TURISMO — DESTINO DE EXCELÊNCIA® / SELOS ANUAIS
   Implementação isolada: não altera os módulos já aprovados.
========================================================= */
.destino-excelencia-publico{
  max-width:1180px!important;
  margin:44px auto!important;
  padding:34px clamp(18px,3vw,38px)!important;
  border:1px solid rgba(204,151,0,.28)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,#fffdf8,#fff)!important;
  box-shadow:0 18px 46px rgba(18,49,47,.09)!important;
}
.destino-excelencia-titulo{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;text-align:left!important;margin-bottom:26px!important}
.destino-excelencia-titulo h2{margin:0!important;color:#123d4f!important;font-size:clamp(28px,3.4vw,46px)!important;line-height:1.05!important}
.destino-excelencia-titulo p{margin:8px 0 0!important;color:#536763!important;font-size:clamp(14px,1.4vw,18px)!important}
.destino-excelencia-trofeu{font-size:42px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.12))}
.destino-excelencia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.destino-premio{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:350px;padding:18px 16px 20px;border-radius:26px;border:1px solid rgba(18,49,47,.10);background:#fff;text-align:center;box-shadow:0 12px 32px rgba(18,49,47,.08)}
.destino-premio::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--selo-cor,#c99a25)}
.destino-premio-ouro{--selo-cor:#d49a00;background:linear-gradient(160deg,#fffdf8,#fff7d7)}
.destino-premio-prata{--selo-cor:#8b949d;background:linear-gradient(160deg,#fff,#f1f4f6)}
.destino-premio-bronze{--selo-cor:#b76a2c;background:linear-gradient(160deg,#fff,#f8e9dd)}
.destino-selo-wrap{position:relative;width:min(100%,230px);aspect-ratio:1/1;margin:3px auto 4px;display:grid;place-items:center}
.destino-selo-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.16))}
.destino-selo-ano{position:absolute;left:50%;bottom:18.5%;transform:translateX(-50%);min-width:66px;padding:2px 8px;border-radius:999px;background:rgba(8,25,30,.88);color:#fff!important;font-size:18px;line-height:1.2;letter-spacing:.04em;text-shadow:0 1px 2px #000}
.destino-premiado{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.destino-premio-status{font-size:14px;font-weight:900;color:#526460}
.destino-premio-nome{display:none;color:#123d4f;font-size:clamp(17px,1.6vw,22px);line-height:1.2}
.destino-premio-local{display:none;color:#62726f;font-size:13px;font-weight:700}
.destino-premio.tem-vencedor .destino-premio-status{display:none}
.destino-premio.tem-vencedor .destino-premio-nome,.destino-premio.tem-vencedor .destino-premio-local{display:block}
.destino-premio.tem-vencedor{cursor:pointer}
.destino-premio.tem-vencedor:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(18,49,47,.13)}
.destino-excelencia-rodape{margin:20px 0 0!important;padding-top:16px;border-top:1px solid rgba(18,49,47,.10);text-align:center!important;color:#536763!important;font-size:13px!important;font-weight:700}
@media(max-width:860px){.destino-excelencia-grid{grid-template-columns:1fr}.destino-premio{min-height:0}.destino-selo-wrap{width:210px}.destino-excelencia-titulo{text-align:center!important;flex-direction:column!important}}
@media(max-width:520px){.destino-excelencia-publico{margin:28px 10px!important;padding:24px 12px!important;border-radius:22px!important}.destino-selo-wrap{width:188px}.destino-selo-ano{font-size:16px}.destino-excelencia-grid{gap:12px}}


/* =========================================================
   CLIC TURISMO — LOJA CLIC: ADESÃO CLARA E CONFORTÁVEL
   Ajuste cirúrgico 30/08/2026. Não altera outras áreas.
========================================================= */
body.clic-sistema-body .cadastro-loja-frame{display:block!important;padding:24px 18px!important}
body.clic-sistema-body .cadastro-loja-shell{width:min(1120px,calc(100vw - 36px))!important;max-width:1120px!important;margin:0 auto!important;padding:0!important}
body.clic-sistema-body .cadastro-loja-card{width:100%!important;max-width:none!important;margin:18px auto!important;padding:clamp(28px,4vw,48px)!important;box-sizing:border-box!important}
.cadastro-loja-card .clic-login-intro{max-width:900px!important;line-height:1.65!important}
.loja-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 14px}
.loja-passos span{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 12px;border:1px solid #cfe1e6;border-radius:14px;background:#f5fafb;color:#173f50;font-weight:800;line-height:1.25}
.loja-passos b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#0d7892;color:#fff}
.loja-acesso-explica{margin:0 0 22px;padding:12px 14px;border-radius:13px;background:#fff7d9;border:1px solid #efc75a;line-height:1.5;color:#42565e}
body.clic-sistema-body .cadastro-loja-card .clic-login-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important}
body.clic-sistema-body .cadastro-loja-card .clic-login-form>label:nth-child(1),
body.clic-sistema-body .cadastro-loja-card .clic-login-form>label:nth-child(4),
body.clic-sistema-body .cadastro-loja-card .loja-redes,
body.clic-sistema-body .cadastro-loja-card #plano,
body.clic-sistema-body .cadastro-loja-card #enviar,
body.clic-sistema-body .cadastro-loja-card #msg{grid-column:1/-1!important}
body.clic-sistema-body .cadastro-loja-card #descricao{min-height:230px!important;resize:vertical!important;line-height:1.55!important;padding:14px!important}
.loja-redes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.loja-redes label{min-width:0}
.cadastro-loja-card input,.cadastro-loja-card textarea{font-size:16px!important}
@media(max-width:760px){
 body.clic-sistema-body .cadastro-loja-frame{padding:8px!important}
 body.clic-sistema-body .cadastro-loja-shell{width:100%!important}
 body.clic-sistema-body .cadastro-loja-card{margin:8px auto!important;padding:22px 18px!important}
 .loja-passos{grid-template-columns:1fr 1fr}
 body.clic-sistema-body .cadastro-loja-card .clic-login-form{grid-template-columns:1fr!important}
 body.clic-sistema-body .cadastro-loja-card .clic-login-form>*{grid-column:auto!important}
 .loja-redes{grid-template-columns:1fr}
}
@media(max-width:460px){.loja-passos{grid-template-columns:1fr}}