/**
 * Sección «inscripcion» de la página «evento».
 *
 * Reconstruida desde los `sx` de `components/Event/EventDetailModal.jsx`, no
 * clonada: el modal solo existe montado en React, así que Emotion nunca lo
 * inyectó en el HTML que se puede leer desde fuera.
 *
 * Las clases del campo de texto (`css-1vbfw84`, `css-19lagpe`…) sí son las de
 * producción y viven en `template-parts/campo.php`; sus reglas se repiten aquí
 * porque cada página carga solo sus propias hojas.
 */

/* `<Box component="img" sx={{ width: '100%', borderRadius: 2, mb: 2 }}>` */
.icasa-evento-portada{display: block; width: 100%; height: auto; border-radius: 8px; margin-bottom: 16px;}

.icasa-inscripcion{margin: 0;}

/* `variant="subtitle1" fontWeight="bold" gutterBottom` */
.icasa-inscripcion-titulo{margin: 0px 0px 0.35em; font-family: Poppins, sans-serif; font-size: 1rem; line-height: 1.75; font-weight: 700;}

/* `margin="dense"` en los tres TextField: 4px arriba y 8px abajo. */
.icasa-inscripcion-campos{display: flex; flex-direction: column;}
.icasa-inscripcion-campos > .MuiFormControl-root{margin-top: 4px; margin-bottom: 8px;}

/*
 * `fullWidth variant="contained"` con el lima de la marca, `borderRadius: 3`
 * (12px), `textTransform: 'none'` y `mt: 2`. Es el mismo botón que cierra los
 * otros dos formularios del sitio, salvo que aquí ocupa todo el ancho.
 */
.icasa-inscripcion-boton{display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; margin-top: 16px; padding: 9.6px 40px; border: 0; border-radius: 12px; background-color: rgb(205, 220, 57); color: rgb(0, 0, 0); font-family: Poppins, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1.75; text-transform: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);}
.icasa-inscripcion-boton:hover{background-color: rgb(175, 180, 43); 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;}

/* --- campo de texto: clases de producción, iguales que en los otros formularios --- */
.css-1vbfw84{display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%;}
.css-19lagpe{color: rgba(0, 0, 0, 0.6); font-family: Poppins, sans-serif; font-weight: 400; line-height: 1.4375em; padding: 0px; display: block; transform-origin: left top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0px; top: 0px; transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1); z-index: 1; pointer-events: none; transform: translate(14px, 16px) scale(1); max-width: calc(100% - 24px); font-size: 0.875rem;}
.css-19lagpe.Mui-error{color: rgb(211, 47, 47);}
.css-rxuhmm{font-family: Poppins, sans-serif; font-weight: 400; line-height: 1.4375em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; font-size: 0.875rem;}
.css-rxuhmm:hover .MuiOutlinedInput-notchedOutline{border-color: rgba(0, 0, 0, 0.87);}
@media (hover: none){
.css-rxuhmm:hover .MuiOutlinedInput-notchedOutline{border-color: rgba(0, 0, 0, 0.23);}
}
.css-rxuhmm.Mui-error .MuiOutlinedInput-notchedOutline{border-color: rgb(211, 47, 47);}
.css-1pk1fka{font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; padding: 16.5px 14px;}
.css-1pk1fka:focus{outline: 0px;}
.css-1pk1fka:invalid{box-shadow: none;}
.css-5v2ak0{text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23);}
.css-81qg8w{float: unset; width: auto; overflow: hidden; display: block; padding: 0px; height: 11px; font-size: 0.75em; visibility: hidden; max-width: 0.01px; transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1); white-space: nowrap;}
.css-81qg8w > span{padding-left: 5px; padding-right: 5px; display: inline-block; opacity: 0; visibility: visible;}

/* Etiqueta flotante sin React. Ver la nota larga en la hoja del formulario de terrenos. */

/* --- avisos y errores: los mismos que en los otros formularios --- */
.icasa-aviso{margin-bottom: 16px; padding: 12px 16px; border-radius: 4px; font-family: Poppins, sans-serif; font-size: 0.875rem; line-height: 1.43; color: rgb(255, 255, 255);}