/* ===========================================================================
   BOTOES DE ACCAO — a folha unica onde a forma dos botoes se define
   Dash Digital, 15/08/2026.

   PORQUE EXISTE ESTE FICHEIRO
   As 26 paginas do site nao partilham template-parts: cada uma tem o seu
   proprio pagina-*.php e o seu proprio CSS. Por isso o mesmo botao aparecia
   com tamanhos e formas diferentes conforme a pagina. Medido a 15/08/2026:

     /impressoras-e-multifuncoes/  .card-buttons                 47px, letra 16px, raio 30px
     /faturacao/                   .card-buttons                 47px, letra 16px, raio 30px
     /ciberseguranca/              .section-hero-consultadoria    39px, letra 14px, raio 50px
     /videovigilancia/             idem                           39px, letra 14px, raio 50px
     /bilhetica/                   idem                           39px, letra 14px, raio 50px
     /assistencia-tecnica/         tres botoes na MESMA pagina    46px, 43px e 37px
                                                                  raios de 50px e 25px
                                                                  pesos 600 e 700

   Esta folha e carregada em ULTIMO (prioridade 99 no functions.php), por isso
   vence as folhas de seccao sem precisar de !important.

   O QUE ESTA FOLHA NAO FAZ
   Nao mexe em cores. O magenta #9A2686, o azul #293992 e o #583391 sao todos
   cor de marca, pontos do gradiente oficial do logotipo (brandbook, confirmado
   nas 10 variantes SVG). O erro era a geometria, nao a cor.
   Tambem nao mexe nos rotulos: "Peca um Orcamento" nas paginas de produto e
   "Solicite uma Reuniao" nas de consultoria sao pedidos diferentes de proposito.
   =========================================================================== */

/* --- Geometria unica ------------------------------------------------------ */

.card-buttons .btn-primary,
.card-buttons .btn-secondary,
.section-hero-consultadoria-buttons .section-hero-consultadoria-btn,
.dualinfor-hero-buttons .dualinfor-button,
.final-cta-buttons .btn-primary-support,
.final-cta-buttons .btn-secondary-outline,
.button-group .btn-primary,
.button-group .btn-secondary {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* 48px e tambem o minimo recomendado para um alvo de toque (WCAG 2.2, 2.5.8) */
  min-height: 48px;
  padding: 12px 26px;

  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;

  /* Forma de comprimido, como no hero da homepage. Era 30px numas paginas,
     25px noutras e 50px noutras. */
  border-radius: 50px;

  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.card-buttons .btn-primary:hover,
.card-buttons .btn-secondary:hover,
.section-hero-consultadoria-buttons .section-hero-consultadoria-btn:hover,
.dualinfor-hero-buttons .dualinfor-button:hover,
.final-cta-buttons .btn-primary-support:hover,
.final-cta-buttons .btn-secondary-outline:hover,
.button-group .btn-primary:hover,
.button-group .btn-secondary:hover {
  opacity: 0.9;
}

/* --- Os grupos que os contem --------------------------------------------- */

.card-buttons,
.section-hero-consultadoria-buttons,
.dualinfor-hero-buttons,
.final-cta-buttons,
.button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

/* --- Telemovel ------------------------------------------------------------
   O .button-group da /encadernacao/ era flex com nowrap e forcava 447px num
   ecra de 372px: o titulo, o texto e os dois botoes saiam 91px para fora e
   ficavam cortados (produtos.css:57, medido a 15/08/2026).
   Abaixo de 560px os botoes passam a ocupar a largura toda e a empilhar, que
   e o que se espera num telemovel e resolve o corte na origem. */

@media (max-width: 560px) {
  .card-buttons,
  .section-hero-consultadoria-buttons,
  .dualinfor-hero-buttons,
  .final-cta-buttons,
  .button-group {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    gap: 12px;
  }

  .card-buttons .btn-primary,
  .card-buttons .btn-secondary,
  .section-hero-consultadoria-buttons .section-hero-consultadoria-btn,
  .dualinfor-hero-buttons .dualinfor-button,
  .final-cta-buttons .btn-primary-support,
  .final-cta-buttons .btn-secondary-outline,
  .button-group .btn-primary,
  .button-group .btn-secondary {
    width: 100%;
    max-width: 100%;
    padding: 12px 18px;
  }
}