/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/



/*===================================================*/
/*================== CSS DESTE SITE =================*/
/*===================================================*/



/*================= PÁGINAS FORMAÇÃO ================*/

/*==================================
==  USAR CORES DO CORE FRAMEWORK  ==
====================================
                \  /
                 \/               */

/*=== TEXTO ===*/
.has-cf-cor-acao-color {
    color: var(--cor-acao) !important;
}
.has-cf-cor-brand-1-color {
    color: var(--cor-brand1) !important;
}
.has-cf-cor-brand-2-color {
    color: var(--cor-brand2) !important;
}
.has-cf-cor-brand-3-color {
    color: var(--cor-brand3) !important;
}
.has-cf-cor-absoluto-branco-color {
    color: var(--cor-absoluto-branco) !important;
}
.has-cf-cor-absoluto-preto-color {
    color: var(--cor-absoluto-preto) !important;
}

/*=== FUNDO ===*/
.has-cf-cor-acao-background-color {
    background-color: var(--cor-acao) !important;
}
.has-cf-cor-brand-1-background-color {
    background-color: var(--cor-brand1) !important;
}
.has-cf-cor-brand-2-background-color {
    background-color: var(--cor-brand2) !important;
}
.has-cf-cor-brand-3-background-color {
    background-color: var(--cor-brand3) !important;
}
.has-cf-cor-absoluto-branco-background-color {
    background-color: var(--cor-absoluto-branco) !important;
}
.has-cf-cor-absoluto-preto-background-color {
    background-color: var(--cor-absoluto-preto) !important;
}

/*               /\
                /  \
====================================
==  USAR CORES DO CORE FRAMEWORK  ==
==================================*/



/*==================================
==        BARRA NAVEGACAO         ==
====================================
                \  /
                 \/               */

/*=== TITULO CAIXA TEMATICA ===*/
.ld-lesson-item-section-heading {
    background-color: green;
    margin-top: 0px !important;
    padding: var(--distancia-p) var(--distancia-p) !important;
    color: var(--cor-absoluto-branco) !important;
    font-size: var(--texto-tamanho-p);
}

/*=== DESTAQUE ITEM ATUAL ===*/
.ld-is-current-lesson .ld-lesson-item-preview-heading, .ld-is-current-item {
    background: #51b0534f;
    padding: 0px var(--distancia-2pp);
    border-radius:var(--radius-m);
    border: 1px solid var(--cor-acao);
}

.ld-focus-sidebar {
    box-shadow: 6px 1px 16px 0px black;
}

/*               /\
                /  \
====================================
==        BARRA NAVEGACAO         ==
==================================*/



/*==================================
==          ÁREA DAS AULAS        ==
====================================
                \  /
                 \/               */

/*=== FUNDO VERDE ESCURO ===*/
.ld-focus-content, .learndash-wrapper, .learndash-cpt {
    background-color: #03281a !important;
}

/*=== TABELA DE TÓPICOS ===*/
.ld-lesson-topic-list {
    background-color: #FFFFFF !important;
}
.learndash-wrapper .ld-table-list {
	border-radius:0px!important;
}

/*=== BARRA BREADCRUMBS ===*/
.ld-focus-content .learndash-wrapper .ld-breadcrumbs a {
    color: #c2f4cf !important;
    font-weight: 400 !important;
}

.learndash-wrapper .ld-breadcrumbs {
    border: 1px solid #468e46;
}

.learndash-wrapper .ld-breadcrumbs, .learndash-wrapper .ld-topic-status, .learndash-wrapper .ld-lesson-status {
    background: #f0f3f61f!important;
}

.ld-breadcrumbs-segments {
    color: #c2f4cf;
}

/*               /\
                /  \
====================================
==          ÁREA DAS AULAS        ==
==================================*/



/*==================================
==       CONTEUDO DAS AULAS       ==
====================================
                \  /
                 \/               */

/*=== LINKS TEXTO ===*/
.ld-tabs-content a:not(.wp-block-button__link) {
    color: green;
    font-weight: 600;
}

