.wd-demo-uniqueness {
    margin-top: 1.65rem;
}

.wd-demo-uniqueness-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    border: 1px solid rgba(255, 107, 0, .20);
    border-radius: 18px;
    padding: 1.1rem 1.2rem;
    background:
        radial-gradient(circle at 94% 10%, rgba(255, 107, 0, .10), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,249,250,.96));
    box-shadow: 0 14px 36px rgba(18, 23, 29, .08);
}

.wd-demo-uniqueness-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: #fff;
    background: #ff6b00;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(255, 107, 0, .22);
}

.wd-demo-uniqueness-card strong {
    display: block;
    color: #20252b;
    font-size: .98rem;
    line-height: 1.35;
}

.wd-demo-uniqueness-card p {
    margin: .35rem 0 0;
    color: #66707c;
    font-size: .88rem;
    line-height: 1.62;
}

.wd-note strong {
    color: #343a40;
}

/* El modo Antes debe verse menos trabajado, nunca roto o ilegible. */
.wd-site.is-before .wds-conversion-section {
    color: #4b4f54 !important;
    background: #f3f3f3 !important;
}

.wd-site.is-before .wds-conversion-copy h3 {
    color: #4b4f54 !important;
}

.wd-site.is-before .wds-conversion-copy .wds-kicker {
    color: #7a7f85 !important;
}

.wd-site.is-before .wds-conversion-copy p {
    color: #737980 !important;
}

.wd-site.is-before .wds-conversion-form {
    border-color: #d8dadd !important;
    background: #fafafa !important;
}

.wd-site.is-before .wds-field label {
    color: #666c73 !important;
}

.wd-site.is-before .wds-field input,
.wd-site.is-before .wds-field select,
.wd-site.is-before .wds-field textarea {
    border-color: #d5d8db !important;
    color: #4b4f54 !important;
    background: #fff !important;
}

.wd-site.is-before .wds-field input::placeholder,
.wd-site.is-before .wds-field textarea::placeholder {
    color: #989da2 !important;
}

.wd-site.is-before .wds-submit {
    color: #fff !important;
    background: #777c82 !important;
}

.wd-site.is-before .wds-feedback {
    color: #5f656b !important;
    background: #eceeef !important;
}

@media (max-width: 575.98px) {
    .wd-demo-uniqueness-card {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .wd-demo-uniqueness-icon {
        width: 38px;
        height: 38px;
    }
}
