.elementor-122 .elementor-element.elementor-element-98683a1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-122 .elementor-element.elementor-element-98683a1:not(.elementor-motion-effects-element-type-background), .elementor-122 .elementor-element.elementor-element-98683a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-sitemap .elementor-sitemap-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item, .elementor-widget-sitemap span.elementor-sitemap-list, .elementor-widget-sitemap .elementor-sitemap-item a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item{color:var( --e-global-color-text );}.elementor-122 .elementor-element.elementor-element-077756d{width:auto;max-width:auto;}.elementor-122 .elementor-element.elementor-element-077756d.elementor-element{--align-self:center;}.elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-section{flex-basis:calc( 1 / 4 * 100% );}.elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-title{color:var( --e-global-color-647908a );}.elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-item, .elementor-122 .elementor-element.elementor-element-077756d span.elementor-sitemap-list, .elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-item a{color:var( --e-global-color-647908a );}.elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-list, .elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-list .children{list-style-type:disc;}@media(max-width:1024px){.elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}}@media(max-width:767px){.elementor-122 .elementor-element.elementor-element-077756d .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}}/* Start custom CSS *//* =========================================================
   PROJETO GLITCH
   TAG CLOUD DE ARTISTAS
   ========================================================= */


/* =========================================================
   CONTAINER
   ========================================================= */

.elementor-sitemap-wrap {
    position: relative;
    width: 100%;
}
.elementor-sitemap-section {
    margin: 0 auto;
}

/* =========================================================
   TÍTULO
   ========================================================= */

.elementor-sitemap-title {
    position: relative;

    margin: 0 0 40px;

    color: #fff;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: .25em;
    line-height: 1;

    text-align: center;
    text-transform: uppercase;
}


/* Detalhe glitch antes do título */

.elementor-sitemap-title::before {
    content: "///";

    display: inline-block;

    margin-right: 12px;

    color: #ff0048;

    letter-spacing: -.1em;

    animation: glitchTitle 2s steps(2) infinite;
}


/* =========================================================
   TAG CLOUD
   ========================================================= */

.elementor-sitemap-list {
    display: flex;
    flex-wrap: wrap;

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

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

    margin: 0 auto;
    padding: 0;

    gap: 12px 16px;

    list-style: none;
}


/* =========================================================
   ITENS
   ========================================================= */

.elementor-sitemap-list li {
    position: relative;

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

    margin: 0;
    padding: 0;

    list-style: none;

    transform-origin: center;

    transition:
        transform .15s steps(2),
        filter .15s linear;
}


/* =========================================================
   LINKS
   ========================================================= */

.elementor-sitemap-list li a {
    position: relative;

    display: inline-block;

    padding: 8px 12px;

    color: #fff;

    background: #050505;

    border: 1px solid #292929;

    text-decoration: none;

    font-weight: 600;

    line-height: 1;

    white-space: nowrap;

    transition:
        color .12s linear,
        background .12s linear,
        border-color .12s linear,
        transform .1s steps(2),
        box-shadow .1s steps(2);
}


/* =========================================================
   TAMANHOS DOS ARTISTAS
   ========================================================= */

.elementor-sitemap-list li:nth-child(1) a {
    font-size: 25px;
}

.elementor-sitemap-list li:nth-child(2) a {
    font-size: 17px;
}

.elementor-sitemap-list li:nth-child(3) a {
    font-size: 21px;
}

.elementor-sitemap-list li:nth-child(4) a {
    font-size: 29px;
}

.elementor-sitemap-list li:nth-child(5) a {
    font-size: 18px;
}

.elementor-sitemap-list li:nth-child(6) a {
    font-size: 23px;
}


/* =========================================================
   ROTAÇÕES
   ========================================================= */

.elementor-sitemap-list li:nth-child(1) {
    transform: rotate(-1.5deg);
}

.elementor-sitemap-list li:nth-child(2) {
    transform: rotate(1deg);
}

.elementor-sitemap-list li:nth-child(3) {
    transform: rotate(-.7deg);
}

.elementor-sitemap-list li:nth-child(4) {
    transform: rotate(1.2deg);
}

.elementor-sitemap-list li:nth-child(5) {
    transform: rotate(-1deg);
}