.ld-tabs-content a:hover {
    color: var(--cor-acao);
    font-weight: 800;
}

/*=== TITULO AULA ===*/
.ld-focus-content h1 {
    color: var(--cor-absoluto-branco);
}

/*=== TITULOS CORPO ===*/
.ld-focus-content h5 {
    font-size: var(--texto-tamanho-gg);
}

/*=== TESTEIRA ===*/
.single-sfwd-lessons .ld-tabs-content::before, .single-sfwd-quiz .ld-tabs-content::before, .single-sfwd-topic .ld-tabs-content::before {
    content: '';
    display: block;
    height: 7vw;
    background-image: url(https://meioambientenasescolas.org.br/wp-content/uploads/2021/06/Topo-Modulos-Formação-PMANE.jpg);
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #f0eee5;
}

/*=== CORPO DO CONTEUDO DAS AULAS ===*/
div[role="tabpanel"], .wpProQuiz_content {
    background-color: #f1ede5;
	padding-bottom: 1px !important;
}

/*=== ESPACAMENTOS ====*/
.wp-block-spacer.espacador {
    height: var(--distancia-g) !important;
}

/*= SECAO =*/
div[role="tabpanel"] .wp-block-columns, .single-sfwd-quiz div[role="tabpanel"], .wpProQuiz_content {
    padding-left: var(--distancia-gg)!important;
	padding-right: var(--distancia-gg)!important;
}
div[role="tabpanel"] .wp-block-columns.largura-total {
    padding-left:0px!important;
	padding-right:0px!important;	
}
div[role="tabpanel"] .wp-block-columns {
    padding-top: 0px!important;
	padding-bottom: 0px!important;
}

/*= COLUNA =*/
div[role="tabpanel"] .wp-block-column.espacamento {
    padding: var(--distancia-m)!important;
}
div[role="tabpanel"] .wp-block-column > *:not(:last-child) {
    margin-bottom: var(--distancia-m) !important;
}
div[role="tabpanel"] .wp-block-column > *:not(:last-child).sem-margem {
    margin-bottom: 0px!important;
}

/*= MÓDULOS =*/
div[role="tabpanel"] > * {
	margin-bottom: var(--distancia-g)!important;
}
div[role="tabpanel"] *.espacamento {
	padding: var(--distancia-p)!important;
}
div[role="tabpanel"] .sem-margem {
    margin-top: 0px!important;
	margin-bottom: 0px!important;
}
div[role="tabpanel"] .sem-espacamento {
	padding:0px!important;
}

/*= GERAL =*/
.sem-gap {
	gap:0px!important;
}
.ld-tabs-content figure {
    margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/*=== ESPAÇAMENTO ENTRE TEXTOS ===*/
.ld-tabs-content p:not(p:last-of-type) {
    margin-bottom: 1.4em !important;
}
.wp-block-heading {
    margin-bottom: 1em !important;
}

/*=== BLOCO CITAÇÃO ===*/
blockquote cite {
	font-family: 'Lato Negrito';
	font-size:var(--texto-tamanho-m);
	text-transform:none;
	/*color: var(--cor-absoluto-branco);*/
	opacity:0.8;
}

/*=== IMAGEM LARGURA COMPLETA E AMPLA ===*/
[role="tabpanel"] .wp-block-image.alignwide, [role="tabpanel"] .wp-block-image.alignfull {
	max-width: 100%!important;
	width: 100%!important;
	margin-left: 0px!important;
	right: 0!important;
	left: 0!important;
}

/*=== QUIZ ===*/
.wpProQuiz_content {
	margin-top:-1em;
	padding-bottom: var(--distancia-gg)!important;
}
.wpProQuiz_questionListItem label {
    background-color: #fff;
    color: var(--cor-absoluto-preto);
}
.wpProQuiz_resultTable{
    background-color: #fff;
}
.wpProQuiz_incorrect {
    color: var(--cor-erro);
}
.wpProQuiz_correct {
    color: #06b002;
}

/* === TABELAS AULAS === */
.formacao-tabela {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.formacao-tabela thead {
	background: #1A4A22;
	color: white;
	text-align:center;
	line-height:1.2em;
}
.formacao-tabela td, .formacao-tabela th{
	border: 2px solid #fff;
	padding: 8px 10px; 
} 
.formacao-tabela tbody tr:nth-child(odd) {
	background-color: rgba(255,251,209,0.54);
}
.formacao-tabela tbody tr:nth-child(even) {
	background-color: #f6f6f6;
}
.formacao-tabela_secao, .formacao-tabela_container {
    overflow-x: scroll;
}
@media (max-width:767px) {
.formacao-tabela {
    width: 700px;
}
}

/* === CLASSES CUSTOMIZADAS === */
.sombra {
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3);
}
.linha-do-tempo_barra, .linha-do-tempo_barra img {
    width: 100% !important;
    height: 100% !important;
}
@media (max-width:820px) {
.ordem-reversa {
	flex-direction:column-reverse;
	gap:0px;
}
}
.borda-verde {
	border:2px solid var(--cor-brand1);
}
.box-destaque {
	padding:var(--distancia-p);
	border:2px solid var(--cor-brand1);
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3);
}

.bloco-linha-do-tempo {
    border-top: 10px solid #E5D450;
    border-left: 20px solid #1A4A22;
	margin-bottom:0px;
}

.bloco-linha-do-tempo-invertida {
    border-top: 10px solid #1A4A22;
    border-right: 20px solid #E5D450;
	margin-bottom:0px;
}

/*=== TITULO SECAO ===*/
.formacao-titulo-secao {
    background: var(--cor-brand1);
    border: 2px solid var(--cor-brand2);
    border-radius: var(--radius-gg);
    color: white;
    padding: var(--distancia-2pp);
}

/*               /\
                /  \
====================================
==       CONTEUDO DAS AULAS       ==
==================================*/



/*==================================
==     BOTÕES DE AÇÃO DE AULA     ==
====================================
                \  /
                 \/               */

/*=== ANTERIOR E PROXIMO ===*/
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent) {
    background-color: var(--cor-acao) !important;
}

