:root {
    --cor_fundo:white;
    --cor_tinta:black;

}
body,html {
  width:100vw;
  margin:0;padding:0;border:0;
  font-family:'Syne', sans-serif;
  font-size:3.5vmax;
  
  background:var(--cor_fundo);
  color:var(--cor_tinta);
/*
  touch-action: none;
*/
  border-collapse: collapse;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);   
}

div,img {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

::-webkit-scrollbar {
  width: 0px;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
}

@-moz-document url-prefix() { /* Disable scrollbar Firefox */
  html{
    scrollbar-width: none;
  }
}
.email {
  display:none;
}
div {
  margin: 0; /* remove default margin */
  padding:0;
  scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
  -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
  border-collapse: collapse;
  
}
div::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
}

* {
    margin: 0;
    padding: 0;
    line-height: 1.1em; 
  }

body {
  cursor: url("../imagens/mouse_1b.png") 25 25,auto;
  display:none;
  line-height: 100%; 
}
#palco_inicio_ {
    display:none;
}
.c3{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  
}
.sessao {
 
  height:17.5vh;
  margin-top:1vh;
  margin-bottom:1vh;
  transition: height 1s ease-in-out;
  z-index:1;
  
}
.sessao_fechada {
  border-bottom:0.15vmax solid;
  border-color: var(--cor_tinta);
}
.sessao_conteudo {
  display:flex;
  height:100%;
}

.sessao_cl {
  
  
  
}

.sessao_cl1 {
  align-self:center;
  width:18vw;
  margin-right:2vw;
  
  margin-top:-1vh;
}
.sessao_cl2 {
  width:28vw;
  margin-right:2vw;
}
.sessao_cl3 {
  width:50vw;
}

.sessao_cl3_sobre {
    width:98%;
  }
  
.sessao_titulo {
  
  display:none;
  cursor:pointer;
  margin-left:3vw;
  font-size:2vmax;
  font-weight: bold;
  margin-top:-0.5vh;

  
}

.acontecendo_txt {
  
  
}

.cl_conteudo {
  
  z-index:-1;
  display:none;
  max-height: 100%;
  overflow: hidden;
  margin-right:1rem;
  
  
}

#acontecendo_txt {
    display:inline-block;
    font-size:2vmax;
    margin-bottom:0.25rem;
}
#proxima_edicao_txt, #proxima_edicao_numero_txt {
    font-size:2vmax;
    font-weight:bold;
    color:#FF7F00;
   
}

#acontecendo_artista_txt {
  font-size:2vmax;
  font-weight:bold;
  text-size-adjust: none;
  color:#FF7F00;
  cursor:pointer;
}

#acontecendo_obra_txt {
  font-size:2vmax;
  font-weight:bold;
  color:#FF7F00;
  cursor:pointer;
}

#edicoes_passadas_painel {
  
}

.letreiro {
  transition: top 1s ease-in-out;
  position:relative;
  top:50vh;
}
#edicoes_passadas_txt {
  font-size:2vmax;
}

#edicoes_passadas_conteudo {
  font-size:2vmax;
  
}

.parceiro_txt {
    
}
.obra_sep {
  margin-bottom:0.25rem;
}

.obra_link, .projeto_link, .curso_link,.clipping_link {
  display:inline-block;
  font-weight: normal;
  border-bottom:1px solid;
  border-color: var(--cor_fundo);
  cursor:pointer;
}
.obra_link:hover, .projeto_link:hover, .curso_link:hover,.clipping_link:hover {
  display:inline-block;
  border-bottom:1px solid;
  border-color: var(--cor_tinta);
  font-weight: bold;
  cursor:pointer;
}
.rodape {
  background:var(--cor_fundo);
  border-top:0.15vmax solid;
  border-color: var(--cor_tinta);
  height:7vh;
  max-height:7vh;
  width:100vw;
  position:fixed;
  bottom:0;
  z-index:3;

  
}

#rodape_conteudo  {
  margin-top:0.2vh;
  
  display:flex;
  height:7vh;
  border:0px solid red;
  
}
#rodape_buscar {
    margin-left:2vw;
    width:22vw;
}
#rodape_buscar .buscar_container {
    width:100%;
    background:#ccc;
    position:relative;
    margin-top:0.20rem;
}

