/*
Theme Name: COSMOS
Theme URI: https://cosmosmktg.com/
Author: COSMOS INTERNATIONAL, LDA
Description: Tema da COSMOS. O desenho inteiro vive em assets/css/cosmos.css; este ficheiro só repõe o que o Elementor sobrepõe. As páginas continuam a editar-se no Elementor e o blog tem templates próprios (home, archive, single, search).
Version: 2.3.1
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietária
Text Domain: cosmos
Tags: elementor, dark
*/

/* Só três coisas. O Elementor emite tipografia global no CSS do kit, que
   carrega depois do tema; estas duas regras repõem a herança e deixam o
   cosmos.css decidir componente a componente. Não pôr aqui regras por
   componente: uma tentativa anterior com .elementor-widget-container p
   ganhava, por especificidade, às próprias regras do desenho e trocava a
   fonte das etiquetas. */

body {
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-head);
}

/* O Hello põe display:block nos botões e isso reacendia o burger no ecrã
   grande, ao lado do menu inteiro. */
.burger { display: none; }

@media (max-width: 1080px) {
  .burger { display: flex; }
}

/* LPs de serviço: a maqueta é quadrada em quatro delas e puxava a fila
   para 546px, deixando um vão enorme por baixo do texto. O .svc__vis tem
   flex:1 e cresce até ao fim da coluna; isto põe-lhe um tecto. */
.svc--lp .svc__vis { max-height: 420px; }

/* Primeiro item de cada painel do mega menu: leva à página-mãe, que antes
   não era alcançável por lado nenhum — o título do menu é um botão que só
   abre o painel. */
.mega__item--tudo {
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  margin-bottom: 6px;
  padding-bottom: 13px;
}
.mega__item--tudo b { color: var(--turq); }

/* Logótipos dos clientes — o Elementor emite `.elementor img { height: auto }`
   com a mesma especificidade de `.marquee img` e, por carregar depois,
   apagava a altura fixa. Os logótipos quadrados passavam a 136px de altura
   dentro de um chip de 78 e ficavam cortados em cima e em baixo. Aqui vai
   com um seletor mais pesado para não depender da ordem de carregamento. */
.marquee .marquee__item img { height: 54px; }

@media (max-width: 620px) {
  .marquee .marquee__item img { height: 44px; }
}