@charset "utf-8";


@font-face {
    font-family: "playfair display";
    src:
      url("../fonts/PlayfairDisplay-Bold.ttf") format("truetype");
  }

@font-face {
    font-family: "neue montreal bold";
    src:
      url("../fonts/NeueMontreal-Bold.otf") format("opentype");
  }

  @font-face {
    font-family: "neue montreal bold italic";
    src:
      url("../fonts/NeueMontreal-BoldItalic.otf") format("opentype");
  }

  @font-face {
    font-family: "neue montreal regular";
    src:
      url("../fonts/NeueMontreal-Regular.otf") format("opentype");
  }

  @font-face {
    font-family: "neue montreal regular italic";
    src:
      url("../fonts/NeueMontreal-Italic.otf") format("opentype");
  }

:root {
    /* cores */
    --orange: #F78969;
    --green: #0A9091;
    --green_secundary: #D3F2EB;
    --preto: #232222;
    --branco: #FFFFFF;
 }

/* gerais */

html, body {
    height: 100vh;       /* ocupa toda a janela */
    width: 100vw;
    min-width: 350px;
    margin: 0;
}

#index {
    overflow: hidden;    /* impede scroll global */
}

body {
    display: block;
    background-color: var(--preto);
}

header {
    display: block;
    position: fixed;
    z-index: 200;
    width: 100%;
}

header a img {
    padding: 2vw;
    width: 12%;
}

main {
    display: block;
}

footer {
    display: block;
}






/* conteudo */ 


nav ul {
    position: absolute;
    top: 2vw;
    right: 2vw;
    display: flex;
    justify-content:space-between;
    align-items:center;
    z-index: 100;
    width: 21.4vw;
}

li {
    display: flex;
}

section {
    padding-bottom: 3vw;
}




/* styles */ 

h1 {
    display: block;
    font-family: "playfair display";
    font-size: 2.15vw;
    color: var(--branco);
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* section h1 {
    padding-bottom: 3vw;
} */

h2 {
    display: block;
    font-family: "neue montreal regular";
    font-size: 1.85vw;
    color: var(--branco);
    line-height: 115%;
}

h3 {
    display: block;
    font-family: "neue montreal bold";
    font-size: 1.10vw;
    color: var(--branco);
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

h4 {
    display: block;
    font-family: "neue montreal regular";
    font-size: 1vw;
    color: var(--branco);
}

li {
    display: block;
    font-family: "neue montreal bold";
    font-size: 1.10vw;
    color: var(--branco);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

li a:hover {
    font-family: "neue montreal bold italic";
}

li a em {
    font-family: "neue montreal regular";
}

li a em:hover {
    font-family: "neue montreal regular italic";
}





a {
    display: inline;
    text-decoration: none;
    color: #ffffff;
    width: auto;
    margin: 0;
  }


p {
    display: block;
    font-family: "neue montreal regular";
    font-size: 1vw;
    color: var(--branco);
    line-height: 127%;
    text-align: justify;
    text-justify: inter-word;
    padding-bottom: 0.8vw;
}

b {
    font-family: "neue montreal bold";
}



img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
}


.menu {
    display: none;
}

 .menu_aberto{
   display: none;
 }

.grelha {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;  
    align-items: start; 
}

.grelha_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;  
    align-items: start; 
    gap: 1.5vw;
    padding-bottom: 3vw;
}

.grelha_precario {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;  
    align-items: start; 
    padding-bottom: 3vw;
}



#section_1 {
    grid-column: 1/6;
    background-color: var(--orange);
    padding: 2vw;
    padding-top: 12vw;
    padding-right: 8vw;
    height: 100vh;       /* altura fixa para ter barra de scroll */
    overflow-y: auto;    /* scroll interno */
}

#section_3 {
    grid-column: 6/9;
    background-color: var(--preto);
    padding: 2vw;
    padding-top: 12vw;
    height: 100vh;       /* altura fixa */
    overflow-y: auto;    /* scroll interno */
}

