/* Lancelot Gold Typography */
:root {
    --lstg-light: #F8D889;
    --lstg-highlight: #FFF1B8;
    --lstg-mid: #C58A37;
    --lstg-dark: #6B3D17;
    --lstg-shadow: 2px;
}

.lancelot-gold-text {
    --lstg-light: #F8D889;
    --lstg-highlight: #FFF1B8;
    --lstg-mid: #C58A37;
    --lstg-dark: #6B3D17;
    --lstg-shadow: 2px;

    margin: 0;
    padding: 0;
    display: block;
    font-family: "Bodoni Moda", "Bodoni MT", Didot, "Times New Roman", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-synthesis: none;
    font-size: clamp(44px, 7vw, 118px);
    line-height: 1;
    letter-spacing: -0.025em;
    text-rendering: geometricPrecision;

    color: var(--lstg-light);
    background-image: linear-gradient(
        180deg,
        var(--lstg-highlight) 0%,
        var(--lstg-light) 16%,
        #E5B45B 30%,
        var(--lstg-mid) 43%,
        var(--lstg-dark) 52%,
        #F0C56E 63%,
        #A86527 79%,
        #E6B45A 100%
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    -webkit-text-stroke: 0.25px rgba(83, 47, 18, 0.42);
    filter:
        drop-shadow(0 1px 0 rgba(255, 237, 168, 0.24))
        drop-shadow(0 var(--lstg-shadow) 1px rgba(50, 27, 9, 0.62));
}

/* Fallback para navegadores sin background-clip:text */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .lancelot-gold-text {
        color: #D4A04B;
        -webkit-text-fill-color: currentColor;
        background-image: none;
    }
}

.lstg-admin-wrap {
    max-width: 1100px;
}

.lstg-admin-preview {
    margin: 24px 0 34px;
    padding: 42px 30px;
    border-radius: 14px;
    background: #000;
    overflow: hidden;
}

.lstg-admin-wrap code {
    display: inline-block;
    padding: 8px 12px;
    margin: 4px 0 12px;
}

/* Transformación de mayúsculas/minúsculas */
.lstg-case-uppercase {
    text-transform: uppercase;
}

.lstg-case-lowercase {
    text-transform: lowercase;
}

.lstg-case-capitalize {
    text-transform: capitalize;
}