/* ==========================================================
   LOCALLINK WELCOME EXPERIENCE
========================================================== */

.ll-welcome-splash{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:24px;
    background:#07140f;
    transition:opacity .65s ease,visibility .65s ease;
}

.ll-welcome-splash.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}


/* ==========================================================
   BACKGROUND
========================================================== */

.ll-welcome-bg{
    position:absolute;
    inset:-30px;

    background:
        url('/assets/img/imagem_3.jpeg')
        center center / cover
        no-repeat;

    transform:scale(1.08);

    animation:llZoom 3.2s ease forwards;
}

.ll-welcome-shade{

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at center,
        rgba(255,255,255,.08),
        transparent 38%),

        linear-gradient(
        rgba(7,20,15,.55),
        rgba(7,20,15,.82));

}


/* ==========================================================
   CONTENT
========================================================== */

.ll-welcome-content{

    position:relative;
    z-index:2;

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

    text-align:center;
    color:#fff;

    animation:llContent .9s ease forwards;

}


/* ==========================================================
   LOGO
========================================================== */

.ll-welcome-logo{

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

    padding:14px 26px;

    margin:0 auto 30px;

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

    border-radius:18px;

    box-shadow:
        0 14px 35px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.9);

    animation:llLogo .9s ease;

}

.ll-welcome-logo-img{

    display:block;

    width:250px;
    max-width:74vw;
    height:auto;

    filter:drop-shadow(0 2px 6px rgba(0,0,0,.10));

}

/* ==========================================================
   TITLE
========================================================== */

.ll-welcome-content h1{

    margin:0 0 18px;

    font-size:clamp(2rem,5vw,3.4rem);

    line-height:1.15;

    font-weight:900;

    text-shadow:0 8px 25px rgba(0,0,0,.45);

}


/* ==========================================================
   TEXT
========================================================== */

.ll-welcome-content p{

    max-width:640px;

    margin:0 auto 20px;

    font-size:1.12rem;

    line-height:1.75;

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

}


/* ==========================================================
   TAGS
========================================================== */

.ll-welcome-tags{

    margin-bottom:32px;

    font-size:.95rem;

    font-weight:700;

    line-height:1.6;

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

}


/* ==========================================================
   PROGRESS BAR
========================================================== */

.ll-welcome-progress{

    position:relative;

    width:min(420px,84vw);

    height:5px;

    margin:0 auto 22px;

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

    border-radius:999px;

    overflow:hidden;

}

.ll-welcome-progress span{

    display:block;

    width:0;

    height:100%;

    background:
    linear-gradient(
    90deg,
    #17b26a,
    #ff8a00);

    animation:llProgress 7s linear forwards;

}

.ll-welcome-progress::after{

    content:"";

    position:absolute;

    top:0;
    left:-40%;

    width:40%;
    height:100%;

    background:

    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.75),
    transparent);

    animation:llShine 1.3s linear infinite;

}


/* ==========================================================
   FOOTER
========================================================== */

.ll-welcome-footer{

    font-size:.83rem;

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

}


/* ==========================================================
   SKIP
========================================================== */

.ll-welcome-skip{

    position:absolute;

    top:18px;
    right:18px;

    z-index:5;

    padding:8px 16px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,.35);

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

    color:#fff;

    font-size:.84rem;

    cursor:pointer;

    backdrop-filter:blur(10px);

}

.ll-welcome-skip:hover{

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

}

.ll-welcome-splash[dir="rtl"] .ll-welcome-skip{

    right:auto;
    left:18px;

}


/* ==========================================================
   ANIMATIONS
========================================================== */

@keyframes llZoom{

    from{

        transform:scale(1.08);

    }

    to{

        transform:scale(1.02);

    }

}

@keyframes llLogo{

    from{

        opacity:0;

        transform:
        translateY(18px)
        scale(.94);

    }

    to{

        opacity:1;

        transform:
        translateY(0)
        scale(1);

    }

}

@keyframes llContent{

    from{

        opacity:0;

        transform:
        translateY(18px);

    }

    to{

        opacity:1;

        transform:
        translateY(0);

    }

}

@keyframes llProgress{

    from{

        width:0;

    }

    to{

        width:100%;

    }

}

@keyframes llShine{

    from{

        left:-45%;

    }

    to{

        left:110%;

    }

}


/* ==========================================================
   MOBILE
========================================================== */



@media(max-width:768px){

    .ll-welcome-logo{

        padding:10px 18px;
        border-radius:14px;
        margin-bottom:24px;

    }

    .ll-welcome-logo-img{

        width:190px;

    }

}

.ll-welcome-content h1{

    font-size:1.65rem;
    line-height:1.15;
    white-space:nowrap;
    letter-spacing:-0.02em;

}

.ll-welcome-content p{

    font-size:.97rem;

    line-height:1.65;

}

.ll-welcome-tags{

    font-size:.82rem;

}

.ll-welcome-footer{

    font-size:.73rem;

}

.ll-welcome-skip{

    top:14px;
    right:14px;

    padding:7px 13px;

    font-size:.78rem;

}

.ll-welcome-splash[dir="rtl"] .ll-welcome-skip{

    right:auto;
    left:14px;

}

}







/* FIX iPHONE / SAFARI — WELCOME FULLSCREEN */
#llWelcomeSplash.ll-welcome-splash{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100dvh !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #07140f !important;
}

#llWelcomeSplash .ll-welcome-bg{
  position: absolute !important;
  inset: 0 !important;
  background-image: url('/assets/img/imagem_3.jpeg') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
}

#llWelcomeSplash .ll-welcome-shade{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

#llWelcomeSplash .ll-welcome-content{
  position: relative !important;
  z-index: 2 !important;
}

#llWelcomeSplash .ll-welcome-skip{
  position: fixed !important;
  z-index: 3 !important;
}