img {
  max-width: 100%; }

h1, h2, h3, h4, h5, h6, ul, ol {
  margin: 0;
  padding: 0; }

body {
  font-size: 13.5px; }

.header__slogan {
  display: block;
  padding-top: 2.8em;
  font-style: italic; }

.externo {
  color: white; }

.top__title {
  text-align: center;
  background: #020024;
  background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(35%, #090979), to(#00d4ff));
  background: -webkit-linear-gradient(left, #020024 0%, #090979 35%, #00d4ff 100%);
  background: -o-linear-gradient(left, #020024 0%, #090979 35%, #00d4ff 100%);
  background: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
  margin-top: 30px; }

.top__p {
  text-align: justify; }

.article p {
  font-size: 12px; }

.content__title {
  text-align: center;
  background: #020024;
  background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(35%, #090979), to(#00d4ff));
  background: -webkit-linear-gradient(left, #020024 0%, #090979 35%, #00d4ff 100%);
  background: -o-linear-gradient(left, #020024 0%, #090979 35%, #00d4ff 100%);
  background: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
  margin-top: 40px; }

.content__ol {
  clear: both;
  list-style: none;
  padding-left: 2%; }
  .content__ol li {
    margin: 1em 0;
    padding-top: 0;
    display: block;
    position: relative;
    counter-increment: inst; }
    .content__ol li::before {
      content: counter(inst);
      background: rgba(255, 150, 0, 0.35);
      color: #fff;
      font-size: 1em;
      font-weight: 700;
      font-style: italic;
      text-shadow: 1px 1px rgba(255, 150, 0, 0.5);
      border-radius: 0 0.675em 0.675em 0;
      font-size: 1.5em;
      text-align: center;
      padding-top: 0;
      padding-left: 2.25%;
      left: -4%;
      top: -0.65em;
      height: 1.35em;
      width: 1.35em;
      position: absolute;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      z-index: -1; }
      @media (min-width: 33em) {
        .content__ol li::before {
          border-radius: 50%;
          font-size: 1.5em;
          height: 1.35em;
          margin-left: 2.5%;
          padding-left: 0;
          padding-top: 0;
          top: -0.15em;
          width: 1.35em;
          z-index: -1; } }

.content__h3 {
  font-size: initial;
  text-align: center;
  background: #020024;
  background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(35%, #090979), to(#00d4ff));
  background: -webkit-linear-gradient(left, #020024 0%, #090979 35%, #00d4ff 100%);
  background: -o-linear-gradient(left, #020024 0%, #090979 35%, #00d4ff 100%);
  background: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none; }

.accordions {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 15px; }
  .accordions_title {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px;
    grid-template-columns: 1fr 20px;
    background-color: #EBEBEB;
    cursor: pointer;
    margin-top: 15px;
    padding: 5px 20px;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear; }
    .accordions_title h3 {
      font-weight: 400;
      color: #1D1D29;
      -webkit-transition: 0.3s linear;
      -o-transition: 0.3s linear;
      transition: 0.3s linear;
      margin-bottom: 0;
      margin-top: 0;
      font-size: initial; }
    .accordions_title span {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      -ms-grid-column-align: end;
      justify-self: end;
      display: block; }
      .accordions_title span:after {
        content: "+";
        display: inline-block;
        -webkit-transition: 0.3s linear;
        -o-transition: 0.3s linear;
        transition: 0.3s linear;
        font-size: 16px;
        position: relative;
        color: blue;
        margin-left: 5px;
        font-size: 30px; }
    .accordions_title.active {
      background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(35%, #090979), to(#077186));
      background: -webkit-linear-gradient(left, #020024 0%, #090979 35%, #077186 100%);
      background: -o-linear-gradient(left, #020024 0%, #090979 35%, #077186 100%);
      background: linear-gradient(90deg, #020024 0%, #090979 35%, #077186 100%);
      color: #FFF; }
      .accordions_title.active h3 {
        color: #FFF; }
      .accordions_title.active span:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        color: #1D1D29; }
  .accordions_content {
    display: none;
    padding: 20px 20px;
    border: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC; }

.ws {
  position: relative; }
  .ws__noti {
    background-color: red;
    color: #FFF;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 1.1;
    border-radius: 50%;
    font-family: arial;
    border: 2px solid #FFF;
    position: absolute;
    right: -2px; }

@-webkit-keyframes notifica {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes notifica {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .ws__a {
    position: fixed;
    right: 40px;
    bottom: 20px;
    z-index: 999; }

.footer {
  background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(35%, #090979), to(#077186));
  background: -webkit-linear-gradient(left, #020024 0%, #090979 35%, #077186 100%);
  background: -o-linear-gradient(left, #020024 0%, #090979 35%, #077186 100%);
  background: linear-gradient(90deg, #020024 0%, #090979 35%, #077186 100%);
  text-align: center;
  padding: 40px 0 0 0;
  color: #FFF;
  margin-top: 30px; }
  .footer__a {
    color: #FFF;
    display: block;
    padding-top: 40px; }
    .footer__a:hover {
      color: #FFF; }
  .footer__tag {
    font-size: 11px; }