/* ========================== COLORS ========================== */
/* bland */
.bg-bland-1 { background-color: #F5F0EB; }
.bg-bland-2 { background-color: #e6ded6; }
/* databases */
.bg-amp { background-image: url('img/sis/footer-bg.jpg'); background-color: #2e1b10; }
.bg-action { background-color: #ff921c; }
.bg-action:hover { background-color: #f57f00; color: white; } /* #e87900 */
.bg-home-card { background-image: url('img/sis/home-card-bg.jpg'); background-color: #e6ded6; }
.bg-highlight { background-color: #f7ff00 !important; }
.bg-data-base, .bg-praxis-base, .bg-pesquisa-base, .bg-sonora-base { background-size: cover; background-repeat: no-repeat; }
.text-amp { color: #2e1b10; }
.text-mais { color: #fc8600; }
a.text-link, a.text-link:visited { color: #f60; }
a.text-link:hover, a.text-link:focus { color: #dd4814; }

.bg-data-base { background-image: url('img/sis/card-bg-data.jpg'); }
.bg-data-1 { background-color: #213e1d !important; color: white; }
.bg-data-2 { background-color: #497441 !important; color: white; }
.highlight-data { color: #1C7F2D; border-left: 2px solid #1C7F2D; }
.text-data-1 { color: #213e1d; }
.text-data-2 { color: #497441; }
.bg-pesquisa-base { background-image: url('img/sis/card-bg-pesquisa.jpg'); }
.bg-pesquisa-1 { background-color: #1d2d3e !important; color: white; }
.bg-pesquisa-2 { background-color: #415c74 !important; color: white; }
.highlight-pesquisa { color: #004E9F; border-left: 2px solid #004E9F; }
.text-pesquisa-1 { color: #1d2d3e; }
.text-pesquisa-2 { color: #415c74; }
.bg-praxis-base { background-image: url('img/sis/card-bg-praxis.jpg'); }
.bg-praxis-1 { background-color: #401a1d !important; color: white; }
.bg-praxis-2 { background-color: #783d46 !important; color: white; }
.highlight-praxis { color: #9F1F33; border-left: 2px solid #9F1F33; }
.text-praxis-1 { color: #401a1d; }
.text-praxis-2 { color: #783d46; }
.bg-sonora-base { background-image: url('img/sis/card-bg-sonora.jpg'); }
.bg-sonora-1 { background-color: #3f1b33 !important; color: white; }
.bg-sonora-2 { background-color: #744163 !important; color: white; }
.highlight-sonora { color: #7F1E9F; border-left: 2px solid #7F1E9F; }
.text-sonora-1 { color: #3f1b33; }
.text-sonora-2 { color: #744163; }
/* */
* { box-sizing: border-box; margin: 0; padding: 0; outline: none; }
html, body { height: 100%; }
body {
	background-color: #f8f8f8;
	color: #2e1b10;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-family: "Lora", serif;
	font-weight: 400;
	font-style: normal;
}
/* layout */
header .menu { }
header .header-logo { width: 118px; height: 24px; background-image: url('img/sis/amp_logo_header.png'); background-size: contain; background-repeat: no-repeat; background-position: bottom; }
nav ol.breadcrumbs li {
	display: inline;
	margin-right: 0.25rem;
}
nav ol.breadcrumbs li:not(:last-child) {
	opacity: 0.5;
}
nav ol.breadcrumbs li:not(:last-child):hover {
	opacity: 1;
}
nav ol.breadcrumbs li:not(:last-child)::after {
	content: "›"; /* your caret symbol */
	margin-left: 0.25rem; /* spacing after caret */
	color: #666; /* optional color */
}

main {
	flex: 1;
}
footer .footer-logo { width: 230px; height: 52px; background-image: url('img/sis/amp_logo_sm.png'); background-size: contain; background-repeat: no-repeat; }
/* home */
div.card div.card-back { display: none; }
div.card:hover div.card-front { display: none; }
div.card:hover div.card-back { display: block; }
div.home-informacoes { background-image: url('img/sis/home-bg.jpg'); }
div.home-info, div.home-info-big { background-position: center; background-size: cover; }
div.bg-info-amplificar { background-image: url('img/sis/info-amplificar.png'); }
div.bg-info-assine { background-image: url('img/sis/info-assine.jpg'); }
div.bg-info-faq { background-image: url('img/sis/info-faq.jpg'); }
div.bg-info-primeira { background-image: url('img/sis/info-primeiraVezNoSite.jpg'); }
div.bg-info-renato { background-image: url('img/sis/info-renatoborges.jpg'); }
/* pages */
div.page-description { }
div.page-description h3 { font-weight: bold; }
div.page-description p + h3, div.page-description ul + h3 { margin-top: 1rem; }
div.page-description ul { padding-left: 2rem; }
div.page-description ul li { list-style: inside; }
div.page-tree ul { background-color: #2e1b1033; width: fit-content; }
div.page-tree ul#page-tree li::marker { content: "› "; }
/* info */
div.info h2 { font-size: 1.5rem; line-height: 2rem; }
div.info h3 { font-size: 1.25rem; line-height: 1.75rem; }
div.info a, div.info a:visited { color: #f60; }
div.info a:hover, div.info a:focus { color: #dd4814; }
div.info table { padding: 0 1rem; width: fit-content; margin: 0 auto; }
div.info table th, div.info table td { border: 1px solid black; padding: 0.25rem 0.75rem; font-size: 90%; }
div.info table.table-compact th, div.info table.table-compact td { border: 1px solid #bababa; padding: 0rem 0.5rem; font-size: 80%; }
div.info table.table-compact th { background-color: #F5F0EB; }
/* tip-balloon */
div.tip-balloon {
  background: #17a2b8;
  border-radius: 0.5rem;
  color: #fff;
  display: flex;
	flex-direction: column;
  font-size: 0.9rem;
	grid-gap: 1rem;
  line-height: 1.35;
  margin-left: 3.4rem;
  margin-bottom: 1rem;
  max-width: 25rem;
  padding: 0.75rem;
  position: relative;
  text-align: left;
}

div.tip-balloon:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-right: 0.5rem solid #17a2b8;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid #17a2b8;
  border-bottom: 0.5rem solid transparent;
  left: -0.75rem;
  top: 0.6rem;
}
div.tip-balloon:after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  position: absolute;
  background-size: cover;
  background-image: url('img/sis/info-renato90.jpg');
  background-color: #dee2e6;
  box-shadow: 0px 0 1px 2px #dee2e6;
  left: -3.1rem;
  top: 0;
}
div.tip-balloon p:last-child { margin-bottom: 0; }
div.tip-balloon-light { background-color: #C1EAEA; color: initial; }
div.tip-balloon-light:before { border-right: 0.5rem solid #C1EAEA; border-top: 0.5rem solid #C1EAEA; }
hr.separador {
    border: none;
    border-top: 2px solid #DDD;
    color: #e6ded6;
    overflow: visible;
	margin: 2.5rem auto;
    padding: 0;
    text-align: center;
	width: 100%;
}
hr.separador:after {
    background: #f8f8f8;
	color: #e6ded6;
    content: "\f028";
    display: inline-block;
	font-family: 'FontAwesome';
    font-size: 1.5em;
    padding: 0 0.25em;
    position: relative;
    top: -1.2rem;
}