/**
 * Sección «interiores» 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-q7mezt { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; }
.css-62igne { margin-top: 0; margin-bottom: 48px; }
.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-vpkyow { text-align: center; position: relative; }
.css-i3pbo { margin-bottom: 24px; }
.css-j9kyz { margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 2.125rem; line-height: 1.235; font-weight: 700; }
.css-307dax { position: relative; height: 350px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-18z5lyp { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; color: rgba(0, 0, 0, 0.54); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); --IconButton-hoverBg: rgba(0, 0, 0, 0.04); position: absolute; left: 20px; background-color: rgba(255, 255, 255, 0.8); z-index: 3; }
.css-18z5lyp.Mui-disabled { pointer-events: none; cursor: default; }
@media print{
.css-18z5lyp { print-color-adjust: exact; }
}
.css-18z5lyp:hover { background-color: var(--IconButton-hoverBg); }
@media (hover: none){
.css-18z5lyp:hover { background-color: transparent; }
}
.css-18z5lyp.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-18z5lyp.MuiIconButton-loading { color: transparent; }
.css-18z5lyp:hover { background-color: white; }
.css-hlla0p { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; color: rgba(0, 0, 0, 0.54); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); --IconButton-hoverBg: rgba(0, 0, 0, 0.04); position: absolute; right: 20px; background-color: rgba(255, 255, 255, 0.8); z-index: 3; }
.css-hlla0p.Mui-disabled { pointer-events: none; cursor: default; }
@media print{
.css-hlla0p { print-color-adjust: exact; }
}
.css-hlla0p:hover { background-color: var(--IconButton-hoverBg); }
@media (hover: none){
.css-hlla0p:hover { background-color: transparent; }
}
.css-hlla0p.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-hlla0p.MuiIconButton-loading { color: transparent; }
.css-hlla0p:hover { background-color: white; }
.css-1cx97mq { margin: 16px auto 0px; font-family: Poppins, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.66; color: rgba(0, 0, 0, 0.6); display: block; max-width: 700px; }

/*
 * --- carrusel reconstruido ---
 *
 * Producción genera una clase por posición (`css-10w837f`, `css-1sdkpqz`…): con
 * once fotos son once clases que solo cambian el `translateX` y que además
 * congelan cuál estaba activa al capturar. Copiarlas ataría la galería a ese
 * número de fotos, así que en su lugar van estas dos reglas y la variable
 * `--icasa-salto`, que lleva la distancia al centro y actualiza `galeria.js`.
 *
 * Los valores son los medidos en esas clases: 200 px entre fotos, 500 px de
 * ancho la de delante y 300 px las demás, escala 0.8, opacidad 0.4, desenfoque
 * de 4 px y medio segundo de transición.
 */
.icasa-galeria-foto{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: 300px;
	transform: translate(-50%, -50%) translateX(calc(var(--icasa-salto, 0) * 200px)) scale(0.8);
	opacity: 0.4;
	filter: blur(4px);
	transition: 0.5s;
	z-index: 1;
	border-radius: 8px;
}
.icasa-galeria-foto.es-activa{
	width: 500px;
	transform: translate(-50%, -50%) translateX(0px) scale(1);
	opacity: 1;
	filter: none;
	z-index: 2;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}
.icasa-galeria-img{width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;}

/* El título y la marca «Próximamente» solo los lleva la galería de áreas comunes. */
.icasa-galeria-titulo{position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 12px 16px; border-radius: 0 0 8px 8px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 0.875rem; line-height: 1.43; font-weight: 500;}
.icasa-galeria-pronto{display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 12px; background-color: rgb(126, 91, 239); font-size: 0.75rem;}