@charset "UTF-8";

/* ======== ordem */
/* FISICA */


.analise-dimensional {
    order: 1;
} .cinematica {
    order: 2;
} .dinamica {
    order: 3;
} .trabalho-e-energia {
    order: 4;
} .quantidade-de-movimento {
    order: 5;
} .movimento-circular {
    order: 6;
} .estatica {
    order: 7;
} .gravitacao-universal {
    order: 8;
} .fluidos {
    order: 9;
} .movimento-harmonico-simples {
    order: 10;
} .ondulatoria {
    order: 11;
} .termologia {
    order: 12;
} .optica {
    order: 13;
} .eletrostatica {
    order: 14;
} .eletrodinamica {
    order: 15;
} .magnetismo {
    order: 16;
} .fisica-moderna {
    order: 17;
}

/* MATEMATICA */


.funcoes {
    order: 1;
} .modulo {
    order: 2;
} .exponencial {
    order: 3;
} .logaritmo {
    order: 4;
} .trigonometria {
    order: 5;
} .sequencias-e-progressoes {
    order: 6;
} .matrizes {
    order: 7;
} .sistemas-lineares {
    order: 8;
} .analise-combinatoria {
    order: 9;
} .probabilidade {
    order: 10;
} .geometria-plana {
    order: 11;
} .geometria-espacial {
    order: 12;
} .geometria-analitica {
    order: 13;
} .numeros-complexos {
    order: 14;
} .polinomios {
    order: 15;
} .estatistica {
    order: 16;
}

/* QUIMICA */


.atomos {
    order: 1;
} .estudo-da-materia {
    order: 2;
} .separacao-de-misturas {
    order: 3;
} .moleculas-e-propriedades {
    order: 4;
} .funcoes-inorganicas {
    order: 5;
} .reacoes-quimicas {
    order: 6;
} .estudo-dos-gases {
    order: 7;
} .estequiometria {
    order: 8;
} .solucoes {
    order: 9;
} .propriedades-coligativas {
    order: 10;
} .termoquimica {
    order: 11;
} .cinetica-quimica {
    order: 12;
} .equilibrio-quimico {
    order: 13;
} .eletroquimica {
    order: 14;
} .hidrocarbonetos {
    order: 15;
} .funcoes-oxigenadas {
    order: 16;
} .funcoes-nitrogenadas {
    order: 17;
} .outras-funcoes-organicas {
    order: 18;
} .propriedades-dos-compostos-organicos {
    order: 19;
} .isomeria {
    order: 20;
} .reacoes-organicas {
    order: 21;
} .polimeros {
    order: 22;
} .bioquimica {
    order: 23;
} .quimica-ambiental {
    order: 24;
}

/* BIOLOGIA */


.bioquimica-biologia {
    order: 1;
} .citologia {
    order: 2;
} .bioenergetica {
    order: 3;
} .citogenetica {
    order: 4;
} .genetica {
    order: 5;
} .biotecnologia {
    order: 6;
} .reproducao {
    order: 7;
}  .embriologia {
    order: 8;
} .evolucao {
    order: 9;
} .classificacao-dos-seres-vivos {
    order: 10;
} .microbiologia {
    order: 11;
} .micologia {
    order: 12;
} .botanica {
    order: 13;
} .histologia {
    order: 14;
} .zoologia {
    order: 15;
} .fisiologia-humana {
    order: 16;
} .ecologia {
    order: 17;
} .fisiologia-animal-comparada {
    order: 18;
} .biomas-do-brasil {
    order: 19;
} .saude {
    order: 20;
}

/* CORES DE CADA MATERIA */


.header-principal {
    background-color: var(--black);
    border-bottom: 1px solid white;
} .header-principal h1 {
    color: white;
} .header-principal a {
    color: var(--text);
} .header-principal nav {
    color: var();
    background-color: white;
} .header-principal nav a {
    color: var(--black);
} .header-principal nav a:hover {
    color: white;
    background-color: var(--black);
} .header-principal #box-search input {
    background-color: white;
    border: 1px solid var(--black);
} .header-principal #box-search input::placeholder {
    color: var(--black);
} .header-principal #box-search i {
    color: var(--black);
} .header-principal #menu div {
    background-color: white;
} .header-principal menu {
    background-color: var(--black);
} .header-principal menu div {
    color: white;
} .header-principal menu div a:hover {
    color: gray;
} .header-principal #colorButton .color {
    color: white;
} .header-principal .colorButtonMenu:hover {
    background-color: gray;
} .header-principal .colorButtonMenu:first-child:hover {
    color: white;
}