#rodape_buscar #pesq {
    padding:0.10rem;
    font-size:1vmax;
    width:100%;
    position:absolute;
    margin-left:5px;
    background:var(--cor_fundo);
    color:var(--cor_tinta);

}
#rodape_buscar .btn_buscar {
    cursor:pointer;
    display:inline-block;
    font-size:1.5vmax;
    position:absolute;
    right:-1vmax;
    top:0.3vmax;
}

.rodape_redes_sociais {
  display:inline-block;
  cursor:pointer;
  font-size: 1vmax;
  margin-left:1vw;
}
.rodape_redes_sociais:hover {
  border-bottom:0.15vmax solid;
  border-color: var(--cor_tinta);
  font-weight:bold;
  cursor:pointer;
}


.rodape_lang {
  border: bottom 0.15vmax solid;
  border-color: var(--cor_fundo);
  display:inline-block;
  font-weight:normal;

  cursor:pointer;
  
  font-size: 1vmax;
}

.rodape_lang:hover {
  border-bottom:0.15vmax solid;
  border-color: var(--cor_tinta);
  font-weight:bold;
}

.rodape_lang_ativado {
  border-bottom:0.15vmax solid;
  border-color: var(--cor_tinta);
  font-weight:bold;
}
.light_switch {
    display:none;
    cursor:pointer;
    position:absolute;
    font-size:1.5vmax;
    margin-top:2.2vmax;
    margin-left:0.9vmax;
    border: bottom 0.15vmax solid;
    border-color: var(--cor_fundo);
}

.rodape_mobile {
    background:var(--cor_fundo);
    border-top:0.15vmax solid;
    border-color: var(--cor_tinta);
    height:7vh;
    max-height:7vh;
    width:100vw;
    position:fixed;
    bottom:0;
    z-index:3;
    display:none;
    
  }
  
  #rodape_conteudo_mobile  {
    margin-top:0.2vh;
    height:7vh;
    border:0px solid red;
    
  }
  #rodape_buscar_mobile {
    display:inline-block;
    margin-left:2vw;
    width:42vw;
}
#rodape_buscar_mobile .buscar_container {
    width:100%;
    background:#ccc;
    position:relative;
    top:-0.7rem;
}
#rodape_buscar_mobile .btn_buscar {
    cursor:pointer;
    font-size:1.5vmax;
    position:absolute;
    right:-5px;
    top:0.15rem;
}

#rodape_buscar_mobile #pesq {
    padding:0.10rem;
    font-size:1.5vmax;
    width:100%;
    position:absolute;
    background:var(--cor_fundo);
    color:var(--cor_tinta);

}
.rodape_redes_sociais_mobile {
    display:inline-block;
    cursor:pointer;
    font-size: 1vmax;
    margin-left:1vw;
  }
  
#painel_detalhes {
  
  background:var(--cor_fundo);
  margin:0;padding:0;
  box-shadow: 0 0 0 0.25vmax black;
  position:fixed;
  z-index:2;
  top:4vh;
  left:2vw;
  height:84vh;
  width:96vw;
  overflow-y: scroll;
  overflow-x:hidden;
}

.painel_detalhes_descricao {
  background:var(--cor_fundo);
  color:var(--cor_tinta);
  border:2px solid;
  border-color: var(--cor_tinta);
  position:absolute;
  height:86vh;
  width:100%;
}

.image_container {
    width:96.5vw; ; margin:auto; display:none; position: relative;  
    aspect-ratio: 16 / 9; /* ex: 1080 x 0.5625 = 608 */
    /*
    height:70vh;
    max-height: 70vh;
  */
  height:auto;
}

.image_container img{
    width:100% ; height:100%;object-fit: contain;
}

.video_container {
  width:96.5vw; ; margin:auto; display:none; position: relative;  
   
  height:70vh;
  max-height: 70vh;

  

}

.video_container_ video {

  margin:0;padding:0;

  width:calc(100% + 0px) ; height:auto;
}

.video_container video {
    width:100% ; height:100%;object-fit: cover;
  }

.painel_detalhes_conteudo {
  margin:4vh 10vw 4vh 10vw;
  
}
.painel_detalhes_conteudo .conteudo_titulo {

  font-size:2.5vmax;
  font-weight: bold;

}
.painel_detalhes_conteudo .conteudo_subtitulo {

  font-size:1.5vmax;
  font-style:italic;

}

.painel_detalhes_conteudo .conteudo_descricao {
  margin-top:4vh;
  font-size:1.5vmax;


}

