/* ==========================================
   KOBOYPT | KOBOLINKTREE
   Editor visual y siete temas
========================================== */


/* ==========================================
   01. PRESENTACIÓN
========================================== */

.lt-hero {

    padding-bottom: 35px;

}

.lt-hero h1 {

    margin-bottom: 12px;

}

.lt-accent {

    color: var(--u-primary);

}


/* ==========================================
   02. EDITOR
========================================== */

.lt-editor {

    scroll-margin-top: 25px;

}

.lt-editor-heading {

    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-wrap: wrap;
    gap: 15px;

    margin-bottom: 24px;

}

.lt-editor-heading h2 {

    margin: 0 0 7px;

    color: var(--u-text);

    font-size: 1.65rem;
    font-weight: 800;

}

.lt-editor-heading p {

    margin: 0;

    color: var(--u-muted);

    font-size: .9rem;
    line-height: 1.6;

}

.lt-demo-pill {

    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding: 8px 13px;

    border-radius: 30px;

    background: var(--u-faint);
    color: var(--u-primary);

    font-size: .78rem;
    font-weight: 650;

    white-space: nowrap;

}


/* ==========================================
   03. TARJETAS PRINCIPALES
========================================== */

.lt-editor-card,
.lt-preview-card {

    min-width: 0;

    padding: 25px;

    border: 1px solid var(--u-border);
    border-radius: 20px;

    background: var(--u-panel);

    box-shadow: var(--u-shadow);

}

.lt-separator {

    height: 1px;

    margin: 25px 0;

    background: var(--u-border);

}

.lt-prefix {

    border-color: var(--u-border);

    background: var(--u-faint);
    color: var(--u-muted);

}

.lt-field-help {

    display: block;

    margin-top: 9px;

    color: var(--u-muted);

    font-size: .74rem;
    line-height: 1.5;

}


/* ==========================================
   04. FOTO Y LOGOTIPO
========================================== */

.lt-profile-upload {

    display: flex;
    align-items: center;

    gap: 20px;

}

.lt-profile-upload-info {

    flex: 1;
    min-width: 0;

}

.lt-profile-upload h3 {

    margin: 0 0 6px;

    color: var(--u-text);

    font-size: 1.05rem;
    font-weight: 750;

}

.lt-profile-upload p {

    margin-bottom: 12px;

    color: var(--u-muted);

    font-size: .83rem;
    line-height: 1.55;

}

.lt-avatar-wrap {

    position: relative;

    flex-shrink: 0;

}

.lt-avatar,
.lt-public-avatar {

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border-radius: 50%;

    background: var(--u-faint);
    color: var(--u-primary);

}

.lt-avatar {

    width: 98px;
    height: 98px;

    font-size: 2.1rem;

}

.lt-avatar img,
.lt-public-avatar img {

    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    transform: scale(var(--lt-avatar-scale, 1));
    transform-origin: center;

    transition: transform .15s ease;

}

.lt-avatar img[hidden],
.lt-public-avatar img[hidden],
.lt-avatar-remove[hidden],
.lt-avatar-controls[hidden],
.lt-avatar-placeholder[hidden],
.lt-public-avatar i[hidden] {

    display: none !important;

}

.lt-avatar-remove {

    position: absolute;

    top: 0;
    right: -6px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    padding: 0;

    border: 1px solid var(--u-border);
    border-radius: 50%;

    background: var(--u-panel);
    color: var(--u-muted);

    cursor: pointer;

}

.lt-avatar-remove:hover {

    border-color: #dc2626;
    color: #dc2626;

}

.lt-upload-button {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 37px;

    padding: 7px 12px;

    font-size: .82rem;

    cursor: pointer;

}

.lt-avatar-controls {

    width: 100%;
    max-width: 300px;

}

.lt-avatar-controls .u-label strong {

    color: var(--u-primary);

    font-size: .83rem;

}

.lt-avatar-controls .form-range {

    min-width: 0;

    margin-bottom: 0;

    cursor: pointer;

}

