/**
 * Envoltorio de la página «evento».
 *
 * Reconstruido, no clonado: en producción esto es un `<Modal>` de MUI centrado
 * sobre el listado (`maxWidth: 1000`, `p: 3`, `borderRadius: 4`) y aquí es una
 * página. Se conserva la caja blanca redondeada y el reparto de dos columnas
 * con 24 px de separación (`spacing={3}`), que es lo que se reconoce del
 * original; se cae todo lo que solo tenía sentido flotando: la posición fija,
 * el `maxHeight: 90vh`, el scroll interno y la sombra de elevación 24.
 *
 * Se encola antes que las hojas de las dos columnas.
 */

.icasa-evento-ficha{background-color: rgb(255, 255, 255); border-radius: 16px; padding: 24px; margin-top: 80px;}

/* `<Grid container spacing={3}>` */
.icasa-evento-rejilla{box-sizing: border-box; display: flex; flex-flow: wrap; width: calc(100% + 24px); margin-left: calc(-24px); margin-top: calc(-24px);}
.icasa-evento-rejilla > .MuiGrid-item{padding-top: 24px; padding-left: 24px;}

/* `<Grid item xs={12} md={6}>` */
.icasa-evento-columna{box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 100%; flex-grow: 0; max-width: 100%;}
@media (min-width: 900px){
.icasa-evento-columna{flex-basis: 50%; flex-grow: 0; max-width: 50%;}
}