@media (max-width: 650px), (max-height: 550px) {
  /* line 3, staticfiles/ajuda.scss */
  .desktop-only {
    display: none !important; } }

@media (min-width: 650px) and (min-height: 550px) {
  /* line 8, staticfiles/ajuda.scss */
  .mobile-only {
    display: none !important; } }

/* line 14, staticfiles/ajuda.scss */
.btn.desktop-only, .btn.mobile-only {
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
  font-size: 1.05em;
  display: block;
  background: var(--blue-solid);
  color: white;
  padding: 15px;
  border: none; }
  /* line 25, staticfiles/ajuda.scss */
  .btn.desktop-only.mobile-only, .btn.mobile-only.mobile-only {
    position: absolute;
    margin-top: 60px;
    left: 20px;
    right: 20px;
    width: unset; }

/* line 34, staticfiles/ajuda.scss */
.block-grid {
  max-width: 1000px;
  margin: auto; }
  /* line 38, staticfiles/ajuda.scss */
  .block-grid .mobile-controls {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    /* line 45, staticfiles/ajuda.scss */
    .block-grid .mobile-controls .left, .block-grid .mobile-controls .right {
      padding: 50px 8px 50px 50px; }
      /* line 47, staticfiles/ajuda.scss */
      .block-grid .mobile-controls .left i, .block-grid .mobile-controls .right i {
        padding: 8px;
        background: white;
        border: 2px solid #888;
        border-radius: 50%; }
    /* line 54, staticfiles/ajuda.scss */
    .block-grid .mobile-controls .left {
      padding: 50px 50px 50px 8px; }
    /* line 58, staticfiles/ajuda.scss */
    .block-grid .mobile-controls .hide {
      position: relative;
      top: 100000px; }
  @media (max-width: 650px), (max-height: 550px) {
    /* line 34, staticfiles/ajuda.scss */
    .block-grid {
      padding: 48px;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      /* line 64, staticfiles/ajuda.scss */
      .block-grid .step-block {
        margin-top: -20px; }
        /* line 65, staticfiles/ajuda.scss */
        .block-grid .step-block:not(.active) {
          display: none; } }
  @media (min-width: 650px) and (min-height: 550px) {
    /* line 34, staticfiles/ajuda.scss */
    .block-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px; }
      /* line 84, staticfiles/ajuda.scss */
      .block-grid .step-block {
        border: 1px solid #DDD;
        border-radius: 16px;
        padding: 12px; }
      /* line 89, staticfiles/ajuda.scss */
      .block-grid .mobile-controls {
        display: none !important; }
      /* line 92, staticfiles/ajuda.scss */
      .block-grid .step-block {
        display: block !important; } }
  /* line 97, staticfiles/ajuda.scss */
  .block-grid .step-block {
    text-align: center; }
    /* line 99, staticfiles/ajuda.scss */
    .block-grid .step-block .title {
      font-size: 1.1em;
      font-weight: bold; }
    /* line 103, staticfiles/ajuda.scss */
    .block-grid .step-block .description {
      font-size: 0.92em;
      color: #444; }
    /* line 108, staticfiles/ajuda.scss */
    .block-grid .step-block .image img {
      width: 100%;
      max-width: 75px;
      display: block;
      margin: auto; }
    /* line 115, staticfiles/ajuda.scss */
    .block-grid .step-block .separator {
      width: 75px;
      height: 5px;
      margin: auto;
      background: var(--yellow-solid);
      margin: 10px auto;
      border-radius: 10px; }

/* line 126, staticfiles/ajuda.scss */
#faq-section {
  width: 100%;
  max-width: 900px;
  margin: auto; }
  /* line 130, staticfiles/ajuda.scss */
  #faq-section .question-title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
    text-align: left;
    font-weight: bold;
    padding: 16px;
    padding-right: 24px;
    background-color: white; }
    @media (max-width: 650px), (max-height: 550px) {
      /* line 130, staticfiles/ajuda.scss */
      #faq-section .question-title {
        font-size: 1.2em; } }
    /* line 142, staticfiles/ajuda.scss */
    #faq-section .question-title .tab-indicator {
      padding-left: 14px; }
      /* line 145, staticfiles/ajuda.scss */
      #faq-section .question-title .tab-indicator:not(.open) .fa-minus {
        display: none; }
      /* line 150, staticfiles/ajuda.scss */
      #faq-section .question-title .tab-indicator.open .fa-plus {
        display: none; }
  /* line 156, staticfiles/ajuda.scss */
  #faq-section .question-content {
    padding: 20px;
    padding-top: 40px;
    border: 1px solid gainsboro;
    border-top: none;
    position: relative;
    top: -16px;
    font-size: 1.3em; }
    /* line 157, staticfiles/ajuda.scss */
    #faq-section .question-content:not(.open) {
      display: none; }
    @media (max-width: 650px), (max-height: 550px) {
      /* line 156, staticfiles/ajuda.scss */
      #faq-section .question-content {
        font-size: 1.05em; } }
    /* line 171, staticfiles/ajuda.scss */
    #faq-section .question-content .question-video-button {
      margin-top: 20px; }
  /* line 176, staticfiles/ajuda.scss */
  #faq-section .question-video-modal {
    padding: 0px !important;
    width: calc(100% - 40px);
    max-height: 80vh;
    max-width: 800px;
    overflow: visible; }
    @media (orientation: landscape) {
      /* line 176, staticfiles/ajuda.scss */
      #faq-section .question-video-modal {
        width: min-content;
        height: 75%;
        max-height: 580px;
        max-width: calc(100% - 40px) !important; } }
    /* line 190, staticfiles/ajuda.scss */
    #faq-section .question-video-modal iframe {
      width: 100%;
      aspect-ratio: 16/ 9;
      border: none !important;
      border-radius: inherit; }
      @media (orientation: landscape) {
        /* line 190, staticfiles/ajuda.scss */
        #faq-section .question-video-modal iframe {
          width: unset;
          height: 100%;
          width: -moz-available;
          /* WebKit-based browsers will ignore this. */
          width: -webkit-fill-available;
          /* Mozilla-based browsers will ignore this. */
          width: stretch;
          width: fill-available; } }
    /* line 206, staticfiles/ajuda.scss */
    #faq-section .question-video-modal form {
      margin: 0;
      position: absolute;
      top: -23px;
      left: -17px;
      font-size: 1.3em; }
      /* line 213, staticfiles/ajuda.scss */
      #faq-section .question-video-modal form button {
        border-radius: 50%;
        padding-top: 8px;
        padding-bottom: 8px;
        background: var(--red-solid);
        color: white;
        border-color: rgba(0, 0, 0, 0.5); }