/* =============================================================================
   MARCAÇÃO DE CONSULTA — folha única de /marcar
   =============================================================================

   DOCUMENTO FECHADO, como o artefacto. Nada do site genérico entra aqui: sem
   cabeçalho, sem navegação, sem selector de tema, sem rodapé. O ecrã é só o que
   a maqueta mostra.

   Por isso esta folha NÃO importa `_base.css`, `_layout.css`, `_navegacao.css`
   nem `_tokens.css` — o `_marcacao.css` traz os seus próprios valores, os
   mesmos do artefacto.
   ========================================================================== */

@import url("../base/_camadas.css");
@import url("../base/_reset.css");
@import url("../componentes/_marcacao.css");

@layer base {
  html { -webkit-text-size-adjust: 100%; }

  body {
    margin: 0;
    min-block-size: 100dvh;
    background: #f2efe8;
    color: #23262a;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  /* Fora da coluna do telemóvel fica o papel do artefacto. */
  .visualmente-oculto {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}