.elementor-sitemap-list li:nth-child(6) {
    transform: rotate(.6deg);
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-sitemap-list li a:hover {
    color: #000 !important;

    background: #fff;

    border-color: #fff;

    transform: translate(-3px, 3px);

    box-shadow:
        5px 5px 0 #ff0048,
        -5px -5px 0 #00ffff;
}


/* =========================================================
   CAMADAS RGB DO GLITCH
   ========================================================= */

.elementor-sitemap-list li a::before,
.elementor-sitemap-list li a::after {
    content: attr(data-text);

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    padding: 8px 12px;

    box-sizing: border-box;

    pointer-events: none;

    opacity: 0;
}


/* Vermelho */

.elementor-sitemap-list li a::before {
    color: #ff0048;

    background: #050505;

    transform: translateX(-3px);
}


/* Ciano */

.elementor-sitemap-list li a::after {
    color: #00ffff;

    background: #050505;

    transform: translateX(3px);
}


/* =========================================================
   GLITCH ATIVO
   ========================================================= */

.elementor-sitemap-list li.glitch-item {
    animation: artistGlitchMove .16s steps(2) infinite;
}


.elementor-sitemap-list li.glitch-item a {
    border-color: #fff;

    text-shadow:
        2px 0 #ff0048,
        -2px 0 #00ffff;
}


.elementor-sitemap-list li.glitch-item a::before {
    opacity: .85;

    clip-path: inset(20% 0 55% 0);

    animation: artistGlitchRed .15s steps(2) infinite;
}


.elementor-sitemap-list li.glitch-item a::after {
    opacity: .85;

    clip-path: inset(55% 0 20% 0);

    animation: artistGlitchCyan .12s steps(2) infinite;
}


/* =========================================================
   GLITCH DO TÍTULO
   ========================================================= */

@keyframes glitchTitle {

    0%,
    85%,
    100% {
        transform: translateX(0);

        text-shadow: none;
    }

    88% {
        transform: translateX(-3px);

        text-shadow:
            3px 0 #ff0048,
            -3px 0 #00ffff;
    }

    91% {
        transform: translateX(4px);

        text-shadow:
            -3px 0 #ff0048,
            3px 0 #00ffff;
    }

    94% {
        transform: translateX(-1px);

        text-shadow: none;
    }
}


/* =========================================================
   MOVIMENTO DO ARTISTA
   ========================================================= */

@keyframes artistGlitchMove {

    0% {
        transform:
            translate(0, 0)
            rotate(0deg);
    }

    25% {
        transform:
            translate(-4px, 1px)
            rotate(-1deg);
    }

    50% {
        transform:
            translate(5px, -2px)
            rotate(1deg);
    }

    75% {
        transform:
            translate(-2px, 2px)
            rotate(-.5deg);
    }

    100% {
        transform:
            translate(0, 0)
            rotate(0deg);
    }
}


/* =========================================================
   GLITCH VERMELHO
   ========================================================= */

@keyframes artistGlitchRed {

    0% {
        transform: translateX(-3px);

        clip-path:
            inset(10% 0 70% 0);
    }

    30% {
        transform: translateX(6px);

        clip-path:
            inset(45% 0 35% 0);
    }

    60% {
        transform: translateX(-5px);

        clip-path:
            inset(75% 0 10% 0);
    }

    100% {
        transform: translateX(-3px);

        clip-path:
            inset(10% 0 70% 0);
    }
}


/* =========================================================
   GLITCH CIANO
   ========================================================= */

@keyframes artistGlitchCyan {

    0% {
        transform: translateX(3px);

        clip-path:
            inset(65% 0 10% 0);
    }

    40% {
        transform: translateX(-7px);

        clip-path:
            inset(15% 0 60% 0);
    }

    70% {
        transform: translateX(5px);

        clip-path:
            inset(40% 0 30% 0);
    }

    100% {
        transform: translateX(3px);

        clip-path:
            inset(65% 0 10% 0);
    }
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 767px) {

    .elementor-sitemap-title {
        margin-bottom: 30px;

        font-size: 12px;
    }


    .elementor-sitemap-list {
        gap: 9px 8px;
    }


    .elementor-sitemap-list li a {
        padding: 7px 9px;
    }


    .elementor-sitemap-list li:nth-child(1) a {
        font-size: 21px;
    }

    .elementor-sitemap-list li:nth-child(2) a {
        font-size: 15px;
    }

    .elementor-sitemap-list li:nth-child(3) a {
        font-size: 18px;
    }

    .elementor-sitemap-list li:nth-child(4) a {
        font-size: 24px;
    }

    .elementor-sitemap-list li:nth-child(5) a {
        font-size: 16px;
    }

    .elementor-sitemap-list li:nth-child(6) a {
        font-size: 20px;
    }

}/* End custom CSS */