/* Vista previa URL de carta (registro / modal landing) */

.cc-carta-url-preview {
    margin: 0.5rem 0 0.65rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.65rem;
    background: linear-gradient(135deg, rgba(11, 43, 69, 0.07), rgba(245, 121, 32, 0.08));
    border: 1px solid rgba(11, 43, 69, 0.12);
    text-align: center;
}

.cc-carta-url-preview__lead {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #5c6b7a;
    margin-bottom: 0.2rem;
}

.cc-carta-url-preview__hint {
    margin-top: 0.45rem;
    font-size: 0.72rem;
    line-height: 1.35;
    color: #5c6b7a;
    text-align: center;
}

.cc-carta-url-preview__url {
    display: block;
    font-size: clamp(1rem, 3.5vw, 1.2rem);
    line-height: 1.25;
    word-break: break-all;
}

.cc-carta-url-preview__host {
    font-weight: 600;
    color: #0b2b45;
}

.cc-carta-url-preview__slug {
    font-weight: 800;
    color: #d96818;
    letter-spacing: -0.02em;
}

.cc-carta-url-preview__slug.is-placeholder {
    color: #5c6b7a;
    font-weight: 700;
}

.cc-carta-url-preview__path {
    font-weight: 700;
    color: #0b2b45;
}

.cc-carta-url-preview__status.is-valid {
    color: #227848;
}

.cc-carta-url-preview__status.is-invalid {
    color: #b42318;
}

.cc-carta-url-preview__status {
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    color: #5c6b7a;
    text-align: center;
}

.cc-carta-url-preview__status:not(.visually-hidden) {
    display: block;
}