/* Guto Gheno Tecnologia - phone and tablet overrides for the page templates (inline styles are serialized by the browser) */
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; }

@media (max-width: 760px) {
  /* type scale */
  [style*="font-size: 128px"], [style*="font-size: 112px"] { font-size: 54px !important; line-height: 1 !important; }
  [style*="font-size: 88px"] { font-size: 46px !important; line-height: 1.02 !important; }
  [style*="font-size: 72px"], [style*="font-size: 68px"], [style*="font-size: 64px"] { font-size: 40px !important; line-height: 1.06 !important; }
  [style*="font-size: 60px"], [style*="font-size: 58px"], [style*="font-size: 56px"] { font-size: 38px !important; }
  [style*="font-size: 44px"], [style*="font-size: 40px"] { font-size: 30px !important; line-height: 1.15 !important; }
  [style*="font-size: 34px"] { font-size: 27px !important; }

  /* page gutters and section rhythm */
  [style*="max-width: 1400px"], [style*="max-width: 1360px"], [style*="max-width: 860px"] { padding-left: 16px !important; padding-right: 16px !important; }
  [style*="padding: 128px 32px"], [style*="padding: 112px 32px"], [style*="padding: 96px 32px"] { padding-top: 72px !important; padding-bottom: 72px !important; }
  [style*="padding: 40px;"], [style*="padding: 32px;"] { padding: 22px !important; }

  /* multi-column grids that become a single column */
  [style*="grid-template-columns: 170px"],
  [style*="minmax(420px"], [style*="minmax(380px"], [style*="minmax(300px"],
  [style*="grid-template-columns: repeat(3, minmax(0px, 1fr))"] { grid-template-columns: minmax(0, 1fr) !important; }
  [style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

  /* support modality table scrolls sideways instead of squeezing */
  div:has(> [style*="grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr"]) { overflow-x: auto !important; }
  [style*="grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr"] { min-width: 560px; }

  /* compact sticky header: logo on top, links and the contact button on one row */
  header { background: rgba(15,18,22,0.94) !important; }
  header > div { padding: 10px 16px !important; gap: 8px !important; }
  header nav { width: 100%; flex-wrap: nowrap !important; gap: 14px !important; font-size: 14px !important; white-space: nowrap; }
  header nav a:last-child { margin-left: auto; padding: 6px 12px !important; }
  header nav a:last-child > span { display: none !important; }
  header nav a[href="index.html"]:first-child { display: none; }

  /* five-step strip wraps into rows */
  div[style="display: flex; gap: 10px;"] { flex-wrap: wrap; row-gap: 12px; }
  div[style="display: flex; gap: 10px;"] > div { flex: 1 1 28% !important; }

  /* firewall comparison table keeps its sideways scroll, a bit narrower */
  [style*="min-width: 760px"] { min-width: 600px !important; font-size: 14px !important; }
}