/* Tema da RE/MAX Moment, equipa Carlos Gomes, para a aplicação do estúdio: os tokens --ec-* com a marca do site
   (sites/carlos-gomes/css/style.css): o navy #101e38 e #172849 como tinta e acento, o dourado #c9a84c nos detalhes e
   o vermelho RE/MAX #e31837 só nos avisos. O site é escuro; a aplicação fica clara (marfim), para se ler bem no
   telemóvel e ao sol, com o navy no lugar do escuro. Playfair Display nos títulos e na marca, Inter no corpo.
   A marca na barra compõe-se como no site: o escudo G, Carlos Gomes e RE/MAX MOMENT · JOANE por baixo, sem o traço. */

:root {
  --ec-acento: #172849;
  --ec-acento-forte: #101e38;
  --ec-escuro: #101e38;
  --ec-acento-suave: rgba(23, 40, 73, .07);
  --ec-fundo: #f4f2ec;
  --ec-alerta: #b8102b;
  --ec-tinta: #101e38;
  --ec-texto: #2a3142;
  --ec-cinza: #5d6473;
  --ec-linha: rgba(16, 30, 56, .12);
  --ec-linha-forte: rgba(16, 30, 56, .26);
  --ec-superficie: #FFFFFF;
  --ec-sobre-acento: #FFFFFF;
  --ec-botao: #101e38;
  --ec-sobre-botao: #FFFFFF;
  --ec-sombra: rgba(16, 30, 56, .12);
  --ec-brilho: rgba(201, 168, 76, .28);
  --ec-f-titulo: "Playfair Display", Georgia, serif;
  --ec-f-corpo: "Inter", system-ui, sans-serif;
  --ec-f-marca: "Playfair Display", Georgia, serif;
  --ec-marca-peso: 700;
  --ec-faixa: #efe6cc;
  --ec-faixa-texto: #5a4714;
  --ec-veu: rgba(16, 30, 56, .5);
  --ec-toast: #101e38;
  --ec-verde: #2F6B45;
  --ec-vermelho: #b8102b;
  --ec-entrada: radial-gradient(120% 80% at 50% 0%, rgba(201, 168, 76, .16), transparent 60%), #f4f2ec;
  color-scheme: light;
}

/* Os títulos em Playfair, sem itálico falso; a palavra em destaque a dourado escuro. */
.cabeca-vista h1 { font-weight: 700; letter-spacing: 0; }
.cabeca-vista h1 em { font-style: normal; color: #9a7a24; }

/* A marca: o escudo G à esquerda, o nome em Playfair e o subtítulo pequeno a dourado, sem o traço. */
.marca:not(.marca-img) { padding: 0 0 0 46px; min-height: 38px; justify-content: center; background: url("../img/marca-g.png") left center / 36px auto no-repeat; }
.marca:not(.marca-img) .marca-risco { display: none; }
.marca-nome { font-weight: 700; font-size: 22px; letter-spacing: 0; color: var(--ec-tinta); }
.marca-sub { font-family: var(--ec-f-corpo); font-weight: 600; font-size: 9px; letter-spacing: .16em; margin-top: 3px; color: #9a7a24; }
.topo-movel .marca:not(.marca-img) { padding-left: 40px; background-size: 30px auto; }
.topo-movel .marca-nome { font-size: 19px; }
.topo-movel .marca-sub { font-size: 8px; }