/**
 * Sección «hero» de la página «terrenos», 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-ud2spp{position: relative; padding: 160px 32px; border-radius: 1em; overflow: hidden; background-image: url("../../../assets/img/utils/terrenos.jpg"); background-size: cover; background-position: center center; color: white;}
.css-rpavmq{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1;}
.css-1jouo6u{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; position: relative; z-index: 2;}
.css-1jouo6u > .MuiGrid-item{padding-top: 32px;}
.css-1jouo6u > .MuiGrid-item{padding-left: 32px;}
.css-6v1yxo{box-sizing: border-box; margin: 0px 0px 0px 1em; flex-direction: row; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
@media (min-width: 600px){
.css-6v1yxo{flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
}
@media (min-width: 900px){
.css-6v1yxo{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
@media (min-width: 1200px){
.css-6v1yxo{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
@media (min-width: 1536px){
.css-6v1yxo{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
.css-1fbjrgc{margin: 0px; font-family: Poppins, sans-serif; font-size: 1.5rem; line-height: 1.334; font-weight: 700;}
.css-vhbxep{margin: 0px; font-family: Poppins, sans-serif; font-size: 3rem; line-height: 1.167; font-weight: 700;}
.css-112da60{margin: 16px 0px 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5;}