.column_1 {
    grid-column: 1/3;
}

.column_2 {
    grid-column: 3/5;
}

.column_3 {
    grid-column: 5/7;
}

.column_4 {
    grid-column: 7/9;
}

.column_1_6 {
    grid-column: 1/7;
    padding-bottom: 1vw;
}

.column_1_6 p {
    padding-bottom: 0;
}

.column_bio_1 {
    grid-column: 1/4;
}

.column_bio_1_mobile {
    display: none;
}

.column_bio_2 {
    grid-column: 4/8;
}

.column_bio_2 article {
    padding-bottom: 1.5vw;
}

.column_bio_3 {
    grid-column: 8/9;
    padding-top: 4.7vw;
}

.column_bio_3 li a{
    display: flex;
    padding-bottom: 0.5vw;
}

.column_1_precario {
    grid-column: 1/3;
    border-top: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_1_precario_none {
    grid-column: 1/3;
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}


.column_2_precario {
    grid-column: 3/4;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_3_precario {
    grid-column: 4/5;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_4_precario {
    grid-column: 5/6;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_5_precario {
    grid-column: 6/7;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_2_3_precario {
    grid-column: 3/5;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_4_5_precario {
    grid-column: 5/7;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_2_3_precario_none {
    grid-column: 3/5;
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_4_5_precario_none {
    grid-column: 5/7;
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_2_5_precario {
    grid-column: 3/7;
    border-top: 0.075vw solid var(--branco);
    border-left: 0.075vw solid var(--branco);
    background-color: var(--preto);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_1_precario_exception {
    grid-column: 1/3;
    border-top: 0.05vw solid #666666;
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}


.column_2_precario_exception {
    grid-column: 3/4;
    border-top: 0.05vw solid #666666;
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_3_precario_exception {
    grid-column: 4/5;
    border-top: 0.05vw solid #666666;
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_4_precario_exception {
    grid-column: 5/6;
    border-top: 0.05vw solid #666666;
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}

.column_5_precario_exception {
    grid-column: 6/7;
    border-top: 0.05vw solid #666666;
    border-left: 0.075vw solid var(--branco);
    height: 100%;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: var(--preto);
}




.grelha_precario p {
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    text-align: center;
}

.centrado {
    text-align: center;
}

.p_special_2 {
    text-align: left !important;
}

.bio section ul li a {
    display: flex;
    padding-bottom: 0.5vw;
}

.seta {
    width: 1vw;
    padding-left: 0.5vw;
}

.seta_voltar {
    width: 1vw;
    padding-right: 0.5vw;
    padding-left: 0.1vw;
}

a article {
    padding-top: 3vw;
}

.artistas_img {
    filter: grayscale(100%);
}

a:hover article h3 {
  font-family: "neue montreal bold italic";
}

a:hover article p {
  font-family: "neue montreal regular italic";
}

a:hover article .artistas_img {
  filter: grayscale(0%);
}

.artistas_padding {
    padding-top: 6vw;
}

.last {
    padding-bottom: 12.5vw;
}

#inscricoes {
    position: fixed;
    z-index: 200;
    right: 2vw;
    bottom: 2vw;
    width: 8.5%;
    animation: girar 5s linear infinite; 
    animation-play-state: paused; /* fica em pausa */
}

#inscricoes:hover {
    animation-play-state: running; /* continua a rodar */
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.elfsight-app-791b6a1d-56c6-45a2-9ba6-aaf7459578ba {
    padding-top: 5vw;
}

.patrocinios {
    width: 35%;
}

.arquivo {
    padding-top: 13vw;
    padding-left: 2vw;
    padding-right: 2vw;
}

.bio {
    padding-top: 11.5vw;
    padding-left: 2vw;
    padding-right: 2vw;
}

.footer {
    background-color: var(--orange);
    display: flex;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 6vw;
}

.footer section {
  width: 50vw;
}


.p_special {
    padding-left: 1vw;
}

.subtitle {
padding-top: 1vw;
    }


.br_mobile {
    display: none;
}

.footer_mobile {
    display: none;
}

.ler-mais-btn {
  display: none;
}

.texto-extra {
    display: block;
  }


  .grelha_precario_mobile {
    display: none;
}






@media screen and (max-width: 900px) {

    #index {
    overflow:auto;
}

section {
    padding-bottom: 10vw;
}

h1 {
    font-size: 8.5vw;
}



h2 {
    font-size: 7.5vw;
}

h3 {
    font-size: 4.5vw;
}

h4 {
    display: block;
    font-family: "neue montreal regular";
    font-size: 4.5vw;
    color: var(--branco);
}

li {
    font-size: 4.5vw;
}


p {
    font-size: 3.8vw;
    text-align: left;

    padding-bottom: 3vw;
}

#section_1 {
    height: auto;
    overflow-x: hidden;
    padding: 5vw;
    padding-top: 40vw;
}

#section_3 {
    height: auto; 
    padding: 5vw;      /* altura fixa */
    padding-top: 40vw;
}

.bio {
    padding-top: 40vw;
}


    .grelha {
    display: block;
}

.grelha_2 {
    display: block;
}

.grelha_2 img{
    padding-bottom: 5vw;
}

.grelha_precario {
    display: none;
}

header a img {
    width: 40%;
    padding: 5vw;
    z-index: 300;
}

#inscricoes {
    width: 33%;
    animation-play-state: running;
    right: 5vw;
    bottom: 5vw;
}

.patrocinios {
    padding-top: 4vw;
    width: 50%;
}

a article {
    padding-top: 15vw;
}

.bio section ul li a {
    padding-bottom: 5vw;
}

.seta_voltar {
    width: 4vw;
    padding-right: 1.5vw;
}

.seta {
    width: 4vw;
    padding-left: 1.5vw;
}

.bio {
    padding-left: 5vw;
    padding-right: 5vw;
}

.column_bio_2 {
    padding-top: 10vw;
}

.br_mobile {
    display: block;
}

small {
    font-size: 4.8vw;
}

.footer{
    display: block;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 20vw;
}

.footer section{
    width: 100%;
}

.footer section p:first-of-type{
    padding-bottom: 10vw;
}

nav {
    top: 5vw;
    right: 5vw;
    z-index: 200;
}

nav ul {
    display: none;
}

header {
    display: flex;
}

.menu {
    display: block;
    padding-right: 2vw;
}

 .menu img{
    width: 45% !important;
    z-index: 200;
 }

 .menu_aberto {
    display: none; /* Esconde por padrão */
    background-color: var(--preto);
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow-y: auto;
}

.menu_aberto.show {
    display: block; /* Mostra quando a classe "show" é adicionada */
}

.menu_aberto ol {
    padding-top: 40vw;
    padding-left: 5vw;
}

.menu_aberto ol li {
    padding-bottom: 2vw;
}

.menu img {
    transition: transform 0.3s ease; /* animação suave */
}

.menu.open img {
    transform: rotate(45deg);
}

.index_footer, .apoios {
    display: none;
}

.footer_mobile {
    display: block;
}

.artistas_padding {
    padding-top: 40vw;
}

.arquivo {
    padding-top: 40vw;
    padding-left: 5vw;
    padding-right: 5vw;
}

.ler-mais-btn {
    display: block;
  }

  .texto-extra {
    display: none;
  }

  .texto-extra.show {
    display: block;
  }

  .column_1_6 {
    padding-bottom: 10vw;
}


.p_special {
    padding-left: 15vw;
}


.grelha_precario_mobile {
    display: block;
}

.grelha_precario_mobile img{
    padding-bottom: 20vw;
}

.grelha_precario_mobile h3{
    padding-bottom: 5vw;
}

.column_bio_1 {
    display: none;
}

.column_bio_1_mobile {
    display: block;
}

.column_bio_2 {
    padding-top: 0;
}

.column_bio_3 {
    padding-top: 0vw;
}

.column_bio_3 li a{
    padding-bottom: 5vw;
}



  
}