.header-fisica {
    background-color: var(--black);
    border-bottom: 1px solid var(--fisica);
} .header-fisica h1 {
    color: var(--fisica);
} .header-fisica a {
    color: var(--text);
} .header-fisica nav {
    color: white;
    background-color: var(--fisica);
} .header-fisica nav a {
    color: white;
} .header-fisica nav a:hover {
    color: var(--fisica);
    background-color: white;
} .header-fisica #box-search input {
    background-color: var(--fisica);
    border: 1px solid var(--black);
} .header-fisica #box-search input::placeholder {
    color: var(--black);
} .header-fisica #box-search i {
    color: var(--black);
} .header-fisica #menu div {
    background-color: var(--fisica);
} .header-fisica menu {
    background-color: var(--black);
} .header-fisica menu div {
    color: white;
} .header-fisica menu div a:hover {
    color: var(--fisica);
} .header-fisica #colorButton .color {
    color: var(--fisica);
} .header-fisica .colorButtonMenu:hover {
    background-color: var(--fisica);
} .header-fisica .colorButtonMenu:first-child:hover {
    color: white;
}


.header-quimica {
    background-color: var(--black);
    border-bottom: 1px solid var(--quimica);
} .header-quimica h1 {
    color: var(--quimica);
} .header-quimica a {
    color: var(--text);
} .header-quimica nav {
    color: white;
    background-color: var(--quimica);
} .header-quimica nav a {
    color: white;
} .header-quimica nav a:hover {
    color: var(--quimica);
    background-color: white;
} .header-quimica #box-search input {
    background-color: var(--quimica);
    border: 1px solid var(--black);
} .header-quimica #box-search input::placeholder {
    color: var(--black);
} .header-quimica #box-search i {
    color: var(--black);
} .header-quimica #menu div {
    background-color: var(--quimica);
} .header-quimica menu {
    background-color: var(--black);
} .header-quimica menu div {
    color: white;
} .header-quimica menu div a:hover {
    color: var(--quimica);
} .header-quimica #colorButton .color {
    color: var(--quimica);
} .header-quimica .colorButtonMenu:hover {
    background-color: var(--quimica);
} .header-quimica .colorButtonMenu:first-child:hover {
    color: white;
}


.header-matematica {
    background-color: var(--matematica);
    border-bottom: 1px solid var(--matematica);
} .header-matematica h1 {
    color: white;
} .header-matematica a {
    color: var(--text);
} .header-matematica nav {
    background-color: white;
} .header-matematica nav a {
    color: var(--matematica);
} .header-matematica nav a:hover {
    color: white;
    background-color: var(--matematica); 
} .header-matematica nav div:not(:last-child):hover {
    background-color: white;
} .header-matematica #box-search input {
    background-color: white;
    border: 1px solid var(--matematica);
} .header-matematica #box-search input::placeholder {
    color: var(--matematica);
} .header-matematica #box-search i {
    color: var(--matematica);
} .header-matematica #menu div {
    background-color: white;
} .header-matematica menu {
    background-color: var(--black);
} .header-matematica menu div {
    color: white;
} .header-matematica menu div a:hover {
    color: var(--matematica);
} .header-matematica #colorButton .color {
    color: white;
} .header-matematica .colorButtonMenu:hover {
    background-color: var(--matematica);
} .header-matematica .colorButtonMenu:first-child:hover {
    color: white;
}


