@charset "UTF-8";
/* Cores */
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul,
figure {
  margin: 0;
  padding: 0; }

a:hover {
  text-decoration: none; }

body.no-scroll {
  overflow: hidden; }

img {
  max-width: 100%;
  height: auto; }

.content {
  background-color: #f6f7fb;
  padding-bottom: 30px; }

.tipo {
  background-color: #5fb9f5;
  text-transform: uppercase;
  color: #fff;
  font-family: system-ui;
  border-radius: 20px;
  padding: 3px 15px;
  font-size: 10px;
  letter-spacing: 0.2px;
  display: table;
  width: fit-content; }

.titulo {
  color: #427fa8;
  font-family: system-ui;
  font-size: 20px;
  font-weight: bold; }

.txt {
  font-family: system-ui;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300; }

.log {
  border-radius: 8px; }
  .log .titulo {
    font-size: 20px;
    font-weight: bold;
    padding: 25px 45px 0; }
  .log .txt {
    font-family: system-ui;
    font-size: 18px;
    padding: 0 45px 25px;
    color: #fff; }
    @media screen and (max-width: 1024px) {
      .log .txt {
        font-size: 15px; } }
  .log.item {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column; }

@media screen and (max-width: 1200px) {
  .role .carousel-lastnews {
    margin-bottom: 15px; } }

.role .carousel-lastnews .tns-outer {
  background-color: #073453;
  border-radius: 8px; }

.role .carousel-lastnews .carousel-controls {
  top: 35px;
  right: 35px;
  font-size: 10px;
  color: #5FB9F5; }
  .role .carousel-lastnews .carousel-controls .carousel-prev,
  .role .carousel-lastnews .carousel-controls .carousel-next {
    position: absolute;
    top: calc(50% - 9px);
    cursor: pointer; }
  .role .carousel-lastnews .carousel-controls .carousel-prev {
    left: 15px; }
  .role .carousel-lastnews .carousel-controls .carousel-next {
    right: 22px; }
  @media screen and (max-width: 768px) {
    .role .carousel-lastnews .carousel-controls .carousel-prev {
      left: 25px !important; }
    .role .carousel-lastnews .carousel-controls .carousel-next {
      right: 32px; } }

.role .carousel-lastnews + .carousel-lastnews .carousel-prev {
  left: 22px; }

.role .rok {
  padding: 0 10px; }

.news .new {
  margin-top: 24px;
  padding-left: 24px; }
  .news .new:first-child {
    margin-top: 32px; }
    @media screen and (max-width: 1024px) {
      .news .new:first-child {
        padding-top: 32px;
        margin: 0;
        border-radius: 8px 8px 0 0; } }
  .news .new:last-child {
    margin-bottom: 47px; }
    @media screen and (max-width: 1024px) {
      .news .new:last-child {
        padding-bottom: 47px;
        margin: 0;
        border-radius: 0 0 8px 8px; } }
  .news .new a {
    color: #0a0a0a; }

.news .titulo {
  font-size: 14px;
  margin-top: 0px; }
  @media screen and (max-width: 1024px) {
    .news .titulo {
      color: #427fa8;
      margin-left: 14px; } }

.news .txt {
  margin-top: 16px;
  font-size: 16px;
  padding-bottom: 0px;
  padding-right: 10px; }
  @media screen and (max-width: 1024px) {
    .news .txt {
      margin-left: 14px;
      padding-right: 60px; } }

.ad-white {
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding-bottom: 28px;
  padding-top: 28px; }

.selected h2 {
  margin-top: 48px; }

.selecao .select {
  justify-content: center;
  display: flex;
  font-family: system-ui;
  font-weight: bold;
  width: 162px;
  font-size: 16px;
  background-color: transparent;
  color: #427fa8;
  border-radius: 20px;
  padding: 10px 20px 10px;
  margin-right: 16px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  border: 1px solid #427fa8; }
  .selecao .select:hover, .selecao .select:focus {
    color: #fff;
    background-color: #073453;
    border: 1px solid #427fa8; }
  @media screen and (max-width: 1024px) {
    .selecao .select {
      margin-top: 10px; } }

@media screen and (max-width: 1024px) {
  .hide-mobile {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .hide-desktop {
    display: none !important; } }

.carousel-desktop {
  height: 195px; }
  .carousel-desktop .carousel-controls {
    position: absolute;
    top: -60px;
    right: 8px; }
    .carousel-desktop .carousel-controls .carousel-nav {
      color: #5fb9f5;
      display: inline-flex;
      font-size: 11px;
      outline: none; }
      .carousel-desktop .carousel-controls .carousel-nav .carousel-prev,
      .carousel-desktop .carousel-controls .carousel-nav .carousel-next {
        cursor: pointer; }
      .carousel-desktop .carousel-controls .carousel-nav .carousel-prev {
        margin-right: 15px; }

.breadcrumb ol {
  font-family: system-ui;
  font-size: 14px;
  list-style: none; }
  .breadcrumb ol li {
    display: inline; }
    .breadcrumb ol li:not(:first-child)::before {
      display: inline-block;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      content: "\203A";
      color: #b6b6b6; }
    .breadcrumb ol li a {
      color: #5fb9f5; }

.page {
  position: relative; }
  .page.final h2 {
    margin-top: 64px; }
  .page.materias {
    padding-bottom: 65px; }
    .page.materias .materia {
      background-color: #f5f5f5; }

.content-text {
  font-family: system-ui;
  font-size: 19px; }
  @media screen and (max-width: 1024px) {
    .content-text {
      font-size: 18px; } }
  .content-text .conteudo,
  .content-text .autores {
    background-color: #fff;
    padding: 15px; }
  .content-text .conteudo {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
    .content-text .conteudo h2,
    .content-text .conteudo h3,
    .content-text .conteudo h4,
    .content-text .conteudo h5,
    .content-text .conteudo h6 {
      font-family: system-ui;
      margin: 15px 0 30px; }
    .content-text .conteudo h2 {
      font-size: 26px; }
    .content-text .conteudo h3 {
      font-size: 24px; }
    .content-text .conteudo h4 {
      font-size: 22px; }
    @media screen and (max-width: 1024px) {
      .content-text .conteudo h2 {
        font-size: 23px; }
      .content-text .conteudo h3 {
        font-size: 21px; }
      .content-text .conteudo h4 {
        font-size: 20px; } }
    .content-text .conteudo p {
      margin-bottom: 15px; }
    .content-text .conteudo figure {
      margin-bottom: 15px; }
      .content-text .conteudo figure figcaption {
        font-size: 80%;
        text-align: center;
        margin-top: 10px; }
    .content-text .conteudo ul,
    .content-text .conteudo ol {
      margin-left: 25px; }
      .content-text .conteudo ul li,
      .content-text .conteudo ol li {
        margin-bottom: 20px; }
    .content-text .conteudo a {
      color: #427fa8; }
      .content-text .conteudo a:hover {
        color: #294f69; }
    .content-text .conteudo .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      margin-bottom: 20px; }
    .content-text .conteudo table {
      width: 100%;
      height: auto;
      border-collapse: collapse;
      border: 1px solid black; }
      .content-text .conteudo table td {
        border: 1px solid black; }
      .content-text .conteudo table p {
        margin: 0 0 15px 0; }
        .content-text .conteudo table p:last-child {
          margin-bottom: 0; }
      .content-text .conteudo table th,
      .content-text .conteudo table td {
        padding: 0.75rem; }
      .content-text .conteudo table ul,
      .content-text .conteudo table ol {
        margin: 0 0 0 25px; }
        .content-text .conteudo table ul p:not(:last-child),
        .content-text .conteudo table ul p:only-child,
        .content-text .conteudo table ol p:not(:last-child),
        .content-text .conteudo table ol p:only-child {
          margin: 0 0 15px 0; }
    .content-text .conteudo blockquote {
      border-left: 5px solid #427fa8;
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 92%; }
  .content-text .autores {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .content-text .imagem figure {
    text-align: center; }
    .content-text .imagem figure figcaption {
      font-size: 85%;
      text-align: center;
      margin-top: 10px; }
  .content-text .autores span {
    color: #0c3d4b;
    font-family: system-ui;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 16px; }
    .content-text .autores span strong {
      color: #5fb9f5;
      text-decoration: underline; }

.resumo {
  color: #8a8a8a;
  font-family: system-ui;
  font-size: 19px;
  letter-spacing: 0.22px;
  padding-bottom: 19px;
  text-align: justify;
  font-weight: bold; }
  @media screen and (max-width: 1024px) {
    .resumo {
      font-size: 16px; } }

.icons {
  position: absolute;
  left: -64px; }
  .icons .icon {
    font-size: 23px;
    display: flex;
    height: 56px;
    width: 56px;
    justify-content: center;
    align-items: center;
    color: #fff; }
    .icons .icon.face {
      background: transparent linear-gradient(41deg, #0267e2 0%, #15a4fb 100%) 0% 0% no-repeat padding-box;
      border-radius: 8px 8px 0px 0px; }
    .icons .icon.twitter {
      background: transparent linear-gradient(219deg, #5fe1f5 0%, #0ca7d6 100%) 0% 0% no-repeat padding-box; }
    .icons .icon.whatsapp {
      background: transparent linear-gradient(39deg, #24bf81 0%, #7af5a7 100%) 0% 0% no-repeat padding-box; }
    .icons .icon.volume {
      background: transparent linear-gradient(221deg, #ffb953 0%, #ff9228 52%, #ff6f00 100%) 0% 0% no-repeat padding-box;
      border-radius: 0px 0px 8px 8px; }
    .icons .icon:hover, .icons .icon:focus {
      background: #5FB9F5;
      color: #fff; }

.fundo {
  padding: 32px 0;
  background: #f5f5f5; }

.carrousel-post-destaque {
  padding: 0 0 20px; }
  .carrousel-post-destaque .titulo {
    padding: 16px 0 8px 16px; }
  .carrousel-post-destaque .txt {
    padding: 0 28px; }

.grey {
  background: #f5f5f5;
  border-radius: 8px; }

@media screen and (max-width: 1024px) {
  .materias .materia {
    background: #f5f5f5;
    margin: 12px 0; } }

.materia .play .shadow,
.carrousel-post-destaque .play .shadow {
  width: 100%;
  z-index: 5; }

h5 {
  color: #0c3d4b;
  font-family: system-ui;
  font-size: 12px;
  font-weight: 800; }
  h5 b {
    color: #5fb9f5;
    text-decoration: underline; }

.container-destaques {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px; }

.item-destaque-tv {
  margin-top: 15px;
  width: 100%;
  min-height: 140px;
  background-color: #FFF;
  padding: 10px;
  box-shadow: 0 4px 5px 0 #00000020;
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  color: unset;
  border-radius: 5px; }

.img-destaque-tv {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  object-fit: cover;
  border-radius: 6px; }

.info-destaque-tv {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.titulo-destaque-tv {
  margin: 5px 0;
  font-size: 16px;
  color: #294f69;
  font-family: system-ui;
  font-weight: 800; }

.descricao-destaque-tv {
  font-family: system-ui;
  font-weight: 300; }

.imagem-forte-ativa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  z-index: 6;
  user-select: none;
  font-weight: 800;
  background: grey;
  opacity: 0.7;
  cursor: pointer; }

.user-top {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center; }

.button {
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  position: relative;
  padding: 16px 0 19px;
  font-size: 18px;
  width: auto;
  display: inline-block;
  outline: none;
  font-family: 'Maven Pro',sans-serif;
  overflow: hidden;
  z-index: 1; }
  .button.button-primary {
    background: transparent linear-gradient(0deg, #5FB9F5 0%, #BEE5FF 100%) 0% 0% no-repeat padding-box;
    font-family: 'Maven Pro', sans-serif;
    font-weight: bold;
    border-radius: 8px;
    color: #fff;
    margin: 17px 0;
    border: 1px solid #5FB9F5; }
    .button.button-primary:hover, .button.button-primary:focus {
      background: #fff;
      border-radius: 8px;
      color: #4789B5;
      border: 1px solid #5FB9F5; }

.menu-superior {
  justify-content: space-between;
  height: 80px; }
  @media screen and (max-width: 991px) {
    .menu-superior {
      height: inherit;
      align-items: center; } }
  @media screen and (max-width: 480px) {
    .menu-superior {
      justify-content: center;
      margin-bottom: 10px; } }
  .menu-superior .logo {
    padding: 14px 0;
    text-align: center; }
  .menu-superior .canais {
    display: flex; }
    .menu-superior .canais button {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      color: #073453;
      font-family: system-ui;
      font-weight: 700;
      font-size: 16px;
      appearance: none;
      background: none;
      border: none;
      cursor: pointer; }
      .menu-superior .canais button i {
        color: #5FB9F5; }
  .menu-superior .search {
    align-items: center;
    display: flex;
    margin-left: auto; }
    @media screen and (max-width: 991px) {
      .menu-superior .search {
        display: none; } }
    .menu-superior .search form {
      align-items: center;
      display: flex;
      height: 40px;
      position: relative; }
      .menu-superior .search form input {
        height: 40px;
        width: 400px;
        padding-left: 20px;
        border-radius: 20px;
        border: 0;
        background-color: #e5e5e5;
        outline: 0; }
        .menu-superior .search form input::-webkit-input-placeholder {
          color: #8a8a8a;
          font-size: 15px; }
        .menu-superior .search form input:-moz-placeholder {
          color: #8a8a8a;
          font-size: 15px; }
        .menu-superior .search form input::-moz-placeholder {
          color: #8a8a8a;
          font-size: 15px; }
        .menu-superior .search form input:-ms-input-placeholder {
          color: #8a8a8a;
          font-size: 15px; }
      .menu-superior .search form button {
        position: absolute;
        appearance: none;
        border: 0;
        padding: 0;
        outline: none;
        right: 10px;
        background-color: #e5e5e5; }
  .menu-superior #container-login {
    width: 300px; }

.menu-bar {
  background-color: #fff; }

.menu-items {
  background: transparent linear-gradient(0deg, #073453 0%, #2c6083 100%) 0% 0% no-repeat padding-box; }
  .menu-items nav ul {
    display: flex;
    width: 100%;
    justify-content: space-around; }
    .menu-items nav ul li a,
    .menu-items nav ul li .fake-link {
      display: flex;
      align-items: center;
      white-space: nowrap; }
      .menu-items nav ul li a:hover,
      .menu-items nav ul li .fake-link:hover {
        color: #1585cf; }
      .menu-items nav ul li a i,
      .menu-items nav ul li .fake-link i {
        margin-left: 5px;
        margin-top: 4px; }
  .menu-items .fa,
  .menu-items .fas {
    font-weight: 600;
    font-size: 10px; }

img.alt {
  position: absolute;
  top: -5px;
  max-width: 170px; }

header {
  margin-top: 44px; }
  header img.alt {
    left: 70px; }
  header .elipse {
    width: 35px;
    height: 35px;
    border-radius: 100%; }
    header .elipse.blue {
      background-image: linear-gradient(34deg, #1063c1, #0084ff); }
      header .elipse.blue a {
        top: 20%;
        left: 35%; }
    header .elipse.blue-white {
      background-image: linear-gradient(197deg, #85e5ff, #00cbff); }
      header .elipse.blue-white a {
        top: 20%;
        left: 30%; }
    header .elipse.pink {
      background-image: linear-gradient(34deg, #7c10b9, #e667ff); }
      header .elipse.pink a {
        top: 20%;
        left: 30%; }
    header .elipse a {
      position: absolute; }

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative; }
  nav ul li {
    display: inline-block;
    background: transparent linear-gradient(0deg, #073453 0%, #2c6083 100%) 0% 0% no-repeat padding-box;
    position: relative; }
    nav ul li:first-child {
      margin-left: 0px; }
    nav ul li a i {
      position: relative;
      color: #5FB9F5; }

nav a,
nav .fake-link {
  display: block;
  text-decoration: none;
  font-family: system-ui;
  padding: 12.6px 10px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.24px;
  text-align: left;
  color: #ffffff;
  cursor: pointer; }

nav ul .sub-menu {
  position: absolute;
  transform: translateY(-1%);
  transition-timing-function: ease-in;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
  width: 740px;
  padding-bottom: 10px;
  z-index: 4; }
  nav ul .sub-menu.now {
    left: -460px; }
  nav ul .sub-menu a {
    font-family: system-ui;
    font-size: 14px;
    font-weight: 300;
    border-bottom: 0.5px dotted #5FB9F5;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    nav ul .sub-menu a i {
      display: inline-flex;
      justify-content: center;
      align-items: center; }
    nav ul .sub-menu a.no-border {
      border: none; }

nav ul li:hover > .sub-menu {
  color: #fff;
  display: inherit;
  transition: 0.25s;
  transition-timing-function: ease-out;
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
  background: transparent linear-gradient(3deg, #073453 0%, #2c6083 100%) 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 15px #00000033;
  border-radius: 0px 0px 8px 8px; }

/* Hide Dropdowns by Default */
/* Display Dropdowns on Hover */
nav ul li ul li {
  z-index: 4; }
  nav ul li ul li a {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.21px;
    text-align: left;
    color: #ffffff; }
    nav ul li ul li a:hover {
      color: #8cdff6; }

.border-white {
  width: 90%;
  height: 1px;
  background-color: #f5f5f5;
  margin: 0 auto; }

/* Fisrt Tier Dropdown */
nav ul ul {
  left: -55px; }
  nav ul ul li {
    width: 270px;
    float: none;
    display: list-item;
    position: relative;
    background: #1197bd;
    padding: 0 15px 0 15px; }
  nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 170px; }

/* Second, Third and more Tiers	*/
/* Change this in order to change the Dropdown symbol */
.hide-for-large .black-bar {
  background-color: #000;
  width: 100%;
  height: 25px; }

.mobile-menu {
  background: #fff;
  box-shadow: 0px 7px 15px #0000143d;
  height: 55px; }
  .mobile-menu.relative {
    position: relative; }
  .mobile-menu .title-menu {
    height: 55px;
    text-align: center; }
    .mobile-menu .title-menu img {
      width: 130px;
      position: relative;
      top: 10px; }
  .mobile-menu i {
    font-size: 20px;
    text-align: left;
    color: #ffffff;
    padding-top: 12px; }

.btn-menu {
  display: block;
  border: 0;
  width: 40px;
  height: 25px;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 100; }
  .btn-menu:focus {
    outline: 1px dotted #e0ae19; }

.show_menu .btn-menu:focus {
  outline: none; }

.btn-menu .text {
  display: block;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden; }

.btn-menu .bar {
  display: block;
  position: absolute;
  width: 19px;
  height: 2px;
  border-radius: 8px;
  background-color: #5FB9F5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 10px;
  left: 0; }
  .btn-menu .bar:before, .btn-menu .bar:after {
    border-radius: 8px;
    display: block;
    position: absolute;
    width: 19px;
    height: 2px;
    background-color: #5FB9F5;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-menu .bar:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0; }
  .btn-menu .bar:after {
    position: absolute;
    content: "";
    top: -6px;
    left: 0; }

.show .btn-menu .bar {
  background-color: transparent; }
  .show .btn-menu .bar:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .show .btn-menu .bar:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.btn-close {
  display: block;
  border: 0;
  width: 40px;
  height: 25px;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 9999; }
  .btn-close:focus {
    outline: 1px dotted #e0ae19; }

.show_menu .btn-close:focus {
  outline: none; }

.btn-close .text {
  display: block;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden; }

.btn-close .bar {
  display: block;
  position: absolute;
  width: 28px;
  height: 4px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 10px;
  left: 0; }
  .btn-close .bar:before, .btn-close .bar:after {
    display: block;
    position: absolute;
    width: 28px;
    height: 4px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-close .bar:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0; }
  .btn-close .bar:after {
    position: absolute;
    content: "";
    top: -8px;
    left: 0; }

/*-----------------------------*/
.icone-search {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0; }
  .icone-search i {
    color: #56c0dd;
    padding: 0;
    font-size: 22px; }

.search-menu {
  background: linear-gradient(33deg, #073453 0, #2c6083 100%) no-repeat #1197bd;
  padding: 12px 16px;
  transition: 0.25s;
  transition-timing-function: ease-out;
  transform: translateY(0);
  opacity: 0;
  pointer-events: all;
  position: absolute;
  width: 100%;
  z-index: -1; }
  .search-menu.show {
    opacity: 1;
    z-index: 1;
    display: flex !important;
    z-index: 101;
    top: 55px; }
  .search-menu input.search {
    height: 40px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #56c0dd;
    background-color: #fff;
    padding-right: 35px;
    outline: none; }
  .search-menu form {
    position: relative;
    width: 100%; }
    .search-menu form button {
      appearance: none;
      border: 0;
      padding: 0;
      background: none;
      position: absolute;
      right: 11px;
      top: 13px; }

.search-img {
  position: absolute;
  top: 38%;
  right: 10%; }

/*-----------------------------*/
.show .btn-close .bar {
  background-color: transparent; }
  .show .btn-close .bar:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .show .btn-close .bar:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.overlay-menu {
  background: transparent linear-gradient(33deg, #073453 0%, #2c6083 100%) 0% 0% no-repeat padding-box;
  top: 98px;
  width: 0;
  height: 100%;
  border-radius: 0 0 8px 0;
  overflow: hidden;
  position: fixed;
  left: 0;
  transition: width 0.3s ease-in;
  background-color: #1197bd;
  z-index: 100; }
  .overlay-menu .fa-chevron-right {
    right: 0;
    top: inherit !important; }
    .overlay-menu .fa-chevron-right.right {
      right: -30px !important; }
  .overlay-menu nav a {
    display: block;
    width: 200px;
    line-height: 42px;
    text-decoration: none;
    font-family: system-ui;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.21px;
    text-align: left;
    color: #ffffff; }
  .overlay-menu nav ul {
    list-style-type: none;
    position: relative;
    left: -10px;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.3s 0.2s ease-out; }
    .overlay-menu nav ul li {
      background-image: none;
      width: 100%;
      padding-left: 5%; }

.show .overlay-menu {
  width: 100%;
  height: 100%;
  position: fixed;
  border-radius: 0 0 8px 0;
  overflow-y: auto; }
  .show .overlay-menu .elipse {
    width: 35px;
    height: 35px;
    border-radius: 100%; }
    .show .overlay-menu .elipse.blue {
      background-image: linear-gradient(34deg, #1063c1, #0084ff);
      box-shadow: 0 5px 10px 0 rgba(0, 99, 199, 0.5); }
      @media screen and (max-width: 1024px) {
        .show .overlay-menu .elipse.blue {
          box-shadow: none; } }
      .show .overlay-menu .elipse.blue a {
        top: 17%;
        left: 35%;
        color: #fff; }
    .show .overlay-menu .elipse.blue-white {
      background-image: linear-gradient(197deg, #85e5ff, #00cbff);
      box-shadow: 0 5px 10px 0 rgba(0, 116, 146, 0.3); }
      @media screen and (max-width: 1024px) {
        .show .overlay-menu .elipse.blue-white {
          box-shadow: none; } }
      .show .overlay-menu .elipse.blue-white a {
        top: 20%;
        left: 29%;
        color: #fff; }
    .show .overlay-menu .elipse.pink {
      background-image: linear-gradient(34deg, #7c10b9, #e667ff);
      box-shadow: 0 5px 10px 0 rgba(111, 14, 151, 0.3); }
      @media screen and (max-width: 1024px) {
        .show .overlay-menu .elipse.pink {
          box-shadow: none; } }
      .show .overlay-menu .elipse.pink a {
        top: 20%;
        left: 31%;
        color: #fff; }
    .show .overlay-menu .elipse.green {
      background-image: linear-gradient(196deg, #56ddc1, #08bcc2); }
      .show .overlay-menu .elipse.green a {
        top: 19%;
        left: 28%;
        color: #fff; }
    .show .overlay-menu .elipse a {
      position: absolute; }

.show nav ul {
  opacity: 1;
  transform: translateX(0); }

.border-bottom {
  width: 95%;
  position: relative;
  left: 5%;
  height: 1px;
  background-color: #56c0dd;
  opacity: 0.87; }

input {
  font-family: system-ui;
  padding-left: 10px;
  font-weight: 400; }

*, .title-space, .resumo {
  font-family: system-ui; }

body.show {
  overflow: hidden; }

.mobile .overlay-menu-nav {
  color: white; }
  .mobile .overlay-menu-nav .overlay-menu-item {
    position: relative;
    display: flex;
    width: 100%;
    padding: 10px 10px 10px 17px;
    white-space: nowrap;
    justify-content: space-between; }
    .mobile .overlay-menu-nav .overlay-menu-item a,
    .mobile .overlay-menu-nav .overlay-menu-item .fake-link {
      display: flex;
      justify-content: space-between;
      font-weight: 600;
      color: #fff;
      font-size: 14px;
      align-items: center;
      font-family: system-ui;
      margin-right: 35px;
      cursor: pointer; }
    .mobile .overlay-menu-nav .overlay-menu-item i {
      position: absolute;
      right: 10px;
      top: 13px;
      color: #519ccf; }
    .mobile .overlay-menu-nav .overlay-menu-item .rotate-icon {
      transition: all 0.2s linear;
      transform: rotate(0deg); }
    .mobile .overlay-menu-nav .overlay-menu-item.open .rotate-icon {
      transform: rotate(90deg); }
  .mobile .overlay-menu-nav li {
    cursor: pointer;
    padding: 10px 0 10px 17px; }
    .mobile .overlay-menu-nav li a {
      color: #fff !important;
      font-size: 14px;
      font-family: system-ui;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 20px; }
  .mobile .overlay-menu-nav ul {
    list-style-type: none; }
  .mobile .overlay-menu-nav .outer {
    display: none;
    margin: 0;
    background: linear-gradient(33deg, #073453 0, #2c6083 100%) no-repeat #1197bd; }

.show .overlay-black {
  background: #2a2a2a;
  opacity: 0.77;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90; }

.menu-canais {
  z-index: 10;
  height: 100%;
  padding: 15px 30px 15px 10px;
  background: white;
  position: absolute;
  top: 0;
  transition: 0.3s ease-in;
  left: -300px;
  max-width: 300px; }
  .menu-canais.open {
    left: 0;
    z-index: 1000; }
  .menu-canais ul {
    list-style-type: none; }
    .menu-canais ul li {
      padding: 10px 0;
      border-bottom: 1px dotted #5fb9f5; }
      .menu-canais ul li a {
        display: flex;
        align-items: center;
        color: #073453;
        width: 220px;
        justify-content: space-between;
        font-family: system-ui;
        font-size: 14px; }
      .menu-canais ul li i {
        font-size: 10px;
        color: #5FB9F5; }

.shadow-menu.open {
  background-color: black;
  opacity: 0.45;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 999; }

/* Barra UOL */
#barrauol .containerUOL {
  width: 100% !important; }

.area-site {
  position: relative;
  margin: auto; }

.omnia-gallery-container {
  position: relative;
  margin: 20px auto; }
  .omnia-gallery-container .item-inner {
    display: flex;
    justify-content: center;
    align-items: center; }
  .omnia-gallery-container .omnia-gallery-controls {
    color: #5fb9f5; }
    .omnia-gallery-container .omnia-gallery-controls .nav .prev,
    .omnia-gallery-container .omnia-gallery-controls .nav .next {
      position: absolute;
      top: calc(50% - 22px);
      cursor: pointer; }
    .omnia-gallery-container .omnia-gallery-controls .nav .prev {
      left: 15px; }
    .omnia-gallery-container .omnia-gallery-controls .nav .next {
      right: 15px; }
    .omnia-gallery-container .omnia-gallery-controls .dots {
      margin-top: 23px;
      display: flex;
      justify-content: center; }
      .omnia-gallery-container .omnia-gallery-controls .dots .dot {
        width: 7px;
        height: 7px;
        border-radius: 10px;
        background: #cecece;
        display: inline-block;
        margin: 3px;
        cursor: pointer; }
        .omnia-gallery-container .omnia-gallery-controls .dots .dot.active, .omnia-gallery-container .omnia-gallery-controls .dots .dot.tns-nav-active {
          background: #427fa8; }

.read-more {
  transition: max-height 1s ease; }
  .read-more.close {
    max-height: 270px;
    overflow: hidden; }
    @media only screen and (max-width: 991px) {
      .read-more.close {
        max-height: 350px; } }

.read-more-close-button {
  margin-top: -50px;
  margin-bottom: 30px;
  position: relative;
  width: 100%; }
  .read-more-close-button.d-none {
    display: none; }
  .read-more-close-button .fade-effect {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    width: 100%;
    height: 50px; }
  .read-more-close-button button {
    font-weight: 500;
    appearance: none;
    border: 0;
    background: #2c6083;
    color: #fff;
    padding: 9.5px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 4px 0;
    width: 100%;
    font-family: system-ui;
    font-size: 16px; }
    .read-more-close-button button:hover {
      background: #56b0f0; }

.box-social {
  position: fixed;
  top: calc(50% - 112px);
  height: 44px;
  width: 44px;
  z-index: 100; }

.box-social__icons-box {
  height: 44px;
  display: grid;
  grid-template-columns: 44px 3fr; }

.box-social__icons-box--twitter {
  background-color: #598dca; }

.box-social__icons-box--facebook {
  background-color: #3a589b; }

.box-social__icons-box--whatsapp {
  background-color: #61d360; }

.box-social__icons-box--options,
.box-social__icons-box--url {
  background-color: #f1f1f1; }

.box-social__icons-box--options {
  background-color: #87be23;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 4px 6px 14px -4px #ccc;
  position: relative;
  left: -35px;
  transition: left 0.25s ease-out; }

.box-social__icons-box--twitter,
.box-social__icons-box--facebook,
.box-social__icons-box--whatsapp,
.box-social__icons-box--url {
  width: 44px;
  transition: width 0.25s ease-out; }

.box-social__ico-options,
.box-social__ico-twitter,
.box-social__ico-facebook,
.box-social__ico-whatsapp,
.box-social__ico-url {
  width: 44px;
  height: 44px;
  cursor: pointer; }

.box-social__twitter-title,
.box-social__facebook-title,
.box-social__whatsapp-title {
  color: #fff;
  font-weight: bold;
  padding: 14px 12px 10px 0;
  font-size: 14px;
  opacity: 0;
  visibility: hidden; }

.box-social__url {
  border: none;
  width: 152px;
  height: 18px;
  padding: 8px;
  background: #fff;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0; }

.box-social__icons-box--twitter:hover,
.box-social__icons-box--facebook:hover,
.box-social__icons-box--whatsapp:hover,
.box-social__icons-box--url:hover {
  width: 222px;
  transition: width 0.25s ease-in;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.box-social__icons-box--twitter:hover .box-social__twitter-title,
.box-social__icons-box--facebook:hover .box-social__facebook-title,
.box-social__icons-box--whatsapp:hover .box-social__whatsapp-title {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s ease-in; }

.box-social__icons-box--url:hover .box-social__url {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease-in; }

.box-social__ico-options--close {
  background-image: url("../images/social-share//plus_ico_white.svg");
  width: 44px;
  height: 44px;
  background-size: cover;
  cursor: pointer;
  background-repeat: no-repeat;
  transform: rotate(-45deg); }

.box-social__ico-options--close:hover {
  transform: rotate(45deg);
  transition: transform 0.25s ease-in; }

.box-social__ico-options--share {
  background-image: url("../images/social-share/share_ico_white.svg");
  width: 44px;
  height: 44px;
  background-size: cover;
  cursor: pointer;
  background-repeat: no-repeat;
  opacity: 0; }

.box-social__blocos-compartilhaveis {
  opacity: 0;
  visibility: hidden; }

.videos-relacionados {
  margin: 20px auto;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px; }
  .videos-relacionados strong {
    display: block;
    font-family: system-ui;
    color: #294f69;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 991px) {
      .videos-relacionados strong {
        font-size: 23px; } }
  .videos-relacionados .videos-relacionados-tabs {
    display: flex;
    flex-wrap: wrap; }
    .videos-relacionados .videos-relacionados-tabs button {
      justify-content: center;
      display: flex;
      font-family: system-ui;
      font-weight: 700;
      width: 108px;
      font-size: 15px;
      background-color: transparent;
      color: #427fa8;
      border-radius: 20px;
      padding: 10px 20px 10px;
      margin-right: 10px;
      margin-bottom: 10px;
      cursor: pointer;
      transition: all 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
      transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
      border: 1px solid #427fa8; }
      .videos-relacionados .videos-relacionados-tabs button:hover, .videos-relacionados .videos-relacionados-tabs button.ativa {
        background: transparent linear-gradient(2deg, #073453 0, #2c6083 100%) 0 0 no-repeat padding-box;
        color: #fff; }
  .videos-relacionados .videos-relacionados-items {
    margin-bottom: 15px; }
    .videos-relacionados .videos-relacionados-items .video-item.hidden {
      display: none; }
  .videos-relacionados .videos-relacionados-channel {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc; }

.youtube-lazy {
  background-color: #000;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer; }
  .youtube-lazy:hover .play-button {
    background-color: #cc181e; }
  .youtube-lazy img {
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }
  .youtube-lazy .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.2s; }
    .youtube-lazy .play-button:before {
      content: "";
      border-style: solid;
      border-width: 15px 0 15px 26px;
      border-color: transparent transparent transparent #fff; }
  .youtube-lazy img,
  .youtube-lazy iframe,
  .youtube-lazy .play-button,
  .youtube-lazy .play-button:before {
    position: absolute; }
  .youtube-lazy .play-button,
  .youtube-lazy .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
  .youtube-lazy iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }

.modal-video-element {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  transition: opacity 0.3s ease-out; }
  .modal-video-element .modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table; }
    .modal-video-element .modal-video-body .modal-video-inner {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%; }
      .modal-video-element .modal-video-body .modal-video-inner .modal-video-movie-wrap {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: 56.25%;
        background-color: #333;
        animation-timing-function: ease-out;
        animation-duration: 0.3s;
        animation-name: modal-video-inner;
        transform: translate(0, 0);
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out; }
        .modal-video-element .modal-video-body .modal-video-inner .modal-video-movie-wrap iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .modal-video-element .modal-video-body .modal-video-inner .modal-video-close-btn {
        background: 0 0;
        border: none;
        display: inline-block;
        height: 45px;
        overflow: hidden;
        position: absolute;
        right: 0px;
        top: -50px;
        width: 45px;
        z-index: 2;
        color: #fff;
        font-size: 45px; }

.inferior-mais {
  background: transparent linear-gradient(181deg, #073453 0%, #427FA8 100%) 0% 0% no-repeat padding-box;
  color: #427FA8;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  padding-top: 28px;
  padding-bottom: 28px; }
  .inferior-mais .columns {
    justify-content: center;
    display: flex; }

.inferior {
  overflow: hidden;
  font-family: 'Maven Pro', sans-serif;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  background: transparent linear-gradient(0deg, #073453 0%, #427FA8 100%) 0% 0% no-repeat padding-box; }
  .inferior .fundo-footer {
    position: absolute;
    left: 225px;
    z-index: 0;
    height: 100px;
    width: auto; }
    @media screen and (max-width: 1024px) {
      .inferior .fundo-footer {
        display: none; } }
  .inferior .columns {
    z-index: 10;
    display: flex; }
  .inferior .logo {
    margin-top: 34.5px;
    margin-bottom: 29.5px;
    z-index: 10; }
    @media screen and (max-width: 1024px) {
      .inferior .logo {
        margin: 20px 24px 20px; } }
  .inferior .link {
    cursor: pointer;
    color: #fff;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    margin-left: 40px; }
    .inferior .link:hover, .inferior .link:focus {
      color: #5FB9F5;
      cursor: pointer; }
    .inferior .link:first-child {
      margin-left: 55px; }
  .inferior .social {
    display: inline-flex;
    align-items: center;
    margin-left: 24px; }
    .inferior .social.first {
      margin-left: 105px; }
  .inferior a {
    cursor: pointer;
    color: #fff;
    z-index: 10;
    display: inline-flex;
    align-items: center; }
    .inferior a:hover, .inferior a:focus {
      color: #5FB9F5;
      cursor: pointer; }
  .inferior .links a {
    font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
    display: block;
    margin: 0 0 16px 24px; }
    .inferior .links a:last-child {
      margin: 0 0 32px 24px; }

.footer-mobile {
  border-top: 0.5px solid #519ccf80;
  padding: 20px 0 0 0; }

/**[Home] - Abas de matérias**/
.destaque-abas {
  padding-bottom: 64px; }
  .destaque-abas.home {
    margin-top: 60px; }
  .destaque-abas .scroll {
    display: flex;
    width: 100%;
    overflow: auto;
    margin-bottom: 30px; }
  .destaque-abas .abas-content__item.active {
    background: transparent linear-gradient(2deg, #073453 0%, #2c6083 100%) 0% 0% no-repeat padding-box;
    color: white; }
  .destaque-abas .abas-content__grid {
    position: absolute;
    transition-timing-function: ease-in;
    transition: 0.2s;
    opacity: 0;
    display: none; }
    @media screen and (max-width: 768px) {
      .destaque-abas .abas-content__grid > div {
        margin-bottom: 15px; } }
    .destaque-abas .abas-content__grid.show {
      position: relative;
      opacity: 1;
      display: flex; }

/** [Home] - Botão de play vídeos **/
.play {
  position: relative; }
  .play .playButton {
    opacity: 0.6;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top: 30%;
    transition: all 0.4s; }
    .play .playButton img {
      width: 15%; }
  .play .shadow {
    transition: all 0.4s;
    background-color: #000;
    height: 100%;
    opacity: 0.45;
    position: absolute;
    width: 100%;
    border-radius: 8px; }

/** [Home] - Efeito da imagem zoom out **/
.image-wrapper {
  margin: 0 auto;
  overflow: hidden; }
  .image-wrapper img {
    transition: transform 0.3s ease-in-out; }
  .image-wrapper:hover img {
    transform: scale(1.2); }

/** [Home] - Owl dots **/
.carousel-dots {
  margin-top: 23px;
  display: flex;
  justify-content: center; }
  .carousel-dots .carousel-dot {
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background: #cecece;
    display: inline-block;
    margin: 3px; }
    .carousel-dots .carousel-dot.active, .carousel-dots .carousel-dot.tns-nav-active {
      background: #427fa8; }

/** [Global] - Padding **/
@media screen and (min-width: 768px) {
  .no-padding.right {
    padding-right: 0; }
  .no-padding.left {
    padding-left: 0; } }

@media screen and (max-width: 768px) {
  .no-padding.right {
    padding-right: 15px; }
  .no-padding.left {
    padding-left: 15px; } }

/** [Global] - New padding **/
@media screen and (min-width: 768px) {
  .half-padding {
    padding-left: 6.25px;
    padding-right: 6.25px; } }

@media screen and (max-width: 768px) {
  .half-padding {
    padding-left: 15px;
    padding-right: 15px; } }

/****/
.title-space {
  font-weight: 800;
  color: #294f69;
  font-family: system-ui;
  margin-bottom: 0; }
  h1.title-space {
    font-size: 30px; }
    @media screen and (max-width: 768px) {
      h1.title-space {
        font-size: 24px; } }
  .title-space.small {
    margin: 20px 0; }
    @media screen and (max-width: 768px) {
      .title-space.small {
        margin: 10px 0; } }
  .title-space.medium {
    margin: 30px 0; }

/****/
.last-news {
  border-radius: 8px;
  padding: 15px; }
  @media screen and (min-width: 768px) {
    .last-news {
      background-color: #fff; } }
  @media screen and (max-width: 768px) {
    .last-news {
      background-color: #f5f5f5; } }
  .last-news h2 {
    color: #294f69;
    font-family: system-ui;
    margin-left: 5px;
    margin-top: 11px; }
    @media screen and (max-width: 768px) {
      .last-news h2 {
        margin-left: 20px; } }

/****/
.space.bottom {
  padding-bottom: 30px; }

@media screen and (min-width: 768px) {
  .destaque-com-videos {
    padding-top: 30px; } }

@media screen and (max-width: 768px) {
  .destaque-com-videos {
    padding-top: 0;
    background-color: #fff; } }

.destaque-resumo-noticias {
  padding-top: 30px; }
  @media screen and (min-width: 768px) {
    .destaque-resumo-noticias {
      background-color: #f5f5f5; } }
  @media screen and (max-width: 768px) {
    .destaque-resumo-noticias {
      background-color: #fff; } }

@media screen and (max-width: 768px) {
  .destaque-em-destaque {
    background-color: #fff; } }

@media screen and (max-width: 768px) {
  .destaque-mais-acessados {
    background-color: #fff; } }

@media screen and (max-width: 768px) {
  .destaque-abas {
    background-color: #fff; } }

@media screen and (max-width: 768px) {
  .destaque-tv {
    background-color: #f5f5f5; } }

/****/
.carousel-mobile {
  margin-bottom: 30px; }

.image-wraper {
  overflow: hidden;
  border-radius: 8px; }

/****/
.bloco-itens-relacionados {
  display: flex;
  margin-bottom: 15px; }
  .bloco-itens-relacionados.no-image {
    display: block; }
  @media screen and (min-width: 768px) {
    .bloco-itens-relacionados {
      grid-template-columns: 25% 75%; } }
  .bloco-itens-relacionados .bloco-itens-relacionados__conteudo {
    background-color: #fff;
    color: #212529;
    padding: 15px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .bloco-itens-relacionados .bloco-itens-relacionados__conteudo {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px; } }
    @media screen and (max-width: 768px) {
      .bloco-itens-relacionados .bloco-itens-relacionados__conteudo {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; } }
    .bloco-itens-relacionados .bloco-itens-relacionados__conteudo .titulo {
      margin-bottom: 5px; }

/****/
.related-test.sidebar {
  margin: 20px auto;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: transparent linear-gradient(20deg, #073453 0%, #427fa8 100%) 0% 0% no-repeat padding-box; }
  .related-test.sidebar h3 {
    background: transparent url("../images/img-bg-teste.png") 0% 0% no-repeat padding-box;
    font-family: system-ui;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.44px;
    color: #ffffff;
    opacity: 1;
    margin: 0 20px;
    border-radius: 8px;
    border: solid 1px #427fa8;
    padding: 70px 35px 20px; }
  .related-test.sidebar img {
    border-radius: 50px;
    border: 1px solid #427fa8;
    position: relative;
    top: 50px;
    background: transparent linear-gradient(20deg, #073453 0%, #427fa8 100%) 0% 0% no-repeat padding-box; }
  .related-test.sidebar .button-primary {
    padding: 16px 60px 19px; }

.related-test.inner-text {
  margin: 15px auto; }
  .related-test.inner-text .row {
    background: rgba(0, 0, 0, 0) linear-gradient(20deg, #073453, #427fa8) 0 0 no-repeat padding-box;
    border-radius: 8px;
    color: #4789b5;
    font-weight: bold;
    margin: 0; }
    .related-test.inner-text .row a {
      color: #fff;
      width: 100%;
      text-align: center; }
      .related-test.inner-text .row a:hover, .related-test.inner-text .row a:focus {
        color: #4789b5 !important; }
    .related-test.inner-text .row .texto {
      padding: 20px 0 24px 32px;
      font-family: system-ui;
      font-size: 18px;
      text-align: left;
      color: #fff; }
    .related-test.inner-text .row .large-offset-1 {
      display: flex;
      justify-content: center;
      align-items: center; }

/**TEMP**/
.destaque-texto-ao-lado {
  display: grid;
  margin-bottom: 15px;
  color: inherit;
  cursor: pointer;
  width: 100%; }
  .destaque-texto-ao-lado:hover {
    color: inherit; }
    .destaque-texto-ao-lado:hover img {
      transform: scale(1.2); }
  .destaque-texto-ao-lado.medium {
    grid-template-columns: 50% 50%; }
  .destaque-texto-ao-lado.small {
    grid-template-columns: 40% 60%; }
  .destaque-texto-ao-lado .destaque-texto-ao-lado__foto {
    background-color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
    .destaque-texto-ao-lado .destaque-texto-ao-lado__foto img {
      border-radius: 8px;
      object-fit: cover;
      width: 100%;
      transition: 0.3s; }
    .destaque-texto-ao-lado .destaque-texto-ao-lado__foto .img-small {
      height: 180px;
      border-radius: 8px;
      overflow: hidden; }
    .destaque-texto-ao-lado .destaque-texto-ao-lado__foto .img-medium {
      height: 250px;
      border-radius: 8px;
      overflow: hidden; }
  .destaque-texto-ao-lado .destaque-texto-ao-lado__conteudo {
    background-color: #fff;
    padding: 15px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px; }
    .destaque-texto-ao-lado .destaque-texto-ao-lado__conteudo .txt {
      margin-top: 5px; }

/****/
.destaque-texto-abaixo {
  background-color: #fff;
  height: 100%;
  border-radius: 8px;
  display: block;
  color: inherit;
  cursor: pointer; }
  .destaque-texto-abaixo:hover {
    color: inherit; }
    .destaque-texto-abaixo:hover:not(.omnia-modal-video) img {
      transform: scale(1.2); }
    .destaque-texto-abaixo:hover.omnia-modal-video .playButton {
      opacity: 1; }
    .destaque-texto-abaixo:hover.omnia-modal-video .shadow {
      opacity: 0.35; }
  .destaque-texto-abaixo img {
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
    transition: transform 0.3s ease-in-out; }
  @media screen and (min-width: 768px) {
    .destaque-texto-abaixo .img-small {
      height: 150px;
      border-radius: 8px;
      overflow: hidden; } }
  @media screen and (max-width: 768px) {
    .destaque-texto-abaixo .img-small {
      height: 220px;
      border-radius: 8px;
      overflow: hidden; } }
  @media screen and (min-width: 768px) {
    .destaque-texto-abaixo .img-medium {
      height: 250px;
      border-radius: 8px;
      overflow: hidden; } }
  @media screen and (max-width: 768px) {
    .destaque-texto-abaixo .img-medium {
      height: 220px;
      border-radius: 8px;
      overflow: hidden; } }
  .destaque-texto-abaixo .tipo {
    top: -12px;
    position: relative;
    margin: 0 auto;
    z-index: 2; }
  .destaque-texto-abaixo .titulo {
    font-size: 16px;
    padding: 15px; }
  .destaque-texto-abaixo .txt {
    padding: 0 15px 40px 15px;
    min-height: 100px; }

.share {
  margin-top: 15px;
  padding: 0 15px; }
  .share .share__itens {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
  .share .share__itens-titulo {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px; }
  .share a {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 22px; }
    .share a.icon {
      display: block;
      padding: 14px 0 14px 0; }
      .share a.icon.face {
        background: transparent linear-gradient(302deg, #0267e2 0%, #15a4fb 100%) 0% 0% no-repeat padding-box; }
      .share a.icon.twitter {
        background: transparent linear-gradient(125deg, #5fe1f5 0%, #0ca7d6 100%) 0% 0% no-repeat padding-box; }
      .share a.icon.whatsapp {
        background: transparent linear-gradient(318deg, #24bf81 0%, #7af5a7 100%) 0% 0% no-repeat padding-box; }
      .share a.icon.volume {
        background: transparent linear-gradient(159deg, #ffb953 0%, #ff9228 52%, #ff6f00 100%) 0% 0% no-repeat padding-box; }

/* 404 */
.area-alt__404 {
  margin-bottom: 80px; }

.input-search__404 {
  width: 280px;
  height: 40px;
  border: 1px solid #cacaca;
  border-radius: 6px;
  padding-left: 10px;
  margin-bottom: 10px;
  outline: none; }

.submit-search__404 {
  height: 40px;
  background-color: #5fb9f5;
  border: none;
  color: #FFF;
  width: 90px;
  font-weight: 600;
  border-radius: 6px;
  box-shadow: 1px 1px 5px 1px #00000020; }

.throwTo__alt {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap; }

.throwTo__home {
  background-color: #294f69;
  color: #FFF;
  text-decoration: none;
  height: 50px;
  width: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  margin-right: 10px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px 2px #00000020;
  font-size: 16px; }

.throwTo__ig {
  background: linear-gradient(45deg, #d62976 0%, #962fbf 100%);
  color: #FFF;
  text-decoration: none;
  height: 50px;
  width: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  margin-right: 20px;
  box-shadow: 0 2px 5px 2px #00000020;
  font-size: 16px; }

.throwTo__home:hover,
.throwTo__ig:hover {
  color: #FFF; }

/** Noticias **/
.noticias,
.aprovados {
  font-size: 18px; }

.noticias p,
.aprovados p {
  margin-top: 0;
  margin-bottom: 0; }

.noticias ul,
.aprovados ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 25px; }

@media screen and (max-width: 991px) {
  .noticias ul,
  .aprovados ul {
    margin-bottom: 0; } }

.noticias ul li,
.aprovados ul li {
  padding-bottom: 15px; }

.noticias ul li a,
.aprovados ul li a {
  color: #0e61a2;
  font-weight: bold;
  text-decoration: none; }

.noticias .data_noticia,
.aprovados .data_noticia {
  padding-bottom: 15px; }

/** Paginacao **/
.paginacao {
  text-align: center;
  margin-top: 30px;
  font-size: 18px; }

.paginacao ul {
  padding-inline-start: 0; }

.paginacao ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 5px 0 5px; }

.paginacao ul li a {
  text-decoration: none; }

.paginacao ul li a:hover {
  text-decoration: underline; }

/** **/
.publicacao,
.autor {
  font-size: 12px;
  color: #878786; }

.texto-conteudo {
  text-align: justify; }

.barra-lateral {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.video-lateral {
  border-radius: 8px;
  display: block;
  color: inherit;
  background-color: white;
  padding: 12px; }

.area-flutuante {
  height: 100%; }

#flyPbSidebar {
  position: sticky;
  top: 5px; }

.area-video-interna {
  width: 100%; }

.topo-area-video {
  align-items: center;
  margin-bottom: 30px; }

.videos {
  margin-left: 0px !important;
  position: relative;
  width: 100%;
  border-radius: 20px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #e5e5e5;
  overflow: auto; }

.video-wrapper {
  position: relative;
  width: 100%;
  /* Largura do contêiner será 100% do elemento pai */
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (9/16 = 0.5625 = 56.25%) */
  min-width: 100%; }

.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  border: 0;
  /* Remove a borda padrão */
  border-radius: 16px; }

.topo-area-video {
  justify-content: space-between; }

.slide-ex {
  transform: translate3d(0px, 0, 0);
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.scroll-ex {
  flex-shrink: 0;
  width: 100%;
  min-height: 100%;
  position: relative;
  transition-property: transform;
  display: flex;
  flex-direction: column; }

.single-video {
  width: 100%;
  display: flex;
  padding: 24px;
  background-color: white;
  border-radius: 16px;
  gap: 20px;
  margin-bottom: 15px; }

.single-video .video-wrapper {
  min-width: unset;
  max-width: 400px;
  min-height: 225px;
  padding: 0;
  flex-shrink: 0; }

.single-video .video-iframe {
  position: unset;
  height: 100%; }

.read-more {
  width: 100%; }

@media screen and (max-width: 768px) {
  .single-video {
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-bottom: 35px;
    gap: 10px; }
  .single-video .video-iframe {
    position: absolute; } }

@media screen and (max-width: 768px) {
  .single-video .video-wrapper {
    min-height: 165px; } }

.wrapper-bnr {
  background-image: url("/images/bg-pub-topo.png"); }
  .wrapper-bnr .bnr {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 0 18px;
    min-height: 286px;
    overflow: hidden; }
    .wrapper-bnr .bnr .bnr-it {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto; }
      .wrapper-bnr .bnr .bnr-it.fixed {
        position: fixed;
        top: 0;
        z-index: 9999;
        background-image: url("/images/bg-pub-topo.png");
        width: 100%;
        background-color: #fff; }
        .wrapper-bnr .bnr .bnr-it.fixed .bnr-timing {
          display: block; }
      .wrapper-bnr .bnr .bnr-it .bnr-timing {
        position: absolute;
        right: 5px;
        bottom: 5px;
        font-size: 11px;
        display: none; }

.pb_inner_content {
  margin: 20px auto; }
  .pb_inner_content span {
    font-size: 12px;
    text-align: center;
    display: block;
    margin-bottom: 5px; }

#barrauol {
  position: absolute !important;
  top: 0; }

#banner-728x90-area {
  min-width: 728px;
  min-height: 90px;
  overflow: hidden; }

#banner-300x600-area {
  width: 300px;
  height: 600px;
  overflow: hidden;
  margin: auto; }

#banner-300x250-area,
#banner-300x250-2-area,
#banner-300x250-3-area {
  width: 300px;
  height: 250px;
  overflow: hidden;
  margin: auto; }

#flyAreaSidebar, #flyPbSidebar {
  transition: all 0.3s;
  min-height: 600px; }

#flyPbSidebar {
  position: sticky; }

#publicidade-mobile-rodape {
  position: fixed;
  height: 50px;
  width: 100%;
  bottom: 0;
  background-color: #FFF;
  text-align: center;
  z-index: 1000; }

/*# sourceMappingURL=all-3.0.4.min.css.map */