@charset "utf-8";
/* ==========================================================
   Tema OldThunder
   Céu de tempestade em cima, pergaminho no conteúdo.
   O raio do cabeçalho é o único elemento chamativo.
   ========================================================== */

@font-face {
	font-family: "Grenze Gotisch";
	src: url("fonts/grenze-gotisch-latin-600-normal.woff2") format("woff2");
	font-weight: 600; font-style: normal; font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}
@font-face {
	font-family: "Grenze Gotisch";
	src: url("fonts/grenze-gotisch-latin-ext-600-normal.woff2") format("woff2");
	font-weight: 600; font-style: normal; font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Alegreya";
	src: url("fonts/alegreya-latin-400-normal.woff2") format("woff2");
	font-weight: 400; font-style: normal; font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}
@font-face {
	font-family: "Alegreya";
	src: url("fonts/alegreya-latin-ext-400-normal.woff2") format("woff2");
	font-weight: 400; font-style: normal; font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Alegreya";
	src: url("fonts/alegreya-latin-400-italic.woff2") format("woff2");
	font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
	font-family: "Alegreya";
	src: url("fonts/alegreya-latin-700-normal.woff2") format("woff2");
	font-weight: 700; font-style: normal; font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}
@font-face {
	font-family: "Alegreya";
	src: url("fonts/alegreya-latin-ext-700-normal.woff2") format("woff2");
	font-weight: 700; font-style: normal; font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--sky: #1c2536;
	--sky-2: #2e3c55;
	--mist: #a9b6cc;
	--parchment: #efe6cc;
	--parchment-2: #e3d6b4;
	--parchment-3: #d2c197;
	--ink: #2b231a;
	--ink-soft: #5b4c39;
	--brass: #7a4c12;
	--brass-bright: #b07a2a;
	--bolt: #f6d96b;
	--ok: #4c8a3f;
	--bad: #a3402c;

	--display: "Grenze Gotisch", "UnifrakturMaguntia", Georgia, serif;
	--text: "Alegreya", Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }

html { background: var(--sky); }