.header-biologia {
    background-color: var(--black);
    border-bottom: 1px solid var(--biologia);
} .header-biologia h1 {
    color: var(--biologia);
} .header-biologia a {
    color: var(--text);
} .header-biologia nav {
    color: white;
    background-color: var(--biologia);
} .header-biologia nav a {
    color: white;
} .header-biologia nav a:hover {
    color: var(--biologia);
    background-color: white;
} .header-biologia #box-search input {
    background-color: var(--biologia);
    border: 1px solid var(--black);
} .header-biologia #box-search input::placeholder {
    color: var(--black);
} .header-biologia #box-search i {
    color: var(--black);
} .header-biologia #menu div {
    background-color: var(--biologia);
} .header-biologia menu {
    background-color: var(--black);
} .header-biologia menu div {
    color: white;
} .header-biologia menu div a:hover {
    color: var(--biologia);
} .header-biologia #colorButton .color {
    color: var(--biologia);
} .header-biologia .colorButtonMenu:hover {
    background-color: var(--biologia);
} .header-biologia .colorButtonMenu:first-child:hover {
    color: white;
}

/* motivational phrase */


.divPosHeader_phrase {
    border-bottom: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
    color: var(--materia);
    background-color: var(--white);
} .divPosHeader_phrase_fisica {
    border-bottom: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
    color: var(--white);
    background-color: var(--fisica);
} .divPosHeader_phrase_matematica {
    border-bottom: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
    color: var(--white);
    background-color: var(--matematica);
} .divPosHeader_phrase_biologia {
    border-bottom: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
    color: var(--white);
    background-color: var(--biologia);
} .divPosHeader_phrase_quimica {
    border-bottom: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
    color: var(--white);
    background-color: var(--quimica);
} 


.materia .item, .materia .item h2 {
    background-color: var(--materia);
    border: 5px solid var(--materia);
} .materia-title {
    background-color: var(--materia);
}

.fisica .item, .fisica .item h2 {
    background-color: var(--fisica);
    border: 5px solid var(--fisica);
} .quimica .item, .quimica .item h2 {
    background-color: var(--quimica);
    border: 5px solid var(--quimica);
} .biologia .item, .biologia .item h2 {
    background-color: var(--biologia);
    border: 5px solid var(--biologia);
} .matematica .item, .matematica .item h2 {
    background-color: var(--matematica);
    border: 5px solid var(--matematica);
}

/*background pos header*/


.secPosHeader-principal {
    background-image: url('/arquivos/imagens/background/astronomy.webp');
} 

/*background pos header - MATEMATICA*/


.secPosHeader-matematica {
    background-image: url('/arquivos/imagens/background/background-matematica.webp');
} .secPosHeader-analise-combinatoria {
    background-image: url('/arquivos/imagens/matematica/analise-combinatoria.webp');
} .secPosHeader-estatistica {
    background-image: url('/arquivos/imagens/matematica/estatistica.webp');
} .secPosHeader-exponencial {
    background-image: url('/arquivos/imagens/matematica/exponencial.webp');
} .secPosHeader-funcoes {
    background-image: url('/arquivos/imagens/matematica/funcoes.webp');
} .secPosHeader-geometria-analitica {
    background-image: url('/arquivos/imagens/matematica/geometria-analitica.webp');
} .secPosHeader-geometria-espacial {
    background-image: url('/arquivos/imagens/matematica/geometria-espacial.webp');
} .secPosHeader-geometria-plana {
    background-image: url('/arquivos/imagens/matematica/geometria-plana.webp');
} .secPosHeader-matrizes {
    background-image: url('/arquivos/imagens/matematica/matrizes.webp');
} .secPosHeader-modulo {
    background-image: url('/arquivos/imagens/matematica/modulo.webp');
} .secPosHeader-numeros-complexos {
    background-image: url('/arquivos/imagens/matematica/numeros-complexos.webp');
} .secPosHeader-polinomios {
    background-image: url('/arquivos/imagens/matematica/polinomios.webp');
} .secPosHeader-probabilidade {
    background-image: url('/arquivos/imagens/matematica/probabilidade.webp');
} .secPosHeader-sequencias-e-progressoes {
    background-image: url('/arquivos/imagens/matematica/sequencias-e-progressoes.webp');
} .secPosHeader-sistemas-lineares {
    background-image: url('/arquivos/imagens/matematica/sistemas-lineares.webp');
} .secPosHeader-trigonometria {
    background-image: url('/arquivos/imagens/matematica/trigonometria.webp');
}

/*background pos header - FISICA*/


