/**
 * Aviso de "enviado con éxito" de los formularios modales.
 *
 * Archivo escrito a mano, NO generado por compass: los estilos del sitio salen
 * de sass/ y se compilan a css/screen.css.
 *
 * El bloque se dibuja encima del formulario, pero el texto quedaba alineado a
 * la izquierda y el fondo semitransparente dejaba ver los campos por detrás,
 * así que el mensaje se leía encimado.
 */

.modal .form__success {
    background: rgba(255, 255, 255, .97);
    align-items: center;
    text-align: center;
    padding: 24px;
}

.modal .form__success .success {
    margin: 0 auto;
}

.modal .form__success p {
    max-width: 30em;
    margin: 18px auto 0;
    font-size: 1.15rem;
    line-height: 1.5;
    color: #17202a;
}