@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;
    top: 0;
    z-index: 200;
    width: 100%;

}

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

main {
    display: block;
    position: relative;
    top: 0;
}

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 {
    margin-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: 2vw;
    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;
}

strong {
    font-family: "neue montreal bold";
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

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

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

#section_2 a:hover h3, #section_2 a:hover h5 {
    font-family: "neue montreal bold italic";
}

 #section_2 a:hover h2, #section_2 a:hover p {
    font-family: "neue montreal regular italic";
}

 #section_2 h2, #section_1 h2 {
    padding-bottom: 0.5vw;
}

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";
}

.column_program_2 em {
    padding-left: 1vw;
    font-family: "neue montreal regular italic";
}

.column_program_1 em {
    font-family: "neue montreal regular italic";
}



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/4;
    background-color: var(--orange);
    padding: 2vw;

    height: 100vh;       /* altura fixa para ter barra de scroll */
    overflow-y: auto;    /* scroll interno */
}

#section_2 {
    grid-column: 4/7;
    background-color: var(--green);
    padding: 2vw;
    height: 100vh;       /* altura fixa para ter barra de scroll */
    overflow-y: auto;    /* scroll interno */
}

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

.height_inicial {
    height: 21vh;
}

.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_program_1 {
    grid-column: 1/5;
}

.column_bio_1_mobile {
    display: none;
}

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

.column_program_2 {
    grid-column: 6/9;
}

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

.column_program_2 h3 {
    padding-bottom: 1.8vw;
}

.column_program_2 article h5 {
    padding-bottom: 0vw !important;
}

.column_program_2 article p {
    padding-bottom: 1.6vw;
}

.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;
}

.first_article {
    padding-top: 0.5vw !important;
}

.last {
    padding-top: 0.5vw !important;
}

.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;
}


#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;
}

.apoios h6 {
    padding-bottom: 0.5vw;
    padding-top: 2vw;
}

.apoios h6:first-of-type {
    padding-top: 0vw !important;
}

.apoios img:last-of-type {
    margin-bottom: 2vw;
}

.patrocinios {
    width: 35%;
}

/* LOGOS ALTERAR */
.patrocinios:last-of-type {
    width: 60% !important;
}

.apoios img:last-of-type {
    width: 70% !important;
}



#spacing {
    margin-bottom: 2vw !important;
}

.patrocinios_completo {
    display: block;
    width: 100%;
}



.apoios_2 h6 {
    padding-top: 2vw;
}

.apoios_2 h6:first-of-type {
    padding-top: 0vw !important;
}

.contactos {
    padding-top: 2vw;
}

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

#programa {
    background-color: var(--green) !important;

}

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

.footer {
    background-color: var(--preto);
    display: flex;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 7vw;
    position: absolute;
}

.footer > section > a > img {
    margin-bottom: 0vw;
}

.footer > section > img {
    margin-bottom: 0vw;
}

#programa > .footer {
    background-color: var(--green) !important;
}

.footer section {
  width: 36.5vw;
}

.index_footer > a > h3 {
  padding-top: 1vw;
}

.p_special {
    padding-left: 1vw;
}

.subtitle {
padding-top: 3.3vw;
    }

    #second_edition {
    padding-top: 1.5vw;
    padding-bottom: 0.5vw;
    }


.br_mobile {
    display: none;
}

.footer_mobile {
    display: none;
}

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

.texto-extra {
    display: block;
  }


  .grelha_precario_mobile {
    display: none;
}

.instagram {
    display: flex;
}

.instagram a img {
    width: 100%;
    height: auto;
    padding-top: 0.5vw;
}

.instagram a {
    margin-right: 1vw;
}

.equipa {
    display: flex;
    padding-top: 0.8vw;
}

.equipa div {
    width: 33%;
}

.titulo_equipa {
padding-bottom: 1vw;
}






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

    #index {
    overflow:auto;
}

section {
    margin-bottom: 10vw;
}

h1 {
    font-size: 8.5vw;
}



h2 {
    font-size: 7.5vw;
}

h3, h5 {
    font-size: 4.5vw;
}

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

h6 {
    font-size: 3.8vw;
}

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_2 {
    height: auto; 
    padding: 5vw;      /* altura fixa */
    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 .column_bio_2 img{
    padding-bottom: 5vw;
}

.grelha_precario {
    display: none;
}

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

header > a  {
    width: 45vw;
}

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

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

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;
    padding-bottom: 2vw;
}

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

.column_bio_2 {
    padding-top: 10vw;
}

.br_mobile {
    display: block;
}

small {
    font-size: 4.8vw;
    line-height: 135%;
}

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

.footer section{
    width: 100%;
}

.index_footer, .apoios {
    display: none;
}

.footer_mobile {
    display: block;
}

.footer_mobile > section > a > img, .footer > section > a > img {
    margin-bottom: 10vw;
}

.footer_mobile > section > img, .footer > section > img {
    margin-bottom: 10vw;
}

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

/* LOGOS ALTERAR */
.patrocinios:last-of-type {
    margin-bottom: 45vw !important;
    width: 70% !important;
}

.column_program_1 h5 {
    padding-bottom: 5vw;
}

nav {
    z-index: 200;
    padding-right: 5vw;
    width: 2.5rem;
}

nav ul {
    display: none;
}

header {
    display: flex;
    justify-content: space-between;
}

.menu {
    display: block;
    padding-top: 5vw;
    width: 100%;
}

 .menu img{
    width: 100%;
    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);
}


.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;
    padding-bottom: 5vw;
}

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

.column_program_2 article p {
    padding-bottom: 5vw;
}

.column_program_2 em {
    padding-left: 5vw;
}


.instagram {
    display: flex;
}

.instagram a img {
    width: 100%;
    height: 21vw;
    padding-top: 0.8vw;
}

.instagram a {
    margin-right: 1vw;
}

.height_inicial {
    height: 0vh;
}


.equipa {
    display: block;
}

.equipa div {
    width: 100%;
}

.titulo_equipa {
padding-bottom: 3vw;
}

.contactos {
    padding-top: 10vw;
}


.equipa h6 {
    padding-bottom: 5vw;
}

  
}