html { scroll-behavior: smooth; }
body { margin: 0; background: #ffffff; }
a { color: #0f2240; }
a:hover { color: #b36b00; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #e8a317; outline-offset: 2px; }
img { max-width: 100%; }
button { font-family: inherit; }
input, select, textarea { box-sizing: border-box; width: 100%; font-family: inherit; }
#servicios, #industrias, #nosotros, #proyectos, #refacciones { scroll-margin-top: 16px; }

@media (max-width: 760px) {
  h1 { font-size: 34px !important; }
  h2 { font-size: 26px !important; }
  section > div, section, article { padding-left: 16px !important; padding-right: 16px !important; }
  header > div, footer > div { padding-left: 16px !important; padding-right: 16px !important; }
}