.secPosHeader-fisica {
    background-image: url('/arquivos/imagens/background/background-fisica.webp');
} .secPosHeader-analise-dimensional {
    background-image: url('/arquivos/imagens/fisica/analise-dimensional.webp');
} .secPosHeader-cinematica {
    background-image: url('/arquivos/imagens/fisica/cinematica.webp');
} .secPosHeader-dinamica {
    background-image: url('/arquivos/imagens/fisica/dinamica.webp');
} .secPosHeader-eletrodinamica {
    background-image: url('/arquivos/imagens/fisica/eletrodinamica.webp');
} .secPosHeader-eletrostatica {
    background-image: url('/arquivos/imagens/fisica/eletrostatica.webp');
} .secPosHeader-estatica {
    background-image: url('/arquivos/imagens/fisica/estatica.webp');
} .secPosHeader-fisica-moderna {
    background-image: url('/arquivos/imagens/fisica/fisica-moderna.webp');
} .secPosHeader-fluidos {
    background-image: url('/arquivos/imagens/fisica/fluidos.webp');
} .secPosHeader-gravitacao-universal {
    background-image: url('/arquivos/imagens/fisica/gravitacao-universal.webp');
} .secPosHeader-magnetismo {
    background-image: url('/arquivos/imagens/fisica/magnetismo.webp');
} .secPosHeader-movimento-circular {
    background-image: url('/arquivos/imagens/fisica/movimento-circular.webp');
} .secPosHeader-movimento-harmonico-simples {
    background-image: url('/arquivos/imagens/fisica/movimento-harmonico-simples.webp');
} .secPosHeader-ondulatoria {
    background-image: url('/arquivos/imagens/fisica/ondulatoria.webp');
} .secPosHeader-optica {
    background-image: url('/arquivos/imagens/fisica/optica.webp');
} .secPosHeader-quantidade-de-movimento {
    background-image: url('/arquivos/imagens/fisica/quantidade-de-movimento.webp');
} .secPosHeader-termologia {
    background-image: url('/arquivos/imagens/fisica/termologia.webp');
} .secPosHeader-trabalho-e-energia {
    background-image: url('/arquivos/imagens/fisica/trabalho-e-energia.webp');
}

/*background pos header - BIOLOGIA*/


.secPosHeader-biologia {
    background-image: url('/arquivos/imagens/background/background-biologia.webp');
    background-position: center;
} .secPosHeader-bioenergetica {
    background-image: url('/arquivos/imagens/biologia/bioenergetica.webp');
} .secPosHeader-biomas-do-brasil {
    background-image: url('/arquivos/imagens/biologia/biomas-do-brasil.webp');
} .secPosHeader-bioquimica {
    background-image: url('/arquivos/imagens/biologia/bioquimica.webp');
} .secPosHeader-biotecnologia {
    background-image: url('/arquivos/imagens/biologia/biotecnologia.webp');
} .secPosHeader-botanica {
    background-image: url('/arquivos/imagens/biologia/botanica.webp');
} .secPosHeader-citogenetica {
    background-image: url('/arquivos/imagens/biologia/citogenetica.webp');
} .secPosHeader-citologia {
    background-image: url('/arquivos/imagens/biologia/citologia.webp');
} .secPosHeader-classificacao-dos-seres-vivos {
    background-image: url('/arquivos/imagens/biologia/classificacao-dos-seres-vivos.webp');
} .secPosHeader-ecologia {
    background-image: url('/arquivos/imagens/biologia/ecologia.webp');
} .secPosHeader-embriologia {
    background-image: url('/arquivos/imagens/biologia/embriologia.webp');
} .secPosHeader-evolucao {
    background-image: url('/arquivos/imagens/biologia/evolucao.webp');
} .secPosHeader-fisiologia-animal-comparada {
    background-image: url('/arquivos/imagens/biologia/fisiologia-animal-comparada.webp');
} .secPosHeader-genetica {
    background-image: url('/arquivos/imagens/biologia/genetica.webp');
} .secPosHeader-histologia {
    background-image: url('/arquivos/imagens/biologia/histologia.webp');
} .secPosHeader-micologia {
    background-image: url('/arquivos/imagens/biologia/micologia.webp');
} .secPosHeader-microbiologia {
    background-image: url('/arquivos/imagens/biologia/microbiologia.webp');
} .secPosHeader-reproducao {
    background-image: url('/arquivos/imagens/biologia/reproducao.webp');
} .secPosHeader-saude {
    background-image: url('/arquivos/imagens/biologia/saude.webp');
} .secPosHeader-fisiologia-humana {
    background-image: url('/arquivos/imagens/biologia/fisiologia-humana.webp');
} .secPosHeader-zoologia {
    background-image: url('/arquivos/imagens/biologia/zoologia.webp');
}

