.cbm-consulta,
.cbm-consulta * {
    box-sizing: border-box;
    font-family: 'Open Sans', Arial, sans-serif;
}
.cbm-consulta {
    width: 100%;
    max-width: 640px;
    margin: 24px auto;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e3ef;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(70, 36, 125, 0.08);
}
.cbm-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}
.cbm-label {
    font-weight: 700;
    color: #46247d;
    font-size: 16px;
}
.cbm-rut {
    width: 100%;
    min-height: 48px;
    border: 1px solid #cfc7dd;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 17px;
    line-height: 1.3;
    outline: none;
    background: #fff;
    color: #222;
}
.cbm-rut:focus {
    border-color: #46247d;
    box-shadow: 0 0 0 3px rgba(70, 36, 125, 0.12);
}
.cbm-button {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: #46247d;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s ease, transform .2s ease;
}
.cbm-button:hover,
.cbm-button:focus {
    opacity: .92;
    transform: translateY(-1px);
}
.cbm-button:disabled {
    opacity: .65;
    cursor: not-allowed;
    transform: none;
}
.cbm-result {
    margin-top: 18px;
}
.cbm-result-loading {
    padding: 14px;
    border-radius: 8px;
    background: #f7f4fb;
    color: #46247d;
    font-weight: 600;
}
.cbm-result-box {
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #e7e3ef;
    background: #f9f7fc;
    text-align: center;
}
.cbm-result-success {
    border-color: #d8c9ee;
    background: #f7f1ff;
}
.cbm-result-fail,
.cbm-result-error {
    border-color: #e4e4e4;
    background: #fafafa;
}
.cbm-result-image {
    margin-bottom: 14px;
}
.cbm-result-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.cbm-result-message {
    color: #222;
    font-size: 14px;
    line-height: 1.8;
}
.cbm-result-message p:last-child {
    margin-bottom: 0;
}
.cbm-admin-wrap code {
    background: #f2f2f2;
    padding: 3px 6px;
    border-radius: 4px;
}
.cbm-admin-image-field {
    margin: 14px 0 24px;
    padding: 14px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
}
@media (max-width: 600px) {
    .cbm-consulta {
        padding: 18px;
        margin: 18px auto;
        border-radius: 10px;
    }
    .cbm-rut,
    .cbm-button {
        min-height: 46px;
        font-size: 16px;
    }
}