steps-section { display: block; }
steps-section .lp-section { position: relative; isolation: isolate; overflow: clip; }
steps-section .lp-section--ink::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('../../recursos/assets/surfaces/mosaic-bottom.svg') center bottom / 1600px 900px no-repeat; opacity: .16; mask-image: linear-gradient(transparent 10%, #000); }
steps-section .steps-section__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
steps-section[columns="4"] .steps-section__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
steps-section .steps-section__items li { min-width: 0; border-top: 1px solid rgb(255 255 255 / 24%); padding-top: 26px; }
steps-section .steps-section__items li > span { display: block; margin-bottom: 36px; font-size: 14px; color: var(--lp-green); }
steps-section h3 { margin-bottom: 16px !important; }
steps-section .steps-section__items p { font-size: 15px; }
@media (max-width: 1000px) { steps-section[columns="4"] .steps-section__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { steps-section .steps-section__items, steps-section[columns="4"] .steps-section__items { grid-template-columns: 1fr; gap: 32px; } steps-section .steps-section__items li > span { margin-bottom: 20px; } }