/*background pos header - QUIMICA*/


.secPosHeader-quimica {
    background-image: url('/arquivos/imagens/background/background-quimica.webp');
} .secPosHeader-atomos {
    background-image: url('/arquivos/imagens/quimica/atomos.webp');
} .secPosHeader-bioquimica {
    background-image: url('/arquivos/imagens/quimica/bioquimica.webp');
} .secPosHeader-cinetica-quimica {
    background-image: url('/arquivos/imagens/quimica/cinetica-quimica.webp');
} .secPosHeader-eletroquimica {
    background-image: url('/arquivos/imagens/quimica/eletroquimica.webp');
} .secPosHeader-equilibrio {
    background-image: url('/arquivos/imagens/quimica/equilibrio.webp');
} .secPosHeader-estequiometria {
    background-image: url('/arquivos/imagens/quimica/estequiometria.webp');
} .secPosHeader-estudo-da-materia {
    background-image: url('/arquivos/imagens/quimica/estudo-da-materia.webp');
} .secPosHeader-estudo-dos-gases {
    background-image: url('/arquivos/imagens/quimica/estudo-dos-gases.webp');
} .secPosHeader-funcoes-inorganicas {
    background-image: url('/arquivos/imagens/quimica/funcoes-inorganicas.webp');
} .secPosHeader-funcoes-nitrogenadas {
    background-image: url('/arquivos/imagens/quimica/funcoes-nitrogenadas.webp');
} .secPosHeader-funcoes-oxigenadas {
    background-image: url('/arquivos/imagens/quimica/funcoes-oxigenadas.webp');
} .secPosHeader-hidrocarbonetos {
    background-image: url('/arquivos/imagens/quimica/hidrocarbonetos.webp');
} .secPosHeader-isomeria {
    background-image: url('/arquivos/imagens/quimica/isomeria.webp');
} .secPosHeader-moleculas-e-propriedades {
    background-image: url('/arquivos/imagens/quimica/moleculas-e-propriedades.webp');
} .secPosHeader-outras-funcoes-organicas {
    background-image: url('/arquivos/imagens/quimica/outras-funcoes-organicas.webp');
} .secPosHeader-polimeros {
    background-image: url('/arquivos/imagens/quimica/polimeros.webp');
} .secPosHeader-propriedade-dos-compostos-organicos {
    background-image: url('/arquivos/imagens/quimica/propriedade-dos-compostos-organicos.webp');
} .secPosHeader-propriedades-coligativas {
    background-image: url('/arquivos/imagens/quimica/propriedades-coligativas.webp');
} .secPosHeader-quimica-ambiental {
    background-image: url('/arquivos/imagens/quimica/quimica-ambiental.webp');
} .secPosHeader-reacoes-organicas {
    background-image: url('/arquivos/imagens/quimica/reacoes-organicas.webp');
} .secPosHeader-reacoes-quimicas {
    background-image: url('/arquivos/imagens/quimica/reacoes-quimicas.webp');
} .secPosHeader-separacao-de-misturas {
    background-image: url('/arquivos/imagens/quimica/separacao-de-misturas.webp');
} .secPosHeader-solucoes {
    background-image: url('/arquivos/imagens/quimica/solucoes.webp');
} .secPosHeader-termoquimica {
    background-image: url('/arquivos/imagens/quimica/termoquimica.webp');
}


.button-ir-principal {
    background-color: white;
} .button-ir-fisica {
    background-color: var(--fisica);
} .button-ir-matematica {
    background-color: white;
} .button-ir-quimica {
    background-color: var(--quimica);
} .button-ir-biologia {
    background-color: var(--biologia);
}


.no_results, .no_results_back {
    background-color: var(--black);
    color: white;  
} .no_results_back {
    background-color: var(--black);
    color: white; 
} .no_results_back:hover {
    background-color: white;
    color: black; 
    border: 2px solid var(--black);
}