.lt-reset-zoom {

    padding: 0;

    border: 0;

    background: transparent;
    color: var(--u-primary);

    font-size: .78rem;
    font-weight: 650;

    cursor: pointer;

}

.lt-reset-zoom:hover {

    text-decoration: underline;

}


/* ==========================================
   05. CAMPOS
========================================== */

.lt-editor-card .form-control,
.lt-editor-card .form-select {

    min-height: 44px;

}

.lt-editor-card textarea.form-control {

    min-height: 75px;

    resize: vertical;

}

.lt-editor-card .form-control:focus,
.lt-editor-card .form-select:focus {

    border-color: var(--u-primary);

    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .13);

}

.lt-editor-card .form-control-color {

    height: 44px;

    padding: 5px;

    cursor: pointer;

}


/* ==========================================
   06. MIS ENLACES
========================================== */

.lt-inline-heading {

    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-wrap: wrap;
    gap: 12px;

    margin-bottom: 18px;

}

.lt-inline-heading h3 {

    margin: 0 0 5px;

    color: var(--u-text);

    font-size: 1.05rem;
    font-weight: 750;

}

.lt-inline-heading p {

    margin: 0;

    color: var(--u-muted);

    font-size: .82rem;

}

.lt-inline-heading .u-secondary {

    min-height: 38px;

    padding: 8px 13px;

    font-size: .85rem;

}

.lt-links-editor {

    display: grid;

    gap: 12px;

}

.lt-link-card {

    min-width: 0;

    padding: 15px;

    border: 1px solid var(--u-border);
    border-radius: 14px;

    background: var(--u-bg);

}

.lt-link-top {

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 12px;

}

.lt-link-top strong {

    color: var(--u-text);

    font-size: .87rem;
    font-weight: 700;

}

.lt-link-tools {

    display: flex;
    align-items: center;

    gap: 5px;

}

.lt-tool {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    width: 32px;
    height: 32px;

    padding: 0;

    border: 1px solid var(--u-border);
    border-radius: 8px;

    background: var(--u-panel);
    color: var(--u-muted);

    cursor: pointer;

}

.lt-tool:hover {

    border-color: var(--u-primary);
    color: var(--u-primary);

}

.lt-tool-danger:hover {

    border-color: #dc2626;
    color: #dc2626;

}

.lt-tool:disabled {

    opacity: .35;
    cursor: not-allowed;

}

.lt-link-fields {

    display: grid;

    grid-template-columns: minmax(0, 1fr);

    gap: 10px;

}

.lt-link-fields .form-control {

    min-width: 0;
    width: 100%;

}


/* ==========================================
   07. OPCIONES DEL ENLACE
========================================== */

.lt-link-options {

    margin-top: 12px;

}

.lt-link-options summary,
.lt-customize summary {

    display: flex;
    align-items: center;

    gap: 7px;

    cursor: pointer;
    list-style: none;

    color: var(--u-muted);

    font-size: .83rem;
    font-weight: 650;

}

.lt-link-options summary::-webkit-details-marker,
.lt-customize summary::-webkit-details-marker {

    display: none;

}

.lt-link-options[open] summary,
.lt-customize[open] summary {

    color: var(--u-primary);

}

.lt-options-chevron,
.lt-chevron {

    margin-left: auto;

    transition: transform .2s ease;

}

.lt-link-options[open] .lt-options-chevron,
.lt-customize[open] .lt-chevron {

    transform: rotate(180deg);

}


/* ==========================================
   08. SWITCH +18
========================================== */

.lt-adult-setting {

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-top: 14px;
    padding: 13px 14px;

    border: 1px solid var(--u-border);
    border-radius: 12px;

    background: var(--u-panel);

}

.lt-adult-setting-copy {

    flex: 1;
    min-width: 0;

}

.lt-adult-setting-copy strong {

    display: block;

    color: var(--u-text);

    font-size: .86rem;
    font-weight: 700;

}

