/*@font-face {
  font-family: 'tiresias_infofontregular';
  src: url('fonts/Tiresias_Infofont-webfont.eot');
  src: url('fonts/Tiresias_Infofont-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/Tiresias_Infofont-webfont.woff') format('woff'),
       url('fonts/Tiresias_Infofont-webfont.ttf') format('truetype'),
       url('fonts/Tiresias_Infofont-webfont.svg#tiresias_infofontregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

/*
:root[color-mode="dark"] { }
:root[color-mode="light"] { }
*/
.color-mode { padding: 10px 30px 0 0 }
.color-mode-light { background-color: #1d1d1d; color: #fef5da; border: none; border-radius: 15px; }
.color-mode-dark { background-color: #fef5da; color: #1d1d1d; border: none; border-radius: 15px; }
.color-mode-light:hover,
.color-mode-light:focus,
.color-mode-dark:hover,
.color-mode-dark:focus { outline: .125rem solid #08c; outline-offset: .2rem; }
:root[color-mode="dark"] .color-mode .dark-hidden { display: none; }
:root[color-mode="light"] .color-mode .light-hidden { display: none; }
.ico-btn-darklight { margin-bottom: 4px; }

.fork-github {
position: absolute; top: 0; right: 0; border: 0; z-index: 1000;
}

.container-error { padding-top: 3rem; }

:root {
    /* Fontes - base 16px = 1em */
    --medida-padrao: 1rem;
    --medida-1: .25rem;
    --medida-2: .5rem;
    --medida-3: 1rem;
    --medida-4: 1.5rem;
    --medida-5: 3rem;
    --medida-6: 4.5rem;
    --medida-7: 6rem;
    --medida-8: 7.5rem;
    --medida-9: 9rem;
    --medida-G: 15rem;
}
/* margem */
.m-0 { margin: 0!important; }
.m-1 { margin: var(--medida-1)!important; }
.m-2 { margin: var(--medida-2)!important; }
.m-3 { margin: var(--medida-3)!important; }
.m-4 { margin: var(--medida-4)!important; }
.m-5 { margin: var(--medida-5)!important; }

.mt-0 { margin-top: 0!important; }
.mt-1 { margin-top: var(--medida-1)!important; }
.mt-2 { margin-top: var(--medida-2)!important; }
.mt-3 { margin-top: var(--medida-3)!important; }
.mt-4 { margin-top: var(--medida-4)!important; }
.mt-5 { margin-top: var(--medida-5)!important; }
.mt-6 { margin-top: var(--medida-6)!important; }
.mt-7 { margin-top: var(--medida-7)!important; }
.mt-8 { margin-top: var(--medida-8)!important; }
.mt-9 { margin-top: var(--medida-9)!important; }

.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: var(--medida-1)!important; }
.mb-2 { margin-bottom: var(--medida-2)!important; }
.mb-3 { margin-bottom: var(--medida-3)!important; }
.mb-4 { margin-bottom: var(--medida-4)!important; }
.mb-5 { margin-bottom: var(--medida-5)!important; }
.mb-6 { margin-bottom: var(--medida-6)!important; }
.mb-7 { margin-bottom: var(--medida-7)!important; }
.mb-8 { margin-bottom: var(--medida-8)!important; }
.mb-9 { margin-bottom: var(--medida-9)!important; }
.mb-G { margin-bottom: var(--medida-G)!important; }

.mx-auto { margin-right: auto!important; margin-left: auto!important; }
.mx-0 { margin-right: 0!important; margin-left: 0!important; }
.mx-1 { margin-right: var(--medida-1)!important; margin-left: var(--medida-1)!important; }
.mx-2 { margin-right: var(--medida-2)!important; margin-left: var(--medida-2)!important; }
.mx-3 { margin-right: var(--medida-3)!important; margin-left: var(--medida-3)!important; }
.mx-4 { margin-right: var(--medida-4)!important; margin-left: var(--medida-4)!important; }
.mx-5 { margin-right: var(--medida-5)!important; margin-left: var(--medida-5)!important; }

.my-auto { margin-top: auto!important; margin-bottom: auto!important; }
.my-0 { margin-top: 0!important; margin-bottom: 0!important; }
.my-1 { margin-top: var(--medida-1)!important; margin-bottom: var(--medida-1)!important; }
.my-2 { margin-top: var(--medida-2)!important; margin-bottom: var(--medida-2)!important; }
.my-3 { margin-top: var(--medida-3)!important; margin-bottom: var(--medida-3)!important; }
.my-4 { margin-top: var(--medida-4)!important; margin-bottom: var(--medida-4)!important; }
.my-5 { margin-top: var(--medida-5)!important; margin-bottom: var(--medida-5)!important; }

/* espaçamento */
.p-0 { padding: 0!important; }
.p-1 { padding: var(--medida-1)!important; }
.p-2 { padding: var(--medida-2)!important; }
.p-3 { padding: var(--medida-3)!important; }
.p-4 { padding: var(--medida-4)!important; }
.p-5 { padding: var(--medida-5)!important; }

.pt-0 { padding-top: 0!important; }
.pt-1 { padding-top: var(--medida-1)!important; }
.pt-2 { padding-top: var(--medida-2)!important; }
.pt-3 { padding-top: var(--medida-3)!important; }
.pt-4 { padding-top: var(--medida-4)!important; }
.pt-5 { padding-top: var(--medida-5)!important; }

.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: var(--medida-1)!important; }
.pb-2 { padding-bottom: var(--medida-2)!important; }
.pb-3 { padding-bottom: var(--medida-3)!important; }
.pb-4 { padding-bottom: var(--medida-4)!important; }
.pb-5 { padding-bottom: var(--medida-5)!important; }

.px-auto { padding-right: auto!important; padding-left: auto!important; }
.px-0 { padding-right: 0!important; padding-left: 0!important; }
.px-1 { padding-right: var(--medida-1)!important; padding-left: var(--medida-1)!important; }
.px-2 { padding-right: var(--medida-2)!important; padding-left: var(--medida-2)!important; }
.px-3 { padding-right: var(--medida-3)!important; padding-left: var(--medida-3)!important; }
.px-4 { padding-right: var(--medida-4)!important; padding-left: var(--medida-4)!important; }
.px-5 { padding-right: var(--medida-5)!important; padding-left: var(--medida-5)!important; }

.py-auto { padding-top: auto!important; padding-bottom: auto!important; }
.py-0 { padding-top: 0!important; padding-bottom: 0!important; }
.py-1 { padding-top: var(--medida-1)!important; padding-bottom: var(--medida-1)!important; }
.py-2 { padding-top: var(--medida-2)!important; padding-bottom: var(--medida-2)!important; }
.py-3 { padding-top: var(--medida-3)!important; padding-bottom: var(--medida-3)!important; }
.py-4 { padding-top: var(--medida-4)!important; padding-bottom: var(--medida-4)!important; }
.py-5 { padding-top: var(--medida-5)!important; padding-bottom: var(--medida-5)!important; }

/* Fonts settings */
body, p, .navbar, .brand, a, .td-name, td, button, input, select, textarea {
font-family: "Raleway", "Helvetica", Arial, sans-serif;
font-size: 1.1rem;
}
body, .page-content {
  color: #efefef;
  background-color: #25292a;
}
:root[color-mode="light"] body, :root[color-mode="light"] .page-content {
  color: #25292a;
  background-color: #f6f6f6;
}

/* Títulos */
h1, .h1 { font-family: "Helvetica", Arial, sans-serif; font-weight: 800; font-size: 3.5rem; font-weight: 800; color: #faf6e7; }
:root[color-mode="light"] h1, :root[color-mode="light"] .h1 { font-size: 3.5rem; font-weight: 800; color: #333; }
h2, .h2, h3, .h3, .title, .card-title, .info-title, .footer-brand, .media .media-heading { font-family: "Helvetica", Arial, sans-serif; font-weight: 800; font-weight: 800; }
h4, .h4, h5, .h5, h6, .h6, .footer-big h5, .footer-big h4, .media .media-heading { font-weight: 500; }
h2, .h2 { margin: 30px 0; }
h2.help { color: #e8a609; font-size: 2.5em; font-weight: 700; }
:root[color-mode="light"] h2.help { color: #333; font-size: 2.5em; font-weight: 700; }
h3, .h3 { font-size: 1.4em; line-height: 1.4; margin: 20px 0 0px; }
h3.help { color: #e8a609; font-size: 1.7em; font-weight: 700; }
:root[color-mode="light"] h3.help { color: #333; font-size: 1.7em; font-weight: 700; }
h5 { font-weight: 400; }
.pt-2 { padding-top: .4rem!important; }
:root[color-mode="light"] .txt-mini, .txt-mini { font-size: .8rem; }

/* Fontes */
p { font-size: 1.2rem; line-height: 1.5em; margin-bottom: 1em; color: #faf6e7; }
p.destaque, .destaque { color: #FDB60C; }
:root[color-mode="light"] p.destaque, :root[color-mode="light"] .destaque { color: #333; }
p.destaque-idiomas { padding-left: 15px; }
p.destaque-download { margin-bottom: 0; }
:root[color-mode="light"] p { font-size: 1.2rem; line-height: 1.5em; margin-bottom: 1em; color: #333!important; }
a {
  color: #e8a609; text-decoration: underline;
  outline: 2px solid transparent;
  outline-offset: .5rem;
  transition: outline-offset .2s linear; }
:root[color-mode="light"] a {
  color: #333; text-decoration: underline;
  outline: 2px solid transparent;
  outline-offset: .5rem;
  transition: outline-offset .2s linear; }

button {
  color: #e8a609; text-decoration: none;
  outline: 2px solid transparent;
  outline-offset: .5rem;
  transition: outline-offset .2s linear; }
a.nolink,
:root[color-mode="light"] a.nolink { text-decoration: none; }
a:hover, a:focus { color: #faf6e7; text-decoration: underline!important; outline: .125rem solid #08c; outline-offset: .125rem; }
:root[color-mode="light"] a:hover, :root[color-mode="light"] a:focus { color: #333; background-color: #faf6e7!important; text-decoration: underline!important; outline: .125rem solid #08c; outline-offset: .125rem; }
input:hover, input:focus { color: #333; text-decoration: none!important; outline: .125rem solid #08c; outline-offset: .125rem; }

.versoes summary { text-decoration: underline; margin: 0 0 5px 0; }
.versoes summary:hover { background-color: rgba(255, 255, 255, 0.1); }

/* skip to content */
a.skip-to-content-link { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
a.skip-to-content-link:focus, a.skip-to-content-link:active {
  background-color:#e8a609; color:#333;
  left: 0; top: 0;
  width: auto; height: auto; overflow: auto;
  margin: 10px; padding: 10px 15px;
  border: 3px solid #25292a;
  border-radius: 50px;
  font-size: 1.4em;
  z-index: 10000;
}
a.skip-to-content-link:hover { background-color: #fff; }

/* idiomas */
.destaque-idiomas { margin-left: .8rem; }
.link-idiomas:before { content:'| '; }
.link-idiomas:first-child:before { content:''; }
.link-idiomas a { color: #fff; }
.link-idiomas:hover a, .link-idiomas:focus a { color: #e8a609; }

.temp { color: #e8a609; }
span.novo-destaque { color: #333!important; background-color: #e8a609!important; padding: 0 .4rem!important; font-size: 1rem; font-weight: 700; }
span.novo-destaque-draft { color: #faf6e7!important; background-color: #8f0fd1!important; padding: 0 .4rem!important; font-size: 1rem; font-weight: 700; }
.info-mobile { display: none!important; }

ul.share li { display: inline; }

.nobullet { list-style: none; margin-left: -20px;}

a span.externo { position: absolute; top: -9999px; left: -9999px; }
.sr-only { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.navbar-expand-md .navbar-collapse { flex-grow: 0!important; }
.navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn), [class*="bg"] .navbar-nav .nav-item .nav-link:not(.btn) { color: #faf6e7; border-color: #faf6e7; }
.navbar .navbar-nav .nav-item .nav-link { line-height: 1.6; margin: 15px 0px; padding: 10px 15px; opacity: .8; font-size: 1rem; text-transform: uppercase; font-weight: 600; color: #333; }
.navbar-transparent .navbar-nav .active .nav-link
.active .nav-link:hover, .navbar-transparent .navbar-nav .active .nav-link:focus, .navbar-transparent .navbar-nav .nav-item .nav-link:hover, .navbar-transparent .navbar-nav .nav-item .nav-link:focus, [class*="bg"] .navbar-nav .active .nav-link
.active .nav-link:hover, [class*="bg"] .navbar-nav .active .nav-link:focus, [class*="bg"] .navbar-nav .nav-item .nav-link:hover, [class*="bg"] .navbar-nav .nav-item .nav-link:focus { background-color: transparent; color: #faf6e7; opacity: 1; filter: alpha(opacity=100); }

:root[color-mode="light"] .navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn), :root[color-mode="light"] [class*="bg"] .navbar-nav .nav-item .nav-link:not(.btn) { color: #333; border-color: #333; }

ul.navbar-lang { margin-left: 2rem; background-color: rgba(255,255,255,0.2); border-radius: 3rem; }
:root[color-mode="light"] ul.navbar-lang { margin-left: 2rem; background-color: rgba(0,0,0,0.2); border-radius: 3rem; }

b, strong { font-weight: 500; }
hr.error { border-top: 1px solid #faf6e7!important; }

.btn {
  box-sizing: border-box;
  border-width: 2px;
  font-size: 1rem; font-weight: 600;
  padding: 0.5rem 18px; line-height: 1.75;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #66615B; border-color: #66615B; color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.btn:not(:disabled):not(.disabled) { cursor: default; }
.btn[class*="btn-outline-"] { background-image: none; background-color: transparent; }
.btn-outline-neutral { border-color: #FFFFFF; color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); }
:root[color-mode="light"] .btn-outline-neutral { border-color: #333; color: #333; opacity: 1; filter: alpha(opacity=100); }
.btn-outline-neutral:hover, .btn-outline-neutral:focus, .btn-outline-neutral:active, .btn-outline-neutral.active {
  color: #403D39; border-color: #FFFFFF; background-color: #FFFFFF; }
.btn-round { border-radius: 30px; }
.btn-big { font-size: 1.5rem; }
.btn-destaque { background-color: #fef5da!important; color: #333; border-color: #333; margin-bottom: 1em; }
.btn-destaque:hover { background-color: #fff!important; }
.btn-destaque:focus { background-color: #fff!important; outline: .125rem solid #08c!important; outline-offset: .125rem; }
.idioma-link, .idioma-link:hover { background-color: #ececec!important; border-radius: 10rem!important; }

:root[color-mode="light"] .btn-destaque { background-color: #e8a609!important; color: #333; border-color: #333; }
:root[color-mode="light"] .btn-destaque:hover { background-color: #333!important; }
:root[color-mode="light"] .btn-destaque:focus { background-color: #333!important; outline: .125rem solid #08c!important; outline-offset: .125rem; }

.py-2 { padding-top: .5rem!important; padding-bottom: 0!important; }
.section { padding: 40px 0; position: relative; background-color: #25292a; }
:root[color-mode="light"] .section { padding: 40px 0; position: relative; background-color: #f6f6f6; }

.link-white { color: #fff; text-decoration: underline; }
.link-white:hover, .link-white:focus { color: #efefef; text-decoration: underline; }

.text-yellow { color: #e8a609; }
:root[color-mode="light"] .text-yellow { color: #e8a609; }
.fa-heart { color: #f7395f; }

.img-header { margin-top: 30px; }
.busca-center { margin: 0 auto; }

.busca-breve {
  border: 4px solid #000!important;
  border-radius: 1rem;
  background: #efefef!important;
  padding: .5rem!important;
  height: auto!important;
  width: 40rem!important;
  background-size: 24px!important;
  margin: 0!important;
}
p.sugestoes { margin-bottom: .4rem; }

.busca-breve:focus { border: 4px solid #e8a609!important; box-shadow: none!important; }
:root[color-mode="light"] .busca-breve:focus { border: 4px solid #333!important; box-shadow: none!important; }

.busca-cartao { margin-bottom: 0!important; font-weight: 600; }
.busca-filtro { margin-bottom: .5rem; }
.ajuda-form { display: block; }

.busca-filtro-grupo { margin: 1.8rem 0; }
.busca-filtro-space-top { padding-top: 1.5rem; }
.results, .no-results { width: 100%; margin: 2rem 0 0 0; font-size: 2rem; }
.item-filtro { width: 19rem; float: left; background: #000; margin-right: .5rem; padding: .3rem 1.1rem; border-radius: 1rem; }
.item-filtro-all { background: #000; margin-right: .5rem; padding: .3rem 1.1rem; border-radius: 1rem; }
:root[color-mode="light"] .item-filtro { color: #fff; width: 19rem; float: left; background: #000; margin-right: .5rem; padding: .3rem 1.1rem; border-radius: 1rem; }
:root[color-mode="light"] .item-filtro-all { color: #fff; background: #000; margin-right: .5rem; padding: .3rem 1.1rem; border-radius: 1rem; }
.item-filtro label, .item-filtro-all label { margin-bottom: 0; }


/* Custom Checkbox */
.item-filtro .checkmark, .item-filtro-all .checkmark  { position: absolute; background-color: #fff; height: 23px; width: 23px; margin: .1rem 0 0 -1.4rem; }
.item-filtro .check-levels .filter-label, .item-filtro-all .check-levels .filter-label { margin: 0 0 0 .7rem; }

.item-filtro .check-levels:hover input ~ .checkmark, .item-filtro-all .check-levels:hover input ~ .checkmark { cursor: pointer; outline: .125rem solid #08c; outline-offset: .125rem; }
.item-filtro .check-levels .checkmark:hover, .item-filtro .check-levels .filter-label,
.item-filtro-all .check-levels .checkmark:hover, .item-filtro-all .check-levels .filter-label  { cursor: pointer; }
.item-filtro .check-levels .checkmark:focus input ~ .checkmark, .item-filtro-all .check-levels .checkmark:focus input ~ .checkmark { background-color: #2196F3; outline: .125rem solid #08c; outline-offset: .125rem; }
.item-filtro .check-levels input:checked ~ .checkmark, .item-filtro-all .check-levels input:checked ~ .checkmark { background-color: #2196F3; }

.item-filtro .checkmark:after, .item-filtro-all .checkmark:after { content: ""; position: absolute; display: none; }
.item-filtro .check-levels input:checked ~ .checkmark:after, .item-filtro-all .check-levels input:checked ~ .checkmark:after { display: block; }
.item-filtro .check-levels .checkmark:after, .item-filtro-all .check-levels .checkmark:after {
  left: 7px; top: 2px;
  width: 9px; height: 17px;
  border: solid #fff; border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.item-filtro .check-levels input:focus + .checkmark, .item-filtro-all .check-levels input:focus + .checkmark { outline: .125rem solid #08c; outline-offset: .200rem; }

/* Controles */
.box-controles { margin: 2rem; padding: .8rem 0; color: #111; font-weight: 400; background-color: #e8a609; border: 1px solid #fff; border-radius: 1rem; }
:root[color-mode="light"] .box-controles { margin-top: 3rem; padding: .8rem 0; color: #111; font-weight: 400; background-color: #e8a609; border: 2px solid #111; border-radius: 1rem; }
.box-controles p { color: #111; }
.box-controles .controles { text-align: left; margin: 0; padding: 0 0 0 2.5rem; }
.box-controles .controles .control-label { position: absolute; width: 35rem; margin: .25rem 0 0 4.3rem; }

.box-controles .controles .switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.box-controles .controles .switch input { opacity: 0; width: 0; height: 0; }
.box-controles .controles .slider {
  position: absolute; cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  border: 1px solid #333;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
.box-controles .controles .control-label { cursor: pointer; }
.box-controles .controles .slider:before {
  position: absolute; content: "";
  height: 26px; width: 26px;
  left: 4px; bottom: 3px;
  background-color:#333;
  -webkit-transition: .4s;
  transition: .4s;
}
.box-controles .controles input:checked + .slider { background-color: #93f9aa; }
.box-controles .controles input:hover + .slider, .box-controles .controles input:focus + .slider { outline: .125rem solid #08c; outline-offset: .125rem; }
.box-controles .controles input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.box-controles .controles .slider.round { border-radius: 34px; }
.box-controles .controles .slider.round:before { border-radius: 50%; }

/* CARDS */
.cards {
  background: #fff; z-index:1000; min-height: 24rem; border: 1px dotted #464646; border-radius: 20px; margin-top: 1.5rem; padding: .3rem;
  transition: .2s linear;
  transform-style: preserve-3d;
  position: relative;
}
/*.cards.novo { background-color: #f6f3eb!important; }*/
.cards:hover {
  transform: scale(1.3) translateX(2%) translateY(3%) rotateZ(3deg);
  /*cursor: pointer;*/
  z-index:1100;
  box-shadow: 10px 10px 60px -5px rgba(0,0,0,0.75);
}
.cards:focus {
  transform: scale(1.1);
  /*cursor: pointer;*/
  z-index:1100;
  box-shadow: 10px 10px 60px -5px rgba(0,0,0,0.75);
  outline: .125rem solid #08c;
  outline-offset: .250rem;
  /*transition: outline-offset .2s linear;*/
}

.cards-hover-off:hover {
  transform: scale(1);
  z-index:1100;
  box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.50);
}
.cards-focus-off:focus {
  transform: scale(1);
  transition: outline-offset .2s linear;
  z-index:1100;
  box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.50);
  outline: .125rem solid #08c;
  outline-offset: .250rem;
}

@media (prefers-reduced-motion) {
  .cards:hover {
    transform: scale(1);
    z-index:1100;
    box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.50);
  }
  .cards:focus {
    transform: scale(1);
    transition: outline-offset .2s linear;
    z-index:1100;
    box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.50);
    outline: .125rem solid #08c;
    outline-offset: .250rem;
  }
}

/* Ajuste para Safari */
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) and (display:flow-root) {
    .cards:hover { transform: scale(1.1); }
    .item-filtro .check-levels .checkmark:focus input ~ .checkmark { background-color: #2196F3; outline: .125rem solid #08c; outline-offset: .125rem; }
    .cards-hover-off:hover {
      transform: scale(1);
      z-index:1100;
      box-shadow: 5px 5px 30px -5px rgba(0,0,0,0.50);
    }
  }
}

.cards p { color: #333; }
:root[color-mode="light"] .cards p { color: #333; font-size: .8rem; margin: 0!important; padding-top: 0!important; }
.cards a { color: #333; }
.cards strong { font-weight: 700; }
.cards a:hover, .cards a:focus { color: #fff; background-color: #333; padding: 0 3px; }
.cards-hover-off a:hover, .cards-hover-off a:focus { color: #fff; background-color: #333; padding: 0 3px; outline: none; }

.cards h3 { font-size: 1.1rem; margin: 0 .3rem; min-height: 5.2rem; color: #333; }
.cards h3 span { background-color: #333; color: #fff; padding: 0 .2rem; }
.principio { font-size: 1rem; border-bottom: 1px solid #333; margin: .6rem -.35rem; padding-right: .4rem; }
.recomendacao { font-size: .8rem; margin: -.6rem 0 0 0; }
.descricao { font-size: .8rem; margin: 0 .3rem; }
.nota-draft { background-color: #8f0fd1; color: #fff!important; padding: 0 .2rem; }
.descricao-draft { font-size: .7rem; margin: 0 -.35rem; padding-top: 0rem!important; background-color: #8f0fd1; color: #fff!important; font-weight: 700!important; text-align: center; }
.link, .link a { font-size: .7rem; margin: 0 .15rem .5rem .15rem; }

.cards-perceptivel { border-top: 10px solid #d9213b; border-bottom: 10px solid #d9213b; }
.cards-operavel { border-top: 10px solid #127a90; border-bottom: 10px solid #127a90; }
.cards-compreensivel { border-top: 10px solid #fabb12; border-bottom: 10px solid #fabb12; }
.cards-robusto { border-top: 10px solid #1da972; border-bottom: 10px solid #1da972; }

.cards-perceptivel .principio { border-bottom: 1px solid #d9213b; background-color: #d9213b; }
.cards-perceptivel .principio { color: #fff; }
.cards-perceptivel .recomendacao { color: #333; }
.cards-operavel .principio { border-bottom: 1px solid #127a90; background-color: #127a90; }
.cards-operavel .principio { color: #fff; }
.cards-operavel .recomendacao { color: #333; }
.cards-compreensivel .principio { border-bottom: 1px solid #fabb12; background-color: #fabb12; }
.cards-compreensivel .principio { color: #222; }
.cards-compreensivel .recomendacao { color: #333; }
.cards-robusto .principio { border-bottom: 1px solid #1da972; background-color: #1da972; }
.cards-robusto .principio { color: #222; }
.cards-robusto .recomendacao { color: #333; }

.cards-removido { border-top: 10px solid #cccccc; border-bottom: 10px solid #cccccc; }

.cards-all { padding-left: 0!important; width: 100%; }
.cards-all li { list-style: none; width: 22.8%; float: left; margin: 0 15px 0 10px; }

/* Ribbon */
.ribbon { position: absolute; right: -5px; top: -15px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }
.ribbon span { font-size: .75rem; font-weight: bold; color: #333;
  text-transform: uppercase; text-align: center; line-height: 20px;
  -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg);
  width: 100px; display: block; background: #ffc446; position: absolute; top: 19px; right: -21px; }

.ribbon span:before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1;
  border-left: 3px solid #aa7c1b; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #aa7c1b; }
.ribbon span:after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1;
  border-left: 3px solid transparent; border-right: 3px solid #aa7c1b; border-bottom: 3px solid transparent; border-top: 3px solid #aa7c1b; }

/* Ribbon Draft */
.ribbon-draft { position: absolute; right: -5px; top: -15px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }
.ribbon-draft span { font-size: .75rem; font-weight: bold; color: #fff;
  text-transform: uppercase; text-align: center; line-height: 20px;
  -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg);
  width: 100px; display: block; background: #8f0fd1; position: absolute; top: 19px; right: -21px; }

.ribbon-draft span:before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1;
  border-left: 3px solid #8f0fd1; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #8f0fd1; }
.ribbon-draft span:after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1;
  border-left: 3px solid transparent; border-right: 3px solid #8f0fd1; border-bottom: 3px solid transparent; border-top: 3px solid #8f0fd1; }

li.links { line-height: 2rem; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .1rem; font-size: 1.2rem; font-weight: 500; white-space: normal; }

@media (max-width: 1199px) {
.cards-all li {
list-style: none;
width: 30%;
float: left;
margin: 0 10px;
}
}

@media (max-width: 768px) {
  .cards-all li {
    list-style: none;
    width: 46%;
    float: left;
    margin: 0 10px;
  }
  .busca-breve { width: 90%!important; }

}

/* Views Mobile */
@media (max-width: 576px) {
h2 { font-size: 1.8rem; }
.aa-header-content,
.aa-download-section, 
.img-header,
.box-controles,
.no-mobile { display: none; }
.mobile-bottom { min-height: 50px; }
.destaque-idiomas { margin-left: 1.2rem; }
.cards:hover, .cards:focus { transform: scale(1) }
.cards-all li { list-style: none; width: 95%; float: left; margin: 0 10px; }

.busca-filtro { margin-bottom: 1rem; }
.busca-filtro-grupo { margin-bottom: .1rem; }
legend { display: block; width: 90%; max-width: 100%; padding: 0; margin-bottom: .1rem; font-size: 1rem; font-weight: bold; white-space: normal; }
.dicas-busca { display: none; }

.results, .no-results { width: 100%; margin: 2rem 0 0 0; font-size: 1.2rem; }
.info-mobile { display: block!important; margin-top: 20px; padding: 0 20px; }
}

@media (max-width: 992px) {
  .navbar-expand-md .navbar-collapse { display: none!important; }

  .item-filtro, .item-filtro-all,
  :root[color-mode="light"] .item-filtro, :root[color-mode="light"] .item-filtro-all { width: 90%; clear: both; background: #000; margin: .2rem 0 .2rem 1.5rem; padding: .2rem 1rem; }

  .item-filtro label, .item-filtro-all label { font-size: .8rem; }
  .item-filtro .checkmark, .item-filtro-all .checkmark { position: absolute; background-color: #fff; height: 18px; width: 18px; margin: 0 0 0 -1.1rem; }
  .item-filtro .check-levels .checkmark:after, .item-filtro-all .check-levels .checkmark:after {
    left: 6px; top: 3px;
    width: 6px; height: 10px;
    border: solid #fff; border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

/* Common Styles */

.text-destaque { color: #f7395f; }
.text-destaque-alert { color: #37d6ee; font-size: 1.4rem; text-align: center!important; }
:root[color-mode="light"] .text-destaque-alert { color: #111; font-size: 1.4rem; text-align: center!important; }
.title { color: #faf6e7; }
:root[color-mode="light"] .title { color: #333; }
.description { color: #333; }
.bg-gradient { background: linear-gradient(-45deg, #f7395f 0%, #fe702e 100%);
-webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite; }

.bg-colors {
  color: #fff;
  background: linear-gradient(-45deg, #F79533 0%, #F37055 15%, #EF4E7B 30%, #A166AB 44%, #5073B8 58%, #1098AD 72%, #07B39B 86%, #6DBA82 100%);
  background-size: 200% 200%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

/* Header Section */
.aa-header {
/*background-image: url("images/home-image.jpg");*/
position: relative;
background-size: cover;
/*min-height: 600px;*/
}

.aa-header .navbar .navbar-brand {
font-size: 24px;
font-family: "Dosis", "Helvetica", Arial, sans-serif;
font-weight: 600;
box-shadow: none;
letter-spacing: 1px;
opacity: 1;
}

.aa-header .aa-header-content {
padding-top: 3rem;
}

.aa-header .aa-header-content h1 {
letter-spacing: 1px;
}

.aa-header .aa-logo-img {
width: 40%;
filter:drop-shadow(2px 2px 1px rgba(37,41,42,.8));
}

@media (max-width: 992px) {
.aa-header .aa-logo-img {
  width: 100%;
}
.aa-header h1 {
  font-size: 38px;
}
.aa-header .aa-header-content img {
  padding-top: 40px;
}
.aa-header .aa-header-content li {
  font-size: 12px;
}
}

@media (max-width: 768px) {
.aa-header .aa-header-content img {
  margin-top: 2px !important;
  padding-top: none !important;
  padding-bottom: 25px;
}
}

@media (max-width: 576px) {
.aa-header .aa-logo-img {
  padding-left: 20px;
}
.aa-header .navbar-brand {
  padding-right: 20px !important;
}
.aa-header .aa-header-content li {
  font-size: 10px;
}
/*#installer {position:absolute;opacity:0;top:0;right:0;text-align:center;transition:opacity 300ms ease-in-out}
#installer.available {opacity:1}
#installer .button {border:#fff 1px solid;margin:10px;padding:10px;color:#fff;background-color:transparent}*/
}

/* Body Section */
.aa-product-details .description {
overflow: hidden;
margin-bottom: 1.5rem;
}

.aa-product-details .description .h4 {
color: #111111;
padding-bottom: 1.5rem;
}

.aa-product-details .icon {
float: left;
margin-top: 16px;
margin-right: 60px;
font-size: 3rem;
}

.aa-screenshots { background-color: #f5fafd; }
.aa-screenshots p, .aa-screenshots h1, .aa-screenshots h2, .aa-screenshots h3, .aa-screenshots ul li { color: #333; }
.aa-screenshots a { color: #333; }
.aa-screenshots a:hover, .aa-screenshots a:focus { color: #fff; background-color: #333; }

.aa-download-section a { color: #fff; }
:root[color-mode="light"] .aa-download-section a { color: #fff; }
.aa-download-section a:hover, .aa-download-section a:focus { color: #fff; background-color: #333; }

@media (max-width: 992px) {
  .aa-screenshots .carousel-inner .carousel-item img { height: 300px; }
}

@media (max-width: 768px) {
  .aa-screenshots .carousel-inner .carousel-item img { height: 200px; }
}

@media (max-width: 400px) {
  .aa-screenshots .carousel-inner .carousel-item img { height: 150px; }
}

.aa-price-package .card {
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -1px;
}

.aa-price-package .aa-price {
padding-bottom: 1.5rem;
background-color: #F5FAFD;
}

.aa-price-package .aa-price .btn {
width: 8rem;
}

.aa-price-package .aa-price .aa-price-section {
padding: 25px 5px;
background-color: white;
margin-left: -1.25rem;
margin-right: -1.25rem;
font-size: 28px;
font-family: "Dosis", "Helvetica", Arial, sans-serif;
font-weight: 600;
}

.aa-price-package .aa-price .aa-price-section span {
font-family: "Dosis", "Helvetica", Arial, sans-serif;
font-weight: 600;
font-size: 38px;
}

.aa-price-package .aa-price ul li {
line-height: 3;
border-bottom: 1px dashed #eee;
}

.aa-price-package .aa-price-active {
background-color: white;
}

.aa-price-package .aa-price-active .btn {
border: none;
padding-top: .65rem;
padding-bottom: .65rem;
}

.aa-price-package .text-small {
font-size: 90%;
line-height: 3;
opacity: 0.75;
}

.aa-price-package .text-small:hover {
opacity: 1;
}

.aa-testimonials-section .aa-testimonials {
margin-top: 4rem;
margin-bottom: 4rem;
}

.aa-testimonials-section .aa-testimonials img {
border-radius: 100%;
width: 96px;
height: auto;
}

.aa-testimonials-section .aa-testimonials .aa-testimonials-body {
background-color: #F5FAFD;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 10px -4px;
}

.aa-testimonials-section .aa-testimonials .h5 {
color: #111111;
}

@media (max-width: 992px) {
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body p {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body {
    text-align: center;
  }
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.aa-download-section i {
color: #888;
}

.aa-download-section .aa-apple:hover i {
color: #B4B0B0;
}

.aa-download-section .aa-android:hover i {
color: #a4c639;
}

.aa-download-section .aa-windows:hover i {
color: #0078d7;
}

.aa-download-section .aa-download-icon {
padding-left: 40px;
}

@media (max-width: 992px) {
.aa-download-section p {
  font-size: 10px;
}
}

@media (max-width: 992px) {
  .aa-download-section p {
    font-size: 12px;
  }
  .aa-download-section .aa-download-icon {
    padding-left: 0px;
    text-align: center;
  }
  .aa-download-section .aa-download-icon-detail {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .aa-download-section p {
    font-size: 14px;
  }
}

/* Footer section */
.aa-footer a.credit { color: inherit; border-bottom: 1px dashed; }
.aa-footer a { color: #333; }
.aa-footer a:hover, .aa-footer a:focus { color: #333; text-decoration: underline; }

.logo-footer { background-color: #333; }

footer p { font-size: 1.2rem; font-weight: 700; line-height: 1.5em; margin-bottom: 1em; color: #333!important; }

.bg-degrade { background: linear-gradient(90deg, rgb(255, 213, 77) 0%, rgb(255, 173, 89) 100%); }


/* Impressão ----------- */
@media print {

*, *:before, *:after, *:first-letter, *:first-line {
  background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after { content: ""; }

pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }

.pt-2 { padding-top: 0!important; }

.no-print, .no-print * { display: none!important; }
.print-largura { flex: 0 0 100%!important; max-width: 100%!important; }
.print-largura h1 br { display: none!important; }

.text-right { text-align: left!important; }
.principio { font-size: 1rem; border-bottom: 1px solid #333; margin: 0 0 0 .3rem!important; padding-right: 0!important; }
.recomendacao { font-size: .8rem; margin: 0 0 .5rem .3rem!important; max-width: 25%!important; }

.cards-all li { list-style: none; width: 100%!important; float: none!important; margin: 0 15px 0 10px; }
.cards { background: #fff; min-height: 5rem; border: 0!important; margin-top: 1.5rem; padding: 0!important;
  transition: none!important; transform-style: none!important; position: relative; }
.cards-perceptivel, .cards-operavel, .cards-compreensivel, .cards-robusto { border: none!important; }
.cards-perceptivel .principio { border-bottom: 0!important; }
.cards-operavel .principio { border-bottom: 0!important; }
.cards-compreensivel .principio { border-bottom: 0!important; }
.cards-robusto .principio { border-bottom: 0!important; }
.cards-perceptivel .recomendacao { border-bottom: 1px dashed #d9213b!important; }
.cards-operavel .recomendacao { border-bottom: 1px dashed #127a90!important; }
.cards-compreensivel .recomendacao { border-bottom: 1px dashed #fabb12!important; }
.cards-robusto .recomendacao { border-bottom: 1px dashed #1da972!important; }

.cards h3 { font-size: 1.3rem; margin: 0 .3rem; height: 2rem!important; color: #333; }
.cards h3 span { background-color: #333; color: #fff; padding: 0 .2rem; }
.cards h3.cards-title { border-top: 1px dashed #333!important; }
.cards h3.cards-title br { display: none!important; }

.descricao-draft { font-size: .8rem; margin: 0 -.35rem; padding-top: 0rem!important; background-color: #8f0fd1; color: #fff!important; font-weight: 700!important; text-align: left!important; }

.ribbon { position: absolute; right: -5px; top: -15px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }
.ribbon span { font-size: .75rem; font-weight: bold; color: #333;
  text-transform: uppercase; text-align: center; line-height: 20px;
  -webkit-transform: none!important;
  width: 100px; display: block; background: #ffc446; position: absolute; top: 19px; right: -21px; }

.ribbon span:before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1;
  border-left: none!important; border-right: none!important; border-bottom: none!important; border-top: none!important; }
.ribbon span:after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1;
  border-left: none!important; border-right: none!important; border-bottom: none!important; border-top: none!important; }
}