/**
 * Sección «similares» de la página «proyecto», 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-79elbk { position: relative; }
.css-19jto2r { margin-top: 80px; margin-bottom: 80px; }
.css-1hivjws { margin: 0px 0px 32px; font-family: Poppins, sans-serif; font-size: 1.5rem; line-height: 1.334; font-weight: 700; text-align: center; }
.css-1k5zpio { box-sizing: border-box; display: flex; flex-flow: wrap; margin-top: calc(-32px); width: calc(100% + 32px); margin-left: calc(-32px); -webkit-box-pack: center; justify-content: center; }
.css-1k5zpio > .MuiGrid-item { padding-top: 32px; }
.css-1k5zpio > .MuiGrid-item { padding-left: 32px; }
.css-1twzmnh { 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-1twzmnh { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
@media (min-width: 900px){
.css-1twzmnh { flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%; }
}
@media (min-width: 1200px){
.css-1twzmnh { flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%; }
}
@media (min-width: 1536px){
.css-1twzmnh { flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%; }
}
.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-18u9l47 { width: 100%; height: 450px; object-fit: cover; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-1xj3s1z { position: absolute; top: 8px; left: 8px; background-color: rgb(255, 64, 129); color: rgb(255, 255, 255); padding: 4px 12px; border-radius: 4px; font-size: 0.85rem; font-family: Poppins, sans-serif; }
.css-1nrarf6 { padding: 16px; -webkit-box-flex: 1; flex-grow: 1; display: flex; flex-direction: column; }
.css-1nrarf6:last-child { padding-bottom: 24px; }
.css-1anh3ex { margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 1.25rem; line-height: 1.6; font-weight: 500; }
.css-m96b12 { margin: 0px 0px 16px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; color: rgba(0, 0, 0, 0.6); }
.css-3udxz1 { margin-top: auto; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-17ka5gd { margin: 0px; font-family: Poppins, sans-serif; font-size: 1rem; line-height: 1.5; color: rgb(25, 118, 210); font-weight: 500; }
.css-1k8du45 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Poppins, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; font-size: 0.8125rem; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 8px; background-color: rgb(139, 92, 246); color: rgb(255, 255, 255); padding: 8px; text-transform: none; }
.css-1k8du45.Mui-disabled { pointer-events: none; cursor: default; }
@media print{
.css-1k8du45 { print-color-adjust: exact; }
}
.css-1k8du45:hover { text-decoration: none; }
.css-1k8du45.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover){
.css-1k8du45:hover { --variant-containedBg: #1565c0; --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); }
}
.css-1k8du45.MuiButton-loading { color: transparent; }
.css-1k8du45:hover { background-color: rgb(139, 92, 246); }