.no_results_fisica, .no_results_back_fisica {
    background-color: var(--fisica);
    color: white;  
} .no_results_back_fisica {
    background-color: var(--fisica);
    color: white; 
} .no_results_back_fisica:hover {
    background-color: white;
    color: var(--fisica); 
    border: 2px solid var(--fisica);
}

.no_results_quimica, .no_results_back_quimica {
    background-color: var(--quimica);
    color: white;  
} .no_results_back_quimica {
    background-color: var(--quimica);
    color: white; 
} .no_results_back_quimica:hover {
    background-color: white;
    color: var(--quimica); 
    border: 2px solid var(--quimica);
}

.no_results_biologia, .no_results_back_biologia {
    background-color: var(--biologia);
    color: white;  
} .no_results_back_biologia {
    background-color: var(--biologia);
    color: white; 
} .no_results_back_biologia:hover {
    background-color: white;
    color: var(--biologia); 
    border: 2px solid var(--biologia);
}

.no_results_matematica, .no_results_back_matematica {
    background-color: var(--matematica);
    color: white;  
} .no_results_back_matematica {
    background-color: var(--matematica);
    color: white; 
} .no_results_back_matematica:hover {
    background-color: white;
    color: var(--matematica); 
    border: 2px solid var(--matematica);
}


/* =============== IMAGENS DE CADA TÓPICO ===============*/

/* MATÉRIA */


.matematica-foto {
    background-image: url('/arquivos/imagens/matematica/probabilidade.webp');
} .fisica-foto {
    background-image: url('/arquivos/imagens/fisica/optica.webp');
} .biologia-foto {
    background-image: url('/arquivos/imagens/biologia/fisiologia-humana.webp');
} .quimica-foto {
    background-image: url('/arquivos/imagens/background/background-quimica.webp');
}

/* FISICA */


.cinematica {
    background-image: url('/arquivos/imagens/fisica/cinematica.webp');
} .dinamica {
    background-image: url('/arquivos/imagens/fisica/dinamica.webp');
} .termologia {
    background-image: url('/arquivos/imagens/fisica/termologia.webp');
} .eletrodinamica {
    background-image: url('/arquivos/imagens/fisica/eletrodinamica.webp');
} .eletrostatica {
    background-image: url('/arquivos/imagens/fisica/eletrostatica.webp');
} .estatica {
    background-image: url('/arquivos/imagens/fisica/estatica.webp');
} .gravitacao-universal {
    background-image: url('/arquivos/imagens/fisica/gravitacao-universal.webp');
} .magnetismo {
    background-image: url('/arquivos/imagens/fisica/magnetismo.webp');
} .ondulatoria {
    background-image: url('/arquivos/imagens/fisica/ondulatoria.webp');
} .optica {
    background-image: url('/arquivos/imagens/fisica/optica.webp');
} .fluidos {
    background-image: url('/arquivos/imagens/fisica/fluidos.webp');
}  .fisica-moderna {
    background-image: url('/arquivos/imagens/fisica/fisica-moderna.webp');
} .quantidade-de-movimento {
    background-image: url('/arquivos/imagens/fisica/quantidade-de-movimento.webp');
} .trabalho-e-energia {
    background-image: url('/arquivos/imagens/fisica/trabalho-e-energia.webp');
} .analise-dimensional {
    background-image: url('/arquivos/imagens/fisica/analise-dimensional.webp');
} .movimento-circular {
    background-image: url('/arquivos/imagens/fisica/movimento-circular.webp');
} .movimento-harmonico-simples {
    background-image: url('/arquivos/imagens/fisica/movimento-harmonico-simples.webp');
}


/* QUIMICA*/