body {
	margin: 0;
	min-height: 100vh;
	background:
		radial-gradient(1200px 500px at 15% -10%, #3a4a68 0%, transparent 60%),
		radial-gradient(900px 400px at 85% 0%, #33415c 0%, transparent 55%),
		var(--sky);
	color: var(--ink);
	font-family: var(--text);
	font-size: 16px;
	line-height: 1.55;
}

.wrap {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
}

.skip {
	position: absolute; left: -999px; top: 8px;
	background: var(--bolt); color: var(--sky);
	padding: 8px 14px; border-radius: 4px; z-index: 100;
}
.skip:focus { left: 12px; }

a { color: var(--brass); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: #4f2f08; }
:focus-visible { outline: 3px solid var(--bolt); outline-offset: 2px; }

/* ---------- Céu (cabeçalho) ---------- */

.sky {
	position: relative;
	overflow: hidden;
	color: #eef1f7;
	padding: 28px 0 22px;
}
.sky--home { padding: 46px 0 40px; }

.sky::before {
	/* nuvens */
	content: "";
	position: absolute; inset: -40px -10% auto -10%;
	height: 260px;
	background:
		radial-gradient(60% 70% at 20% 40%, rgba(150, 168, 200, .18), transparent 70%),
		radial-gradient(45% 60% at 70% 30%, rgba(120, 140, 175, .16), transparent 70%),
		radial-gradient(35% 50% at 95% 60%, rgba(150, 168, 200, .12), transparent 70%);
	filter: blur(6px);
	pointer-events: none;
}

.flash {
	position: absolute; inset: 0;
	background: radial-gradient(70% 120% at 18% 20%, rgba(246, 217, 107, .55), rgba(220, 230, 255, .15) 45%, transparent 70%);
	opacity: 0;
	pointer-events: none;
}
.sky--home .flash { animation: flash 1.6s ease-out .35s 1 both; }

.sky__inner { position: relative; display: grid; gap: 14px; }

.mark {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #f3eedf;
	text-decoration: none;
	width: max-content;
	max-width: 100%;
}
.mark:hover { color: #fff; }

.mark__text {
	font-family: var(--display);
	font-weight: 600;
	font-size: clamp(44px, 6vw, 64px);
	line-height: .95;
	letter-spacing: .01em;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .35);
}
.sky--home .mark__text { font-size: clamp(56px, 9vw, 108px); }

.bolt {
	width: 34px; height: 68px;
	flex: none;
	margin-right: -2px;
	transform: rotate(8deg);
}
.sky--home .bolt { width: 56px; height: 112px; }
.bolt__core { fill: var(--bolt); }
.bolt__glow { fill: none; stroke: rgba(246, 217, 107, .45); stroke-width: 10; stroke-linejoin: round; filter: blur(3px); }
.sky--home .bolt__core { animation: strike 1.6s ease-out .35s 1 both; }

.pitch {
	margin: 4px 0 0;
	max-width: 34em;
	font-size: 20px;
	line-height: 1.45;
	color: var(--mist);
}

.cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }

.pulse {
	margin: 0;
	display: inline-flex; align-items: center; gap: 8px;
	font-size: 15px;
	color: var(--mist);
}
.pulse a { color: #eef1f7; }
.pulse__dot {
	width: 9px; height: 9px; border-radius: 50%;
	background: var(--bad);
	box-shadow: 0 0 0 3px rgba(163, 64, 44, .25);
}
.pulse.is-on .pulse__dot { background: #7fd36b; box-shadow: 0 0 0 3px rgba(127, 211, 107, .22); }

@media (min-width: 900px) {
	.sky--home .sky__inner { grid-template-columns: 1fr auto; align-items: end; }
	.sky--home .mark, .sky--home .pitch, .sky--home .cta { grid-column: 1; }
	.sky--home .pulse { grid-column: 2; grid-row: 1; align-self: start; }
	.sky:not(.sky--home) .sky__inner { grid-template-columns: 1fr auto; align-items: center; }
}

@keyframes flash {
	0% { opacity: 0; }
	8% { opacity: 1; }
	14% { opacity: .15; }
	20% { opacity: .8; }
	100% { opacity: 0; }
}
@keyframes strike {
	0% { opacity: .25; filter: none; }
	8% { opacity: 1; filter: drop-shadow(0 0 14px rgba(246, 217, 107, .9)); }
	14% { opacity: .45; }
	20% { opacity: 1; filter: drop-shadow(0 0 10px rgba(246, 217, 107, .8)); }
	100% { opacity: 1; filter: drop-shadow(0 0 4px rgba(246, 217, 107, .35)); }
}

/* ---------- Botões ---------- */

.btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: 6px;
	font-family: var(--text);
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
	border: 2px solid transparent;
	cursor: pointer;
}
.btn--bolt { background: var(--bolt); color: #1c2536; }
.btn--bolt:hover { background: #ffe58f; color: #1c2536; }
.btn--ghost { border-color: rgba(238, 241, 247, .55); color: #eef1f7; }
.btn--ghost:hover { border-color: #eef1f7; color: #fff; }
.btn--brass { background: var(--brass); color: #fff8e6; }
.btn--brass:hover { background: #5e390b; color: #fff; }
.btn--line { border-color: var(--brass); color: var(--brass); }
.btn--line:hover { background: var(--parchment-2); }

/* ---------- Abas ---------- */

.tabs { background: rgba(10, 14, 22, .35); border-top: 1px solid rgba(169, 182, 204, .18); }
.tabs__row { display: flex; gap: 4px; overflow-x: auto; padding-top: 8px; scrollbar-width: none; }
.tabs__row::-webkit-scrollbar { display: none; }

.tabs .tab, .tabs .tab-active {
	flex: none;
	font-family: var(--text);
	font-size: 17px;
	font-weight: 700;
	padding: 9px 18px 11px;
	border: 0;
	border-radius: 8px 8px 0 0;
	background: transparent;
	color: var(--mist);
	cursor: pointer;
}
.tabs .tab:hover { color: #fff; background: rgba(169, 182, 204, .12); }
.tabs .tab-active { background: var(--parchment); color: var(--ink); }

/* ---------- Página ---------- */

.page {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 290px;
	gap: 24px;
	align-items: start;
	padding-bottom: 40px;
}

.sheet {
	background: var(--parchment);
	border-radius: 0 0 10px 10px;
	padding: 6px 30px 34px;
	min-width: 0;
	box-shadow: 0 18px 40px rgba(5, 8, 14, .45);
	background-image:
		radial-gradient(120% 60% at 0% 0%, rgba(255, 255, 255, .25), transparent 60%),
		radial-gradient(90% 50% at 100% 100%, rgba(150, 118, 60, .12), transparent 70%);
}

.submenu { border-bottom: 1px solid var(--parchment-3); margin: 0 -30px 18px; padding: 0 30px; }
.submenu__list { display: none; padding: 10px 0 12px; }
.submenu__list a { display: inline-block; margin: 2px 20px 2px 0; color: var(--ink-soft); font-weight: 700; text-decoration: none; font-size: 15px; }
.submenu__list a:hover { color: var(--brass); text-decoration: underline; }

.sheet__title {
	font-family: var(--display);
	font-weight: 600;
	font-size: 40px;
	line-height: 1.1;
	margin: 6px 0 18px;
	color: var(--ink);
}

/* ---------- Lateral ---------- */

.side { display: grid; gap: 16px; padding-top: 10px; }

.card {
	background: #26324a;
	border: 1px solid rgba(169, 182, 204, .22);
	border-radius: 10px;
	padding: 16px 18px 18px;
	color: #dfe5ef;
	font-size: 15px;
}
.card p { margin: 0 0 12px; }
.card a { color: #f1d98a; }
.card a:hover { color: #fff1bd; }
.card__title {
	font-family: var(--display);
	font-weight: 600;
	font-size: 25px;
	line-height: 1.1;
	margin: 0 0 10px;
	color: #f3eedf;
}
.card .btn--brass { background: var(--bolt); color: #1c2536; }
.card .btn--brass:hover { background: #ffe58f; color: #1c2536; }
.card .btn--line { border-color: rgba(238, 241, 247, .55); color: #eef1f7; }
.card .btn--line:hover { background: rgba(238, 241, 247, .08); color: #fff; }
.stack { display: grid; gap: 8px; }

.links { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }

.steps { margin: 0; padding-left: 22px; display: grid; gap: 8px; }
.steps li::marker { font-family: var(--display); color: var(--bolt); font-size: 18px; }

.facts { margin: 0; display: grid; gap: 4px; }
.facts div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px dashed rgba(169, 182, 204, .2); padding: 3px 0; }
.facts dt { color: var(--mist); }
.facts dd { margin: 0; font-weight: 700; color: #f3eedf; }

.ladder { margin: 0 0 10px; padding-left: 22px; display: grid; gap: 5px; }
.ladder li { display: flex; justify-content: space-between; gap: 10px; }
.ladder li::marker { color: var(--mist); }
.ladder span { color: var(--mist); white-space: nowrap; }
.more { font-size: 14px; }

/* ---------- Rodapé ---------- */

.foot { color: var(--mist); font-size: 14px; padding: 10px 0 40px; }
.foot__row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; }
.foot p { margin: 0; }
.foot a { color: #dfe5ef; }

/* ---------- Celular ---------- */

@media (max-width: 899px) {
	.page { grid-template-columns: 1fr; }
	.sheet { padding: 6px 16px 26px; border-radius: 0 0 8px 8px; }
	.submenu { margin: 0 -16px 16px; padding: 0 16px; }
	.sheet__title { font-size: 32px; }
	.pitch { font-size: 18px; }
	.wrap { padding: 0 16px; }
	.Content { overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.sky--home .flash, .sky--home .bolt__core { animation: none; }
}

/* ---------- Regras herdadas do tema kathrine (conteúdo) ---------- */
.TableContainer {
  border: 1px solid #d0cdb4;
  position: relative;
  width: 100%;
  font-size: 10px;
}
.TableContainer .Odd {
  background-color: #e5e3d7;
}
.TableContainer .Even {
  background-color: #d0cdb4;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  font-size: 10pt;
  background-color: #afab89 !important;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
	position: relative;
  background-color: #afab89;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
	font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  left: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  right: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	left: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	right: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
  position: absolute;
  height: 100%;
  width: 3px;
  left: -1px;
  top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
  position: absolute;
  height: 100%;
  width: 3px;
  right: -1px;
  top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
  right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  right: -3px;
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
  bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
  right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
  border: 1px solid #afab89;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #d0cdb4;
  padding: 0px;
}
.TableContent {
  width: 100%;
  border-collapse: collapse;
}
.TableContent td {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
  width: 100%;
  background-color: #d0cdb4;
  border: 2px solid #afab89;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.TableContainer .Table2 td {
  padding: 0px;
  margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
  margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
  border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  border: 1px solid #e5e3d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #e5e3d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
}
.TableContainer .Table4 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
}
.TableContainer .Table5 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
  position: relative;
  top: 0px;
  right: 3px;
  margin-right: 0px;
  font-size: 10px;
  float: right;
  z-index: 99;
}
.TableShadowRightTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 5px;
  z-index: 99;
}
.TableContentAndRightShadow {
  position: relative;
  background-repeat: repeat-y;
  background-position: top right;
  margin-right: 3px;
  font-size: 10px;
}
.TableShadowContainer {
  position: relative;
  widht: 100%;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  font-size: 10px;
  height: 5px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.TableBottomLeftShadow {
  position: relative;
  height: 5px;
  width: 4px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.TableBottomRightShadow {
  position: relative;
  float: right;
  right: -2px;
  top: 0px;
  height: 5px;
  width: 4px;
}
/* LABELS */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelV120 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 120px;
}
.LabelV150 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 150px;
}
.LabelV200 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 200px;
}
.LabelH {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #afab89;

}
.LabelH td {
  background-color: #afab89;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.BigButton {
  position: relative;
  width: 135px;
  height: 25px;
  z-index: 10;
}
.BigButtonOver {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 137px;
  height: 25px;
  visibility: hidden;
  z-index: 15;
}
.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0px;
  z-index: 55;
}
.Content .BoxContent .Odd {
  background-color: #d0cdb4;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #e5e3d7;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #d0cdb4;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #e5e3d7;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #d0cdb4;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #e5e3d7;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

/* News Ticker */

.Content #NewsTicker .BoxContent {
  padding: 5px;
  min-height: 90px;
  height: auto !important;
  height: 100px;
}

.Content #NewsTicker .BoxContent .Row {
  position: relative;
  width: 100%;
}

.Content #NewsTicker .NewsTickerIcon {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.Content #NewsTicker .NewsTickerText {
  font-size: 9pt;
  position: relative;
  margin-left: 20px;
}

.Content #NewsTicker .NewsTickerDate {
  font-size: 7pt;
  position: absolute;
  top: 0px;
  float: left;
}

.Content #NewsTicker .NewsTickerShortText {
  margin-left: 85px;
  height: 14px;
}

.Content #NewsTicker .NewsTickerFullText {
  margin-left: 85px;
  margin-right: 20px;
  display: none;
}

.Content #NewsTicker .NewsTickerExtend {
  position: relative;
  right: 0px;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  z-index: 10;
}

/* Featured Article */

.Content #FeaturedArticle .BoxContent {
  position:relative;
  height: 100px;
  padding: 5px;
  padding-left: 10px;
  min-height: 100px;
  height: auto !important;
  height: 110px;
  line-height: 10.5pt;
}

.Content #FeaturedArticle #TeaserThumbnail {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100px;
  width: 150px;
  margin-left: 10px;
  background-color: black;
  z-index: 90;
  float: right;
}

#ContentHelper #FeaturedArticle:first-child .BoxContent {
  padding: 10px;
}

.Content #FeaturedArticle #TeaserText {
  height: 100px;
  overflow: hidden;
  z-index: 0;
}

.Content #FeaturedArticle #Link {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 89 165 0 0;
  z-index: 99;
}

.Content #FeaturedArticle .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #d0cdb4;
  border-right: 1px solid #d0cdb4;
}