/*=== LARGURA DOS BOTOES ===*/
.learndash-wrapper .ld-content-actions .ld-content-action {
    flex-basis: 22%;
}

/*=== LINK 'VOLTAR À AULA'  ===*/
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
    margin-top: var(--distancia-pp)!important;
	color:white!important;
}

/*               /\
                /  \
====================================
==     BOTÕES DE AÇÃO DE AULA     ==
==================================*/



/*===================================================*/
/*============ FORMULÁRIOS FORMINATOR ===============*/
/*===================================================*/

.forminator-row {
  margin-bottom: var(--distancia-p) !important;
}

.cf7-cep-autofill__cidade, .cf7-cep-autofill__bairro, .cf7-cep-autofill__rua, .cf7-cep-autofill__uf {
  pointer-events: none !important;
}

.cf7-cep-autofill__cidade input, .cf7-cep-autofill__bairro input, .cf7-cep-autofill__rua input, .cf7-cep-autofill__uf input {
  background: #e3e3e3 !important;
}

.com-fundo {
    padding: 10px 15px 15px !important;
    margin: 5px 15px !important;
    border: 1px solid #dddddd !important;
    border-radius: var(--radius-m);
}

.cabecalho-secao {
    background: #e4e4e4;
    border-top: 3px solid #c99a9a;
    padding: 15px 20px 20px!important;
    margin: 60px auto 15px;
}

.cabecalho-secao h2 {
    font-size: var(--texto-tamanho-g)!important;
    font-weight: 700!important;
}

.cabecalho-secao hr {
    margin: 0px!important;
}

 .forminator-label {font-weight: 600!important;line-height: 1.3em;}

.select2-selection, input, textarea {
    border-radius: var(--radius-m) !important;
}

.forminator-button {
    border-radius: var(--radius-m) !important;
    font-weight: 700 !important;
}