.lt-adult-setting-copy small {

    display: block;

    margin-top: 4px;

    color: var(--u-muted);

    font-size: .75rem;
    line-height: 1.5;

}

.lt-adult-switch {

    flex-shrink: 0;

    min-height: 25px;

    margin: 0;
    padding-left: 2.7rem;

}

.lt-adult-switch .form-check-input {

    width: 2.35rem;
    height: 1.27rem;

    margin-top: 0;
    margin-left: -2.7rem;

    cursor: pointer;

}

.lt-adult-switch .form-check-input:checked {

    background-color: #2563eb;
    border-color: #2563eb;

}


/* ==========================================
   09. PERSONALIZAR APARIENCIA
========================================== */

.lt-customize {

    padding: 15px;

    border: 1px solid var(--u-border);
    border-radius: 13px;

    background: var(--u-panel);

}

.lt-customize summary {

    color: var(--u-text);

}

.lt-customize-content {

    margin-top: 20px;

}

.lt-theme-selector {

    margin-bottom: 20px;

}

.lt-theme-selector .form-select {

    min-height: 46px;

    cursor: pointer;

}

.lt-theme-swatches {

    display: flex;
    align-items: center;

    gap: 7px;

    margin-top: 13px;

}

.lt-theme-swatch {

    display: block;

    width: 27px;
    height: 27px;

    border: 2px solid var(--u-panel);
    border-radius: 50%;

    box-shadow: 0 0 0 1px var(--u-border);

}

.lt-customize-note {

    display: flex;
    align-items: flex-start;

    gap: 7px;

    margin: 15px 0 0;

    color: var(--u-muted);

    font-size: .76rem;
    line-height: 1.5;

}


/* ==========================================
   10. ACCIONES
========================================== */

.lt-actions {

    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

}

.lt-actions button {

    flex: 1 1 160px;

}


/* ==========================================
   11. VISTA PREVIA
========================================== */

.lt-preview-card {

    position: sticky;

    top: 20px;

}

.lt-preview-heading {

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 22px;

}

.lt-preview-heading h3 {

    margin: 0 0 5px;

    color: var(--u-text);

    font-size: 1.1rem;
    font-weight: 750;

}

.lt-preview-heading p {

    margin: 0;

    color: var(--u-muted);

    font-size: .82rem;

}

.lt-preview-heading > i {

    color: var(--u-primary);

}

.lt-phone {

    max-width: 360px;

    margin: 0 auto;
    padding: 10px;

    border: 1px solid var(--u-border);
    border-radius: 30px;

    background: var(--u-bg);

}


/* ==========================================
   12. BASE DE LOS TEMAS
========================================== */

.lt-phone-screen {

    --lt-theme-text: #17345a;
    --lt-theme-muted: #526b88;
    --lt-theme-accent: #2563eb;
    --lt-theme-avatar: rgba(255, 255, 255, .55);
    --lt-theme-button-text: #ffffff;

    position: relative;

    isolation: isolate;

    min-height: 400px;

    padding: 30px 20px 20px;

    border: 1px solid var(--u-border);
    border-radius: 23px;

    background: #eaf3ff;

    text-align: center;

    overflow: hidden;
    overflow-wrap: anywhere;

    color: var(--lt-theme-text);

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;

}

.lt-theme-decoration {

    position: absolute !important;

    inset: 0;

    z-index: 0 !important;

    overflow: hidden;

    pointer-events: none;

}

.lt-phone-screen > :not(.lt-theme-decoration) {

    position: relative;

    z-index: 1;

}

.lt-public-avatar {

    width: 86px;
    height: 86px;

    margin: 0 auto 14px;

    font-size: 2.2rem;

    background: var(--lt-theme-avatar);
    color: var(--lt-theme-accent);

}

.lt-phone-screen h3 {

    margin: 0 0 5px;

    color: var(--lt-theme-text);

    font-size: 1.22rem;
    font-weight: 800;

}