.painel_detalhes_fechar {
  display:inline-block;
  padding:0.25em;
  border: 0.25vmax solid;
  border-color: var(--cor_tinta);
  background:rgba(255,255,255,0.6);
  position:fixed;
  top:4.25vh;
  right:2.25vw;
  font-size:2vmax;
  font-weight: bold;
  cursor:pointer;
}

#painel_resultado {
    background:var(--cor_fundo);
    margin:0;padding:0;
    box-shadow: 0 0 0 0.25vmax black;
    position:fixed;
    z-index:1;
    top:4vh;
    left:2vw;
    height:84vh;
    width:96vw;
    overflow-y: scroll;
    overflow-x:hidden;
}

.painel_resultado_fechar {
    display:inline-block;
    padding:0.25em;
    border: 0.25vmax solid;
    border-color: var(--cor_tinta);
    background:rgba(255,255,255,0.6);
    position:absolute;
    top:0.5vmax;
    right:0.5vmax;
    font-size:2vmax;
    font-weight: bold;
    cursor:pointer;
}
.resultado_linha {
    border-bottom:1px solid;
    border-color:var(--cor_fundo);
    font-weight:normal;
    cursor:pointer;
    margin-bottom:0.25rem;
    font-size:2vmax;

}
.resultado_linha:hover {
    border-bottom:1px solid;
    border-color:var(--cor_tinta);
    font-weight:bold;
    cursor:pointer;

}
.painel_resultado_conteudo {
    margin:4vh 10vw 4vh 10vw;
    
}

.resultado_grupo {
    margin-bottom:0.50rem;
}


a {
    color:var(--cor_tinta);
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    color:var(--cor_tinta);
    font-weight: bold;
    text-decoration: underline;
}

a:visited {
    color:var(--cor_tinta);
    font-weight: bold;
    text-decoration: underline;
}


#painel_form {
    background:var(--cor_fundo);
    color:var(--cor_tinta);
    margin:0;padding:0;
    box-shadow: 0 0 0 0.25vmax black;
    position:fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:20;
    top:4vh;
    left:2vw;
    height:84vh;
    width:96vw;
    overflow-y: scroll;
    overflow-x:hidden;
}

.painel_form_fechar {
    display:inline-block;
    padding:0.25em;
    border: 0.25vmax solid;
    border-color: var(--cor_tinta);
    background:rgba(255,255,255,0.6);
    position:absolute;
    top:0.5vmax;
    right:0.5vmax;
    font-size:2vmax;
    font-weight: bold;
    cursor:pointer;
}
.painel_form_conteudo {
    display:inline-block;
    width:50%;
    
    
}
#painel_form_formulario_email,#painel_form_formulario_nome {
    padding:0.10rem;
    font-size:2vmax;
    width:100%;
    background:var(--cor_fundo);
    color:var(--cor_tinta);
    

} 
@media only screen and (max-width:500px) {
    #acontecendo_txt,#proxima_edicao_txt,#acontecendo_artista_txt,#acontecendo_obra_txt  {
        font-size:2vmax;
    }
    .sessao_cl1 {
        width:18vw;
        margin-right:3vw;
      }
    .sessao_cl2 {
        width:34vw;
        margin-right:2vw;
      }
      .sessao_cl3 {
        width:43vw;
      }
      .sessao_titulo {
        font-size:1.7vmax;
      }
}

a.disabled {
    pointer-events: none;
    color: gray;
}
.email {
    display:none;
}

.grecaptcha-badge { visibility: hidden; } 

.carregando {
    z-index:100;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

@media print {
    body {
        display: block !important;
        /* Garante que o conteúdo seja exibido ao imprimir */
    }

    #painel_detalhes {
        position: static !important;
        /* Permite que ele se expanda naturalmente */
        height: auto !important;
        /* Altura dinâmica conforme conteúdo */
        overflow: visible !important;
        /* Garante que todo o conteúdo apareça */
        box-shadow: none !important;
        /* Remove sombras se não forem desejadas na impressão */
    }

    .painel_detalhes_descricao {
        position: static !important;
        height: auto !important;
    }

    .painel_detalhes_fechar {
        display: none !important;
        /* Esconde o botão de fechar ao imprimir */
    }

    .rodape,
    .rodape_mobile,
    .light_switch {
        display: none !important;
        /* Oculta elementos desnecessários na impressão */
    }
}