.atomos {
    background-image: url('/arquivos/imagens/quimica/atomos.webp');
} .bioquimica {
    background-image: url('/arquivos/imagens/quimica/bioquimica.webp');
} .eletroquimica {
    background-image: url('/arquivos/imagens/quimica/eletroquimica.webp');
} .estequiometria {
    background-image: url('/arquivos/imagens/quimica/estequiometria.webp');
} .equilibrio-quimico {
    background-image: url('/arquivos/imagens/quimica/equilibrio-quimico.webp');
} .cinetica-quimica {
    background-image: url('/arquivos/imagens/quimica/cinetica-quimica.webp');
} .estudo-da-materia {
    background-image: url('/arquivos/imagens/quimica/estudo-da-materia.webp');
} .estudo-dos-gases {
    background-image: url('/arquivos/imagens/quimica/estudo-dos-gases.webp');
} .funcoes-inorganicas {
    background-image: url('/arquivos/imagens/quimica/funcoes-inorganicas.webp');
} .funcoes-nitrogenadas {
    background-image: url('/arquivos/imagens/quimica/funcoes-nitrogenadas.webp');
} .funcoes-oxigenadas {
    background-image: url('/arquivos/imagens/quimica/funcoes-oxigenadas.webp');
} .hidrocarbonetos {
    background-image: url('/arquivos/imagens/quimica/hidrocarbonetos.webp');
} .isomeria {
    background-image: url('/arquivos/imagens/quimica/isomeria.webp');
} .moleculas-e-propriedades {
    background-image: url('/arquivos/imagens/quimica/moleculas-e-propriedades.webp');
} .outras-funcoes-organicas {
    background-image: url('/arquivos/imagens/quimica/outras-funcoes-organicas.webp');
} .polimeros {
    background-image: url('/arquivos/imagens/quimica/polimeros.webp');
} .propriedades-coligativas {
    background-image: url('/arquivos/imagens/quimica/propriedades-coligativas.webp');
} .propriedades-dos-compostos-organicos {
    background-image: url('/arquivos/imagens/quimica/propriedades-dos-compostos-organicos.webp');
} .quimica-ambiental {
    background-image: url('/arquivos/imagens/quimica/quimica-ambiental.webp');
} .reacoes-organicas {
    background-image: url('/arquivos/imagens/quimica/reacoes-organicas.webp');
} .reacoes-quimicas {
    background-image: url('/arquivos/imagens/quimica/reacoes-quimicas.webp');
} .separacao-de-misturas {
    background-image: url('/arquivos/imagens/quimica/separacao-de-misturas.webp');
} .solucoes {
    background-image: url('/arquivos/imagens/quimica/solucoes.webp');  
} .termoquimica {
    background-image: url('/arquivos/imagens/quimica/termoquimica.webp');
}

/* BIOLOGIA*/



.bioenergetica {
    background-image: url('/arquivos/imagens/biologia/bioenergetica.webp');
} .biomas-do-brasil {
    background-image: url('/arquivos/imagens/biologia/biomas-do-brasil.webp');
} .bioquimica-biologia {
    background-image: url('/arquivos/imagens/biologia/bioquimica-biologia.webp');
} .biotecnologia {
    background-image: url('/arquivos/imagens/biologia/biotecnologia.webp');
} .botanica {
    background-image: url('/arquivos/imagens/biologia/botanica.webp');
} .citogenetica {
    background-image: url('/arquivos/imagens/biologia/citogenetica.webp');
} .citologia {
    background-image: url('/arquivos/imagens/biologia/citologia.webp');
} .classificacao-dos-seres-vivos {
    background-image: url('/arquivos/imagens/biologia/classificacao-dos-seres-vivos.webp');
} .ecologia {
    background-image: url('/arquivos/imagens/biologia/ecologia.webp');
} .embriologia {
    background-image: url('/arquivos/imagens/biologia/embriologia.webp');
} .evolucao {
    background-image: url('/arquivos/imagens/biologia/evolucao.webp');
} .fisiologia-animal-comparada {
    background-image: url('/arquivos/imagens/biologia/fisiologia-animal-comparada.webp');
} .fisiologia-humana {
    background-image: url('/arquivos/imagens/biologia/fisiologia-humana.webp');
} .genetica {
    background-image: url('/arquivos/imagens/biologia/genetica.webp');
} .histologia {
    background-image: url('/arquivos/imagens/biologia/histologia.webp');
} .micologia {
    background-image: url('/arquivos/imagens/biologia/micologia.webp');
} .microbiologia {
    background-image: url('/arquivos/imagens/biologia/microbiologia.webp');
} .reproducao {
    background-image: url('/arquivos/imagens/biologia/reproducao.webp');
} .saude {
    background-image: url('/arquivos/imagens/biologia/saude.webp');
} .zoologia {
    background-image: url('/arquivos/imagens/biologia/zoologia.webp');
}