.lt-phone-screen #lt-preview-username {

    margin-bottom: 12px;

    color: var(--lt-theme-accent);

    font-size: .8rem;

}

.lt-phone-screen .lt-preview-bio {

    margin-bottom: 22px;

    color: var(--lt-theme-muted);

    font-size: .85rem;
    line-height: 1.65;

    white-space: pre-wrap;

}

.lt-public-links {

    display: grid;

    gap: 11px;

}

.lt-public-link {

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 47px;

    padding: 11px;

    border: 1px solid transparent;
    border-radius: 12px;

    background: var(--lt-color, #2563eb);

    color: var(--lt-theme-button-text);

    font-size: .87rem;
    font-weight: 650;

    text-align: center;
    text-decoration: none;

    cursor: pointer;

    overflow-wrap: anywhere;

    transition:
        filter .2s ease,
        transform .2s ease,
        background .2s ease;

}

.lt-public-link:hover {

    color: var(--lt-theme-button-text);

    filter: brightness(1.08);

    transform: translateY(-1px);

}

.lt-public-links[data-style="pill"] .lt-public-link {

    border-radius: 100px;

}

.lt-public-links[data-style="square"] .lt-public-link {

    border-radius: 5px;

}

.lt-age-badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 3px 6px;

    border-radius: 5px;

    background: rgba(255, 255, 255, .2);

    color: inherit;

    font-size: .7rem;
    font-weight: 700;

}

.lt-empty {

    padding: 18px;

    border: 1px dashed currentColor;
    border-radius: 12px;

    color: var(--lt-theme-muted);

    font-size: .82rem;

}

.lt-public-footer {

    display: block;

    margin-top: 30px;

    color: var(--lt-theme-muted);

    font-size: .7rem;

}


/* ==========================================
   13. TEMA CRISTAL
   Azul helado, luz y vidrio
========================================== */

.lt-phone-screen[data-lt-theme="cristal"] {

    --lt-theme-text: #17345a;
    --lt-theme-muted: #54708e;
    --lt-theme-accent: #2563eb;
    --lt-theme-avatar: rgba(255, 255, 255, .68);
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(255, 255, 255, .95),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #effaff 0%,
            #d6e9ff 55%,
            #bad6f9 100%
        );

    border-color: rgba(255, 255, 255, .8);

}

.lt-phone-screen[data-lt-theme="cristal"] .lt-public-link {

    background: color-mix(
        in srgb,
        var(--lt-color) 85%,
        #ffffff
    );

    border-color: rgba(255, 255, 255, .65);

    box-shadow:
        0 6px 16px rgba(37, 99, 235, .14),
        inset 0 1px 0 rgba(255, 255, 255, .35);

    backdrop-filter: blur(10px);

}


/* ==========================================
   14. TEMA DARK
   Carbón y acero
========================================== */

.lt-phone-screen[data-lt-theme="dark"] {

    --lt-theme-text: #f8fafc;
    --lt-theme-muted: #a8b5c8;
    --lt-theme-accent: #93c5fd;
    --lt-theme-avatar: #27354a;
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at top right,
            rgba(71, 85, 105, .36),
            transparent 55%
        ),
        linear-gradient(
            150deg,
            #101827,
            #1f2937 60%,
            #111827
        );

    border-color: #354155;

}

.lt-phone-screen[data-lt-theme="dark"] .lt-public-link {

    box-shadow: 0 5px 16px rgba(0, 0, 0, .23);

}


/* ==========================================
   15. TEMA BLUEBERRY
   Azul profundo y violeta
========================================== */

.lt-phone-screen[data-lt-theme="blueberry"] {

    --lt-theme-text: #ffffff;
    --lt-theme-muted: #e3dcff;
    --lt-theme-accent: #c4b5fd;
    --lt-theme-avatar: rgba(255, 255, 255, .19);
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(147, 197, 253, .42),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #19367c 0%,
            #4338a1 50%,
            #7956bb 100%
        );

    border-color: rgba(196, 181, 253, .6);

}