.Content #FeaturedArticle .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
}

.Content #FeaturedArticle .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #FeaturedArticle .NewsHeadlineText {
  position: relative;
  top: 8px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News */

.Content #News .BoxContent {
  min-height: 100px;
  height: auto !important;
  height: 110px;
}

.Content #News .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #d0cdb4;
  border-right: 1px solid #d0cdb4;
}

.Content #News .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #News .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #News .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

.Content #News .NewsHeadlineAuthor {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News Archive */

.Content #NewsArchive .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #d0cdb4;
  border-right: 1px solid #d0cdb4;
}

.Content #NewsArchive .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #NewsArchive .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #NewsArchive .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/** --------------------------------------
 *  ### not final versions for tests
 *  ### concerning the new payment process
 *  --------------------------------------
 */

/* new error handling concept tests */

.FormFieldError {
  font-size: 8pt;
  color: red;
}
.SmallBox {
  position: relative;
  font-size: 1px;
}
.SmallBox .ErrorMessage {
  font-size: 8pt;
  position: relative;
  color: red;
  height: 100%;
  background-color: #d0cdb4;
  padding: 5px;
  padding-left: 43px;
}
.SmallBox .Message {
  font-size: 10pt;
  position: relative;
  height: 100%;
  background-color: #d0cdb4;
  padding: 10px;
}
.SmallBox .ErrorMessage ul {
  padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
  position: relative;
  height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .MessageContainer {
  position: relative;
  height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .AttentionSign {
  position: absolute;
  top: 3px;
  left: 8px;
  width: 30px;
  height: 26px;
}

/* ==========================================================
   Páginas internas do site (tabelas, formulários, notícias)
   Vem depois das regras herdadas, para recolorir tudo
   ========================================================== */

.Content { font-size: 16px; line-height: 1.55; text-align: left; }
.Content a:not(.btn) { color: var(--brass); font-weight: 700; }
.Content a:not(.btn):hover { color: #4f2f08; }
.Content p { max-width: 70ch; }
.Content h2, .Content h3 {
	font-family: var(--display); font-weight: 600; line-height: 1.15; color: var(--ink);
}
.Content h2 { font-size: 30px; margin: 26px 0 10px; }
.Content h3 { font-size: 24px; margin: 22px 0 8px; }
.Content table { font-size: 15px; }
.Content td, .Content th { padding: 6px 8px; }
.Content img { max-width: 100%; }

/* Tabelas no estilo antigo do MyAAC */
.TableContainer {
	font-size: 15px;
	border: 1px solid var(--parchment-3);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 18px;
	background: var(--parchment);
}
.TableContainer .Odd { background-color: var(--parchment); }
.TableContainer .Even { background-color: var(--parchment-2); }
.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer { background-color: #34405a !important; }
.TableContainer .CaptionContainer .Text {
	font-family: var(--display);
	font-weight: 600;
	font-size: 22px;
	color: #f3eedf;
	padding: 4px 14px 6px;
}
.CaptionEdgeLeftTop, .CaptionEdgeRightTop, .CaptionEdgeLeftBottom, .CaptionEdgeRightBottom,
.CaptionBorderTop, .CaptionBorderBottom, .CaptionVerticalLeft, .CaptionVerticalRight,
.TableShadowContainerRightTop, .TableShadowRightTop, .TableShadowContainer,
.TableBottomShadow, .TableBottomLeftShadow, .TableBottomRightShadow { display: none !important; }
.TableContentAndRightShadow { background: none !important; padding: 0 !important; }
.TableContentContainer { border: 0; margin: 0; }
.TableContent td, .TableContainer td { font-size: 15px; padding: 6px 10px; }
.LabelV, .LabelV120, .LabelV150, .LabelV200 { color: var(--ink-soft); }

/* Tabelas simples com cor de fundo direta */
.Content table[bgcolor], .Content td[bgcolor], .Content tr[bgcolor] { border-color: var(--parchment-3); }
.Content .white, .Content .whites { color: #f3eedf; }

/* Botões e campos */
.Content input[type="submit"], .Content input[type="button"], .Content button,
.Content .BigButton, .Content .ButtonText {
	font-family: var(--text);
	font-weight: 700;
	font-size: 16px;
	background: var(--brass);
	color: #fff8e6;
	border: 0;
	border-radius: 6px;
	padding: 9px 18px;
	min-height: 40px;
	cursor: pointer;
	background-image: none;
}
.Content input[type="submit"]:hover, .Content input[type="button"]:hover, .Content button:hover { background: #5e390b; }
.Content .pix-btn { background: var(--brass); }
.Content input[type="text"], .Content input[type="password"], .Content input[type="email"],
.Content input[type="number"], .Content select, .Content textarea {
	font-family: var(--text);
	font-size: 16px;
	padding: 7px 10px;
	border: 1px solid #b9a77c;
	border-radius: 5px;
	background: #fffaf0;
	color: var(--ink);
	max-width: 100%;
}
.Content input:focus, .Content select:focus, .Content textarea:focus { outline: 3px solid var(--brass-bright); outline-offset: 1px; }

/* Mensagens */
.SmallBox .ErrorMessage, .SmallBox .Message {
	background: #f6e3d6 !important;
	border: 1px solid #d9a88f;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 15px;
}
.SmallBox .BoxFrameHorizontal, .SmallBox .BoxFrameVerticalRight, .SmallBox .BoxFrameVerticalLeft,
.SmallBox .BoxFrameEdgeLeftTop, .SmallBox .BoxFrameEdgeLeftBottom,
.SmallBox .BoxFrameEdgeRightTop, .SmallBox .BoxFrameEdgeRightBottom, .SmallBox .AttentionSign { display: none !important; }

/* Notícias (markup próprio do tema em news.html.twig) */
.news { margin: 0 0 30px; padding-bottom: 24px; border-bottom: 1px solid var(--parchment-3); }
.news:last-child { border-bottom: 0; }
.news__date { margin: 0; color: var(--ink-soft); font-size: 14px; }
.news__title { font-family: var(--display); font-weight: 600; font-size: 32px; line-height: 1.1; margin: 2px 0 12px; }
.news__body { font-size: 17px; }
.news__body p { margin: 0 0 12px; }
.news__body ul { padding-left: 22px; }
.news__more { font-size: 15px; }

/* Ticker e artigo em destaque herdados: só recolorir */
.Content #NewsTicker .BoxContent, .Content #FeaturedArticle .BoxContent {
	background: var(--parchment-2) !important;
	border-radius: 8px;
	border: 0 !important;
}
.Content .NewsHeadlineBackground { background: none !important; border-bottom: 1px solid var(--parchment-3); }
.Content .NewsHeadlineIcon, .Content .NewsTickerIcon { display: none; }
.Content .NewsHeadlineText { font-family: var(--display); font-size: 24px !important; color: var(--ink) !important; }
.Content .NewsHeadlineDate { color: var(--ink-soft) !important; }

/* Loja Pix: combinar com o pergaminho */
.pix-saldo { background: var(--parchment-2) !important; border-color: var(--parchment-3) !important; }
.pix-card { background: #f7f0dc !important; border-color: var(--parchment-3) !important; }
.pix-card h4 { font-family: var(--display); font-weight: 600; font-size: 22px !important; }
.pix-btn { background: var(--brass) !important; }
.pix-btn:hover { background: #5e390b !important; }