{"id":4163,"date":"2026-03-03T15:33:26","date_gmt":"2026-03-03T15:33:26","guid":{"rendered":"https:\/\/gohotsite.com\/?p=4163"},"modified":"2026-03-03T15:40:41","modified_gmt":"2026-03-03T15:40:41","slug":"rel6_011_como-funciona-o-the-league-perfil-matches-e-estrategias","status":"publish","type":"post","link":"https:\/\/gohotsite.com\/hr\/rel6_011_como-funciona-o-the-league-perfil-matches-e-estrategias\/","title":{"rendered":"Kako Liga funkcionira: Profil, Utakmice i Strategije"},"content":{"rendered":"<div class=\"lazyblock-cta-slides-overlay-images-Z1nQeNo wp-block-lazyblock-cta-slides-overlay-images\">\r\n<style>\r\n\/* Overlay que cobre toda a p\u00e1gina *\/\r\n.quiz-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    z-index: 999999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    -webkit-overflow-scrolling: touch;\r\n    overflow-y: auto;\r\n}\r\n\r\n\/* Card centralizado do quiz *\/\r\n.quiz-container {\r\n    background: white;\r\n    border-radius: 20px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n    max-width: 600px;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    padding: 40px;\r\n    position: relative;\r\n    z-index: 1000000;\r\n    overflow-y: auto;\r\n    \/* Centraliza\u00e7\u00e3o garantida *\/\r\n    margin: auto;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Responsivo Mobile *\/\r\n@media (max-width: 768px) {\r\n    .quiz-overlay {\r\n        padding: 15px;\r\n        \/* Manter centraliza\u00e7\u00e3o vertical no mobile *\/\r\n        align-items: center;\r\n    }\r\n    \r\n    .quiz-container {\r\n        padding: 30px 20px;\r\n        border-radius: 15px;\r\n        max-height: 85vh;\r\n        \/* Garantir que n\u00e3o saia da tela *\/\r\n        min-height: auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .quiz-overlay {\r\n        padding: 10px;\r\n        \/* Permitir scroll se necess\u00e1rio, mas manter centrado *\/\r\n        align-items: flex-start;\r\n        padding-top: max(10px, 5vh);\r\n    }\r\n    \r\n    .quiz-container {\r\n        padding: 25px 15px;\r\n        border-radius: 12px;\r\n        max-height: 90vh;\r\n        \/* Centraliza\u00e7\u00e3o no mobile muito pequeno *\/\r\n        margin-top: auto;\r\n        margin-bottom: auto;\r\n    }\r\n    \r\n    .quiz-container h3 {\r\n        font-size: 1.1rem;\r\n        line-height: 1.4;\r\n    }\r\n    \r\n    .quiz-container .flex.flex-col.gap-2 {\r\n        gap: 0.75rem;\r\n    }\r\n    \r\n    .quiz-container button,\r\n    .quiz-container a {\r\n        padding-left: 0.75rem !important;\r\n        padding-right: 0.75rem !important;\r\n        font-size: 0.75rem !important;\r\n        min-height: 44px;\r\n        touch-action: manipulation;\r\n    }\r\n    \r\n    \/* Progress bar mais vis\u00edvel no mobile *\/\r\n    .h-1 {\r\n        height: 3px;\r\n    }\r\n}\r\n\r\n\/* Esconde o conte\u00fado da p\u00e1gina *\/\r\nbody.quiz-active {\r\n    overflow: hidden;\r\n    position: fixed;\r\n    width: 100%;\r\n}\r\n\r\n\/* Mobile: Prevenir scroll duplo *\/\r\n@media (max-width: 768px) {\r\n    body.quiz-active {\r\n        height: 100vh;\r\n    }\r\n}\r\n\r\n\/* Garantir que o quiz N\u00c3O tenha blur *\/\r\n.quiz-overlay,\r\n.quiz-overlay *,\r\n.quiz-container,\r\n.quiz-container * {\r\n    filter: none !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n\/* Bot\u00e3o fechar *\/\r\n.close-quiz {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    background: none;\r\n    border: none;\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n    color: #666;\r\n    z-index: 1000001;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n.close-quiz:hover {\r\n    color: #000;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o de entrada *\/\r\n.quiz-overlay {\r\n    animation: fadeIn 0.4s ease-in-out;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { \r\n        opacity: 0; \r\n        transform: scale(0.95);\r\n        backdrop-filter: blur(0px);\r\n    }\r\n    to { \r\n        opacity: 1; \r\n        transform: scale(1);\r\n        backdrop-filter: blur(8px);\r\n    }\r\n}\r\n\r\n\/* Estado oculto do quiz *\/\r\n.quiz-overlay.quiz-hidden {\r\n    display: none !important;\r\n}\r\n\r\n\/* Estilos para a tela de processamento *\/\r\n.processing-screen {\r\n    text-align: center;\r\n    padding: 60px 20px;\r\n}\r\n\r\n.processing-spinner {\r\n    width: 50px;\r\n    height: 50px;\r\n    border: 4px solid #f3f3f3;\r\n    border-top: 4px solid var(--color-scheme);\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n    margin: 0 auto 30px;\r\n}\r\n\r\n.processing-text {\r\n    font-size: 1.2rem;\r\n    color: #333;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.processing-subtext {\r\n    color: #666;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n\/* Estilos para a tela de resultado *\/\r\n.result-screen {\r\n    text-align: center;\r\n    padding: 40px 20px;\r\n}\r\n\r\n.result-title {\r\n    font-size: 1.4rem;\r\n    color: #333;\r\n    font-weight: 700;\r\n    margin-bottom: 30px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.reward-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: linear-gradient(135deg, var(--color-scheme), #8B4B9B);\r\n    color: white;\r\n    padding: 20px 35px;\r\n    border-radius: 15px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 1.1rem;\r\n    margin: 25px 0;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 25px rgba(169, 98, 194, 0.4);\r\n    min-width: 280px;\r\n    gap: 15px;\r\n}\r\n\r\n.reward-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(169, 98, 194, 0.5);\r\n    color: white;\r\n    text-decoration: none;\r\n    background: linear-gradient(135deg, #B470D1, var(--color-scheme));\r\n}\r\n\r\n.reward-button span:first-child {\r\n    font-size: 1.4rem;\r\n}\r\n\r\n.reward-button span:last-child {\r\n    font-size: 1.2rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.reward-button:hover span:last-child {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.disclaimer {\r\n    font-size: 0.85rem;\r\n    color: #666;\r\n    margin-top: 20px;\r\n    padding: 12px 20px;\r\n    background: #f8f9fa;\r\n    border-radius: 8px;\r\n}\r\n\r\n.quiz-option {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    overflow: hidden;\r\n    width: 45%;\r\n    cursor: pointer;\r\n}\r\n\r\n.option-image {\r\n    width: 100%;\r\n    height: 160px;\r\n    object-fit: cover;\r\n}\r\n\r\n.option-button {\r\n    width: 100%;\r\n    background: #f7f7f7;\r\n    color: #222;\r\n    font-weight: 600;\r\n    border: none;\r\n    padding: 12px 0;\r\n    text-transform: uppercase;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n.option-button:hover {\r\n    background: var(--color-scheme);\r\n    color: #fff;\r\n}\r\n\r\n.quiz-option {\r\n    cursor: pointer;\r\n    user-select: none;\r\n}\r\n\r\n.option-label {\r\n    width: 100%;\r\n    background: #1e293b;\r\n    color: white;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    padding: 10px 0;\r\n    text-transform: uppercase;\r\n    border-top: 1px solid rgba(255,255,255,0.2);\r\n    font-size: 0.85rem;\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes fadeOut {\r\n    from { opacity: 1; }\r\n    to { opacity: 0; }\r\n}\r\n\r\n\/* Overlay branco full screen *\/\r\n.quiz-preloader{\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999999;\r\n  display: none;\r\n  place-items: center;\r\n  background: #fff;\r\n\r\n  \/* Vari\u00e1veis de cor do preloader *\/\r\n  --pl-accent: var(--color-scheme, #2563eb);\r\n  --pl-track: rgba(0,0,0,.10);\r\n  --pl-shadow: rgba(0,0,0,.18);\r\n}\r\n\r\n.quiz-preloader.is-active{\r\n  display: grid;\r\n}\r\n\r\n\/* bloqueia scroll *\/\r\nhtml.quiz-preloader-lock,\r\nhtml.quiz-preloader-lock body{\r\n  overflow: hidden !important;\r\n}\r\n\r\n\/* Container central compacto *\/\r\n.quiz-preloader__wrap{\r\n  width: min(260px, calc(100% - 56px));\r\n  display: grid;\r\n  justify-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n\/* Ring\/spinner *\/\r\n.quiz-preloader__ring{\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 999px;\r\n  border: 6px solid rgba(0,0,0,.12);\r\n  border-top-color: var(--pl-accent);\r\n  animation: quizSpin 0.9s linear infinite;\r\n}\r\n\r\n@keyframes quizSpin{\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Barra curta *\/\r\n.quiz-preloader__bar{\r\n  width: 140px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: rgba(0,0,0,.12);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.quiz-preloader__bar-fill{\r\n  width: 0%;\r\n  height: 100%;\r\n  border-radius: 999px;\r\n  background: var(--pl-accent);\r\n  box-shadow: 0 3px 8px var(--pl-shadow);\r\n  transition: width 0.05s linear;\r\n}\r\n\r\n\/* Percent abaixo *\/\r\n.quiz-preloader__percent{\r\n  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  color: #111;\r\n  opacity: .9;\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"quiz-overlay\" id=\"funnel-\">\r\n        <div class=\"quiz-container\">\r\n            \r\n            <div class=\"h-1 bg-gray-200 rounded overflow-hidden\">\r\n                <div class=\"progress-bar h-full bg-custom transition-all duration-300\" style=\"width: 100%;\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"mt-2\">\r\n                                                        \r\n                    <div class=\"step step-1\"  data-step=\"1\">\r\n                        \r\n                                                     <div class=\"flex justify-center\">\r\n                                <span class=\"inline-flex items-center gap-2 px-3 py-1 text-xs font-semibold rounded-full\" style=\"color: green\">\r\n                                  \u23f1 Potrebno je manje od 15 sekundi\r\n                              <\/span>\r\n                            <\/div>\r\n                                                \r\n                        <h3 class=\"text-lg font-bold mb-6 text-center\">\r\n                          Koji najbolje odgovara tvom stilu?                        <\/h3>\r\n                        \r\n                        <div class=\"flex flex-wrap gap-4 mt-5 justify-center\">\r\n                                                        <div \r\n                                  class=\"quiz-option quiz-option-final\" \r\n                                  data-step-type=\"final\"\r\n                              >\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/judgeapps.com\/wp-content\/uploads\/2026\/02\/freepik__a-confident-mature-middle-eastern-woman-in-her-50s__16957.webp\" \r\n                                           alt=\"Religiosa\" \r\n                                           class=\"option-image image-quiz-01\" \/>\r\n                                                                    <div class=\"option-label\">\r\n                                      Religiozni                                  <\/div>\r\n                              <\/div>\r\n                                                        <div \r\n                                  class=\"quiz-option quiz-option-final\" \r\n                                  data-step-type=\"final\"\r\n                              >\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/judgeapps.com\/wp-content\/uploads\/2026\/02\/freepik__a-vibrant-mature-afrolatina-woman-in-her-50s-curly__16956-3.webp\" \r\n                                           alt=\"Alegre\" \r\n                                           class=\"option-image image-quiz-02\" \/>\r\n                                                                    <div class=\"option-label\">\r\n                                      Sretan                                  <\/div>\r\n                              <\/div>\r\n                                                        <div \r\n                                  class=\"quiz-option quiz-option-final\" \r\n                                  data-step-type=\"final\"\r\n                              >\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/judgeapps.com\/wp-content\/uploads\/2026\/02\/freepik__a-graceful-mature-south-asian-woman-in-her-early-5__16955.webp\" \r\n                                           alt=\"Decidida\" \r\n                                           class=\"option-image image-quiz-03\" \/>\r\n                                                                    <div class=\"option-label\">\r\n                                      Odlu\u010deno                                  <\/div>\r\n                              <\/div>\r\n                                                        <div \r\n                                  class=\"quiz-option quiz-option-final\" \r\n                                  data-step-type=\"final\"\r\n                              >\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/judgeapps.com\/wp-content\/uploads\/2026\/02\/freepik__a-beautiful-mature-woman-in-her-50s-walking-in-a-p__16952-2.webp\" \r\n                                           alt=\"Curte viajar\" \r\n                                           class=\"option-image image-quiz-04\" \/>\r\n                                                                    <div class=\"option-label\">\r\n                                      U\u017eiva u putovanjima                                  <\/div>\r\n                              <\/div>\r\n                                                <\/div>\r\n                    <\/div>\r\n                    \r\n                            <\/div>\r\n            \r\n            <div class=\"result-screen\" style=\"display: none;\">\r\n                <div class=\"result-title\">\r\n                                        Mislimo da \u0107e vam se svidjeti.                                  <\/div>\r\n                \r\n                <a data-av-rewarded=\"true\" \r\n                    onclick=\"window.handleQuizReward();\" \r\n                    class=\"reward-button av-rewarded\">\r\n                    Pogledajte preporuku                    <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n                <div class=\"disclaimer\">\r\n                                        Za nastavak pogledajte sponzoriranu preporuku.\r\n                                  <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"processing-screen\" style=\"display: none;\">\r\n                <div class=\"processing-spinner\"><\/div>\r\n                <div class=\"processing-text\">Tra\u017eim pravu vrstu<\/div>\r\n                <div class=\"processing-subtext\">Analiziramo najbolje opcije za vas\u2026<\/div>\r\n            <\/div>\r\n        <\/div>\r\n<\/div>\r\n\r\n<div id=\"quiz-preloader\" class=\"quiz-preloader\" aria-hidden=\"true\">\r\n  <div class=\"quiz-preloader__wrap\" role=\"status\" aria-live=\"polite\">\r\n    <div class=\"quiz-preloader__ring\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"quiz-preloader__bar\" aria-hidden=\"true\">\r\n      <div id=\"quiz-preloader__bar-fill\" class=\"quiz-preloader__bar-fill\"><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"quiz-preloader__percent\" class=\"quiz-preloader__percent\">0%<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nwindow.startQuizPreloader = function(duration = 3000) {\r\n  var overlay = document.getElementById('quiz-preloader');\r\n  var fill = document.getElementById('quiz-preloader__bar-fill');\r\n  var percentEl = document.getElementById('quiz-preloader__percent');\r\n\r\n  if (!overlay || !fill || !percentEl) return;\r\n\r\n  overlay.classList.add('is-active');\r\n  document.documentElement.classList.add('quiz-preloader-lock');\r\n\r\n  fill.style.width = '0%';\r\n  percentEl.textContent = '0%';\r\n\r\n  var start = performance.now();\r\n\r\n  function tick(now) {\r\n    var elapsed = now - start;\r\n    var progress = Math.min(elapsed \/ duration, 1);\r\n    var pct = Math.round(progress * 100);\r\n\r\n    fill.style.width = pct + '%';\r\n    percentEl.textContent = pct + '%';\r\n\r\n    if (progress < 1) return requestAnimationFrame(tick);\r\n\r\n    overlay.classList.remove('is-active');\r\n    document.documentElement.classList.remove('quiz-preloader-lock');\r\n  }\r\n\r\n  requestAnimationFrame(tick);\r\n};\r\n\r\n\r\nfunction showProcessingScreen() {\r\n    const funnel = document.getElementById('funnel-');\r\n    if (!funnel) return;\r\n    \r\n    const quizContent = funnel.querySelector('.quiz-container');\r\n    \r\n    const steps = quizContent.querySelectorAll('.step');\r\n    steps.forEach(step => step.style.display = 'none');\r\n    \r\n    const progressBar = quizContent.querySelector('.h-1');\r\n    if (progressBar) progressBar.style.display = 'none';\r\n    \r\n    const processingScreen = quizContent.querySelector('.processing-screen');\r\n    processingScreen.style.display = 'block';\r\n    \r\n    setTimeout(() => showResultScreen(), 2000);\r\n}\r\n\r\nfunction showResultScreen() {\r\n    const funnel = document.getElementById('funnel-');\r\n    if (!funnel) return;\r\n    const quizContent = funnel.querySelector('.quiz-container');\r\n    \r\n    const processingScreen = quizContent.querySelector('.processing-screen');\r\n    processingScreen.style.display = 'none';\r\n    \r\n    const resultScreen = quizContent.querySelector('.result-screen');\r\n    resultScreen.style.display = 'block';\r\n    resultScreen.style.opacity = '0';\r\n    resultScreen.style.transform = 'translateY(20px)';\r\n    \r\n    setTimeout(() => {\r\n        resultScreen.style.transition = 'all 0.5s ease-in-out';\r\n        resultScreen.style.opacity = '1';\r\n        resultScreen.style.transform = 'translateY(0)';\r\n    }, 100);\r\n}\r\n\r\nfunction releaseContent() {\r\n    const funnel = document.getElementById('funnel-');\r\n    if (!funnel) return;\r\n    document.body.classList.remove('quiz-active');\r\n    document.body.style.position = '';\r\n    document.body.style.width = '';\r\n    document.body.style.height = '';\r\n    \r\n    const elementsToBlur = document.querySelectorAll('main, .site-content, #content, .content, header, footer, article, .post, .page');\r\n    elementsToBlur.forEach(el => {\r\n        el.style.filter = '';\r\n        el.style.pointerEvents = '';\r\n    });\r\n    \r\n    const url = new URL(window.location.href);\r\n    url.searchParams.set('finishedQuiz', 'true');\r\n    window.history.replaceState({}, '', url);\r\n    \r\n    funnel.style.animation = 'fadeOut 0.3s ease-in-out';\r\n    setTimeout(() => funnel.style.display = 'none', 300);\r\n}\r\n\r\nwindow.handleQuizReward = function() {\r\n    const funnel = document.getElementById('funnel-');\r\n    if (!funnel) return;\r\n    document.body.classList.remove('quiz-active');\r\n    document.body.style.position = '';\r\n    document.body.style.width = '';\r\n    document.body.style.height = '';\r\n    \r\n    const elementsToBlur = document.querySelectorAll('main, .site-content, #content, .content, header, footer, article, .post, .page');\r\n    elementsToBlur.forEach(el => {\r\n        el.style.filter = '';\r\n        el.style.pointerEvents = '';\r\n    });\r\n    \r\n    const url = new URL(window.location);\r\n    url.searchParams.set('finishedQuiz', 'true');\r\n    window.history.replaceState({}, '', url);\r\n    \r\n    funnel.style.animation = 'fadeOut 0.3s ease-in-out';\r\n    setTimeout(() => funnel.style.display = 'none', 300);\r\n    \r\n    \/\/ dispara o preloader\r\n    window.startQuizPreloader(3000);\r\n};\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const funnel = document.getElementById('funnel-');\r\n    if (!funnel) return;\r\n    \r\n    const progressBar = funnel.querySelector('.progress-bar');\r\n    const totalSteps = 1;\r\n    let currentStep = 1;\r\n    \r\n    document.body.classList.add('quiz-active');\r\n    const elementsToBlur = document.querySelectorAll('main, .site-content, #content, .content, header, footer, article, .post, .page');\r\n    elementsToBlur.forEach(el => {\r\n        if (el && !el.contains(funnel)) {\r\n            el.style.filter = 'blur(3px)';\r\n            el.style.pointerEvents = 'none';\r\n        }\r\n    });\r\n    \r\n    function goToNextStep() {\r\n        if (currentStep >= totalSteps) return;\r\n        const currentElement = funnel.querySelector(`.step-${currentStep}`);\r\n        if (currentElement) currentElement.style.display = 'none';\r\n        currentStep++;\r\n        const nextElement = funnel.querySelector(`.step-${currentStep}`);\r\n        if (nextElement) nextElement.style.display = 'block';\r\n        if (progressBar) {\r\n            const progressPercent = (currentStep \/ totalSteps) * 100;\r\n            progressBar.style.width = progressPercent + '%';\r\n        }\r\n    }\r\n    \r\n    funnel.querySelectorAll('.btn-next').forEach(btn => btn.onclick = () => goToNextStep());\r\n    funnel.querySelector('.close-quiz')?.addEventListener('click', releaseContent);\r\n});\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const funnel = document.getElementById('funnel-');\r\n    if (!funnel) return;\r\n    const progressBar = funnel.querySelector('.progress-bar');\r\n    const totalSteps = 1;\r\n    let currentStep = 1;\r\n\r\n    \/\/ Adiciona comportamento de clique nas op\u00e7\u00f5es\r\n    funnel.querySelectorAll('.quiz-option-next').forEach(opt => {\r\n        opt.addEventListener('click', () => {\r\n            const current = funnel.querySelector(`.step-${currentStep}`);\r\n            if (current) current.style.display = 'none';\r\n            currentStep++;\r\n            const next = funnel.querySelector(`.step-${currentStep}`);\r\n            if (next) next.style.display = 'block';\r\n            if (progressBar) {\r\n                progressBar.style.width = (currentStep \/ totalSteps) * 100 + '%';\r\n            }\r\n        });\r\n    });\r\n\r\n    funnel.querySelectorAll('.quiz-option-final').forEach(opt => {\r\n        opt.addEventListener('click', () => window.showProcessingScreen());\r\n    });\r\n});\r\n\r\n<\/script><\/div>\n\n<div class=\"lazyblock-cta-links-maior-3-botoes-2-xQobD wp-block-lazyblock-cta-links-maior-3-botoes-2\">\n<style>\n.cta-card-grid {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.cta-card {\n    flex: 1 1 calc(25% - 20px);\n    max-width: 260px;\n    min-width: 150px;\n    display: flex;\n    flex-direction: column;\n    \/* MUITO IMPORTANTE: faz o conte\u00fado ocupar toda a largura *\/\n    align-items: stretch;\n    background: #fff;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n    text-align: center;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n    text-decoration: none;\n}\n\n.cta-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 18px rgba(0,0,0,0.15);\n}\n\n\/* Imagem encaixada dentro do bloco *\/\n.cta-card-image {\n    width: 100%;\n    height: 180px;\n    object-fit: contain;\n    background-color: #f3f4f6;\n}\n\n\/* \"Bot\u00e3o\" com mesmo tamanho em todos os cards *\/\n.cta-card-title {\n    background: #1e293b;\n    color: #fff;\n    font-weight: 600;\n    width: 100%;\n    text-transform: uppercase;\n    font-size: 0.9rem;\n\n    \/* garante mesma altura em todos *\/\n    min-height: 56px;\n    padding: 0 12px;\n\n    \/* centraliza o texto e gruda no fundo do card *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Tablet - 2 cards por linha *\/\n@media (max-width: 900px) {\n    .cta-card {\n        flex: 1 1 calc(45% - 20px);\n        max-width: none;\n    }\n}\n\n\/* Mobile - 2 cards por linha *\/\n@media (max-width: 600px) {\n    .cta-card {\n        flex: 1 1 calc(48% - 10px);\n    }\n}\n\n@media (max-width: 400px) {\n    .cta-card {\n        flex: 1 1 calc(48% - 10px);\n    }\n}\n<\/style>\n\n<div>\n            <h2 class=\"text-center text-2xl font-bold\">\n            Kako pokazujete interes?        <\/h2>\n    \n    <div class=\"cta-card-grid\">\n                <a href=\"https:\/\/gohotsite.com\/hr\/dicas-para-fazer-ela-te-mandar-mensagem-conquiste\/\" class=\"cta-card\">\n                                <img decoding=\"async\" src=\"https:\/\/judgeapps.com\/wp-content\/uploads\/2026\/02\/freepik__a-relaxed-mature-woman-in-her-late-40s-sitting-in-__16953-1.webp\" \n                       alt=\"Sorriso sutil\" \n                       class=\"cta-card-image\" \/>\n                            <div class=\"cta-card-title\">\n                  Suptilni osmijeh              <\/div>\n          <\/a>\n                <a href=\"https:\/\/gohotsite.com\/hr\/dicas-para-ser-direto-em-um-match-com-sucesso\/\" class=\"cta-card\">\n                                <img decoding=\"async\" src=\"https:\/\/judgeapps.com\/wp-content\/uploads\/2026\/02\/freepik__a-confident-mature-businesswoman-in-her-50s-profes__16954.webp\" \n                       alt=\"Mensagem direta\" \n                       class=\"cta-card-image\" \/>\n                            <div class=\"cta-card-title\">\n                  Izravna poruka              <\/div>\n          <\/a>\n        <\/div>\n\n<\/div>\n<\/div>\n\n\n<p>Ovaj tekst obja\u0161njava kako Liga funkcionira, s naglaskom na profil, podudaranja i strategije. Namijenjen je onima koji tra\u017ee ozbiljnu vezu. Objasnit \u0107emo sve, od registracije na Ligu do toga kako pobolj\u0161ati \u0161anse za odobrenje i dobivanje kvalitetnih podudaranja.<\/p>\n\n\n\n<p>Liga je premium opcija od 2015., za razliku od aplikacija poput Tindera i Bumblea. Nudi pa\u017eljivije odabran i ekskluzivniji izbor. Ovdje \u0107ete razumjeti svoju ciljanu publiku i kako se ona uspore\u0111uje s drugim aplikacijama, uvijek imaju\u0107i na umu... <b>upoznavanje za profesionalce<\/b>.<\/p>\n\n\n\n<p>Razgovarajmo o tome kako se registrirati i koliko dugo traje razdoblje \u010dekanja, va\u017enosti va\u0161eg LinkedIn profila i verifikaciji na drugim mre\u017eama. Obradit \u0107emo kako stvoriti privla\u010dnu biografiju i odabrati najbolje fotografije. Tako\u0111er \u0107emo objasniti kako funkcioniraju dnevna podudaranja, algoritam prijedloga i utjecaj pla\u0107enih planova na va\u0161u vidljivost.<\/p>\n\n\n\n<p>Na kraju \u0107ete znati kako optimizirati svoj profil i bolje iskoristiti Ligu. Dat \u0107emo vam savjete kako pove\u0107ati \u0161anse za registraciju i pronala\u017eenje ljudi koji odgovaraju va\u0161im potrebama.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0160to je Liga i za koga je namijenjena?<\/h2>\n\n\n\n<p>Liga je jedinstvena aplikacija za upoznavanje usmjerena na kvalitetu. Cilj joj je smanjiti broj profila kako bi se pobolj\u0161ale veze. Da bi se pridru\u017eili, korisnici podlije\u017eu provjeri, odr\u017eavaju\u0107i visoku razinu profesionalnosti i kulturne svijesti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pozicioniranje aplikacije na tr\u017ei\u0161tu upoznavanja.<\/h3>\n\n\n\n<p>Liga je poznata kao vrhunska usluga za upoznavanje. Za razliku od drugih aplikacija, nastoji ponuditi privatno okru\u017eenje, cijene\u0107i kompatibilnost. Ovdje su va\u017ene zajedni\u010dke vrijednosti i ciljevi, a ne popularnost.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ciljna publika: ambiciozni profesionalci i oni koji tra\u017ee profesionalne odnose.<\/h3>\n\n\n\n<p>Me\u0111u korisnicima nalazimo rukovoditelje i stru\u010dnjake iz raznih podru\u010dja. Aplikacija je savr\u0161ena za one koji tra\u017ee dru\u0161tvo sa sli\u010dnim ciljevima. To je pravo mjesto za... <b>susret s ambicioznim ljudima<\/b> i izbjegavati povr\u0161ne susrete.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kako funkcionira registracija, odobrenje i stvaranje profila?<\/h2>\n\n\n\n<p>Da biste se pridru\u017eili The League, ekskluzivnoj aplikaciji za upoznavanje, postupak je jednostavan. Prvo preuzmete aplikaciju na iOS ili Android. Zatim ispunite svoje osobne i profesionalne podatke te po\u0161aljete dokumente. Va\u0161a se prijava pregledava i mo\u017ee se staviti na listu \u010dekanja. \u017delite li ubrzati stvari? Prijavite se za pla\u0107eni plan i ostvarite prioritetni pregled.<\/p>\n\n\n\n<p>Vrijeme \u010dekanja znatno varira. Neki se odobre u roku od nekoliko sati, drugi \u010dekaju danima ili tjednima. Tim provjerava va\u0161e obrazovanje i karijeru. Tako\u0111er provjeravaju jesu li va\u0161i profili na dru\u0161tvenim mre\u017eama uskla\u0111eni prije odobravanja pristupa.<\/p>\n\n\n\n<p>Posjedovanje LinkedIn profila uvelike poma\u017ee u ovom procesu. Povezivanjem a\u017euriranog LinkedIn profila lak\u0161e je potvrditi naziv va\u0161eg radnog mjesta i obrazovanje. Sna\u017ena prisutnost na Instagramu ili Facebooku tako\u0111er doprinosi potvrdi va\u0161e karijere i interesa.<\/p>\n\n\n\n<p>Prilikom izrade profila na The League, budite jasni i iskreni. Va\u0161a biografija trebala bi kombinirati profesionalna postignu\u0107a i osobne interese. Govorite o svom poslu, va\u017enim projektima i \u0161to tra\u017eite kod partnera. Uklju\u010dite kratke pri\u010de o putovanjima ili hobijima koji bi mogli zanimati druge.<\/p>\n\n\n\n<p>Nemojte koristiti generi\u010dke opise. Odaberite specifi\u010dne fraze jer daju kredibilitet, a da pritom ne zvu\u010de arogantno. Budite izravni kada raspravljate o tome \u0161to tra\u017eite i svojim vrijednostima.<\/p>\n\n\n\n<p>Odabir pravih fotografija tako\u0111er je klju\u010dan. Odaberite visokokvalitetne fotografije s dobrim osvjetljenjem koje jasno fokusiraju va\u0161e lice. Izbjegavajte selfije u kupaonici ili grupne fotografije na kojima je te\u0161ko re\u0107i tko ste.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uklju\u010dite barem jednu profesionalnu fotografiju i jo\u0161 jednu koja prikazuje hobi ili putovanje.<\/li>\n\n\n\n<li>Koristite slike u prirodnim okru\u017eenjima ili profesionalnim doga\u0111ajima kako biste poja\u010dali autenti\u010dnost.<\/li>\n\n\n\n<li>Redovito a\u017eurirajte svoj 100% profil i redovito a\u017eurirajte svoje aktivnosti u aplikaciji.<\/li>\n<\/ul>\n\n\n\n<p>Razmi\u0161ljanje o usluzi optimizacije fotografija mogla bi biti dobra ideja. Profesionalne fotografije mogu pove\u0107ati va\u0161e \u0161anse da budete primljeni u selektivnu zajednicu Lige. Ali zapamtite, va\u0161e fotografije trebaju biti autenti\u010dne i prikazivati va\u0161u pravu rutinu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dnevne utakmice, algoritam i korisni\u010dko iskustvo.<\/h2>\n\n\n\n<p>Ova aplikacija daje prednost kvaliteti nad velikim brojem opcija. Ako \u017eelite upoznati ljude s velikim ambicijama, primijetit \u0107ete da su prijedlozi ograni\u010deni. To je u\u010dinjeno kako bi se pove\u0107ale \u0161anse da se stvarno pove\u017eete i vodite smislene razgovore.<\/p>\n\n\n\n<p><strong>Kako algoritam odre\u0111uje koje profile vidite.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Algoritam Lige promatra va\u0161e preferencije, poput dobi, udaljenosti, etni\u010dke pripadnosti i religije. To kombinira s koli\u010dinom va\u0161e interakcije unutar aplikacije.<\/li>\n\n\n\n<li>I pridaje ve\u0107u va\u017enost profilima sa sli\u010dnim obrazovanjem i poslom, uz dru\u0161tvene krugove.<\/li>\n\n\n\n<li>Oni koji imaju potpun profil i redovito koriste aplikaciju pojavljuju se \u010de\u0161\u0107e. Oni koji je ne koriste manje su vidljivi.<\/li>\n<\/ul>\n\n\n\n<p><strong>Realna o\u010dekivanja od utakmica<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tijekom Happy Houra, oko 17 sati, mo\u017eete o\u010dekivati 3 do 7 ljudi dnevno. To varira ovisno o va\u0161em planu i va\u0161oj poziciji u algoritmu.<\/li>\n\n\n\n<li>Oni koji koriste besplatni plan vide oko 3 osobe dnevno. Oni koji pla\u0107aju vide 5 do 7 ili vi\u0161e.<\/li>\n\n\n\n<li>Sretan sat okuplja sve kako bi vi\u0161e komunicirali istovremeno, daju\u0107i vam ve\u0107u \u0161ansu za dobivanje brzih odgovora.<\/li>\n<\/ul>\n\n\n\n<p><strong>Za\u0161to je glasno\u0107a manja, a kvaliteta ve\u0107a?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Platforma \u017eeli da prona\u0111ete kvalitetne partnere kako biste mogli voditi prave razgovore, a ne samo kratke spojeve.<\/li>\n\n\n\n<li>U S\u00e3o Paulu i Rio de Janeiru ima vi\u0161e korisnika. To smanjuje broj opcija, ali pove\u0107ava \u0161anse za pronalazak nekoga kompatibilnog.<\/li>\n\n\n\n<li>Ovaj pa\u017eljivi odabir pove\u0107ava va\u0161e \u0161anse da prona\u0111ete nekoga tko dijeli va\u0161e ambicije.<\/li>\n<\/ul>\n\n\n\n<p><strong>Kako prilagoditi postavke za primanje vi\u0161e prijedloga<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mo\u017eete pove\u0107ati radijus pretra\u017eivanja i biti fleksibilniji s godinama kako biste vidjeli vi\u0161e ljudi dnevno.<\/li>\n\n\n\n<li>A\u017euriranje profila dobrim fotografijama i aktivnost poma\u017eu vam da se popnete na rang listi algoritma.<\/li>\n\n\n\n<li>Kori\u0161tenje pla\u0107enih zna\u010dajki tako\u0111er mo\u017ee pove\u0107ati va\u0161e \u0161anse za pronala\u017eenje dobrih podudaranja.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Liga: planovi, cijene i premium zna\u010dajke<\/h2>\n\n\n\n<p>Ova jedinstvena aplikacija za upoznavanje nudi razli\u010dite razine pretplate. Ove razine su za one koji \u017eele ve\u0107u u\u010dinkovitost i ve\u0107u vidljivost. Pogledajte sa\u017eetak dostupnih opcija, tro\u0161kova i kako one mogu pobolj\u0161ati va\u0161e iskustvo na platformi.<\/p>\n\n\n\n<p><strong>Tipi\u010dne opcije i pogodnosti pretplate<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Besplatna verzija omogu\u0107uje vam pregled oko 3 osobe dnevno, kori\u0161tenje jednostavnih filtera i pridru\u017eivanje ograni\u010denim grupama.<\/li>\n\n\n\n<li>Plan \u201c\u010clan\u201d omogu\u0107uje vam pristup brzim recenzijama, potvrdama o \u010ditanju, 5 potencijalnih dnevnih podudaranja, do 5 video chatova tjedno i vi\u0161e opcija privatnosti. Cijene se mogu razlikovati u 2026. godini.<\/li>\n\n\n\n<li>&quot;Vlasni\u010dki&quot; ra\u010dun uklju\u010duje sve \u0161to ima i &quot;\u010clanski&quot; ra\u010dun, plus pove\u0107anu vidljivost, neograni\u010dene Power Moves, 6 me\u010deva dnevno, opcije revan\u0161a i mogu\u0107nost da vidite tko vas je lajkao. Cijena mo\u017ee dose\u0107i $399.99 mjese\u010dno.<\/li>\n\n\n\n<li>\u201cInvestitor\u201d cilja na maksimalnu izlo\u017eenost, sa 7 potencijalnih podudaranja dnevno, popisom lajkova i trenutnih podudaranja te ve\u0107om privatno\u0161\u0107u. Tro\u0161kovi su visoki tjedno.<\/li>\n\n\n\n<li>\u201cVIP\u201d plan nudi osobnog conciergea, voditelja ra\u010duna i ekskluzivnu uslugu spajanja partnera. Idealan za one koji \u017eele potpunu uslugu, s visokim cijenama u 2026. godini.<\/li>\n<\/ul>\n\n\n\n<p><strong>Kako pla\u0107ene zna\u010dajke mijenjaju vidljivost i potencijalne klijente.<\/strong><\/p>\n\n\n\n<p>Pla\u0107ene pretplate pove\u0107avaju broj ljudi koje mo\u017eete vidjeti dnevno. Tako\u0111er dodaju zna\u010dajke za isticanje va\u0161eg profila. Kori\u0161tenjem Power Movesa i isticanjem va\u0161eg profila vidjet \u0107e vas vi\u0161e ljudi.<\/p>\n\n\n\n<p>Prioritetni pregled smanjuje listu \u010dekanja. Vidjeti tko vas je ozna\u010dio kao &quot;svi\u0111a mi se&quot; poma\u017ee vam da br\u017ee prona\u0111ete bolje partnere. Odabir pla\u0107enog plana obi\u010dno je prednost u ekskluzivnoj zajednici.<\/p>\n\n\n\n<p><strong>Ulaznice za ligu, Power Moves i recepcija<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&quot;Ulaznice za ligu&quot; pove\u0107avaju vidljivost va\u0161eg profila, omogu\u0107uju revan\u0161e i pru\u017eaju pristup ve\u0107em broju prijedloga. Mogu se kupiti ili zaraditi sudjelovanjem.<\/li>\n\n\n\n<li>&quot;Power Moves&quot; postavlja va\u0161 profil na vrh dnevnih pregleda. To pove\u0107ava va\u0161e \u0161anse da budete zapa\u017eeni.<\/li>\n\n\n\n<li>Usluga Concierge\/VIP uklju\u010duje upravitelja ra\u010duna. Poma\u017ee u ure\u0111enju va\u0161eg profila i dogovaranju datuma. To je zna\u010dajka dostupna kod skupljih planova.<\/li>\n<\/ul>\n\n\n\n<p><strong>Kako otkazati i upravljati pretplatama<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Za otkazivanje pretplate idite na postavke pretplate u Apple App Storeu ili Google Play Storeu.<\/li>\n\n\n\n<li>Isklju\u010dite automatsku obnovu kako biste izbjegli budu\u0107e tro\u0161kove.<\/li>\n\n\n\n<li>Kupnjom &quot;liga\u0161kih ulaznica&quot; i ostalih artikala upravljate i putem postavki trgovine. Pratite rokove za naplatu.<\/li>\n<\/ol>\n\n\n\n<p>Prilikom odabira plana za The League, pa\u017eljivo razmotrite cijene i pogodnosti. Oni koji tra\u017ee u\u010dinkovitost \u010desto smatraju da se isplati ulagati u pla\u0107ene zna\u010dajke. To je zato \u0161to dobivaju vi\u0161e kvalitetnih utakmica i vide povrat ulaganja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zaklju\u010dak<\/h2>\n\n\n\n<p>Liga je aplikacija za upoznavanje isklju\u010divo za one koji tra\u017ee ozbiljnu vezu s profesionalcima. Cijeni kvalitetne susrete, a ne veliki broj podudaranja. Potrebna je pa\u017eljiva pa\u017enja tijekom registracije i na LinkedInu kako bi se osigurala kompatibilnost i pobolj\u0161ali razgovori.<\/p>\n\n\n\n<p>Aplikacija se isti\u010de svojim odabranim sadr\u017eajem i sveobuhvatnim profilima. Tako\u0111er nudi premium zna\u010dajke koje pove\u0107avaju va\u0161u vidljivost. Osim toga, postoje doga\u0111aji i grupe za umre\u017eavanje i okupljanja. <\/p>\n\n\n\n<p>Kako biste \u0161to bolje iskoristili aplikaciju, pobolj\u0161ajte svoje profile na dru\u0161tvenim mre\u017eama prije registracije. Ispunite svoj profil i odaberite profesionalne fotografije. Ako niste u velikom gradu, razmislite o pla\u0107enim alternativama poput Inner Circlea ili Tindera i Bumblea. Kako biste br\u017ee dobili odobrenje i upoznali vi\u0161e ljudi, razmislite o pretplati na pla\u0107ene pakete. Koristite <b>Ulaznice za ligu<\/b> i Mo\u0107 se kre\u0107e strate\u0161ki.<\/p>\n\n\n\n<p>Ukratko, Liga je odli\u010dna za one koji \u017eele prona\u0107i ozbiljne profesionalne partnere i mogu ulo\u017eiti u nju. Ako preferirate vi\u0161e opcija ili \u017eelite potro\u0161iti manje, popularnije aplikacije bi mogle biti bolje.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Este texto mostra como o The League funciona, focando em perfil, matches e estrat\u00e9gias. \u00c9 para quem procura um relacionamento s\u00e9rio. Vamos&#8230;<\/p>","protected":false},"author":8,"featured_media":4164,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[97],"tags":[],"class_list":["post-4163","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","entry"],"_links":{"self":[{"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/posts\/4163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/comments?post=4163"}],"version-history":[{"count":1,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/posts\/4163\/revisions"}],"predecessor-version":[{"id":4165,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/posts\/4163\/revisions\/4165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/media\/4164"}],"wp:attachment":[{"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/media?parent=4163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/categories?post=4163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gohotsite.com\/hr\/wp-json\/wp\/v2\/tags?post=4163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}