/**
 * Sección «pasos» de la página «referidos», clonada de producción.
 *
 * Las clases `css-…` son los hashes que genera Emotion en el sitio viejo.
 * Se conservan literales para que el render sea idéntico; por eso no son
 * legibles. La plantilla que las usa está al lado, en el mismo directorio.
 *
 * Generado desde https://www.icasa.pe — no editar a mano salvo para corregir.
 */

.css-oonkxv{box-sizing: border-box; display: flex; flex-flow: wrap; margin-top: calc(-32px); width: calc(100% + 32px); margin-left: calc(-32px); margin-bottom: 16px;}
.css-oonkxv > .MuiGrid-item{padding-top: 32px;}
.css-oonkxv > .MuiGrid-item{padding-left: 32px;}
.css-19egsyp{box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
@media (min-width: 600px){
.css-19egsyp{flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
}
@media (min-width: 900px){
.css-19egsyp{flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%;}
}
@media (min-width: 1200px){
.css-19egsyp{flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%;}
}
@media (min-width: 1536px){
.css-19egsyp{flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%;}
}
.css-3n3j7x{background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); padding: 32px; height: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; border-radius: 12px;}
.css-1cdg1u5{display: flex; flex-direction: column; -webkit-box-align: center; align-items: center;}
.css-1cdg1u5 > :not(style):not(style){margin: 0px;}
.css-1cdg1u5 > :not(style) ~ :not(style){margin-top: 16px;}
.css-pmntio{color: rgb(126, 91, 239);}
.css-1ykpitd{margin: 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; color: rgba(0, 0, 0, 0.6);}

/*
 * La rejilla pasa a ser un `<ol>` (ver la nota de `pasos.php`). Un `<ol>` nace
 * con relleno, margen y viñetas del navegador, y ninguna de las tres estaba en
 * el `<div>` original.
 */
ol.css-oonkxv{list-style: none; padding-left: 0;}