.cabecalho-secao:first-child {
    margin-top: 0px;
}





/*===================================================*/
/*============== CSS GLOBAL 221B BRICKS =============*/
/*===================================================*/


/* ESPAÇAMENTO SUPERIOR EM PÁGINAS CRIADAS COM GUTEMBERG */
article {
	padding-top:var(--distancia-m);
	padding-bottom:var(--distancia-m);
}


/*==================================
==       MATRIZ BREAKPOINTS       ==
====================================
                \  /
                 \/               */

/* Desktop G */
@media (min-width:1921px) {

}

/* Note G e Desktop P */
@media (min-width: 1367px) and (max-width:1920px) {

}

/* Notebook P */
@media (min-width: 821px) and (max-width:1366px) {

}

/* Tablet */
@media (min-width: 481px) and (max-width:820px) {

}

/* Celular */
@media (max-width:480px) {

}

/*               /\
                /  \
====================================
==       MATRIZ BREAKPOINTS       ==
==================================*/



/*==================================
==             TEXTO              ==
====================================
                \  /
                 \/               */

/* Seleção de texto */
::selection {
  background: var(--cor-acao);
  color: white;
}

/* Palavra 'viúva' nos parágrafos */
p {
	text-wrap:pretty;
}

/* COR DOS LINKS */
.brxe-text a {
	color:var(--cor-acao);
}

/* BOTÕES ESMAECEM NO HOVER */
/*.bricks-button:hover {
    opacity: 0.8;
}*/

/*               /\
                /  \
====================================
==             TEXTO              ==
==================================*/



/*==================================
==         COOKIE NOTICE          ==
====================================
                \  /
                 \/               */

#branda-cookie-notice {
	box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2)!important;
	margin: 0px 2.5% 0px 2.2%!important;
	min-width: 95% !important;
	border-radius: 14px!important;
	background-color: #000000b5 !important;
	backdrop-filter: blur(12px)!important;
	color: #fff!important;
	text-align: left!important;
	z-index: 777777;
	bottom:20px!important;
}

#branda-cookie-notice .cookie-notice-container {
	max-width: 96%!important;
	padding: 20px 10px!important;
}

@media (max-width:767px) {
	#branda-cookie-notice .cookie-notice-container .branda-cn-container {
	flex-wrap:wrap!important;
		padding: 10px 7px!important
}
}

#branda-cookie-notice a, #branda-cookie-notice a:link {
  color: #96e6ff!important;
}

#branda-cookie-notice .button.ub-cn-set-cookie {
  color: white !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/*               /\
                /  \
====================================
==         COOKIE NOTICE          ==
==================================*/



/*==================================
==      PLUGIN ACESSIBILIDADE     ==
====================================
                \  /
                 \/               */

/*
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    display: block;
    padding: 10px 15px;
    font-size: var(--texto-tamanho-s)!important;
    line-height: 1;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-inner {
    max-height: 70svh;
    overflow-y: scroll;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
    border-radius: var(--radius-s) 0px 0px var(--radius-l);
    overflow: hidden;
}

html body #pojo-a11y-toolbar {
    font-size: var(--texto-tamanho-xs) !important;
}
*/

/*               /\
                /  \
====================================
==      PLUGIN ACESSIBILIDADE     ==
==================================*/



/*==================================
==           SCROLLBAR            ==
====================================
                \  /
                 \/               */

/* Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #9f9f9f #d2d2d2;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 9px;
}

*::-webkit-scrollbar-track {
	background: #d2d2d2;
	border-radius: 50px!important;
	margin:10px 0px!important;
  }

*::-webkit-scrollbar-thumb {
	background-color: #9f9f9f;
	border-radius: 50px!important;
	border: none;
  }

/*               /\
                /  \
====================================
==           SCROLLBAR            ==
==================================*/



/*==================================
==   RODAPE NO BOTTOM DA JANELA   ==
====================================
                \  /
                 \/               */

.brx-body {
	min-height: 100dvh;
}