/* MATEMATICA */


.analise-combinatoria {
    background-image: url('/arquivos/imagens/matematica/analise-combinatoria.webp');
} .estatistica {
    background-image: url('/arquivos/imagens/matematica/estatistica.webp');
} .exponencial {
    background-image: url('/arquivos/imagens/matematica/exponencial.webp');
} .funcoes {
    background-image: url('/arquivos/imagens/matematica/funcoes.webp');
} .geometria-analitica {
    background-image: url('/arquivos/imagens/matematica/geometria-analitica.webp');
} .geometria-espacial {
    background-image: url('/arquivos/imagens/matematica/geometria-espacial.webp');
} .geometria-plana {
    background-image: url('/arquivos/imagens/matematica/geometria-plana.webp');
} .matrizes {
    background-image: url('/arquivos/imagens/matematica/matrizes.webp');
} .modulo {
    background-image: url('/arquivos/imagens/matematica/modulo.webp');
} .numeros-complexos {
    background-image: url('/arquivos/imagens/matematica/numeros-complexos.webp');
} .polinomios {
    background-image: url('/arquivos/imagens/matematica/polinomios.webp');
} .probabilidade {
    background-image: url('/arquivos/imagens/matematica/probabilidade.webp');
} .sequencias-e-progressoes {
    background-image: url('/arquivos/imagens/matematica/sequencias-e-progressoes.webp');
} .sistemas-lineares {
    background-image: url('/arquivos/imagens/matematica/sistemas-lineares.webp');
} .trigonometria {
    background-image: url('/arquivos/imagens/matematica/trigonometria.webp');
}

/* conteudo das materias */


.legenda {
    font-size: 0.85rem;
    color: var(--gray);
    margin-top: 8px;
}

.aula-container {
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
} .aula-container span {
    font-weight: bold;
} .topic-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.back-btn {
    display: inline-block;
    color: var(--black);
    text-decoration: none;
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 5px;
} .back-btn:hover {
    text-decoration: underline;
}

.topic-card {
    text-align: left;
    padding: 20px 25px;
} .topic-card h1, .topic-card h2, .topic-card h3 {
    color: var(--gray);
    margin: 50px auto;
} .topic-card h1 {
    font-size: 3em;
    text-align: center;
    font-variant: small-caps;
} .topic-card h2 {
    font-size: 2em;
    text-align: center;
} .topic-card h3 {
    font-size: 1.5em;
} .topic-card p {
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 12px;
}

.formula-box {
    display: inline-block;
    border: 1px solid var(--gray);
    border-radius: 4px;
    padding: 10px 18px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    color: var(--gray);
    margin-top: 8px;
}

.passo-a-passo {
    display: inline-block;
    border: 1px solid var(--gray);
    border-radius: 4px;
    padding: 10px 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--gray);
    margin-top: 8px;
} .passo-a-passo h3 {
    margin-top: 30px;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
}

section.topic-card p {
    color: var(--gray);
    font-size: 1.2em;
}

.imagem-conteudo {
    margin: 100px auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
} .imagem-conteudo img {
    max-height: 300px;
    max-width: 90vw;
    filter: var(--imageFilter);
}

/* QUESTOES */

.questao {
    border: 2px solid var(--materia);
    color: var(--gray);
    background-color: var(--);
    padding: 50px 0px 50px 30px;
} .questao_child {
    min-height: 330px;
    margin: 50px auto;
} .questao h2 {
    color: var(--materia);
} .resposta {
    margin: 10px;;
} .alternativa ul {
    margin: 30px;
    list-style-type: upper-alpha;
} .resposta {
    display: none;
} .mostrar_resposta {
    background-color: var(--materia);
    width: fit-content;
    padding: 5px 10px;
    border-radius: 10px;
    color: var(--backgroundColor);
    font-weight: bolder;
    margin-top: 20px;
    cursor: pointer;
} section.questao {
    counter-reset: numero-questao;
} .questao_child p.pergunta::before {
    color: var(--materia);
    counter-increment: numero-questao;
    content: counter(numero-questao) ". ";
}