/* ============================================================================
   HD AT Sistemas Inteligentes — páginas institucionais de texto
   (Política de Privacidade / Termos de Uso / Política de Cookies)
   Arquivo ADITIVO — não altera nenhum CSS original.
   ============================================================================ */

.hdat-legal {
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 20px 64px;
}

.hdat-legal__atualizado {
  color: #6b6f76;
  font-size: .85rem;
  margin-bottom: 28px;
}

.hdat-legal h2 {
  margin-top: 34px;
  margin-bottom: 12px;
  font-size: 1.3rem;
  color: #1a1a1a;
}
.hdat-legal h2:first-of-type { margin-top: 0; }

.hdat-legal p {
  font-size: .98rem;
  line-height: 1.75;
  color: #3a3a3a;
  margin-bottom: 14px;
}

.hdat-legal ul {
  margin: 0 0 16px 1.4rem;
  padding: 0;
}
.hdat-legal li {
  font-size: .98rem;
  line-height: 1.7;
  color: #3a3a3a;
  margin-bottom: 8px;
}

.hdat-legal a { color: #0fa89d; text-decoration: underline; }
.hdat-legal a:hover { color: #0c8a81; }

.hdat-legal strong { color: #1a1a1a; }

.hdat-legal__aviso {
  background: #fbf1e6;
  border-left: 4px solid #0fa89d;
  padding: 14px 18px;
  border-radius: 6px;
  font-size: .9rem;
  color: #4a4a4a;
  margin-bottom: 28px;
}

/* -------------------------------------------------- links no rodapé ------*/
.hdat-footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 8px;
  font-size: .8rem;
}
.hdat-footer-legal a { color: #a2a2a2; }
.hdat-footer-legal a:hover { color: #fff; }

/* ============================================================================
   Responsivo GLOBAL (este arquivo é carregado nas 29 páginas do site — é o
   único ponto aditivo comum a todas elas, por isso os fixes que precisam
   valer em qualquer página vivem aqui). Nenhuma regra abaixo tem efeito
   visível em telas onde o conteúdo já cabe hoje (>1200px ou qualquer largura
   em que nada estoure) — elas só entram em ação quando um elemento gerado
   pelo Joomla/SP Page Builder ultrapassaria a largura da viewport.
   ============================================================================ */

/* vídeos do YouTube embutidos nas descrições de produto (SP Page Builder/
   EasyStore) vêm do editor com width/height fixos em px — em alguns
   produtos até 773px de largura ou proporção vertical de até 697px de
   altura. Sem isso, o iframe estoura a largura da tela e cria scroll
   horizontal em qualquer viewport menor que o width fixo do vídeo.
   max-width:100% + height:auto preserva a proporção original porque os
   atributos width/height do HTML continuam definindo o aspect-ratio
   intrínseco do elemento — o vídeo apenas encolhe proporcionalmente. */
.easystore-product-description iframe,
.sppb-addon-content iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* rede de segurança contra overflow horizontal: nada no site hoje deveria
   ultrapassar 100% da largura da viewport, mas alguns componentes do
   Joomla/SP Page Builder (carrosséis, iframes, imagens muito grandes sem
   redimensionamento) podem escapar por 1-2px em certos dispositivos. Isso
   não afeta o layout em nenhuma tela onde o conteúdo já cabe. */
html { overflow-x: hidden; }