TTS/3.0.0/index.html

<!DOCTYPE html>
<html data-lt-installed="true" class="lgnxzsb idc0_350 rkjgongjk idc0_343">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
    />
    <link
      rel="shortcut icon"
      type="image/png"
      href="https://yellow-wood-4547.animaapp.io/favicon.png"
    />
    <meta name="og:type" content="website" />
    <meta name="twitter:card" content="photo" />
    <style>
      @import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
      @import url("https://fonts.googleapis.com/css?family=Kumbh+Sans:700,800|JetBrains+Mono:500,400|Jockey+One:400|Fenix:400|Dai+Banna+SIL:400,400italic");

      .screen textarea:focus,
      .screen input:focus {
        outline: none;
      }

      .screen * {
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
      }

      .screen div {
        -webkit-text-size-adjust: none;
      }

      .component-wrapper a {
        display: contents;
        pointer-events: auto;
        text-decoration: none;
      }

      .component-wrapper * {
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
        pointer-events: none;
      }

      .component-wrapper a *,
      .component-wrapper input,
      .component-wrapper video,
      .component-wrapper iframe {
        pointer-events: auto;
      }

      .component-wrapper.not-ready,
      .component-wrapper.not-ready * {
        visibility: hidden !important;
      }

      .screen a {
        display: contents;
        text-decoration: none;
      }

      .full-width-a {
        width: 100%;
      }

      .full-height-a {
        height: 100%;
      }

      .container-center-vertical {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 100%;
        pointer-events: none;
      }

      .container-center-vertical > * {
        flex-shrink: 0;
        pointer-events: auto;
      }

      .container-center-horizontal {
        display: flex;
        flex-direction: row;
        justify-content: center;
        pointer-events: none;
        width: 100%;
      }

      .container-center-horizontal > * {
        flex-shrink: 0;
        pointer-events: auto;
      }

      .auto-animated div {
        --z-index: -1;
        opacity: 0;
        position: absolute;
      }

      .auto-animated input {
        --z-index: -1;
        opacity: 0;
        position: absolute;
      }

      .auto-animated .container-center-vertical,
      .auto-animated .container-center-horizontal {
        opacity: 1;
      }

      .overlay-base {
        display: none;
        height: 100%;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100%;
      }

      .overlay-base.animate-appear {
        align-items: center;
        animation: reveal 0.3s ease-in-out 1 normal forwards;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
      }

      .overlay-base.animate-disappear {
        animation: reveal 0.3s ease-in-out 1 reverse forwards;
        display: block;
        opacity: 1;
        pointer-events: none;
      }

      .overlay-base.animate-disappear * {
        pointer-events: none;
      }

      @keyframes reveal {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }

      .animate-nodelay {
        animation-delay: 0s;
      }

      .align-self-flex-start {
        align-self: flex-start;
      }

      .align-self-flex-end {
        align-self: flex-end;
      }

      .align-self-flex-center {
        align-self: flex-center;
      }

      .valign-text-middle {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .valign-text-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }

      input:focus {
        outline: none;
      }

      .listeners-active,
      .listeners-active * {
        pointer-events: auto;
      }

      .hidden,
      .hidden * {
        pointer-events: none;
        visibility: hidden;
      }

      .smart-layers-pointers,
      .smart-layers-pointers * {
        pointer-events: auto;
        visibility: visible;
      }

      .listeners-active-click,
      .listeners-active-click * {
        cursor: pointer;
      }

      * {
        box-sizing: border-box;
      }
      :root {
        --black: #000000;
        --black-haze: #f5f8f9;
        --flush-mahogany: #c93c37;
        --pine-green: #007172;

        --font-size-l: 36px;
        --font-size-m: 32px;
        --font-size-s: 24px;
        --font-size-xl: 40px;
        --font-size-xxl: 48px;

        --font-family-dai_banna_sil: "Dai Banna SIL", Helvetica;
        --font-family-fenix: "Fenix", Helvetica;
        --font-family-jetbrains_mono: "JetBrains Mono", Helvetica;
        --font-family-jockey_one: "Jockey One", Helvetica;
        --font-family-kumbh_sans: "Kumbh Sans", Helvetica;
      }
      .fenix-normal-black-32px {
        color: var(--black);
        font-family: var(--font-family-fenix);
        font-size: var(--font-size-m);
        font-style: normal;
        font-weight: 400;
      }

      .fenix-normal-black-24px {
        color: var(--black);
        font-family: var(--font-family-fenix);
        font-size: var(--font-size-s);
        font-style: normal;
        font-weight: 400;
      }

      .jockeyone-normal-black-48px {
        color: var(--black);
        font-family: var(--font-family-jockey_one);
        font-size: var(--font-size-xxl);
        font-style: normal;
        font-weight: 400;
      }

      .daibannasil-normal-black-32px {
        color: var(--black);
        font-family: var(--font-family-dai_banna_sil);
        font-size: var(--font-size-m);
        font-style: italic;
        font-weight: 400;
      }

      .jockeyone-normal-black-40px {
        color: var(--black);
        font-family: var(--font-family-jockey_one);
        font-size: var(--font-size-xl);
        font-style: normal;
        font-weight: 400;
      }

      .daibannasil-normal-black-24px {
        color: var(--black);
        font-family: var(--font-family-dai_banna_sil);
        font-size: var(--font-size-s);
        font-style: italic;
        font-weight: 400;
      }

      :root {
      }

      .frame-26085575 {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        gap: 23px;
        left: 0px;
        position: relative;
        width: 278px;
      }

      .img_4713-1 {
        background-color: transparent;
        height: 192px;
        position: relative;
      }

      .person {
        background-color: transparent;
        height: 295px;
        position: relative;
        width: 278px;
      }

      /* screen - computer */

      .computer {
        align-items: center;
        background-color: #f9fdff;
        display: flex;
        flex-direction: column;
        gap: 110px;
        left: 0px;
        min-width: 1025px;
        overflow: hidden;
        padding: 28px 0px 129px;
        position: relative;
        top: 0px;
      }

      .computer .frame-37-mhNbjF {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 7px;
        margin-left: -59.5px;
        margin-right: -59.5px;
        position: relative;
        width: 1144px;
      }

      .computer .group-48-EMGjjU {
        background-color: transparent;
        height: 42.876953125px;
        position: relative;
        width: 42.87690734863281px;
      }

      .computer .frame-49-EMGjjU {
        align-items: center;
        background-color: transparent;
        display: inline-flex;
        flex: 0 0 auto;
        flex-direction: column;
        position: relative;
      }

      .computer .title-lTZs7s {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-kumbh_sans);
        font-size: var(--font-size-xxl);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
        width: fit-content;
      }

      .computer .tts-300-lTZs7s {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-jetbrains_mono);
        font-size: var(--font-size-xl);
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -6px;
        position: relative;
        text-align: center;
        width: 216px;
      }

      .computer .rectangle-498-EMGjjU {
        background-color: #b33636;
        border-radius: 2.5px;
        height: 5px;
        position: relative;
        width: 66px;
      }

      .computer .frame-29-mhNbjF {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 34px;
        padding: 8px 1px;
        position: relative;
        width: 1017px;
      }

      .computer .o-grande-refactor-kN5cyD {
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
        width: fit-content;
      }

      .computer .durante-vrios-meses-kN5cyD {
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
        width: 822px;
      }

      .computer .group-11-kN5cyD {
        background-color: transparent;
        height: 42px;
        position: relative;
        width: 541px;
      }

      .computer .x9003-32781-Kh1gxP {
        background-color: transparent;
        color: transparent;
        font-family: var(--font-family-jetbrains_mono);
        font-size: var(--font-size-m);
        font-style: normal;
        font-weight: 400;
        height: auto;
        left: 0px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: left;
        top: 0px;
        width: 311px;
      }

      .computer .span0-NUfxxS {
        color: #57ab5a;
        font-style: normal;
      }

      .computer .span1-NUfxxS {
        color: var(--black);
        font-style: normal;
      }

      .computer .span2-NUfxxS {
        color: #e5534b;
        font-style: normal;
      }

      .computer .rectangle-486-Kh1gxP {
        background-color: #347d39;
        height: 35px;
        left: 340px;
        position: absolute;
        top: 2px;
        width: 35px;
      }

      .computer .rectangle-487-Kh1gxP {
        background-color: var(--flush-mahogany);
        height: 35px;
        left: 381px;
        position: absolute;
        top: 2px;
        width: 35px;
      }

      .computer .rectangle-488-Kh1gxP {
        background-color: var(--flush-mahogany);
        height: 35px;
        left: 422px;
        position: absolute;
        top: 2px;
        width: 35px;
      }

      .computer .rectangle-489-Kh1gxP {
        background-color: var(--flush-mahogany);
        height: 35px;
        left: 463px;
        position: absolute;
        top: 2px;
        width: 35px;
      }

      .computer .rectangle-490-Kh1gxP {
        background-color: #3c434d;
        border: 4px solid;
        border-color: #424954;
        height: 35px;
        left: 504px;
        position: absolute;
        top: 2px;
        width: 35px;
      }

      .computer .sim-fizeste-bem-as-c-kN5cyD {
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
        width: 346px;
      }

      .computer .frame-40-mhNbjF {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 75px;
        margin-left: -87.5px;
        margin-right: -87.5px;
        max-width: 1200px;
        position: relative;
        width: 1200px;
      }

      .computer .mais-magro-e-mais-bonito-R3fx37 {
        background-color: transparent;
        height: 101px;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
        width: 716px;
      }

      .computer .group-43-R3fx37 {
        background-color: transparent;
        height: 411.46844482421875px;
        position: relative;
        width: 909px;
      }

      .computer .modal-de-escolha-das-Apyr0D {
        background-color: transparent;
        height: auto;
        left: 166px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 0px;
        width: 576px;
      }

      .computer .group-28-Apyr0D {
        background-color: transparent;
        height: 330px;
        left: 0px;
        position: absolute;
        top: 81px;
        width: 907px;
      }

      .computer .image-3-6O0YXN {
        background-color: transparent;
        height: 243px;
        left: -4px;
        object-fit: cover;
        position: absolute;
        top: -4px;
        width: 552px;
      }

      .computer .image2-1-6O0YXN {
        background-color: transparent;
        height: 280px;
        left: 392px;
        position: absolute;
        top: 65px;
        width: 529px;
      }

      .computer .group-27-6O0YXN {
        background-color: transparent;
        height: 61px;
        left: 297px;
        position: absolute;
        top: 253px;
        width: 83px;
      }

      .computer .group-31-R3fx37 {
        background-color: transparent;
        height: 499.531494140625px;
        position: relative;
        width: 528px;
      }

      .computer .o-filtro-de-professo-svt2FF {
        background-color: transparent;
        height: auto;
        left: 0px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 0px;
        width: 526px;
      }

      .computer .span0-IPLZoJ {
      }

      .computer .span1-IPLZoJ {
      }

      .computer .mask-group-svt2FF {
        background-color: transparent;
        height: 371px;
        left: 64px;
        position: absolute;
        top: 129px;
        width: 398px;
      }

      .computer .group-30-R3fx37 {
        background-color: transparent;
        height: 372.75390625px;
        position: relative;
        width: 552.25px;
      }

      .computer .ilustraes-para-te-ajudar-tmwY65 {
        background-color: transparent;
        height: auto;
        left: 0px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: left;
        top: 5px;
        width: 236px;
      }

      .computer .j-no-ficas-toa-tmwY65 {
        background-color: transparent;
        height: auto;
        left: 118px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 337px;
        width: 385px;
      }

      .computer .screenshot-2024-09-03-at-001428-1-1-tmwY65 {
        background-color: transparent;
        height: 159px;
        left: 60px;
        object-fit: cover;
        position: absolute;
        top: 138px;
        width: 488px;
      }

      .computer .screenshot-2024-09-03-at-001408-1-1-tmwY65 {
        background-color: transparent;
        height: 265px;
        left: 272px;
        object-fit: cover;
        position: absolute;
        top: 0px;
        width: 238px;
      }

      .computer .frame-24-R3fx37 {
        align-items: flex-start;
        background-color: #e1e1e133;
        background-position: 50% 50%;
        background-size: cover;
        border: 8px solid;
        border-color: var(--pine-green);
        display: flex;
        flex-direction: column;
        gap: 7px;
        height: 244px;
        margin-bottom: -8px;
        padding: 30px 39px;
        position: relative;
        width: 837px;
      }

      .computer .shadcnui-xVxbk3 {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-jockey_one);
        font-size: var(--font-size-m);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: left;
        width: fit-content;
      }

      .computer .accessible-customiza-xVxbk3 {
        align-self: stretch;
        background-color: transparent;
        flex: 1;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: left;
      }

      .computer .frame-41-mhNbjF {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 66px;
        justify-content: center;
        position: relative;
        width: 1019px;
      }

      .computer .frame-32-fSIVLn {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 30px;
        padding: 0px 37px;
        position: relative;
        width: 851px;
      }

      .computer .dados-estatsticas-informao-TSUfrk {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
      }

      .computer .queremos-expandir-o-TSUfrk {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .tudo-annimo-no-somos-TSUfrk {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-21-fSIVLn {
        align-items: flex-end;
        background-color: var(--black-haze);
        background-position: 50% 50%;
        background-size: cover;
        border: 8px solid;
        border-color: var(--pine-green);
        display: inline-flex;
        flex-direction: column;
        gap: 13px;
        height: 277px;
        margin-bottom: -8px;
        padding: 24px 36px;
        position: relative;
      }

      .computer .plausibleio-BTB7QA {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-jockey_one);
        font-size: var(--font-size-m);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: right;
        width: fit-content;
      }

      .computer .plausible-is-a-light-BTB7QA {
        background-color: transparent;
        height: 99px;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: right;
        width: 469px;
      }

      .computer .frame-42-mhNbjF {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 37px;
        justify-content: center;
        position: relative;
        width: 100%;
      }

      .computer .frame-33-2dmD1y {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        padding: 0px 20px;
        position: relative;
        width: 100%;
      }

      .computer .um-agradecimento-s-TgOVn4 {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
      }

      .computer .pessoas-envolvidas-TgOVn4 {
        align-self: stretch;
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-kumbh_sans);
        font-size: var(--font-size-xxl);
        font-style: normal;
        font-weight: 800;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-46-2dmD1y {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-wrap: wrap;
        gap: 0px 14px;
        justify-content: center;
        padding: 0px 20px;
        position: relative;
        width: 100%;
      }

      .computer .frame-26085575-13JxHB {
        height: 255px;
        top: 20px;
      }

      .computer .img_4713-1-F5cBVi {
        object-fit: cover;
        width: 192.52508544921875px;
      }

      .computer .diogo-fernandes-F5cBVi {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-BC5A44 {
        top: 22px;
      }

      .computer .img_4713-1-tf37nE {
        object-fit: cover;
        width: 192.52505493164062px;
      }

      .computer .toms-palma-tf37nE {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-Zgz0wb {
        top: 22px;
      }

      .computer .img_4713-1-xaZopT {
        object-fit: cover;
        width: 192.52508544921875px;
      }

      .computer .wallen-ribeiro-xaZopT {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-UV517x {
        top: 22px;
      }

      .computer .img_4713-1-GUj4Ov {
        object-fit: cover;
        width: 192.52508544921875px;
      }

      .computer .bruno-oliveira-GUj4Ov {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-RW25U9 {
        top: 22px;
      }

      .computer .img_4713-1-BXFEQ8 {
        width: 192.52505493164062px;
      }

      .computer .joo-torre-pereira-BXFEQ8 {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-i0WeqG {
        top: 22px;
      }

      .computer .img_4713-1-kUaI2U {
        object-fit: cover;
        width: 192.52508544921875px;
      }

      .computer .joo-santos-kUaI2U {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-oYpGvx {
        top: 22px;
      }

      .computer .img_4713-1-6VHwmt {
        object-fit: cover;
        width: 192.52508544921875px;
      }

      .computer .clara-sousa-6VHwmt {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-86i5rR {
        top: 22px;
      }

      .computer .img_4713-1-cohfxk {
        object-fit: cover;
        width: 192.52505493164062px;
      }

      .computer .rubem-neto-cohfxk {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-5rgQ2M {
        top: 22px;
      }

      .computer .img_4713-1-FS6dIw {
        object-fit: cover;
        width: 192.52508544921875px;
      }

      .computer .jos-sousa-FS6dIw {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-MAxEym {
        top: 22px;
      }

      .computer .img_4713-1-GPyjYm {
        object-fit: cover;
        width: 192.52505493164062px;
      }

      .computer .andr-lima-GPyjYm {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-26085575-MdEi4A {
        top: 22px;
      }

      .computer .img_4713-1-tdVLuo {
        width: 192px;
      }

      .computer .lus-duarte-tdVLuo {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .tudo-por-agora-mhNbjF {
        align-self: stretch;
        background-color: transparent;
        height: 42px;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .computer .frame-47-mhNbjF {
        align-items: center;
        background-color: transparent;
        display: inline-flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 11px;
        margin-left: -59.5px;
        margin-right: -59.5px;
        position: relative;
      }

      .computer .logo_2018-1-2-aPPwut {
        background-color: transparent;
        height: 121px;
        position: relative;
        width: 118px;
      }

      .computer .niaefeup-aPPwut {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-kumbh_sans);
        font-size: var(--font-size-l);
        font-style: normal;
        font-weight: 700;
        height: 42px;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: 1144px;
      }

      .computer .projetos-aPPwut {
        background-color: transparent;
        height: 42px;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
        width: 1144px;
      }
      /* screen - mobile */

      .mobile {
        align-items: center;
        background-color: #f9fdff;
        display: flex;
        flex-direction: column;
        gap: 64px;
        left: 0px;
        min-width: 350px;
        overflow: hidden;
        padding: 28px 0px 52px;
        position: relative;
        top: 0px;
      }

      .mobile .frame-37-LP8vkM {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 7px;
        margin-left: -397px;
        margin-right: -397px;
        position: relative;
        width: 1144px;
      }

      .mobile .group-48-WNXEpW {
        background-color: transparent;
        height: 42.876953125px;
        position: relative;
        width: 42.876953125px;
      }

      .mobile .frame-49-WNXEpW {
        align-items: center;
        background-color: transparent;
        display: inline-flex;
        flex: 0 0 auto;
        flex-direction: column;
        position: relative;
      }

      .mobile .title-ktx0qO {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-kumbh_sans);
        font-size: var(--font-size-xl);
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
        width: fit-content;
      }

      .mobile .tts-300-ktx0qO {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-jetbrains_mono);
        font-size: var(--font-size-l);
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -6px;
        position: relative;
        text-align: center;
        width: 216px;
      }

      .mobile .rectangle-498-WNXEpW {
        background-color: #b33636;
        border-radius: 2.5px;
        height: 5px;
        position: relative;
        width: 66px;
      }

      .mobile .frame-29-LP8vkM {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 34px;
        margin-left: -333.5px;
        margin-right: -333.5px;
        padding: 8px 1px;
        position: relative;
        width: 1017px;
      }

      .mobile .o-grande-refactor-9EiBzQ {
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
        width: fit-content;
      }

      .mobile .durante-vrios-meses-9EiBzQ {
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
        width: 330px;
      }

      .mobile .x9003-32781-9EiBzQ {
        background-color: transparent;
        color: transparent;
        font-family: var(--font-family-jetbrains_mono);
        font-size: var(--font-size-s);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: left;
        width: fit-content;
      }

      .mobile .span0-mXIWPx {
        color: #57ab5a;
        font-style: normal;
      }

      .mobile .span1-mXIWPx {
        color: var(--black);
        font-style: normal;
      }

      .mobile .span2-mXIWPx {
        color: #e5534b;
        font-style: normal;
      }

      .mobile .group-49-9EiBzQ {
        background-color: transparent;
        height: 35px;
        position: relative;
        width: 199px;
      }

      .mobile .rectangle-486-0Jca0x {
        background-color: #347d39;
        height: 35px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 35px;
      }

      .mobile .rectangle-487-0Jca0x {
        background-color: var(--flush-mahogany);
        height: 35px;
        left: 41px;
        position: absolute;
        top: 0px;
        width: 35px;
      }

      .mobile .rectangle-488-0Jca0x {
        background-color: var(--flush-mahogany);
        height: 35px;
        left: 82px;
        position: absolute;
        top: 0px;
        width: 35px;
      }

      .mobile .rectangle-489-0Jca0x {
        background-color: var(--flush-mahogany);
        height: 35px;
        left: 123px;
        position: absolute;
        top: 0px;
        width: 35px;
      }

      .mobile .rectangle-490-0Jca0x {
        background-color: #3c434d;
        border: 4px solid;
        border-color: #424954;
        height: 35px;
        left: 164px;
        position: absolute;
        top: 0px;
        width: 35px;
      }

      .mobile .sim-fizeste-bem-as-c-9EiBzQ {
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
        width: 346px;
      }

      .mobile .frame-40-LP8vkM {
        align-items: center;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 70px;
        margin-left: -425px;
        margin-right: -425px;
        max-width: 1200px;
        position: relative;
        width: 1200px;
      }

      .mobile .mais-magro-e-mais-bonito-KrJyjp {
        background-color: transparent;
        height: 101px;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
        width: 374px;
      }

      .mobile .group-43-KrJyjp {
        background-color: transparent;
        height: 226.296630859375px;
        position: relative;
        width: 318px;
      }

      .mobile .modal-de-escolha-das-TKrgQA {
        background-color: transparent;
        height: auto;
        left: 0px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 0px;
        width: 316px;
      }

      .mobile .group-28-TKrgQA {
        background-color: transparent;
        height: 145px;
        left: 10px;
        position: absolute;
        top: 81px;
        width: 289px;
      }

      .mobile .image2-1-0yx16x {
        background-color: transparent;
        height: 175px;
        left: -15px;
        position: absolute;
        top: -15px;
        width: 319px;
      }

      .mobile .group-31-KrJyjp {
        background-color: transparent;
        height: 394.5143737792969px;
        position: relative;
        width: 312.0335693359375px;
      }

      .mobile .o-filtro-de-professo-XI5rPg {
        background-color: transparent;
        height: auto;
        left: 0px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 0px;
        width: 310px;
      }

      .mobile .span0-lGXVkm {
      }

      .mobile .span1-lGXVkm {
      }

      .mobile .mask-group-XI5rPg {
        background-color: transparent;
        height: 284px;
        left: 6px;
        position: absolute;
        top: 111px;
        width: 304px;
      }

      .mobile .group-30-KrJyjp {
        background-color: transparent;
        height: 279.31201171875px;
        position: relative;
        width: 389px;
      }

      .mobile .ilustraes-para-te-ajudar-bnbpuW {
        background-color: transparent;
        height: auto;
        left: 59px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: left;
        top: 0px;
        width: 236px;
      }

      .mobile .j-no-ficas-toa-bnbpuW {
        background-color: transparent;
        height: auto;
        left: 0px;
        letter-spacing: 0px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 252px;
        width: 385px;
      }

      .mobile .screenshot-2024-09-03-at-001428-1-1-bnbpuW {
        background-color: transparent;
        height: 86px;
        left: 44px;
        object-fit: cover;
        position: absolute;
        top: 125px;
        width: 265px;
      }

      .mobile .screenshot-2024-09-03-at-001408-1-1-bnbpuW {
        background-color: transparent;
        height: 141px;
        left: 162px;
        object-fit: cover;
        position: absolute;
        top: 54px;
        width: 127px;
      }

      .mobile .frame-24-LP8vkM {
        align-items: flex-start;
        background-color: var(--black-haze);
        background-position: 50% 50%;
        background-size: cover;
        border: 8px solid;
        border-color: var(--pine-green);
        display: flex;
        flex-direction: column;
        height: 288px;
        padding: 25px 15px;
        position: relative;
        width: 306px;
      }

      .mobile .shadcnui-kRdETD {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-jockey_one);
        font-size: var(--font-size-s);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: left;
        width: 259px;
      }

      .mobile .accessible-customiza-kRdETD {
        align-self: stretch;
        background-color: transparent;
        flex: 1;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: left;
      }

      .mobile .frame-32-LP8vkM {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 30px;
        padding: 0px 37px;
        position: relative;
        width: 100%;
      }

      .mobile .dados-estatsticas-informao-cAJxcw {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
      }

      .mobile .queremos-expandir-o-cAJxcw {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .tudo-annimo-no-somos-cAJxcw {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-21-cAJxcw {
        align-items: flex-end;
        background-color: var(--black-haze);
        background-position: 50% 50%;
        background-size: cover;
        border: 8px solid;
        border-color: var(--pine-green);
        display: flex;
        flex-direction: column;
        gap: 2px;
        height: 256px;
        margin-bottom: -8px;
        margin-left: -6px;
        margin-right: -6px;
        padding: 0px 22px;
        position: relative;
        width: 288px;
      }

      .mobile .plausibleio-tSbZtW {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-jockey_one);
        font-size: var(--font-size-s);
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: right;
        width: 158px;
      }

      .mobile .plausible-is-a-light-tSbZtW {
        align-self: stretch;
        background-color: transparent;
        flex: 1;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: right;
      }

      .mobile .frame-42-LP8vkM {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 37px;
        justify-content: center;
        position: relative;
        width: 100%;
      }

      .mobile .frame-33-hRzdOc {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        padding: 0px 20px;
        position: relative;
        width: 100%;
      }

      .mobile .um-agradecimento-s-1FanxZ {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        margin-top: -1px;
        position: relative;
        text-align: center;
      }

      .mobile .pessoas-envolvidas-1FanxZ {
        align-self: stretch;
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-kumbh_sans);
        font-size: var(--font-size-m);
        font-style: normal;
        font-weight: 800;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-46-hRzdOc {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-wrap: wrap;
        gap: 0px 14px;
        justify-content: center;
        padding: 0px 20px;
        position: relative;
        width: 100%;
      }

      .mobile .frame-26085575-exNaCr {
        height: 255px;
        top: 20px;
      }

      .mobile .img_4713-1-0hgtuI {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .diogo-fernandes-0hgtuI {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-AV2Tkq {
        top: 22px;
      }

      .mobile .img_4713-1-DvNGr0 {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .toms-palma-DvNGr0 {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-4mmCse {
        top: 22px;
      }

      .mobile .img_4713-1-hutevj {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .wallen-ribeiro-hutevj {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-BZjYBP {
        top: 22px;
      }

      .mobile .img_4713-1-VhjxTM {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .bruno-oliveira-VhjxTM {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-oipcQc {
        top: 22px;
      }

      .mobile .img_4713-1-feRDbg {
        width: 192.5250244140625px;
      }

      .mobile .joo-torre-pereira-feRDbg {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-mR12mA {
        top: 22px;
      }

      .mobile .img_4713-1-ngKCot {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .joo-santos-ngKCot {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-pdtN4H {
        top: 22px;
      }

      .mobile .img_4713-1-luxPVt {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .clara-sousa-luxPVt {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-vZ9Rru {
        top: 22px;
      }

      .mobile .img_4713-1-CYrRnB {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .rubem-neto-CYrRnB {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-QHEXla {
        top: 22px;
      }

      .mobile .img_4713-1-IxhBxN {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .jos-sousa-IxhBxN {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-VvIxNB {
        top: 22px;
      }

      .mobile .img_4713-1-wuyMJg {
        object-fit: cover;
        width: 192.5250244140625px;
      }

      .mobile .andr-lima-wuyMJg {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-26085575-dogQcQ {
        top: 22px;
      }

      .mobile .img_4713-1-h81G8W {
        width: 192px;
      }

      .mobile .lus-duarte-h81G8W {
        align-self: stretch;
        background-color: transparent;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .tudo-por-agora-LP8vkM {
        align-self: stretch;
        background-color: transparent;
        height: 42px;
        letter-spacing: 0px;
        line-height: normal;
        position: relative;
        text-align: center;
      }

      .mobile .frame-47-LP8vkM {
        align-items: center;
        align-self: stretch;
        background-color: transparent;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 11px;
        position: relative;
        width: 100%;
      }

      .mobile .logo_2018-1-2-WbpxgG {
        background-color: transparent;
        height: 121px;
        position: relative;
        width: 118px;
      }

      .mobile .niaefeup-WbpxgG {
        background-color: transparent;
        color: var(--black);
        font-family: var(--font-family-kumbh_sans);
        font-size: var(--font-size-l);
        font-style: normal;
        font-weight: 700;
        height: 42px;
        letter-spacing: 0px;
        line-height: normal;
        margin-left: -397px;
        margin-right: -397px;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: 1144px;
      }

      .mobile .projetos-WbpxgG {
        background-color: transparent;
        height: 42px;
        letter-spacing: 0px;
        line-height: normal;
        margin-left: -397px;
        margin-right: -397px;
        position: relative;
        text-align: center;
        width: 1144px;
      }
      @media screen and (max-width: 1024px) {
        .screen.computer {
          display: none;
        }
      }
      @media screen and (min-width: 1025px) {
        .screen.mobile {
          display: none;
        }
      }
    </style>
    <title>TTS 3.0.0</title>
  </head>
  <body
    style="
      margin: 0px;
      background: rgb(249, 253, 255);
      overscroll-behavior-x: auto;
    "
    inject_vt_svd="true"
  >
    <div class="computer screen" data-id="3057:545" style="margin-top: 70px">
      <div class="frame-37-mhNbjF" data-id="3057:546">
        <img
          class="group-48-EMGjjU"
          data-id="3057:547"
          src="./TTS 3.0.0_files/group-48@2x.png"
          alt="Group 48"
        />
        <div class="frame-49-EMGjjU" data-id="3057:551">
          <h1 class="title-lTZs7s" data-id="3057:552">Nota de Release</h1>
          <div class="tts-300-lTZs7s" data-id="3057:553">TTS 3.0.0</div>
        </div>
        <div class="rectangle-498-EMGjjU" data-id="3057:554"></div>
      </div>
      <div class="frame-29-mhNbjF" data-id="3057:555">
        <div
          class="o-grande-refactor-kN5cyD jockeyone-normal-black-48px"
          data-id="3057:557"
        >
          o GRANDE Refactor
        </div>
        <p
          class="durante-vrios-meses-kN5cyD fenix-normal-black-32px"
          data-id="3057:558"
        >
          Durante vários meses estivemos a simplificar a lógica do nosso código
          e olha só,
        </p>
        <div class="group-11-kN5cyD" data-id="3057:559">
          <div class="x9003-32781-Kh1gxP" data-id="3057:560">
            <span class="span0-NUfxxS">+9,003</span
            ><span class="span1-NUfxxS">&nbsp;</span
            ><span class="span2-NUfxxS">-32,781</span>
          </div>
          <div class="rectangle-486-Kh1gxP" data-id="3057:561"></div>
          <div class="rectangle-487-Kh1gxP" data-id="3057:562"></div>
          <div class="rectangle-488-Kh1gxP" data-id="3057:563"></div>
          <div class="rectangle-489-Kh1gxP" data-id="3057:564"></div>
          <div class="rectangle-490-Kh1gxP" data-id="3057:565"></div>
        </div>
        <p
          class="sim-fizeste-bem-as-c-kN5cyD fenix-normal-black-32px"
          data-id="3057:566"
        >
          Sim, fizeste bem as contas!<br />23 mil linhas no lixo
        </p>
      </div>
      <div class="frame-40-mhNbjF" data-id="3057:567">
        <p
          class="mais-magro-e-mais-bonito-R3fx37 jockeyone-normal-black-48px"
          data-id="3057:568"
        >
          Mais magro e mais bonito!
        </p>
        <div class="group-43-R3fx37" data-id="3057:569">
          <p
            class="modal-de-escolha-das-Apyr0D fenix-normal-black-32px"
            data-id="3057:570"
          >
            Modal de Escolha das Unidades Curriculares
          </p>
          <div class="group-28-Apyr0D" data-id="3057:571">
            <img
              class="image-3-6O0YXN"
              data-id="3057:572"
              src="./TTS 3.0.0_files/image-3.png"
              alt="image 3"
            /><img
              class="image2-1-6O0YXN"
              data-id="3057:573"
              src="./TTS 3.0.0_files/image2-1@2x.png"
              alt="image2 1"
            /><img
              class="group-27-6O0YXN"
              data-id="3057:574"
              src="./TTS 3.0.0_files/group-27@2x.png"
              alt="Group 27"
            />
          </div>
        </div>
        <div class="group-31-R3fx37" data-id="3057:578">
          <p
            class="o-filtro-de-professo-svt2FF fenix-normal-black-32px"
            data-id="3057:579"
          >
            <span class="span0-IPLZoJ fenix-normal-black-32px"
              >O filtro de professores<br />e a seleção da turma num só </span
            ><span class="span1-IPLZoJ daibannasil-normal-black-32px"
              >dropdown</span
            >
          </p>
          <img
            class="mask-group-svt2FF"
            data-id="3057:580"
            src="./TTS 3.0.0_files/mask-group-1@2x.png"
            alt="Mask group"
          />
        </div>
        <div class="group-30-R3fx37" data-id="3057:585">
          <div
            class="ilustraes-para-te-ajudar-tmwY65 fenix-normal-black-32px"
            data-id="3057:586"
          >
            Ilustrações para te ajudar
          </div>
          <p
            class="j-no-ficas-toa-tmwY65 fenix-normal-black-32px"
            data-id="3057:587"
          >
            Já não ficas à toa!
          </p>
          <img
            class="screenshot-2024-09-03-at-001428-1-1-tmwY65"
            data-id="3057:1794"
            src="./TTS 3.0.0_files/screenshot-2024-09-03-at-00-14-28-1-1.png"
            alt="Screenshot 2024-09-03 at 00.14.28 1 1"
          /><img
            class="screenshot-2024-09-03-at-001408-1-1-tmwY65"
            data-id="3057:1793"
            src="./TTS 3.0.0_files/screenshot-2024-09-03-at-00-14-08-1-1.png"
            alt="Screenshot 2024-09-03 at 00.14.08 1 1"
          />
        </div>
        <div
          class="frame-24-R3fx37"
          data-id="3057:590-e6f294e3-f1cf-4e7d-9eb9-f5ffbbcca5c1"
        >
          <div class="shadcnui-xVxbk3" data-id="3057:592">shadcn/ui</div>
          <p
            class="accessible-customiza-xVxbk3 daibannasil-normal-black-32px"
            data-id="3057:593"
          >
            Accessible. Customizable. Open Source. This is&nbsp;NOT&nbsp;a
            component library. It's a collection of re-usable components that
            you can copy and paste into your apps.
          </p>
        </div>
      </div>
      <div class="frame-41-mhNbjF" data-id="3057:594">
        <div class="frame-32-fSIVLn" data-id="3057:1519">
          <div
            class="dados-estatsticas-informao-TSUfrk jockeyone-normal-black-48px"
            data-id="3057:1520"
          >
            Dados, estatísticas, informação
          </div>
          <p
            class="queremos-expandir-o-TSUfrk fenix-normal-black-32px"
            data-id="3057:1521"
          >
            Queremos expandir o TTS para novas faculdades e por isso temos de
            entender como os alunos utilizam a plataforma.
          </p>
          <p
            class="tudo-annimo-no-somos-TSUfrk fenix-normal-black-32px"
            data-id="3057:1522"
          >
            Tudo anónimo! Não somos nenhum reality show ou uma plataforma de
            anúncios...
          </p>
        </div>
        <div
          class="frame-21-fSIVLn"
          data-id="3057:599-ac7c96e1-664d-4f8e-87d1-af93fe820c00"
        >
          <div class="plausibleio-BTB7QA" data-id="3057:601">plausible.io</div>
          <p
            class="plausible-is-a-light-BTB7QA daibannasil-normal-black-32px"
            data-id="3057:602"
          >
            Plausible is a lightweight and open-source
            Google&nbsp;&nbsp;Analytics alternative. Your website data is 100%
            yours and the privacy&nbsp;&nbsp;of your visitors is respected.
          </p>
        </div>
      </div>
      <div class="frame-42-mhNbjF" data-id="3057:603">
        <div class="frame-33-2dmD1y" data-id="3057:604">
          <div
            class="um-agradecimento-s-TgOVn4 fenix-normal-black-32px"
            data-id="3057:605"
          >
            Um agradecimento às
          </div>
          <div class="pessoas-envolvidas-TgOVn4" data-id="3057:606">
            Pessoas envolvidas
          </div>
        </div>
        <div class="frame-46-2dmD1y" data-id="3057:607">
          <article class="person" data-id="3057:608">
            <div
              class="frame-26085575-13JxHB frame-26085575"
              data-id="I3057:608;3052:379"
            >
              <img
                class="img_4713-1-F5cBVi img_4713-1"
                data-id="I3057:608;3052:380"
                src="./TTS 3.0.0_files/img-4713-1@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="diogo-fernandes-F5cBVi fenix-normal-black-32px"
                data-id="I3057:608;3052:381"
              >
                Diogo Fernandes
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:609">
            <div
              class="frame-26085575-BC5A44 frame-26085575"
              data-id="I3057:609;3053:427"
            >
              <img
                class="img_4713-1-tf37nE img_4713-1"
                data-id="I3057:609;3053:428"
                src="./TTS 3.0.0_files/img-4713-1-1@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="toms-palma-tf37nE fenix-normal-black-32px"
                data-id="I3057:609;3053:429"
              >
                Tomás Palma
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:610">
            <div
              class="frame-26085575-Zgz0wb frame-26085575"
              data-id="I3057:610;3053:431"
            >
              <img
                class="img_4713-1-xaZopT img_4713-1"
                data-id="I3057:610;3053:432"
                src="./TTS 3.0.0_files/img-4713-1-2@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="wallen-ribeiro-xaZopT fenix-normal-black-32px"
                data-id="I3057:610;3053:433"
              >
                Wallen Ribeiro
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:611">
            <div
              class="frame-26085575-UV517x frame-26085575"
              data-id="I3057:611;3053:435"
            >
              <img
                class="img_4713-1-GUj4Ov img_4713-1"
                data-id="I3057:611;3053:436"
                src="./TTS 3.0.0_files/img-4713-1-3@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="bruno-oliveira-GUj4Ov fenix-normal-black-32px"
                data-id="I3057:611;3053:437"
              >
                Bruno Oliveira
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:612">
            <div
              class="frame-26085575-RW25U9 frame-26085575"
              data-id="I3057:612;3052:369"
            >
              <img
                class="img_4713-1-BXFEQ8 img_4713-1"
                data-id="I3057:612;3052:366"
                src="./TTS 3.0.0_files/img-4713-1@2x(1).png"
                alt="IMG_4713 1"
              />
              <div
                class="joo-torre-pereira-BXFEQ8 fenix-normal-black-32px"
                data-id="I3057:612;3052:365"
              >
                João Torre Pereira
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:613">
            <div
              class="frame-26085575-i0WeqG frame-26085575"
              data-id="I3057:613;3053:443"
            >
              <img
                class="img_4713-1-kUaI2U img_4713-1"
                data-id="I3057:613;3053:444"
                src="./TTS 3.0.0_files/img-4713-1-5@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="joo-santos-kUaI2U fenix-normal-black-32px"
                data-id="I3057:613;3053:445"
              >
                João Santos
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:614">
            <div
              class="frame-26085575-oYpGvx frame-26085575"
              data-id="I3057:614;3053:447"
            >
              <img
                class="img_4713-1-6VHwmt img_4713-1"
                data-id="I3057:614;3053:448"
                src="./TTS 3.0.0_files/img-4713-1-6@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="clara-sousa-6VHwmt fenix-normal-black-32px"
                data-id="I3057:614;3053:449"
              >
                Clara Sousa
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:615">
            <div
              class="frame-26085575-86i5rR frame-26085575"
              data-id="I3057:615;3053:451"
            >
              <img
                class="img_4713-1-cohfxk img_4713-1"
                data-id="I3057:615;3053:452"
                src="./TTS 3.0.0_files/img-4713-1-7@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="rubem-neto-cohfxk fenix-normal-black-32px"
                data-id="I3057:615;3053:453"
              >
                Rubem Neto
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:616">
            <div
              class="frame-26085575-5rgQ2M frame-26085575"
              data-id="I3057:616;3053:439"
            >
              <img
                class="img_4713-1-FS6dIw img_4713-1"
                data-id="I3057:616;3053:440"
                src="./TTS 3.0.0_files/img-4713-1-8@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="jos-sousa-FS6dIw fenix-normal-black-32px"
                data-id="I3057:616;3053:441"
              >
                José Sousa
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:617">
            <div
              class="frame-26085575-MAxEym frame-26085575"
              data-id="I3057:617;3053:455"
            >
              <img
                class="img_4713-1-GPyjYm img_4713-1"
                data-id="I3057:617;3053:456"
                src="./TTS 3.0.0_files/img-4713-1@2x(2).png"
                alt="IMG_4713 1"
              />
              <div
                class="andr-lima-GPyjYm fenix-normal-black-32px"
                data-id="I3057:617;3053:457"
              >
                André Lima
              </div>
            </div>
          </article>
          <article class="person" data-id="3057:618">
            <div
              class="frame-26085575-MdEi4A frame-26085575"
              data-id="I3057:618;3053:459"
            >
              <img
                class="img_4713-1-tdVLuo img_4713-1"
                data-id="I3057:618;3053:460"
                src="./TTS 3.0.0_files/img-4713-1-10@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="lus-duarte-tdVLuo fenix-normal-black-32px"
                data-id="I3057:618;3053:461"
              >
                Luís Duarte
              </div>
            </div>
          </article>
        </div>
      </div>
      <div
        class="tudo-por-agora-mhNbjF fenix-normal-black-32px"
        data-id="3057:619"
      >
        É tudo por agora!
      </div>
      <div class="frame-47-mhNbjF" data-id="3057:620">
        <img
          class="logo_2018-1-2-aPPwut"
          data-id="3057:621"
          src="./TTS 3.0.0_files/logo-2018--1--2.svg"
          alt="logo_2018 (1) 2"
        />
        <div class="niaefeup-aPPwut" data-id="3057:643">NIAEFEUP</div>
        <div class="projetos-aPPwut fenix-normal-black-32px" data-id="3057:644">
          Projetos
        </div>
      </div>
    </div>
    <div class="mobile screen" data-id="3057:678" style="margin-top: 70px">
      <div class="frame-37-LP8vkM" data-id="3057:679">
        <img
          class="group-48-WNXEpW"
          data-id="3057:680"
          src="./TTS 3.0.0_files/group-48-1@2x.png"
          alt="Group 48"
        />
        <div class="frame-49-WNXEpW" data-id="3057:684">
          <h1 class="title-ktx0qO" data-id="3057:685">Nota de Release</h1>
          <div class="tts-300-ktx0qO" data-id="3057:686">TTS 3.0.0</div>
        </div>
        <div class="rectangle-498-WNXEpW" data-id="3057:687"></div>
      </div>
      <div class="frame-29-LP8vkM" data-id="3057:688">
        <div
          class="o-grande-refactor-9EiBzQ jockeyone-normal-black-40px"
          data-id="3057:689"
        >
          o GRANDE Refactor
        </div>
        <p
          class="durante-vrios-meses-9EiBzQ fenix-normal-black-24px"
          data-id="3057:690"
        >
          Durante vários meses estivemos a simplificar a lógica do nosso código
          e olha só,
        </p>
        <div class="x9003-32781-9EiBzQ" data-id="3057:692">
          <span class="span0-mXIWPx">+9,003</span
          ><span class="span1-mXIWPx">&nbsp;</span
          ><span class="span2-mXIWPx">-32,781</span>
        </div>
        <div class="group-49-9EiBzQ" data-id="3057:810">
          <div class="rectangle-486-0Jca0x" data-id="3057:693"></div>
          <div class="rectangle-487-0Jca0x" data-id="3057:694"></div>
          <div class="rectangle-488-0Jca0x" data-id="3057:695"></div>
          <div class="rectangle-489-0Jca0x" data-id="3057:696"></div>
          <div class="rectangle-490-0Jca0x" data-id="3057:697"></div>
        </div>
        <p
          class="sim-fizeste-bem-as-c-9EiBzQ fenix-normal-black-24px"
          data-id="3057:698"
        >
          Sim, fizeste bem as contas!<br />23 mil linhas no lixo
        </p>
      </div>
      <div class="frame-40-LP8vkM" data-id="3057:699">
        <p
          class="mais-magro-e-mais-bonito-KrJyjp jockeyone-normal-black-40px"
          data-id="3057:700"
        >
          Mais magro e mais bonito!
        </p>
        <div class="group-43-KrJyjp" data-id="3057:701">
          <p
            class="modal-de-escolha-das-TKrgQA fenix-normal-black-24px"
            data-id="3057:702"
          >
            Modal de Escolha das Unidades Curriculares
          </p>
          <div class="group-28-TKrgQA" data-id="3057:703">
            <img
              class="image2-1-0yx16x"
              data-id="3057:705"
              src="./TTS 3.0.0_files/image2-1@2x.png"
              alt="image2 1"
            />
          </div>
        </div>
        <div class="group-31-KrJyjp" data-id="3057:710">
          <p
            class="o-filtro-de-professo-XI5rPg fenix-normal-black-24px"
            data-id="3057:711"
          >
            <span class="span0-lGXVkm fenix-normal-black-24px"
              >O filtro de professores<br />e a seleção da turma num só </span
            ><span class="span1-lGXVkm daibannasil-normal-black-24px"
              >dropdown</span
            >
          </p>
          <img
            class="mask-group-XI5rPg"
            data-id="3057:712"
            src="./TTS 3.0.0_files/mask-group-1@2x(1).png"
            alt="Mask group"
          />
        </div>
        <div class="group-30-KrJyjp" data-id="3057:717">
          <div
            class="ilustraes-para-te-ajudar-bnbpuW fenix-normal-black-24px"
            data-id="3057:718"
          >
            Ilustrações para te ajudar
          </div>
          <p
            class="j-no-ficas-toa-bnbpuW fenix-normal-black-24px"
            data-id="3057:719"
          >
            Já não ficas à toa!
          </p>
          <img
            class="screenshot-2024-09-03-at-001428-1-1-bnbpuW"
            data-id="3057:1796"
            src="./TTS 3.0.0_files/screenshot-2024-09-03-at-00-14-28-1-1.png"
            alt="Screenshot 2024-09-03 at 00.14.28 1 1"
          /><img
            class="screenshot-2024-09-03-at-001408-1-1-bnbpuW"
            data-id="3057:1801"
            src="./TTS 3.0.0_files/screenshot-2024-09-03-at-00-14-08-1-1.png"
            alt="Screenshot 2024-09-03 at 00.14.08 1 1"
          />
        </div>
      </div>
      <div
        class="frame-24-LP8vkM"
        data-id="3057:1235-fcd26fb1-991b-43de-a6f6-953eea361dac"
      >
        <div class="shadcnui-kRdETD" data-id="3057:1237">shadcn/ui</div>
        <p
          class="accessible-customiza-kRdETD daibannasil-normal-black-24px"
          data-id="3057:1238"
        >
          Accessible. Customizable. Open Source. This is&nbsp;NOT&nbsp;a
          component library. It's a collection of re-usable components that you
          can copy and paste into your apps.
        </p>
      </div>
      <div class="frame-32-LP8vkM" data-id="3057:727">
        <div
          class="dados-estatsticas-informao-cAJxcw jockeyone-normal-black-40px"
          data-id="3057:728"
        >
          Dados, estatísticas, informação
        </div>
        <p
          class="queremos-expandir-o-cAJxcw fenix-normal-black-24px"
          data-id="3057:938"
        >
          Queremos expandir o TTS para novas faculdades e por isso temos de
          entender como os alunos utilizam a plataforma.
        </p>
        <p
          class="tudo-annimo-no-somos-cAJxcw fenix-normal-black-24px"
          data-id="3057:939"
        >
          Tudo anónimo! Não somos nenhum reality show ou uma plataforma de
          anúncios...
        </p>
        <div
          class="frame-21-cAJxcw"
          data-id="3060:217-e5a1a32e-9907-4687-aab6-ec411b565b72"
        >
          <div class="plausibleio-tSbZtW" data-id="3060:219">plausible.io</div>
          <p
            class="plausible-is-a-light-tSbZtW daibannasil-normal-black-24px"
            data-id="3060:220"
          >
            Plausible is a lightweight and open-source
            Google&nbsp;&nbsp;Analytics alternative. Your website data is 100%
            yours and the privacy&nbsp;&nbsp;of your visitors is respected.
          </p>
        </div>
      </div>
      <div class="frame-42-LP8vkM" data-id="3144:261">
        <div class="frame-33-hRzdOc" data-id="3144:262">
          <div
            class="um-agradecimento-s-1FanxZ fenix-normal-black-24px"
            data-id="3144:263"
          >
            Um agradecimento às
          </div>
          <div class="pessoas-envolvidas-1FanxZ" data-id="3144:264">
            Pessoas envolvidas
          </div>
        </div>
        <div class="frame-46-hRzdOc" data-id="3144:265">
          <article class="person" data-id="3144:266">
            <div
              class="frame-26085575-exNaCr frame-26085575"
              data-id="I3144:266;3052:379"
            >
              <img
                class="img_4713-1-0hgtuI img_4713-1"
                data-id="I3144:266;3052:380"
                src="./TTS 3.0.0_files/img-4713-1@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="diogo-fernandes-0hgtuI fenix-normal-black-32px"
                data-id="I3144:266;3052:381"
              >
                Diogo Fernandes
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:267">
            <div
              class="frame-26085575-AV2Tkq frame-26085575"
              data-id="I3144:267;3053:427"
            >
              <img
                class="img_4713-1-DvNGr0 img_4713-1"
                data-id="I3144:267;3053:428"
                src="./TTS 3.0.0_files/img-4713-1-1@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="toms-palma-DvNGr0 fenix-normal-black-32px"
                data-id="I3144:267;3053:429"
              >
                Tomás Palma
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:268">
            <div
              class="frame-26085575-4mmCse frame-26085575"
              data-id="I3144:268;3053:431"
            >
              <img
                class="img_4713-1-hutevj img_4713-1"
                data-id="I3144:268;3053:432"
                src="./TTS 3.0.0_files/img-4713-1-2@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="wallen-ribeiro-hutevj fenix-normal-black-32px"
                data-id="I3144:268;3053:433"
              >
                Wallen Ribeiro
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:269">
            <div
              class="frame-26085575-BZjYBP frame-26085575"
              data-id="I3144:269;3053:435"
            >
              <img
                class="img_4713-1-VhjxTM img_4713-1"
                data-id="I3144:269;3053:436"
                src="./TTS 3.0.0_files/img-4713-1-3@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="bruno-oliveira-VhjxTM fenix-normal-black-32px"
                data-id="I3144:269;3053:437"
              >
                Bruno Oliveira
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:270">
            <div
              class="frame-26085575-oipcQc frame-26085575"
              data-id="I3144:270;3052:369"
            >
              <img
                class="img_4713-1-feRDbg img_4713-1"
                data-id="I3144:270;3052:366"
                src="./TTS 3.0.0_files/img-4713-1@2x(1).png"
                alt="IMG_4713 1"
              />
              <div
                class="joo-torre-pereira-feRDbg fenix-normal-black-32px"
                data-id="I3144:270;3052:365"
              >
                João Torre Pereira
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:271">
            <div
              class="frame-26085575-mR12mA frame-26085575"
              data-id="I3144:271;3053:443"
            >
              <img
                class="img_4713-1-ngKCot img_4713-1"
                data-id="I3144:271;3053:444"
                src="./TTS 3.0.0_files/img-4713-1-5@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="joo-santos-ngKCot fenix-normal-black-32px"
                data-id="I3144:271;3053:445"
              >
                João Santos
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:272">
            <div
              class="frame-26085575-pdtN4H frame-26085575"
              data-id="I3144:272;3053:447"
            >
              <img
                class="img_4713-1-luxPVt img_4713-1"
                data-id="I3144:272;3053:448"
                src="./TTS 3.0.0_files/img-4713-1-6@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="clara-sousa-luxPVt fenix-normal-black-32px"
                data-id="I3144:272;3053:449"
              >
                Clara Sousa
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:273">
            <div
              class="frame-26085575-vZ9Rru frame-26085575"
              data-id="I3144:273;3053:451"
            >
              <img
                class="img_4713-1-CYrRnB img_4713-1"
                data-id="I3144:273;3053:452"
                src="./TTS 3.0.0_files/img-4713-1-7@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="rubem-neto-CYrRnB fenix-normal-black-32px"
                data-id="I3144:273;3053:453"
              >
                Rubem Neto
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:274">
            <div
              class="frame-26085575-QHEXla frame-26085575"
              data-id="I3144:274;3053:439"
            >
              <img
                class="img_4713-1-IxhBxN img_4713-1"
                data-id="I3144:274;3053:440"
                src="./TTS 3.0.0_files/img-4713-1-8@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="jos-sousa-IxhBxN fenix-normal-black-32px"
                data-id="I3144:274;3053:441"
              >
                José Sousa
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:275">
            <div
              class="frame-26085575-VvIxNB frame-26085575"
              data-id="I3144:275;3053:455"
            >
              <img
                class="img_4713-1-wuyMJg img_4713-1"
                data-id="I3144:275;3053:456"
                src="./TTS 3.0.0_files/img-4713-1@2x(2).png"
                alt="IMG_4713 1"
              />
              <div
                class="andr-lima-wuyMJg fenix-normal-black-32px"
                data-id="I3144:275;3053:457"
              >
                André Lima
              </div>
            </div>
          </article>
          <article class="person" data-id="3144:276">
            <div
              class="frame-26085575-dogQcQ frame-26085575"
              data-id="I3144:276;3053:459"
            >
              <img
                class="img_4713-1-h81G8W img_4713-1"
                data-id="I3144:276;3053:460"
                src="./TTS 3.0.0_files/img-4713-1-10@2x.png"
                alt="IMG_4713 1"
              />
              <div
                class="lus-duarte-h81G8W fenix-normal-black-32px"
                data-id="I3144:276;3053:461"
              >
                Luís Duarte
              </div>
            </div>
          </article>
        </div>
      </div>
      <div
        class="tudo-por-agora-LP8vkM fenix-normal-black-24px"
        data-id="3057:751"
      >
        É tudo por agora!
      </div>
      <div class="frame-47-LP8vkM" data-id="3057:752">
        <img
          class="logo_2018-1-2-WbpxgG"
          data-id="3057:753"
          src="./TTS 3.0.0_files/logo-2018--1--2-1.svg"
          alt="logo_2018 (1) 2"
        />
        <div class="niaefeup-WbpxgG" data-id="3057:775">NIAEFEUP</div>
        <div class="projetos-WbpxgG fenix-normal-black-32px" data-id="3057:776">
          Projetos
        </div>
      </div>
    </div>
  </body>
</html>