.lt-phone-screen[data-lt-theme="blueberry"] .lt-public-link {

    border-color: rgba(255, 255, 255, .23);

    box-shadow: 0 5px 18px rgba(19, 24, 94, .22);

}


/* ==========================================
   16. TEMA CHERRYRED
   Cereza, vino y rubí
========================================== */

.lt-phone-screen[data-lt-theme="cherryred"] {

    --lt-theme-text: #fff5f6;
    --lt-theme-muted: #ffe2e8;
    --lt-theme-accent: #ffc2d0;
    --lt-theme-avatar: rgba(255, 255, 255, .18);
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(255, 145, 176, .35),
            transparent 48%
        ),
        linear-gradient(
            150deg,
            #570920 0%,
            #941b43 50%,
            #dc4973 100%
        );

    border-color: rgba(255, 194, 208, .5);

}

.lt-phone-screen[data-lt-theme="cherryred"] .lt-public-link {

    border-color: rgba(255, 255, 255, .24);

    box-shadow: 0 5px 16px rgba(77, 3, 25, .24);

}


/* ==========================================
   17. TEMA ORANGE
   Naranja brillante y crema
========================================== */

.lt-phone-screen[data-lt-theme="orange"] {

    --lt-theme-text: #74300a;
    --lt-theme-muted: #914a19;
    --lt-theme-accent: #9a3412;
    --lt-theme-avatar: rgba(255, 255, 255, .65);
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(255, 255, 255, .9),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #fff2d1 0%,
            #ffd1a0 50%,
            #ff9852 100%
        );

    border-color: #ffce99;

}

.lt-phone-screen[data-lt-theme="orange"] .lt-public-link {

    box-shadow: 0 5px 16px rgba(180, 72, 21, .2);

}


/* ==========================================
   18. TEMA PRINCESS
   Rosa pastel y estrellitas blancas
========================================== */

.lt-phone-screen[data-lt-theme="princess"] {

    --lt-theme-text: #792553;
    --lt-theme-muted: #954e78;
    --lt-theme-accent: #a62572;
    --lt-theme-avatar: rgba(255, 255, 255, .68);
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at 20% 5%,
            #ffeaf5 0%,
            transparent 50%
        ),
        linear-gradient(
            150deg,
            #ffd8eb 0%,
            #ffb5df 55%,
            #f19aca 100%
        );

    border-color: #ffcbe5;

}

.lt-phone-screen[data-lt-theme="princess"] .lt-theme-decoration {

    background-image:
        radial-gradient(
            circle,
            rgba(255, 255, 255, .95) 1.7px,
            transparent 2.5px
        ),
        radial-gradient(
            circle,
            rgba(255, 255, 255, .8) 1px,
            transparent 2px
        );

    background-size:
        57px 79px,
        91px 107px;

    background-position:
        9px 12px,
        39px 35px;

    opacity: .95;

}

.lt-phone-screen[data-lt-theme="princess"] .lt-theme-decoration::before,
.lt-phone-screen[data-lt-theme="princess"] .lt-theme-decoration::after {

    position: absolute;

    color: rgba(255, 255, 255, .96);

    font-size: 24px;

    text-shadow: 0 0 10px rgba(255, 255, 255, .65);

    content: "✦";

}

.lt-phone-screen[data-lt-theme="princess"] .lt-theme-decoration::before {

    top: 10%;
    left: 9%;

}

.lt-phone-screen[data-lt-theme="princess"] .lt-theme-decoration::after {

    top: 33%;
    right: 9%;

    font-size: 18px;

}

.lt-phone-screen[data-lt-theme="princess"] .lt-public-link {

    border-color: rgba(255, 255, 255, .58);

    box-shadow: 0 5px 16px rgba(192, 57, 130, .19);

}


