/* Versão 66: composição móvel em fluxo, sem alturas de página técnica. */
@media (max-width: 800px) {
  .video-preview,
  .video-series .video-preview {
    aspect-ratio: auto;
    min-height: 0;
    height: auto;
    overflow: visible;
    justify-content: flex-start;
    gap: 24px;
  }

  .video-preview > * { min-width: 0; }
  .video-preview-bottom { margin-top: 0; }

  .about-cover {
    min-height: 0;
    height: auto;
    justify-content: flex-start;
    gap: 22px;
  }

  .about-cover h2 { margin-bottom: 0; }
  .about-cover-bottom {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
  }
  .about-cover-bottom span {
    display: block;
    margin-top: 0;
    padding-block: 10px;
  }
  .about-cover-bottom span:last-child { padding-bottom: 0; }

  .process-row {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 26px;
  }
  .process-row li {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 5px;
    padding: 18px 0;
    border-top: 1px solid #bfd4e2;
  }
  .process-row li:last-child { padding-bottom: 0; }
  .process-row li:before,
  .process-row li:after { display: none !important; }
  .process-row li > span {
    grid-column: 1;
    grid-row: 1;
    line-height: 1.6;
  }
  .process-row h3 {
    grid-column: 2;
    margin: 0;
    line-height: 1.6;
  }
  .process-row p {
    grid-column: 2;
    margin: 0;
  }
}