/* aslegis6 — ajustes de celular/tablet acrescentados na migração J6 (2026-10-26). O resto do visual é o do Helix3 antigo. */

/* logo: o Helix3 imprimia a versão "retina" junto com a normal (mesma imagem) e no tablet aparecia duas vezes */
#sp-logo .sp-retina-logo { display: none !important; }
#sp-logo img { max-width: 100%; height: auto; }

/* mídia do conteúdo nunca passa da largura da tela */
[itemprop="articleBody"] img, .sppb-addon-text-block img, .wk-news img { max-width: 100%; height: auto; }
[itemprop="articleBody"] iframe, .sppb-addon-text-block iframe { max-width: 100%; }
[itemprop="articleBody"] table { max-width: 100%; }

/* compartilhar (ícones do Helix3) com área de toque maior */
.helix-social-share-icon ul { padding-left: 0; }
.helix-social-share-icon ul li a { display: inline-block; min-width: 32px; text-align: center; }

@media (max-width: 991px) {
  [itemprop="articleBody"] .table-responsive-auto, [itemprop="articleBody"] table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 767px) {
  /* texto justificado em coluna estreita abre "rios" de espaço; no celular alinha à esquerda */
  [itemprop="articleBody"] [style*="justify"], .sppb-addon-text-block [style*="justify"] { text-align: left !important; }
  /* evita o zoom automático do iPhone ao tocar em campos */
  input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], textarea, select { font-size: 16px; }
  /* menu lateral e links de rodapé mais fáceis de tocar */
  .offcanvas-menu .offcanvas-inner ul.menu > li > a, #sp-footer ul.menu li a { padding-top: 10px; padding-bottom: 10px; }
  .page-header h1, .entry-header h2 { word-wrap: break-word; overflow-wrap: anywhere; }
}