.tmanecas-social-links {
  align-items: center;
  display: flex;
  gap: 18px;
}

.tmanecas-social-links a {
  align-items: center;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.tmanecas-social-links img {
  display: block;
  height: 24px;
  object-fit: contain;
  width: 24px;
}

[data-framer-name="Section: Why choose us"],
[data-framer-name="Button Load More"] {
  display: none !important;
}

body.tmanecas-releases-route div:has(> a[href="./works/my-rearview"]),
body.tmanecas-releases-route div:has(> a[href="./works/pixel-tears"]) {
  display: none !important;
}

body.tmanecas-music-route [data-framer-name="Section: Hero"] {
  background: #070707 url("./tmanecas-music-hero-sky.jpg") center 45% / cover no-repeat !important;
}

body.tmanecas-music-route [data-framer-name="Section: Hero"] > [data-framer-background-image-wrapper="true"] {
  display: none !important;
}

/* Mais uma linha do bloco, com o mesmo intervalo das de cima — sem margem
   propria nem altura de linha diferente, que abriam um salto a mais. */
.tmanecas-granda-mambo {
  display: inline;
}

a[href*="framer.com"] {
  display: none !important;
}

.tmanecas-release-link-disabled,
.tmanecas-release-link-disabled svg {
  cursor: default !important;
}

/* No telemovel o rodape fica centrado: a navegacao e as duas linhas de
   baixo. Em ecra grande mantem-se encostado a esquerda, como esta. */
@media (max-width: 809.98px) {
  /* Os contentores tem a largura toda mas encostam o conteudo a esquerda —
     e dai que o grupo de 97px ficasse colado a margem. */
  footer [data-framer-name="Right"],
  footer [data-framer-name="Page & Infomation"],
  footer [data-framer-name="Page Listing"],
  footer [data-framer-name="Bottom"] {
    align-items: center !important;
  }

  footer [data-framer-name="Page Listing"] { width: 100% !important; }

  footer [data-framer-name="Bottom"],
  footer [data-framer-name="Bottom"] p,
  footer [data-framer-name="Bottom"] div {
    text-align: center !important;
  }
}

/* Estas seccoes do template sao removidas por script, mas isso acontece
   depois da pagina montar — e nesse intervalo as fotografias antigas
   chegavam a aparecer. O CSS aplica-se na primeira pintura, antes de
   qualquer script, por isso nunca sao vistas. */
[data-framer-name="Section: Service"],
[data-framer-name="Seciton: Feature Music"],
[data-framer-name="Section: Collab"],
[data-framer-name="Section: Feature Work"] {
  display: none !important;
}

  /* ---------------------------------------------------------------
     Entradas partilhadas.

     Estas medidas existem no <style> embutido da pagina inicial, mas
     as rotas internas nao o tem — so tem esta folha. Repetem-se aqui
     com os mesmos valores.

     O estado escondido pede sempre DUAS coisas ao mesmo tempo: a
     classe e o atributo, e ambos sao postos por script. Se o script
     nao correr, ou se o Framer reescrever o className ao reconstruir
     o elemento, o texto fica visivel. Nunca ao contrario.

     Este ficheiro e externo, por isso o reescritor de textos do
     template — que percorre nos de texto, e o conteudo de um <style>
     embutido e um no de texto — nao lhe chega. Foi por isso que uma
     regra escrita no <style> da pagina inicial apareceu no browser
     com o nome da seccao trocado e deixou de casar com nada. */
  .tmanecas-palavra {
    display: inline-block;
    opacity: 0;
    transform: translateY(.36em);
    transition: opacity .5s ease, transform .6s cubic-bezier(.22, .61, .36, 1);
    will-change: opacity, transform;
  }

  .tmanecas-frase-visivel .tmanecas-palavra {
    opacity: 1;
    transform: translateY(0);
  }

  .tmanecas-entrada-item {
    transition: opacity .62s ease, transform .74s cubic-bezier(.22, .61, .36, 1);
  }

  /* O !important e obrigatorio: o Framer poe "transform:none" em estilo
     inline nalgumas destas caixas, e um estilo inline ganha a uma folha. */
  .tmanecas-entrada-item[data-tmanecas-entrada="por-entrar"] {
    opacity: 0 !important;
    transform: translateY(26px) !important;
    will-change: opacity, transform;
  }

  @media (prefers-reduced-motion: reduce) {
    .tmanecas-palavra {
      opacity: 1;
      transform: none;
      transition: none;
    }

    .tmanecas-entrada-item,
    .tmanecas-entrada-item[data-tmanecas-entrada="por-entrar"] {
      opacity: 1 !important;
      transform: none !important;
      transition: none;
    }
  }