@import url('https://fonts.googleapis.com/css?family=Poppins|Krona+One');
body{font-family:corbel,sans-serif;line-height:1.6;overflow-x:hidden;font-family:'Poppins',sans-serif}
h1{margin:50px 0;font-weight:bold;font-family:'Krona One',sans-serif;text-align:left}
h2{margin-bottom:50px;font-family:'Krona One',sans-serif}
h3{margin:20px 0;font-weight:bold}

/* Menu. */
header{color:#444;z-index:1000}
header a{color:#444}
header a:hover{color:#444;text-decoration:none}
.navbar-default{background-color:#fff;border:0}
.navbar{margin:0;border-radius:0;min-height:40px}
.navbar li a{padding:32px 8px}
.navbar li.dropdown ul li a{margin:0;padding:8px 30px}
ul li a{padding:32px 5px;cursor:pointer}
ul li:hover{background-color:#eee}
li.dropdown ul{padding:0;color:#fff;background-color:#bbb}
ul li.dropdown ul li:hover{background-color:#bbb;color:#ccc}

.affix{top:0;width:100%;-webkit-transition:all 1.0s ease-in-out;transition:all 1.0s ease-in-out;background-color:rgba(202,202,202,0.95);color:#222}
.affix a{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

#titulo{font-weight:bold;font-size:14pt;font-family:'Krona One',sans-serif;display:block;margin:13px 13px}
.link{cursor:pointer}

/* Links. */
#index .home,#cursos .cursos,#luthieria .luthieria,#equipe .equipe,#loja .loja,#festival .festival,#workshop .workshop,#contato .contato{background-color:#eee}

/* Estações. */
.container-fluid{padding:100px 0;text-align:justify;font-size:14pt}
footer.container-fluid{padding:0}
.container img{float:right;margin:0 0 20px 30px;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.7);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.7);box-shadow:0px 0px 20px rgba(0,0,0,0.7)}
/*#home{
    min-height:1400px;
    background:url(../img/1.jpg) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}*/
#home {
    margin-bottom: 0;
    padding: 0;
    width: 100%; /* Largura total da tela */
    height: 800px; /* Altura fixa ou ajustável */
    color: #fff;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    backface-visibility: hidden;
    will-change: background-image;
    transition: background-image 1s ease-in-out;
}

.fundo-branco{background-color:#fff}
.fundo-cinza{background-color:#eee}
.fundo-preto{background-color:#222;color:#fff}

#bloco-home{text-align:center;padding:200px 15px 100px}
#chamada{border:1px solid #999;padding:20px 10px;margin-bottom:30px;background-color:rgba(0,0,0,.7);font-size:17pt}
#texto-home{border:1px solid #999;font-size:14pt;background-color:rgba(0,0,0,.5);padding:20px}
#equipe img{width:400px;height:509px}

#logo-loja img{margin:30px auto}

/* Antigo. */
#zap a{color:#000}
#contato.container-fluid{padding-bottom:50px}
#contato .col-sm-4,#contato .col-sm-8{height:680px}
#contato .col-sm-4{background-color:#777;padding:30px 20px}
#contato .col-sm-8{padding:0;height:100%}
iframe{border:none;width:100%;height:680px}
input,select,textarea,form button{background-color:#777;border:0;border-bottom:1px solid #ccc;width:100%;margin:5px 0;padding:5px;color:#eee}
form button{border:1px solid #ccc;margin:20px auto}
form button:hover{border-color:#fff}
#parceiros{text-align:center;padding:50px 0}
#endereco{border:1px solid #888;text-align:center;padding:50px 0}

::-webkit-input-placeholder{color:#eee}
input:-moz-placeholder{color:#eee}

#rodape{font-size:14pt}

/* R. Chenta. */
#chenta{background-color:#000;text-align:center;padding:6px}
#chenta p{margin:0;font-size:8pt;color:#fff}
#chenta p a{color:#fff}
#chenta p a:hover{text-decoration:underline}

.contador,#contador{color:#ccc;font-size:14px}
.subir-pagina{font-size:12px;font-weight:700;color:#fff;cursor:pointer;float:right;background-color:#777;position:fixed;right:10px;bottom:10px;padding:10px;opacity:.9;z-index:1000;border-radius:0;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.7);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.7);box-shadow:0px 0px 20px rgba(0,0,0,0.5)}
.subir-pagina:hover{background-color:#444;color:#fff}

.embed-container{margin-top:50px}

/*Festival*/
.container .img-insta img{
    float: none;
    margin: 0;
}

.img-insta{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px; 
}

.fest-img{
    width: 20vw; 
    max-width: 200px; 
    height: auto; 
}

/* ===== FESTIVAL ISOLADO ===== */

/*#festival .img-insta{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

#festival .img-insta img{
    float: none !important;
    margin: 0 !important;
    width: 200px !important;
    max-width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    display: block !important;
}*/

/* Responsividades. */
@media(max-width:767px){ 
    .container-fluid{padding:50px 0}
    h2{text-align:center}
    .container img{float:none;margin:0 auto 50px}
    #contato.container-fluid{padding:0}
    iframe{padding:15px 15px 7px}
    #contato .col-sm-4{padding:50px 15px;height:100%}
}

@media(max-width: 535px){
    .img-insta{
        justify-content: center;
        }
    .fest-img{
        width: 40vw; 
        max-width: 300px; 
    }
}

@media(min-width:1200px){
    #home{
        animation: carrosselDeskM 120s infinite; /* Aplica a animação */
    }
  /* Animação do carrossel */
    @keyframes carrosselDeskM {
        0%   { background-image: url("../img/carrossel/cortadas/cortadaM-1.jpeg"); }
        5%   { background-image: url("../img/carrossel/cortadas/cortadaM-2.jpeg"); }
        10%  { background-image: url("../img/carrossel/cortadas/cortadaM-3.jpeg"); }
        15%  { background-image: url("../img/carrossel/cortadas/cortadaM-4.jpeg"); }
        20%  { background-image: url("../img/carrossel/cortadas/cortadaM-5.jpeg"); }
        25%  { background-image: url("../img/carrossel/cortadas/cortadaM-6.jpeg"); }
        30%  { background-image: url("../img/carrossel/cortadas/cortadaM-7.jpeg"); }
        35%  { background-image: url("../img/carrossel/cortadas/cortadaM-8.jpeg"); }
        40%  { background-image: url("../img/carrossel/cortadas/cortadaM-9.jpeg"); }
        45%  { background-image: url("../img/carrossel/cortadas/cortadaM-10.jpeg"); }
        50%  { background-image: url("../img/carrossel/cortadas/cortadaM-11.jpeg"); }
        55%  { background-image: url("../img/carrossel/cortadas/cortadaM-12.jpeg"); }
        60%  { background-image: url("../img/carrossel/cortadas/cortadaM-13.jpeg"); }
        65%  { background-image: url("../img/carrossel/cortadas/cortadaM-14.jpeg"); }
        70%  { background-image: url("../img/carrossel/cortadas/cortadaM-15.jpeg"); }
        75%  { background-image: url("../img/carrossel/cortadas/cortadaM-16.jpeg"); }
        80%  { background-image: url("../img/carrossel/cortadas/cortadaM-17.jpeg"); }
        85%  { background-image: url("../img/carrossel/cortadas/cortadaM-18.jpeg"); }
        90%  { background-image: url("../img/carrossel/cortadas/cortadaM-19.jpeg"); }
        100% { background-image: url("../img/carrossel/cortadas/cortadaM-20.jpeg"); }
    }
}
@media(min-width:750px) and (max-width:1200px){
    #home{
        animation: carrosselDesk 120s infinite; /* Aplica a animação */
    }
  /* Animação do carrossel */
    @keyframes carrosselDesk {
        0%   { background-image: url("../img/carrossel/cortadas/1.jpeg"); }
        5%   { background-image: url("../img/carrossel/cortadas/2.jpeg"); }
        10%  { background-image: url("../img/carrossel/cortadas/3.jpeg"); }
        15%  { background-image: url("../img/carrossel/cortadas/4.jpeg"); }
        20%  { background-image: url("../img/carrossel/cortadas/5.jpeg"); }
        25%  { background-image: url("../img/carrossel/cortadas/6.jpeg"); }
        30%  { background-image: url("../img/carrossel/cortadas/7.jpeg"); }
        35%  { background-image: url("../img/carrossel/cortadas/8.jpeg"); }
        40%  { background-image: url("../img/carrossel/cortadas/9.jpeg"); }
        45%  { background-image: url("../img/carrossel/cortadas/10.jpeg"); }
        50%  { background-image: url("../img/carrossel/cortadas/11.jpeg"); }
        55%  { background-image: url("../img/carrossel/cortadas/12.jpeg"); }
        60%  { background-image: url("../img/carrossel/cortadas/13.jpeg"); }
        65%  { background-image: url("../img/carrossel/cortadas/14.jpeg"); }
        70%  { background-image: url("../img/carrossel/cortadas/15.jpeg"); }
        75%  { background-image: url("../img/carrossel/cortadas/16.jpeg"); }
        80%  { background-image: url("../img/carrossel/cortadas/17.jpeg"); }
        85%  { background-image: url("../img/carrossel/cortadas/18.jpeg"); }
        90%  { background-image: url("../img/carrossel/cortadas/19.jpeg"); }
        100% { background-image: url("../img/carrossel/cortadas/20.jpeg"); }
    }
}
@media(max-width:750px){
    #home {
        width: 100%; /* Largura total da tela */
        background-size: cover; /* Ajusta a imagem para cobrir o contêiner */
        background-position: center; /* Centraliza a imagem */
        background-repeat: no-repeat; /* Evita repetição da imagem */
        animation: carrosselMobile 120s infinite; /* Aplica a animação */
    }
    @keyframes carrosselMobile {
        0%   { background-image: url("../img/carrossel/1.png"); }
        5%   { background-image: url("../img/carrossel/2.png"); }
        10%  { background-image: url("../img/carrossel/3.png"); }
        15%  { background-image: url("../img/carrossel/4.png"); }
        20%  { background-image: url("../img/carrossel/5.png"); }
        25%  { background-image: url("../img/carrossel/6.png"); }
        30%  { background-image: url("../img/carrossel/7.png"); }
        35%  { background-image: url("../img/carrossel/8.png"); }
        40%  { background-image: url("../img/carrossel/9.png"); }
        45%  { background-image: url("../img/carrossel/10.png"); }
        50%  { background-image: url("../img/carrossel/11.png"); }
        55%  { background-image: url("../img/carrossel/12.png"); }
        60%  { background-image: url("../img/carrossel/13.png"); }
        65%  { background-image: url("../img/carrossel/14.png"); }
        70%  { background-image: url("../img/carrossel/15.png"); }
        75%  { background-image: url("../img/carrossel/16.png"); }
        80%  { background-image: url("../img/carrossel/17.png"); }
        85%  { background-image: url("../img/carrossel/18.png"); }
        90%  { background-image: url("../img/carrossel/19.png"); }
        100% { background-image: url("../img/carrossel/20.png"); }
    }
}
/* Breakpointer. */
@media(max-width:991px){
    header nav.navbar-fixed-top{position:relative} 
    .navbar-header{float:none}
    .navbar-toggle{display:block}
    .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
    .navbar-collapse.collapse{display:none!important}
    .navbar-collapse.collapse.in{display:block!important}
    .navbar-nav{float:none!important;margin:7.5px -15px}
    .navbar-nav>li{float:none}
    .navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
    .navbar li a{padding:5px 40px}
    .navbar-toggle{padding:15px 5px;margin:20px}
    .navbar li.dropdown ul li a{margin-left:30px}
    #bloco-home{text-align:center;padding-top:50px}
}