/**
 * Sección «intro» de la página «nosotros», 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-62igne{margin-top: 0; margin-bottom: 48px;}
.css-wo90q7{background-size: cover; background-position: center center; position: relative; overflow: hidden; border-radius: 40px; padding: 40px; min-height: 400px; color: rgb(255, 255, 255); background-image: url("../../../assets/img/bg/institucional.png");}
.css-1x67c4m{box-sizing: border-box; display: flex; flex-flow: wrap; margin-top: calc(-32px); width: calc(100% + 32px); margin-left: calc(-32px); -webkit-box-align: center; align-items: center;}
.css-1x67c4m > .MuiGrid-item{padding-top: 32px;}
.css-1x67c4m > .MuiGrid-item{padding-left: 32px;}
.css-iol86l{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-iol86l{flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
}
@media (min-width: 900px){
.css-iol86l{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
@media (min-width: 1200px){
.css-iol86l{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
@media (min-width: 1536px){
.css-iol86l{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
.css-1ofrol7{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 2.125rem; line-height: 1.235; font-weight: 500;}
.css-1rct4vl{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 500;}
.css-1m8vb3z{display: flex; flex-direction: row; gap: 1rem; margin-top: 32px; margin-bottom: 32px;}
.css-1klcxr2{background-color: rgb(245, 246, 250); color: rgb(30, 30, 47); padding: 16px; border-radius: 20px; text-align: center; min-width: 160px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;}
.css-1mj5jmq{margin: 0px; font-family: Poppins, sans-serif; font-size: 2.125rem; line-height: 1.235; font-weight: 700; color: rgb(139, 92, 246);}
.css-df4lvd{margin: 0px; font-family: Poppins, sans-serif; font-size: 0.875rem; line-height: 1.43; font-weight: 500;}
.css-15k5zdy{position: relative; width: 100%; height: 300px;}
.css-27rz08{position: absolute; width: 300px; height: 300px; background-color: rgb(126, 91, 239); border-radius: 50%; z-index: 1; top: 20px; left: 50%; transform: translateX(-50%);}
.css-1eyt0i{position: absolute; width: 300px; z-index: 2; bottom: -60px; left: 50%; transform: translateX(-50%);}