/* ==========================================
   19. TEMA JINXED
   Azul eléctrico, rosa neón y trazos
========================================== */

.lt-phone-screen[data-lt-theme="jinxed"] {

    --lt-theme-text: #ffffff;
    --lt-theme-muted: #e0edff;
    --lt-theme-accent: #ff8bcf;
    --lt-theme-avatar: rgba(5, 17, 53, .46);
    --lt-theme-button-text: #ffffff;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(255, 54, 160, .52),
            transparent 33%
        ),
        radial-gradient(
            circle at 8% 85%,
            rgba(0, 189, 255, .45),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #071b3c 0%,
            #06477b 45%,
            #184b8b 67%,
            #b12683 100%
        );

    border-color: #187bb9;

}

.lt-phone-screen[data-lt-theme="jinxed"] .lt-theme-decoration {

    background:
        repeating-linear-gradient(
            155deg,
            transparent 0,
            transparent 55px,
            rgba(255, 83, 188, .12) 56px,
            transparent 59px,
            transparent 95px
        );

}

.lt-phone-screen[data-lt-theme="jinxed"] .lt-theme-decoration::before {

    position: absolute;

    top: 7%;
    right: 8%;

    width: 80px;
    height: 45px;

    border-top: 4px solid rgba(255, 77, 185, .5);
    border-bottom: 3px solid rgba(31, 215, 255, .5);

    transform: rotate(-20deg);

    content: "";

}

.lt-phone-screen[data-lt-theme="jinxed"] .lt-theme-decoration::after {

    position: absolute;

    bottom: 10%;
    left: 6%;

    width: 55px;
    height: 55px;

    border: 3px dashed rgba(255, 84, 179, .4);
    border-radius: 50%;

    content: "";

}

.lt-phone-screen[data-lt-theme="jinxed"] .lt-public-link {

    border-color: rgba(255, 110, 194, .5);

    box-shadow:
        0 5px 18px rgba(3, 12, 35, .3),
        0 0 14px rgba(255, 45, 155, .15);

}


/* ==========================================
   20. MODAL +18
========================================== */

.lt-modal {

    border: 1px solid var(--u-border);
    border-radius: 20px;

    background: var(--u-panel);
    color: var(--u-text);

}

.lt-modal .modal-header {

    border-color: var(--u-border);

}

.lt-age-icon {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;

    border-radius: 50%;

    background: var(--u-faint);
    color: var(--u-primary);

    font-size: 2rem;

}

.lt-age-target {

    padding: 10px;

    border-radius: 10px;

    background: var(--u-faint);
    color: var(--u-primary);

    font-weight: 650;

    overflow-wrap: anywhere;

}

[data-bs-theme="dark"] .lt-modal .btn-close {

    filter: invert(1) grayscale(100%) brightness(200%);

}


/* ==========================================
   21. RESPONSIVE TABLET
========================================== */

@media (max-width: 991.98px) {

    .lt-preview-card {

        position: static;

    }

}


/* ==========================================
   22. RESPONSIVE MÓVIL
========================================== */

@media (max-width: 576px) {

    .lt-editor-heading {

        align-items: flex-start;

    }

    .lt-editor-card,
    .lt-preview-card {

        padding: 19px;

    }

    .lt-profile-upload {

        align-items: flex-start;

        gap: 15px;

    }

    .lt-avatar {

        width: 76px;
        height: 76px;

    }

    .lt-link-card {

        padding: 13px;

    }

    .lt-actions {

        flex-direction: column;

    }

    .lt-actions button {

        width: 100%;
        flex-basis: auto;

    }

    .lt-adult-setting {

        gap: 10px;

        padding: 12px;

    }

}


/* ==========================================
   23. ACCESIBILIDAD
========================================== */

@media (prefers-reduced-motion: reduce) {

    .lt-chevron,
    .lt-options-chevron,
    .lt-avatar img,
    .lt-public-avatar img,
    .lt-phone-screen,
    .lt-public-link {

        transition: none;

    }

}