/* Sertões — Eventos
   Cores vêm do kit do Elementor de cada subsite, então o mesmo CSS sai laranja
   no Petrobras, rosa no MTB e verde no Kite, sem cor de marca fixa aqui. */

/* A cor da vertical é o ACCENT do kit, não o primary: medido em 2026-08-07,
   primary é #1C1B1F (quase preto, usado nos textos) em todos os subsites,
   enquanto accent é laranja no Petrobras/Series, #FF38DC no MTB e #79B110 no
   Kite. Usar primary aqui deixava botão preto e título invisível no fundo
   escuro. */
.sev-evento,
.sev-archive {
	--sev-cor: var(--e-global-color-accent, #ff4c15);
	--sev-texto: var(--e-global-color-text, #1f2229);
	--sev-fundo-alt: #f4f4f5;
	--sev-borda: #e4e4e7;
}

.sev-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ---------- Botões ----------
   O kit do Elementor pinta TODO <a> com a cor de destaque, e essa regra
   carrega depois desta folha. Sem o seletor `a.sev-btn` (que soma classe +
   elemento) o botão saía laranja sobre laranja: fundo e texto na mesma cor,
   texto invisível. Medido em 2026-08-07. */
.sev-btn,
.sev-archive a.sev-btn,
.sev-evento a.sev-btn,
.sev-widget a.sev-btn {
	display: inline-block;
	background: var(--sev-cor);
	color: #fff;
	padding: 12px 26px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	border: 2px solid var(--sev-cor);
	transition: opacity .15s ease;
}
.sev-archive a.sev-btn:hover,
.sev-evento a.sev-btn:hover,
.sev-widget a.sev-btn:hover { opacity: .85; color: #fff; }

.sev-btn--grande { padding: 16px 38px; font-size: 16px; }

.sev-btn--inativo,
.sev-archive .sev-btn--inativo,
.sev-evento .sev-btn--inativo {
	background: transparent;
	color: var(--sev-texto);
	border-color: currentColor;
	opacity: .6;
	cursor: default;
}
.sev-evento .sev-hero .sev-btn--inativo { color: #fff; }

.sev-link,
.sev-archive a.sev-link,
.sev-evento a.sev-link {
	color: var(--sev-texto);
	text-decoration: underline;
	font-size: 14px;
	align-self: center;
}

/* No fechamento o fundo já é a cor da vertical: o botão inverte. */
.sev-evento .sev-fechamento a.sev-btn {
	background: #fff;
	color: var(--sev-cor);
	border-color: #fff;
}

/* ---------- Hero da landing page ---------- */
.sev-hero {
	position: relative;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 120px 0 90px;
	text-align: center;
}
.sev-hero--sem-capa { background: #1b1d22; }
.sev-hero__veu {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.72) 100%);
}
.sev-hero__conteudo {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 24px;
}
.sev-evento .sev-hero__titulo {
	font-size: clamp(2rem, 5vw, 3.6rem);
	line-height: 1.05;
	margin: 14px 0 10px;
	color: #fff;
}
.sev-evento .sev-hero__chamada {
	font-size: clamp(1rem, 2vw, 1.25rem);
	opacity: .92;
	margin: 0 0 18px;
}
.sev-hero__meta {
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
	display: flex;
	gap: 26px;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 15px;
}
.sev-hero__meta li { display: flex; align-items: center; gap: 8px; }

.sev-badge {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 999px;
}

/* ---------- Seções da landing page ---------- */
.sev-secao { padding: 64px 0; }
.sev-secao:nth-of-type(even) { background: var(--sev-fundo-alt); }

.sev-evento .sev-titulo, .sev-archive .sev-titulo {
	font-size: clamp(1.4rem, 3vw, 2.1rem);
	margin: 0 0 20px;
}
.sev-prosa { font-size: 1.02rem; line-height: 1.75; text-align: justify; }
.sev-prosa p { margin: 0 0 1em; }

.sev-cards {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.sev-card {
	background: #fff;
	border: 1px solid var(--sev-borda);
	border-top: 4px solid var(--sev-cor);
	padding: 22px;
}
.sev-evento .sev-card h3 { margin: 0 0 8px; font-size: 1.1rem; }
.sev-card p { margin: 0; line-height: 1.6; font-size: .96rem; }

.sev-grid2 {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.sev-lista { margin: 0; padding-left: 20px; line-height: 1.9; }

/* A agenda tem desenho proprio no fim deste arquivo. */

.sev-atracao {
	border-left: 4px solid var(--sev-cor);
	padding: 6px 0 6px 22px;
	margin: 0 0 30px;
}
.sev-atracao:last-child { margin-bottom: 0; }
.sev-evento .sev-atracao h3 { margin: 0 0 8px; font-size: 1.25rem; }
.sev-atracao p { margin: 0 0 14px; line-height: 1.7; max-width: 70ch; text-align: justify; }

.sev-fechamento {
	background: var(--sev-cor);
	color: #fff;
	text-align: center;
}
.sev-evento .sev-fechamento h2 { color: #fff; margin: 0 0 10px; font-size: clamp(1.5rem, 3vw, 2.2rem); }
.sev-fechamento p { margin: 0 auto 22px; max-width: 60ch; }

.sev-voltar { padding-top: 40px; padding-bottom: 60px; }
.sev-voltar a { text-decoration: none; font-weight: 600; }

/* ---------- Arquivo ---------- */
/* Seletores com a classe do bloco repetida (.sev-archive .sev-...) porque o
   kit do Elementor estiliza h1/h2/h3 globais com a MESMA especificidade e
   carrega depois deste arquivo: no empate, ele vencia e o título do topo saía
   preto sobre fundo preto. */
.sev-archive .sev-archive__topo {
	background: #1b1d22;
	color: #fff;
	padding: 76px 0 64px;
	text-align: center;
}
.sev-archive .sev-archive__sobretitulo {
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: 13px;
	color: #fff;
	opacity: .7;
	margin: 0 0 8px;
}
.sev-archive .sev-archive__topo h1 { color: #fff; margin: 0; font-size: clamp(1.9rem, 4.5vw, 3rem); }

.sev-grupo { padding: 46px 0 10px; }
.sev-archive .sev-grupo__titulo {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin: 0 0 22px;
}
.sev-ponto { width: 12px; height: 12px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
.sev-grupo__contagem {
	font-size: 13px;
	background: var(--sev-borda);
	color: #3f3f46;
	border-radius: 999px;
	padding: 2px 10px;
	letter-spacing: 0;
}

.sev-lista-eventos {
	display: grid;
	gap: 26px;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

.sev-card-evento {
	border: 1px solid var(--sev-borda);
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.sev-card-evento__capa {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e4e4e7;
}
.sev-card-evento__capa img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sev-card-evento__capa .sev-badge { position: absolute; left: 12px; top: 12px; }
.sev-card-evento__corpo { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.sev-card-evento__vertical {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 11px;
	font-weight: 700;
	color: var(--sev-cor);
	margin: 0 0 6px;
}
.sev-archive .sev-card-evento__titulo, .sev-widget .sev-card-evento__titulo { margin: 0 0 10px; font-size: 1.15rem; line-height: 1.25; }
.sev-card-evento__titulo a { text-decoration: none; color: inherit; }
.sev-card-evento__meta { margin: 0 0 4px; font-size: .92rem; opacity: .8; }
.sev-card-evento__acoes {
	margin-top: auto;
	padding-top: 16px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
}

.sev-filtros {
	padding-top: 46px;
	padding-bottom: 70px;
	display: flex;
	gap: 14px;
	align-items: center;
	flex-wrap: wrap;
	font-size: 14px;
}
.sev-filtros a {
	border: 1px solid var(--sev-borda);
	padding: 8px 16px;
	text-decoration: none;
	color: inherit;
}
.sev-filtros a:hover { border-color: var(--sev-cor); color: var(--sev-cor); }

.sev-vazio { padding: 60px 24px 80px; text-align: center; opacity: .75; }

@media (max-width: 640px) {
	.sev-hero { padding: 84px 0 64px; }
	.sev-secao { padding: 44px 0; }
	.sev-prosa, .sev-atracao p { text-align: left; }
}

/* ==========================================================================
   PROGRAMAÇÃO DIA A DIA — ESQUELETO
   --------------------------------------------------------------------------
   IMPORTANTE PARA QUEM FOR MEXER: este bloco cuida do ESQUELETO (o que é flex,
   o que é coluna, o que empilha no celular, onde a linha do tempo passa). Cor,
   tipografia, tamanho, espaçamento e arredondamento são CONTROLES do widget do
   Elementor — abra a página no Elementor, clique no widget "Sertões —
   Programação do evento" e use a aba Estilo. Não edite este arquivo para trocar
   uma cor ou um tamanho: o painel já faz isso, e o que estiver aqui vira o
   ponto de partida, não a regra.

   Por isso os seletores são de UMA classe só, sem aninhar. Aninhar aumentaria a
   especificidade e faria o CSS deste arquivo GANHAR do painel — o designer
   mexeria no controle e a página não mudaria, que é o pior defeito possível
   numa ferramenta de edição.

   Os valores abaixo reproduzem o desenho aprovado, baseado na arte oficial do
   Roteiro Sertões, e valem para qualquer evento de qualquer vertical.
   ========================================================================== */

.sev-agenda-dias {
	/* A COR DA MARCA DESTA VERTICAL. Nao ha laranja fixo aqui: o rally e laranja
	   (#FF4C15), o MTB e rosa (#FF38DC) e o kite e verde (#79B110), e cada um sai
	   do proprio kit do Elementor daquele site. */
	--sev-marca: var(--e-global-color-accent, #FF4C15);

	/* Os dois tons escuros da faixa sao DERIVADOS da cor da marca, misturando com
	   um marrom bem escuro — nao sao cores escritas a mao.
	   Antes eles eram laranja fixo, e o resultado apareceu na tela: no MTB a faixa
	   saia laranja com uma pontinha rosa no fim, porque so o ultimo trecho do
	   degrade usava a cor da vertical. Derivando, a faixa do MTB nasce rosa, a do
	   kite nasce verde, e ninguem precisa configurar nada.
	   O valor solido vem antes como reserva para navegador sem `color-mix`. */
	--sev-marca-escura: #A83000;
	--sev-marca-media:  #D9420B;
	--sev-laranja:      var(--sev-marca);
	--sev-amarelo:      #F7D905;
	--sev-tinta:       var(--e-global-color-primary, #1C1B1F);
	--sev-linha-clara: #E6E6E8;
	--sev-fonte-condensada: "Big Shoulders Display", sans-serif;

	/* Largura da coluna de horario e tamanho do ponto vem por VARIAVEL, e nao
	   direto na propriedade, porque no celular a lista deixa de ser duas colunas
	   e vira empilhada. Se o painel mirasse a propriedade, o valor de computador
	   continuaria valendo na tela pequena (o CSS do painel tem especificidade
	   maior que `@media`) — e ali `flex-basis` vira ALTURA, o que abria um buraco
	   entre o horario e a atividade e jogava a linha do tempo por cima do texto.
	   Com variavel, o painel informa o valor e cada tamanho de tela decide se
	   usa. */
	--sev-col-hora: 70px;
	--sev-ponto: 13px;
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	.sev-agenda-dias {
		--sev-marca-escura: color-mix(in srgb, var(--sev-marca) 58%, #2A0A00);
		--sev-marca-media:  color-mix(in srgb, var(--sev-marca) 82%, #2A0A00);
	}
}

/* ---------- barra para ir direto a um dia ---------- */
.sev-dias-nav {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 10px 0 12px;
	margin: 0 0 22px;
	border-bottom: 1px solid var(--sev-linha-clara);
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	position: sticky;
	/* Abaixo do cabeçalho fixo do site. A altura é MEDIDA pelo JS e publicada em
	   --sev-topo-fixo, porque cada vertical da rede tem o seu cabeçalho e o
	   Elementor ainda encolhe a barra ao rolar. Sem JS, o valor de reserva 0
	   mantém o comportamento antigo em vez de empurrar a barra para o lugar
	   errado. */
	top: var(--sev-topo-fixo, 0px);
	z-index: 5;
	background: #fff;
}
.sev-dias-nav a {
	flex: 0 0 auto;
	min-width: 62px;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
	border: 1px solid var(--sev-linha-clara);
	border-radius: 8px;
	background: #fff;
	color: var(--sev-tinta);
	font-family: var(--sev-fonte-condensada);
	line-height: 1;
	transition: border-color .15s, color .15s, background .15s;
}
.sev-dias-nav a b { display: block; font-size: 22px; font-weight: 700; }
.sev-dias-nav a span {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .7;
}
.sev-dias-nav a:hover,
.sev-dias-nav a:focus-visible { border-color: var(--sev-laranja); color: var(--sev-laranja); }
.sev-dias-nav a.e-hoje { background: var(--sev-laranja); border-color: var(--sev-laranja); color: #fff; }
.sev-dias-nav a.e-hoje span { opacity: .95; }
/* O dia que está NA TELA e o dia de HOJE são coisas diferentes e precisam de
   marcas diferentes: sem isso a barra fixa diz "18" enquanto a pessoa lê o 23. */
.sev-dias-nav a.e-atual { box-shadow: inset 0 -3px 0 var(--sev-amarelo); }

/* ---------- a caixa do dia ---------- */
.sev-dia {
	border: 1px solid var(--sev-linha-clara);
	border-radius: 14px;
	overflow: hidden;
	margin: 0 0 22px;
	background: #fff;
	scroll-margin-top: calc(var(--sev-topo-fixo, 0px) + 76px);
}
.sev-dia--hoje { border-color: var(--sev-marca); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sev-marca) 18%, transparent); }

.sev-dia__cabeca {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 22px;
	background: linear-gradient(100deg, var(--sev-marca-escura) 0%, var(--sev-marca-media) 45%, var(--sev-marca) 100%);
	color: #fff;
}
.sev-dia__data {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	padding: 6px 10px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .22);
	font-family: var(--sev-fonte-condensada);
	line-height: .92;
}
.sev-dia__num { font-size: 38px; font-weight: 800; letter-spacing: -.01em; }
.sev-dia__mes { margin-top: 4px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .92; }
.sev-dia__texto { flex: 1 1 auto; min-width: 0; }
.sev-dia__semana { margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .9; }
.sev-dia__titulo {
	margin: 0;
	font-family: var(--sev-fonte-condensada);
	font-size: 30px;
	font-weight: 800;
	font-style: italic;
	line-height: 1.02;
	letter-spacing: .01em;
	text-transform: uppercase;
	color: #fff;
}
.sev-dia__titulo--simples { font-style: normal; font-weight: 600; font-size: 26px; }
.sev-dia__selo {
	flex: 0 0 auto;
	align-self: flex-start;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--sev-amarelo);
	color: #1A1B1C;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
}


/* --------------------------------------------------------------------------
   ESPECIFICIDADE: por que estes poucos seletores levam o nome da tag junto

   O tema e o kit do Elementor pintam TODO `h3` e TODO `a` do site. Essas regras
   (uma classe + uma tag) ganham de uma classe sozinha, e o resultado aparecia na
   tela: o título do dia saía preto sobre a faixa laranja, e os números da barra
   de dias saíam brancos sobre fundo branco — invisíveis.

   A correção precisa acertar uma janela estreita: ganhar do tema e CONTINUAR
   perdendo do painel do Elementor, senão mexer no controle não muda nada.

       tema/kit  `.elementor-kit-116 h3`            = 1 classe + 1 tag
       aqui      `header h3.sev-dia__titulo`        = 1 classe + 2 tags   (ganha do tema)
       painel    `.elementor-element-xxx .sev-...`  = 2 classes           (ganha de tudo)

   Uma classe a mais aqui (em vez da tag) empataria com o painel, e aí venceria
   quem fosse carregado por último — o pior dos mundos, porque funciona numa
   página e falha na outra. Não troque `header h3.` por `.classe .classe`.
   -------------------------------------------------------------------------- */
header h3.sev-dia__titulo {
	/* A tipografia INTEIRA vem para ca, nao so a cor: o kit define familia,
	   tamanho, peso, estilo e caixa de todo `h3`. Corrigir so a cor deixaria o
	   titulo do dia sem italico, sem caixa alta e com o peso errado — que e
	   exatamente a assinatura visual da arte do Roteiro. */
	font-family: var(--sev-fonte-condensada);
	font-size: 30px;
	font-weight: 800;
	font-style: italic;
	line-height: 1.02;
	letter-spacing: .01em;
	text-transform: uppercase;
	color: #fff;
}
header h3.sev-dia__titulo--simples {
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
}
nav.sev-dias-nav a { color: var(--sev-tinta); }
nav.sev-dias-nav a.e-hoje { color: #fff; }

/* ---------- local ---------- */
.sev-dia__corpo { padding: 6px 22px 20px; }
.sev-dia__corpo .sev-local { padding: 18px 0 4px; border-top: 0; }
.sev-local + .sev-local { border-top: 1px solid var(--sev-linha-clara); }

.sev-local__nome {
	margin: 0 0 4px;
	font-family: var(--sev-fonte-condensada);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--sev-tinta);
}
.sev-local__nome a { color: inherit; text-decoration: none; border-bottom: 2px solid var(--sev-amarelo); }
.sev-local__meta { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0 0 14px; }
.sev-local__endereco,
.sev-local__coord {
	position: relative;
	margin: 0;
	padding-left: 20px;
	font-size: 13.5px;
	line-height: 1.45;
	color: #7A7A7A;
}
.sev-local__endereco::before,
.sev-local__coord::before { position: absolute; left: 0; top: 0; font-size: 13px; opacity: .75; }
.sev-local__endereco::before { content: "\1F4CD"; }
.sev-local__coord::before { content: "\1F9ED"; }

/* ---------- horários, como a linha do percurso da arte ---------- */
.sev-agenda { position: relative; list-style: none; margin: 0; padding: 0; }
.sev-agenda::before {
	content: "";
	position: absolute;
	left: calc(var(--sev-col-hora, 70px) - 1px);
	top: 12px;
	bottom: 12px;
	width: 2px;
	border-radius: 2px;
	background: linear-gradient(180deg, var(--sev-laranja), var(--sev-amarelo));
}
.sev-agenda li {
	position: relative;
	display: flex;
	gap: 0;
	align-items: flex-start;
	padding: 9px 0;
	border-bottom: 0;
}
.sev-agenda li + li { border-top: 1px solid #F2F2F3; }

.sev-agenda__quando {
	position: relative;
	flex: 0 0 var(--sev-col-hora, 70px);
	min-width: 0;
	padding-right: 26px;
	text-align: right;
	white-space: nowrap;
	font-family: var(--sev-fonte-condensada);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--sev-tinta);
}
/* o ponto na linha, como os marcadores de etapa da arte */
.sev-agenda__quando::after {
	content: "";
	position: absolute;
	right: calc(var(--sev-ponto, 13px) / -2);
	top: 9px;
	width: var(--sev-ponto, 13px);
	height: var(--sev-ponto, 13px);
	box-sizing: border-box;
	border: 3px solid var(--sev-laranja);
	border-radius: 50%;
	background: #fff;
}
.sev-agenda__quando small { display: block; margin-top: 1px; font-size: 12px; font-weight: 600; color: #8A8A8A; }
.sev-agenda__oque { flex: 1 1 auto; padding-left: 26px; font-size: 16px; line-height: 1.5; color: #3F3F42; }

/* ---------- celular ----------
   Só ESQUELETO: no celular o horário sai da coluna e vira etiqueta acima da
   atividade, porque em 375px uma coluna fixa espremeria a atividade em quatro
   linhas. Os controles do Elementor têm valor próprio por dispositivo, então
   tamanho e cor no celular continuam sendo ajustados pelo painel. */
@media (max-width: 768px) {
	.sev-dia__cabeca { align-items: flex-start; }
	header h3.sev-dia__titulo { font-size: 21px; }
	header h3.sev-dia__titulo--simples { font-size: 20px; }
	/* Empilhado: o horario vira etiqueta ACIMA da atividade. A coluna deixa de
	   existir, entao a variavel da largura vale ZERO aqui — e como ela e uma
	   variavel, basta redefini-la: nao ha briga de especificidade com o painel. */
	.sev-agenda { --sev-col-hora: 0px; }
	.sev-agenda::before { left: 5px; }
	.sev-agenda li { flex-direction: column; gap: 3px; padding-left: 22px; }
	.sev-agenda__quando {
		flex: 0 0 auto;
		display: flex;
		align-items: baseline;
		gap: 7px;
		padding-right: 0;
		text-align: left;
	}
	.sev-agenda__quando::after {
		left: calc(-22px - var(--sev-ponto, 13px) / 2 + 6px);
		right: auto;
		top: 5px;
	}
	.sev-agenda__quando small { display: inline; margin-top: 0; }
	.sev-agenda__oque { padding-left: 0; }
	.sev-local__meta { gap: 2px 0; }
}


/* O aviso do exemplo, visivel so dentro do editor do Elementor. */
.sev-exemplo-editor__aviso {
	margin: 0 0 14px;
	padding: 10px 14px;
	border-left: 4px solid var(--e-global-color-accent, #FF4C15);
	background: #FAFAFB;
	font-size: 13px;
	line-height: 1.5;
	color: #55555A;
}

/* Impressão: a programação é o que mais se imprime, e gradiente vira mancha. */
@media print {
	.sev-dias-nav { display: none; }
	.sev-dia__cabeca { background: none !important; color: #000 !important; border-bottom: 2px solid #000; }
	.sev-dia__data { background: none; color: #000 !important; }
	.sev-dia__titulo, .sev-dia__semana, .sev-local__nome { color: #000 !important; }
	.sev-dia { break-inside: avoid; page-break-inside: avoid; border-color: #999; }
}