@import url("reset.css");
@import url("colorfonts.css");
@import url("projeto.css");
@import url("menu.css");

h1, h2, h3, h4, h5, h6{
    font-family: var(--tituloPadrao);
}


.degrade{
    background: var(--degrade);
    width: 100%;
    height: 0.5em;

}

.topo{
  
    background: var(--branco);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    border-bottom: 1px solid rgba(95, 100, 151, 0.3);
    padding: 0.5em 0 ;
    z-index: 20;
    width: 100%;
}

.rodape{
    background:  var(--turquesa);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    padding: 1em 0;
}
.rodape>.boxcontainer{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 1em;
}
.rodape>.boxcontainer>div{
    display: flex;
    flex-direction: column;
    justify-content:space-around;
}

.direitos{
    background: url(../images/pv/pv_florroxa_esquerda.svg) no-repeat, url(../images/pv/pv_florroxa_direita.svg) no-repeat ;
    background-position-x: left, right ;
    background-size: 150px;
    background-position-y: -8px, -8px ;
    height: 40px;
    padding: 1em 0;
}
.direitos>.boxcontainer{
    display: flex;
    flex-direction: row;
    justify-content:center;
 
}
.direitos>.boxcontainer p{
    max-width: max-content;
    text-align: center;
}

/*👉MODULOS👈*/
/* Menu principal */
.mod0menuprincipal>ul{
    display: flex;
    flex-direction:row;
    gap: 1em;
}
.mod0menuprincipal .nav li {
    
}
.mod0menuprincipal .nav li a{
    color: var(--cinzaEscuro);
    text-decoration: none;
}
.mod0menuprincipal .nav .mod-menu__sub{
    display: none;
}
.mod0menuprincipal .nav .parent>span{
    background: url(../images/icones/caret-down-fillhover.svg) right no-repeat;
    padding:  0 14px 0 0;
}

.mod0direitosreservados p{
    font-size: var(--fonteMenor);
}
.mod-breadcrumbs__wrapper{
    margin: 1em 0;
    width: 100%;
}

.mod0navegacao{
    color: var(--branco);
}
.mod0navegacao h3{
    margin-bottom: 0.5em;
}
.mod0navegacao ul li a{
    color: var(--branco);
    text-decoration: none;
 
}
.mod0navegacao ul li{
    margin: 0.3em 0;
}
.mod0navegacao ul li .mod-menu__sub{
    margin-left: 1em;
    font-size: var(--pesoMenor);
    display: none;
}
.mod0navegacao .separator{
    font-weight: bold;
}
.mod0faleconosco{
    color: var(--branco);
}
.mod0horariofuncionamento{
    color: var(--branco);
}
.mod0nossalocalizacao{
    color: var(--branco);
}
.mod0redessociais{
    color: var(--branco);
}

.pagina{
    margin: 1em 0;
}

/* programação */
.programacao{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5em 0;
}
.programacao .potit2{
    text-align: center;
    font-family: var(--tituloPadrao);
    font-size: var(--peso3);
}
.listaprogramacao{
    margin: 0.5em 0;
    width: 90%;
    
}
.listaprogramacao li{
    list-style: none;
    border-radius: 0.6em;
    padding:  1em;
    margin: 0.5em 0;
    font-weight: bold;
   
    color:var(--branco);
}
.inaugural{
    background: var(--salmao);
}
.dia01{ background: var(--rosa);
}
.dia02{ background: var(--roxo);}
.dia03{ background: var(--azul);}
.dia04{ background: var(--turquesa);}




/*MEDIA QUERY*/
/*👉Versão Mobile Cel👈*/
@media screen and (max-width: 700px) {

    /* Estrutura da pagina */
    .topo{
        flex-direction: column;
    }
    .rodape>.boxcontainer{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 1em;
    }
    .rodape>.boxcontainer>div:first-child{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Menu Principal */
    .mod0menuprincipal>ul{
        display: flex;
        flex-direction:column;
        gap: 1em;
    }

}

/*👉Versão Mobile tablet👈*/
@media screen and (min-width: 720px) and (max-width: 1024px) {}

/*👉Versão Desktop👈*/
@media screen and (min-width: 1200px) {}

/*👉Versão IMPRESSÃO👈*/
@media print and (max-height: 280mm) {}