/**
 * Sección «condiciones» 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-ksbuxb{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); margin-left: auto; margin-right: auto; border-radius: 12px; background-color: rgb(255, 255, 255);}
.css-1dqaig4{box-sizing: border-box; display: flex; flex-flow: wrap; margin-top: calc(-32px); width: calc(100% + 32px); margin-left: calc(-32px); align-items: flex-end;}
.css-1dqaig4 > .MuiGrid-item{padding-top: 32px;}
.css-1dqaig4 > .MuiGrid-item{padding-left: 32px;}
.css-1ak9ift{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-1ak9ift{flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
}
@media (min-width: 900px){
.css-1ak9ift{flex-basis: 58.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 58.3333%;}
}
@media (min-width: 1200px){
.css-1ak9ift{flex-basis: 58.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 58.3333%;}
}
@media (min-width: 1536px){
.css-1ak9ift{flex-basis: 58.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 58.3333%;}
}
.css-1dfxgmh{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 0.875rem; line-height: 1.43; font-weight: 700;}
.css-axgq91{margin: 0px 0px 16px; font-family: Poppins, sans-serif; font-size: 0.75rem; line-height: 1.66; font-weight: 400; color: rgba(0, 0, 0, 0.6);}
.css-1tx71ha{padding-left: 16px; color: rgba(0, 0, 0, 0.6); margin-top: 8px;}
.css-1hfqbre{margin: 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.66;}
.css-1r482s6{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-1r482s6{flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
}
@media (min-width: 900px){
.css-1r482s6{flex-basis: 41.6667%; -webkit-box-flex: 0; flex-grow: 0; max-width: 41.6667%;}
}
@media (min-width: 1200px){
.css-1r482s6{flex-basis: 41.6667%; -webkit-box-flex: 0; flex-grow: 0; max-width: 41.6667%;}
}
@media (min-width: 1536px){
.css-1r482s6{flex-basis: 41.6667%; -webkit-box-flex: 0; flex-grow: 0; max-width: 41.6667%;}
}
/* `height: auto` por lo mismo que la gift card: ver la nota en `hero.css`. */
.css-1aw87jd{width: 100%; height: auto; max-height: 300px; object-fit: contain; display: block; margin-left: auto;}