/**
 * Sección «obras» de la página «proyectos-terminados», 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-1hzgcus{margin-top: 64px; margin-bottom: 64px; padding-inline: 16px;}
@media (min-width: 900px){
.css-1hzgcus{padding-inline: 32px;}
}
.css-1ovfjk3{text-align: center; margin-bottom: 40px;}
.css-j9kyz{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 2.125rem; line-height: 1.235; font-weight: 700;}
.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);}
.css-16qpid4{box-sizing: border-box; display: flex; flex-flow: wrap; margin-top: calc(-32px); width: calc(100% + 32px); margin-left: calc(-32px);}
.css-16qpid4 > .MuiGrid-item{padding-top: 32px;}
.css-16qpid4 > .MuiGrid-item{padding-left: 32px;}
.css-1pmmlk2{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-1pmmlk2{flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%;}
}
@media (min-width: 900px){
.css-1pmmlk2{flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;}
}
@media (min-width: 1200px){
.css-1pmmlk2{flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;}
}
@media (min-width: 1536px){
.css-1pmmlk2{flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;}
}
.css-1iaorjw{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); overflow: hidden; height: 100%; display: flex; flex-direction: column; border-radius: 0.6em;}
.css-kz8ysd{width: 100%; height: 300px; object-fit: cover; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.css-sj5ru{padding: 16px; -webkit-box-flex: 1; flex-grow: 1; display: flex; flex-direction: column; background-color: rgb(39, 38, 132); color: white;}
.css-sj5ru:last-child{padding-bottom: 24px;}
.css-1gn537x{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 0.875rem; line-height: 1.43; font-weight: 500;}
.css-59yxix{margin: 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43;}