.system-axion .axion-system, .system-axion .axion-related { padding-block: 4rem; border-bottom: 1px solid #e5e8ec; }
.system-axion .axion-system { background: #f6f7f4; }
.system-axion .product-application-image { object-fit: cover; background: #f1f4f7; }
.system-axion .axion-system__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.25rem; padding: 0; margin: 0; list-style: none; }
.system-axion .axion-system__steps li { position: relative; min-width: 0; background: white; border: 1px solid #dfe3e7; border-radius: 1rem; }
.system-axion .axion-system__steps figure { margin: 0; position: relative; }
.system-axion .axion-system__steps img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #f1f4f7; border-radius: 1rem 1rem 0 0; }
.system-axion .axion-system__steps li > div { padding: 1.2rem; }
.system-axion .axion-system__steps h3 { margin: 0; font-size: 1.1rem; }
.system-axion .axion-system__steps p, .system-axion .axion-related__card p { font-size: .9rem; color: #596578; line-height: 1.6; }
.system-axion .axion-related__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.system-axion .axion-related__card { display: flex; flex-direction: column; min-width: 0; padding: 1.5rem; border: 1px solid #dfe3e7; border-radius: 1rem; text-decoration: none; color: #111b31; background: white; }
.system-axion a.axion-related__card:hover { border-color: #527a20; }
.system-axion .axion-related__card img { width: 100%; height: 10rem; object-fit: contain; }
.system-axion .axion-related__card h3 { margin-bottom: 0; font-size: 1.3rem; }
.system-axion .axion-related__card > span { margin-top: auto; padding-top: 1rem; color: #527a20; font-size: .9rem; font-weight: 750; }
.system-axion .axion-related__card > .axion-related__info { color: #596578; font-weight: 500; }
.system-axion #sistema, .system-axion #relacionados { scroll-margin-top: 6rem; }
@media(max-width:1000px) {
 .system-axion .axion-system__steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .system-axion .axion-system, .system-axion .axion-related { padding-block: 2.75rem; }
 .system-axion .axion-system__steps, .system-axion .axion-related__grid { grid-template-columns: minmax(0,1fr); }
 .system-axion .axion-system__steps img { aspect-ratio: 3 / 2; object-fit: cover; background: #f1f4f7; }
}