.colonia-form {
    max-width: 440px;
    margin: 32px auto;
    padding: 32px 28px 24px 28px;
    background: #f9fbfe;
    border-radius: 14px;
    box-shadow: 0 4px 32px rgba(30,34,90,.07);
    font-family: 'Montserrat', Arial, sans-serif;
}
.colonia-form h2 { margin-bottom: 18px; font-size: 1.3em; color: #2c3875; }
.colonia-form label { display: block; margin-bottom: 14px; }
.colonia-form input, .colonia-form select {
    width: 100%; padding: 8px 12px; border-radius: 7px; border: 1px solid #c7d0e3;
    font-size: 1em; margin-top: 5px; margin-bottom: 7px;
}
.colonia-form button {
    background: #3a53be; color: #fff; padding: 10px 24px; border: none;
    border-radius: 7px; font-size: 1em; cursor: pointer; margin-top: 8px;
    transition: background .18s;
}
.colonia-form button:hover { background: #2341a0; }
.colonia-msg { margin-top: 10px; font-size: 1em; }
.sucesso { color: green; }
.erro { color: #d70017; }