/*               /\
                /  \
====================================
==   RODAPE NO BOTTOM DA JANELA   ==
==================================*/



/*==================================
==      BOTÕES EDIÇÃO BRICKS      ==
====================================
                \  /
                 \/               */

/* Tirar botões de edição da topbar no frontend para editores */
/*personalizar*/body.no-customize-support #wp-admin-bar-customize, /*editar página/post*/body.no-customize-support #wp-admin-bar-edit, /*editar com bricks*/body.no-customize-support #wp-admin-bar-edit_with_bricks, /*processar com bricks*/body.no-customize-support #wp-admin-bar-editor_mode {
	display:none!important;
}

/*               /\
                /  \
====================================
==      BOTÕES EDIÇÃO BRICKS      ==
==================================*/



/*===================================================*/
/*================== FRAMEWORK CSS ==================*/
/*===================================================*/


/*==================================
==            VARIAVEIS           ==
====================================
                \  /
                 \/               */

:root {
/*TEXTO*/
    --texto-tamanho-3pp: clamp(0.66rem, calc(0.13vw + 0.64rem), 0.81rem);
    --texto-tamanho-2pp: clamp(0.74rem, calc(0.12vw + 0.71rem), 0.88rem);
    --texto-tamanho-pp: clamp(0.79rem, calc(0.13vw + 0.76rem), 0.94rem);
    --texto-tamanho-p: clamp(0.84rem, calc(0.15vw + 0.81rem), 1.01rem);
    --texto-tamanho-m: clamp(0.95rem, calc(0.11vw + 0.93rem), 1.07rem);
    --texto-tamanho-g: clamp(1.06rem, calc(0.16vw + 1.03rem), 1.25rem);
    --texto-tamanho-gg: clamp(1.13rem, calc(0.22vw + 1.08rem), 1.38rem);
    --texto-tamanho-2gg: clamp(1.31rem, calc(0.27vw + 1.26rem), 1.63rem);
    --texto-tamanho-3gg: clamp(1.5rem, calc(0.33vw + 1.44rem), 1.88rem);
    --texto-tamanho-4gg: clamp(1.75rem, calc(0.33vw + 1.69rem), 2.13rem);
    --texto-tamanho-5gg: clamp(2rem, calc(0.33vw + 1.94rem), 2.38rem);

/*DISTANCIA*/	
    --distancia-4pp: clamp(0.13rem, calc(0.11vw + 0.1rem), 0.25rem);
    --distancia-3pp: clamp(0.38rem, calc(0.16vw + 0.34rem), 0.56rem);
    --distancia-2pp: clamp(0.56rem, calc(0.27vw + 0.51rem), 0.88rem);
    --distancia-pp: clamp(0.56rem, calc(0.71vw + 0.42rem), 1.38rem);
    --distancia-p: clamp(0.88rem, calc(0.87vw + 0.7rem), 1.88rem);
    --distancia-m: clamp(1.25rem, calc(1.09vw + 1.03rem), 2.5rem);
    --distancia-g: clamp(1.88rem, calc(1.3vw + 1.61rem), 3.38rem);
    --distancia-gg: clamp(3rem, calc(1.52vw + 2.7rem), 4.75rem);
    --distancia-2gg: clamp(4.5rem, calc(1.79vw + 4.14rem), 6.56rem);
    --distancia-3gg: clamp(5.88rem, calc(2.5vw + 5.38rem), 8.75rem);
    --distancia-4gg: clamp(8.13rem, calc(2.72vw + 7.58rem), 11.25rem);
	
/*CANTO ARREDONDADO*/
--radius-pp:clamp(0.25rem, calc(-0.16vw + 0.47rem), 0.44rem);
--radius-p:clamp(0.38rem, calc(-0.22vw + 0.67rem), 0.63rem);
--radius-m:clamp(0.63rem, calc(-0.27vw + 0.99rem), 0.94rem);
--radius-g:clamp(1.13rem, calc(-0.33vw + 1.56rem), 1.5rem);
--radius-gg:clamp(1.56rem, calc(-0.38vw + 2.08rem), 2rem);
	
/*CORES*/
--cor-absoluto-preto:hsla(0, 0%, 0%, 1);
--cor-absoluto-branco:hsla(0, 0%, 100%, 1);
--cor-neutro-20:hsla(0, 0%, 20%, 1);
--cor-neutro-40:hsla(0, 0%, 40%, 1);
--cor-neutro-60:hsla(0, 0%, 60%, 1);
--cor-neutro-80:hsla(0, 0%, 80%, 1);
}

