body.elementor-page-2821:not(.elementor-motion-effects-element-type-background), body.elementor-page-2821 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS */html{
cursor:url('https://lukkadesigner.com/wp-content/uploads/2025/11/cursor2.svg'),
    auto;
}

html.click, html.click a, html.click a:hover, a:hover, .elementor-button, .elementor-tab-title{
cursor:url('https://lukkadesigner.com/wp-content/uploads/2025/11/hover.svg'),
    auto !important;
}

html::after{
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: radial-gradient(at 20% 80%, #fff 1px, transparent 0px);
    background-size: 2px 2px;
    pointer-events: none !important;
    z-index: 9999;
    opacity: 0.05;
    mix-blend-mode: plus-lighter;
}

.tagline{
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #E5EAFF;
    letter-spacing: 0.2px;
    line-height: 1.2em;
    padding: 10px 20px;
    margin-bottom: 18px;
    border-top: 1px solid #ffffff20;
    border-radius: 100px;
    display: flex;
    justify-self: center;
    background: #07090C;
    text-transform: uppercase;
}

.titulodegrade{
    background: linear-gradient(272deg, #A1B6ED -20.24%, #F0F6FF 53.39%, #A1B6ED 127.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding-right: 2px;
    text-wrap: balance;
}

.textodestaque{
    background-image: linear-gradient(45deg, #5575FB, #5575FB);
    font-weight: 600;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/*estilo cards degradê radial*/ 
.card{
    position: relative;
    z-index: 2;
}

.card::before,
.card::after{
    position: absolute;
    content: "";
    border-radius: 16px;
    background: radial-gradient(105.21% 80.83% at 50% 139.64%, #3c415590 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(71.2% 56.16% at 39.65% 8.34%, #3c415540 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(44.99% 44.08% at 32.68% 3.28%, #3c415520 0%, rgba(217, 217, 217, 0.00) 100%), #07090C;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.card::before{
    background: linear-gradient(to bottom, #ffffff30 0%, #07090C 70%);
    width: 100%;
    height: 100%;
}


b, strong{
    font-weight: 600 !important;
}

.wrap{
    text-wrap: balance;
}
@media(max-width:1024px){
    .wrapmobile{
    text-wrap: balance;
}
}

/*para desktop*/
@media (min-width: 1025px){
    :root{
        --colunas: 12;
        --largura: 1280px;
        --offset: 0px;
        --gutter: 20px;
        --cor: #ffffff10;
    }
}

/*para tablet*/
@media (min-width: 768px) and (max-width: 1024px){
    :root{
        --colunas: 6;
        --largura: 1024px;
        --offset: 48px;
        --gutter: 16px;
        --cor: #ffffff10;
    }
}

/*para mobile*/
@media (max-width: 767px){
    :root{
        --colunas: 4;
        --largura: 767px;
        --offset: 20px;
        --gutter: 8px;
        --cor: #ffffff10;
    }
}

/*não mexa em nada daqui pra baixo*/
body.elementor-editor-active::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    pointer-events: none;
    z-index: 1000;
    min-height: 100vh;
    width: calc(100% - (2 * var(--offset)));
    max-width: var(--largura);
    background-size: calc(100% + var(--gutter)) 100%;
    background-image: repeating-linear-gradient( to right, var(--cor), var(--cor) calc((100% / var(--colunas)) - var(--gutter)), transparent calc((100% / var(--colunas)) - var(--gutter)), transparent calc(100% / var(--colunas)) );
}

p{
    margin-bottom: 0px;
}

/*resolver problemas com scrollbar*/
html, body{
    overflow-x: clip;
}

[data-elementor-type="wp-page"]{
    overflow: clip;
}

/*remover barra de rolagem*/
::-webkit-scrollbar{
    display: none;
}

/*impedir seleção de textos e imagens*/

*{
    user-select: none !important;
}/* End custom CSS */