/*               /\
                /  \
====================================
==            VARIAVEIS           ==
==================================*/



/*==================================
==      VARIAVEIS EM CLASSES      ==
====================================
                \  /
                 \/               */

/*=== TEXTO ===*/
.texto-tamanho-3pp {font-size:var(--texto-tamanho-3pp);}
.texto-tamanho-2pp {font-size:var(--texto-tamanho-2pp);}
.texto-tamanho-pp {font-size:var(--texto-tamanho-pp);}
.texto-tamanho-p {font-size:var(--texto-tamanho-p);}
.texto-tamanho-m {font-size:var(--texto-tamanho-m);}
.texto-tamanho-g {font-size:var(--texto-tamanho-g);}
.texto-tamanho-gg {font-size:var(--texto-tamanho-gg);}
.texto-tamanho-2gg {font-size:var(--texto-tamanho-2gg);}
.texto-tamanho-3gg {font-size:var(--texto-tamanho-3gg);}
.texto-tamanho-4gg {font-size:var(--texto-tamanho-4gg);}
.texto-tamanho-4gg {font-size:var(--texto-tamanho-5gg);}

/*=== BORDER RADIUS ===*/
.radius-pp {border-radius:var(--radius-pp);overflow: clip;}
.radius-p {border-radius:var(--radius-p);overflow: clip;}
.radius-m {border-radius:var(--radius-m);overflow: clip;}
.radius-g {border-radius:var(--radius-g);overflow: clip;}
.radius-gg {border-radius:var(--radius-gg);overflow: clip;}

/*               /\
                /  \
====================================
==      VARIAVEIS EM CLASSES      ==
==================================*/



/*==================================
==      ANIMAÇÕES POR SCROLL      ==
====================================
                \  /
                 \/               */

/* Entra pela esquerda */
@keyframes entra-pela-esquerda {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.animar_entra-pela-esquerda {
  animation: entra-pela-esquerda linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

/* Entra pela direita */
@keyframes entra-pela-direita {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.animar_entra-pela-direita {
  animation: entra-pela-direita linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

/* Entra por cima */
@keyframes entra-por-cima {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

.animar_entra-por-cima {
  animation: entra-por-cima linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

/* Entra por baixo */
@keyframes entra-por-baixo {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

.animar_entra-por-baixo {
  animation: entra-por-baixo linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

/* Fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animar_fade-in {
  animation: fade-in linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

/*               /\
                /  \
====================================
==      ANIMAÇÕES POR SCROLL      ==
==================================*/



/*==================================
==         DARK MODE ROOT         ==
====================================
                \  /
                 \/               */

/* Imagens darkmode */
html.cf-theme-light .lightmode-elemento, html.cf-theme-dark .darkmode-elemento {
	display:block!important;
}

html.cf-theme-dark .lightmode-elemento, html.cf-theme-light .darkmode-elemento {
	display:none!important;
}

/*               /\
                /  \
====================================
==         DARK MODE ROOT         ==
==================================*/



/*==================================
==          NEOMORPHISMO          ==
====================================
                \  /
                 \/               */

.neomorfismo {
    box-shadow: 5px 5px 7px var(--sombra-preta),-5px -5px 7px var(--sombra-branca),inset -5px -5px 6px var(--sombra-preta),inset 5px 5px 7px var(--sombra-branca);
}

/*               /\
                /  \
====================================
==          NEOMORPHISMO          ==
==================================*/