Juego Habilidad para tirada d20<\/title>\n <style>\n \/* Contenedor principal del juego *\/\n #juegoDadoHabilidad {\n width: 100%;\n max-width: 800px;\n margin: 0 auto;\n background-color: transparent;\n padding: 25px;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\n text-align: center;\n margin-bottom: 40px;\n border: 1px solid rgba(0,0,0,0.1);\n box-sizing: border-box;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n #juegoDadoHabilidad h2 {\n color: #2c3e50;\n margin-top: 0;\n font-size: 2em;\n margin-bottom: 15px;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n }\n\n #juegoDadoHabilidad p {\n margin-bottom: 20px; \/* Consistencia en m\u00e1rgenes *\/\n font-size: 0.9em;\n color: #555;\n line-height: 1.4; \/* Mejora legibilidad *\/\n }\n\n \/* Estilo del temporizador de tirada *\/\n #turn-timer {\n font-size: 1.4em;\n font-weight: bold;\n color: #e74c3c; \/* Rojo *\/\n margin-bottom: 20px; \/* Espacio debajo del temporizador *\/\n min-height: 20px; \/* Para mantener espacio incluso si est\u00e1 vac\u00edo *\/\n }\n\n \/* Contenedor de hex\u00e1gonos *\/\n #hexagon-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n width: 100%;\n padding: 10px;\n box-sizing: border-box;\n margin-bottom: 20px; \/* Consistencia en m\u00e1rgenes *\/\n }\n\n \/* Estilo de los hex\u00e1gonos *\/\n .hexagon {\n position: relative;\n width: 50px; \/* Ancho del hex\u00e1gono *\/\n height: 28px; \/* Altura de la parte central *\/\n background-color: #34495e;\n margin: 15px 5px; \/* Margen vertical y horizontal para separaci\u00f3n *\/\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em; \/* Tama\u00f1o de fuente de los n\u00fameros *\/\n font-weight: bold;\n color: white;\n transition: background-color 0.2s ease, transform 0.1s ease;\n cursor: default;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n }\n\n .hexagon::before,\n .hexagon::after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n border-left: 25px solid transparent; \/* Mitad del ancho *\/\n border-right: 25px solid transparent; \/* Mitad del ancho *\/\n }\n\n .hexagon::before {\n bottom: 100%;\n border-bottom: 14px solid #34495e; \/* Altura de las puntas *\/\n }\n\n .hexagon::after {\n top: 100%;\n border-top: 14px solid #34495e; \/* Altura de las puntas *\/\n }\n\n \/* Hex\u00e1gono iluminado (activo) *\/\n .hexagon.active {\n background-color: #2ecc71; \/* Verde brillante *\/\n transform: scale(1.05);\n box-shadow: 0 0 15px rgba(46, 204, 113, 0.8);\n }\n\n .hexagon.active::before {\n border-bottom-color: #2ecc71;\n }\n\n .hexagon.active::after {\n border-top-color: #2ecc71;\n }\n\n \/* Estilos de botones *\/\n .button-group {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-top: 0;\n min-height: 50px;\n width: 100%;\n }\n\n .game-button {\n padding: 12px 25px;\n font-size: 1.1em;\n cursor: pointer;\n color: white;\n border: none;\n border-radius: 6px;\n transition: background-color 0.3s ease, transform 0.05s ease; \/* M\u00e1s r\u00e1pido para feedback t\u00e1ctil *\/\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n }\n\n .game-button:active {\n transform: translateY(1px) scale(0.98); \/* Ligero hundimiento y escala *\/\n box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n }\n\n #startButton {\n background-color: #1a73e8;\n }\n #startButton:hover {\n background-color: #155bbd;\n }\n\n #stopButton {\n background-color: #e74c3c; \/* Rojo para parar *\/\n }\n #stopButton:hover {\n background-color: #c0392b;\n }\n\n #stopButton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n box-shadow: none;\n }\n\n #retryButton {\n background-color: #3498db; \/* Azul para reintentar *\/\n display: none;\n }\n #retryButton:hover {\n background-color: #2980b9;\n }\n\n \/* Resultado de la tirada *\/\n #result {\n margin-top: 20px; \/* Consistencia en m\u00e1rgenes *\/\n font-size: 1.5em; \/* Tama\u00f1o de fuente del resultado *\/\n font-weight: bold;\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-shadow: 0 0 8px rgba(0,0,0,0.3);\n transition: color 0.3s ease, text-shadow 0.3s ease;\n }\n\n \/* Colores din\u00e1micos para el resultado *\/\n #result.score-high {\n color: #27ae60; \/* Verde *\/\n text-shadow: 0 0 10px rgba(39, 174, 96, 0.8);\n }\n #result.score-medium {\n color: #f39c12; \/* Naranja\/Amarillo *\/\n text-shadow: 0 0 10px rgba(243, 156, 18, 0.8);\n }\n #result.score-low {\n color: #e74c3c; \/* Rojo *\/\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.8);\n }\n\n \/* \u00daltimas tiradas *\/\n #last-scores-container {\n margin-top: 30px;\n border-top: 1px solid #eee;\n padding-top: 20px;\n font-size: 0.95em;\n color: #555;\n width: 100%;\n }\n #last-scores-list {\n list-style: none;\n padding: 0;\n margin: 10px 0 0 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n }\n #last-scores-list li {\n padding: 5px 10px;\n border-radius: 4px;\n font-weight: bold;\n transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;\n }\n\n \/* Colores para las tiradas en la lista *\/\n #last-scores-list li.score-high {\n background-color: #d4edda; border: 1px solid #28a745; color: #155724; \/* Verde suave *\/\n }\n #last-scores-list li.score-medium {\n background-color: #fff3cd; border: 1px solid #ffc107; color: #856404; \/* Amarillo suave *\/\n }\n #last-scores-list li.score-low {\n background-color: #f8d7da; border: 1px solid #dc3545; color: #721c24; \/* Rojo suave *\/\n }\n\n \/* Contador de usos global *\/\n #usage-counter {\n margin-top: 20px;\n font-size: 1em;\n color: #777;\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"juegoDadoHabilidad\">\n <p>Intenta detener la secuencia en el n\u00famero que elijas (que normalmente ser\u00e1 el 20, pero nunca se sabe). La secuencia cambia en cada partida. <b>Cuidado<\/b>, <b>s\u00f3lo tienes 5 segundos<\/b> para apretar el bot\u00f3n. <b>Si se acaba el tiempo, sacar\u00e1s un 1<\/b>. \u00a1Buena suerte! O m\u00e1s bien \u00a1buena habilidad!<\/p>\n <h2>Tira 1d20<\/h2>\n <div id=\"hexagon-container\">\n <\/div>\n <div id=\"turn-timer\" aria-live=\"polite\">Tiempo: <span>Cargando…<\/span><\/div>\n <div class=\"button-group\">\n <button id=\"startButton\" class=\"game-button\">\u00a1Comenzar!<\/button>\n <button id=\"stopButton\" class=\"game-button\">\u00a1Parar!<\/button>\n <button id=\"retryButton\" class=\"game-button\">Jugar de nuevo<\/button>\n <\/div>\n\n <div id=\"result\" aria-live=\"polite\"><\/div>\n <div id=\"last-scores-container\">\n <h3>\u00daltimas 5 tiradas:<\/h3>\n <ul id=\"last-scores-list\">\n <\/ul>\n <\/div>\n <div id=\"usage-counter\">Utilizaciones globales: <span id=\"counter-value\">Cargando…<\/span><\/div>\n <\/div>\n\n <script>\n function inicializarJuegoDadoHabilidad(containerId) {\n const gameContainer = document.getElementById(containerId);\n if (!gameContainer) {\n console.error(`Contenedor de juego no encontrado: ${containerId}`);\n return;\n }\n\n \/\/ Referencias a los elementos del DOM\n const hexagonContainer = gameContainer.querySelector('#hexagon-container');\n const startButton = gameContainer.querySelector('#startButton');\n const stopButton = gameContainer.querySelector('#stopButton');\n const retryButton = gameContainer.querySelector('#retryButton');\n const resultDiv = gameContainer.querySelector('#result');\n const lastScoresList = gameContainer.querySelector('#last-scores-list');\n const counterValueSpan = gameContainer.querySelector('#counter-value');\n const turnTimerDiv = gameContainer.querySelector('#turn-timer');\n const turnTimerSpan = turnTimerDiv.querySelector('span');\n\n\n let gameInterval; \/\/ Para el intervalo de la animaci\u00f3n de hex\u00e1gonos\n let turnTimerInterval; \/\/ Para el temporizador de la tirada\n let currentHexIndex = 0;\n let gameActive = false;\n let timeLeft = 5; \/\/ Tiempo inicial del temporizador de tirada\n const GAME_DURATION_SECONDS = 5; \/\/ Duraci\u00f3n fija de la cuenta atr\u00e1s\n const numbers = Array.from({ length: 20 }, (_, i) => i + 1); \/\/ [1, 2, ..., 20]\n let shuffledSequence = []; \/\/ La secuencia aleatoria para la partida actual\n\n const MAX_LAST_SCORES = 5;\n let lastScores = [];\n\n \/\/ La URL del script PHP.\n const GLOBAL_API_URL = 'https:\/\/www.erekibeon.com\/blog\/contadores\/counternumero.php';\n\n \/\/ Detectar si es un dispositivo m\u00f3vil (para la vibraci\u00f3n)\n const isMobileDevice = \/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\n\n \/\/ Funci\u00f3n para generar la secuencia aleatoria (Fisher-Yates shuffle)\n function generateShuffledSequence() {\n const arr = [...numbers]; \/\/ Copia el array original\n for (let i = arr.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [arr[i], arr[j]] = [arr[j], arr[i]]; \/\/ Intercambio\n }\n shuffledSequence = arr;\n console.log(\"Nueva secuencia para la partida:\", shuffledSequence);\n }\n\n \/\/ Funci\u00f3n para crear los hex\u00e1gonos en el DOM\n function createHexagons() {\n hexagonContainer.innerHTML = ''; \/\/ Limpiar anteriores\n numbers.forEach(num => {\n const hexagon = document.createElement('div');\n hexagon.classList.add('hexagon');\n hexagon.textContent = num;\n hexagon.dataset.number = num; \/\/ Para f\u00e1cil acceso al n\u00famero\n hexagonContainer.appendChild(hexagon);\n });\n }\n\n \/\/ Funci\u00f3n para iluminar el siguiente hex\u00e1gono\n function highlightNextHexagon(numberToHighlight = null) {\n const hexagons = Array.from(hexagonContainer.children);\n\n \/\/ Quitar 'active' de todos los hex\u00e1gonos\n if (hexagons.length > 0) {\n hexagons.forEach(hex => hex.classList.remove('active'));\n }\n\n let numToActivate;\n if (numberToHighlight !== null) {\n numToActivate = numberToHighlight; \/\/ Si se proporciona un n\u00famero, \u00fasalo\n } else {\n numToActivate = shuffledSequence[currentHexIndex]; \/\/ Si no, sigue la secuencia\n currentHexIndex = (currentHexIndex + 1) % shuffledSequence.length; \/\/ Ciclar la secuencia solo si no es un n\u00famero forzado\n }\n\n \/\/ Encontrar y activar el hex\u00e1gono con ese n\u00famero\n const targetHexagon = hexagons.find(hex => parseInt(hex.dataset.number) === numToActivate);\n if (targetHexagon) {\n targetHexagon.classList.add('active');\n }\n\n \/\/ Reinicia el intervalo con un nuevo tiempo aleatorio si el juego sigue activo\n \/\/ y no estamos forzando un n\u00famero (lo que indicar\u00eda que el juego est\u00e1 a punto de parar)\n if (gameActive && numberToHighlight === null) {\n clearInterval(gameInterval); \/\/ Detiene el intervalo actual\n const randomDelay = generateRandomDelay(); \/\/ Genera un nuevo retardo\n gameInterval = setInterval(highlightNextHexagon, randomDelay); \/\/ Inicia un nuevo intervalo\n }\n }\n\n \/\/ Genera un retardo aleatorio entre 50ms y 150ms en tramos de 10ms\n function generateRandomDelay() {\n const minDelayValue = 50; \/\/ 0.05 segundos\n const maxDelayValue = 150; \/\/ 0.15 segundos\n const step = 10; \/\/ Tramos de 10 milisegundos\n\n const numSteps = (maxDelayValue - minDelayValue) \/ step;\n const randomSteps = Math.floor(Math.random() * (numSteps + 1));\n return minDelayValue + (randomSteps * step);\n }\n\n function startGameAnimation() {\n if (gameActive) {\n const initialDelay = generateRandomDelay();\n gameInterval = setInterval(highlightNextHexagon, initialDelay);\n }\n }\n\n \/\/ Funci\u00f3n para iniciar el temporizador de la tirada\n function startTurnTimer() {\n timeLeft = GAME_DURATION_SECONDS;\n turnTimerSpan.textContent = timeLeft;\n turnTimerInterval = setInterval(() => {\n timeLeft--;\n turnTimerSpan.textContent = timeLeft;\n if (timeLeft <= 0) {\n clearInterval(turnTimerInterval);\n if (gameActive) { \/\/ Si el juego a\u00fan est\u00e1 activo (no se ha pulsado parar)\n \/\/ Detener la animaci\u00f3n de hex\u00e1gonos inmediatamente\n clearInterval(gameInterval); \n\n \/\/ Asegurarse de que el '1' se ilumine\n highlightNextHexagon(1); \n \n \/\/ Un peque\u00f1o retardo para que la iluminaci\u00f3n del '1' sea visible antes de detener todo\n setTimeout(() => stopGame(1), 50); \n }\n }\n }, 1000); \/\/ Cada segundo\n }\n\n \/\/ Funci\u00f3n auxiliar para obtener la clase de color seg\u00fan la puntuaci\u00f3n\n function getScoreColorClass(score) {\n if (score >= 15) {\n return 'score-high'; \/\/ Verde (bueno)\n } else if (score >= 8) {\n return 'score-medium'; \/\/ Amarillo (medio)\n } else {\n return 'score-low'; \/\/ Rojo (malo)\n }\n }\n\n \/\/ stopGame ahora acepta un par\u00e1metro 'forcedScore'\n function stopGame(forcedScore = null) {\n clearInterval(gameInterval);\n clearInterval(turnTimerInterval); \/\/ Detener el temporizador de la tirada\n gameActive = false;\n\n stopButton.style.display = 'none';\n startButton.style.display = 'none';\n retryButton.style.display = 'inline-block';\n\n let finalResult;\n if (forcedScore !== null) {\n finalResult = forcedScore; \/\/ Usar la puntuaci\u00f3n forzada (1 en este caso)\n } else {\n const activeHexagon = gameContainer.querySelector('.hexagon.active');\n finalResult = activeHexagon ? parseInt(activeHexagon.dataset.number) : null;\n }\n\n resultDiv.textContent = `Has sacado un ${finalResult || '?'}`;\n\n \/\/ Aplicar clase de color al resultado principal\n resultDiv.className = ''; \/\/ Limpiar clases anteriores\n if (finalResult !== null) {\n resultDiv.classList.add(getScoreColorClass(finalResult));\n }\n\n \/\/ Vibrar si es m\u00f3vil y la API est\u00e1 disponible\n if (isMobileDevice && \"vibrate\" in navigator) {\n navigator.vibrate(50); \/\/ Peque\u00f1a vibraci\u00f3n al detener el juego\n }\n\n \/\/ Incrementar contador global y guardar puntuaci\u00f3n\n if (finalResult !== null) {\n incrementGlobalStats(finalResult);\n }\n\n \/\/ Almacenar la puntuaci\u00f3n en el historial local\n if (finalResult !== null) {\n lastScores.unshift(finalResult);\n if (lastScores.length > MAX_LAST_SCORES) {\n lastScores.pop();\n }\n updateLastScoresDisplay();\n }\n }\n\n \/\/ Funci\u00f3n para obtener las estad\u00edsticas globales del servidor\n async function getGlobalStats() {\n counterValueSpan.textContent = 'Cargando...'; \/\/ Feedback de carga\n try {\n const response = await fetch(GLOBAL_API_URL);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n if (data.success) {\n counterValueSpan.textContent = data.global_count;\n } else {\n console.error('Error al obtener las estad\u00edsticas:', data.message);\n counterValueSpan.textContent = 'Error';\n }\n } catch (error) {\n console.error('No se pudo obtener las estad\u00edsticas globales:', error);\n counterValueSpan.textContent = 'Error';\n }\n }\n\n \/\/ Funci\u00f3n para incrementar el contador global y enviar la puntuaci\u00f3n\n async function incrementGlobalStats(score) {\n try {\n const response = await fetch(GLOBAL_API_URL, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json'\n },\n body: JSON.stringify({ score: score }) \/\/ Enviar la puntuaci\u00f3n en el cuerpo de la solicitud\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n if (data.success) {\n counterValueSpan.textContent = data.global_count; \/\/ Actualizar con el nuevo valor del servidor\n } else {\n console.error('Error al guardar las estad\u00edsticas:', data.message);\n }\n } catch (error) {\n console.error('No se pudieron actualizar las estad\u00edsticas globales:', error);\n }\n }\n\n function updateLastScoresDisplay() {\n lastScoresList.innerHTML = '';\n if (lastScores.length === 0) {\n lastScoresList.innerHTML = '<li>A\u00fan no hay tiradas.<\/li>';\n return;\n }\n lastScores.forEach((s, index) => {\n const li = document.createElement('li');\n li.textContent = `Tirada ${lastScores.length - index}: ${s}`;\n li.classList.add(getScoreColorClass(s)); \/\/ Aplicar clase de color aqu\u00ed\n lastScoresList.appendChild(li);\n });\n }\n\n \/\/ Funci\u00f3n para iniciar el juego\n function startGame() {\n gameActive = true;\n startButton.style.display = 'none';\n stopButton.style.display = 'inline-block'; \/\/ Mostrar bot\u00f3n de parar\n retryButton.style.display = 'none';\n resultDiv.innerHTML = '';\n resultDiv.className = ''; \/\/ Limpiar clases de color\n\n \/\/ Quitar 'active' de todos los hex\u00e1gonos\n Array.from(hexagonContainer.children).forEach(hex => hex.classList.remove('active'));\n\n currentHexIndex = 0; \/\/ Reiniciar el \u00edndice para empezar la secuencia\n startGameAnimation(); \/\/ Iniciar la animaci\u00f3n de hex\u00e1gonos\n startTurnTimer(); \/\/ Iniciar el temporizador de la tirada\n }\n\n function resetGame() {\n clearInterval(gameInterval); \/\/ Detener cualquier animaci\u00f3n de hex\u00e1gonos en curso\n clearInterval(turnTimerInterval); \/\/ Detener el temporizador de la tirada\n gameActive = false;\n\n \/\/ Generar una nueva secuencia aleatoria para la pr\u00f3xima partida\n generateShuffledSequence();\n\n \/\/ Restablecer el estado visual\n Array.from(hexagonContainer.children).forEach(hex => hex.classList.remove('active'));\n resultDiv.innerHTML = '';\n resultDiv.className = ''; \/\/ Limpiar clases de color\n turnTimerSpan.textContent = GAME_DURATION_SECONDS; \/\/ Resetear el texto del temporizador\n\n startButton.style.display = 'inline-block';\n stopButton.style.display = 'none';\n retryButton.style.display = 'none';\n }\n\n \/\/ Inicializaci\u00f3n al cargar el DOM\n document.addEventListener('DOMContentLoaded', () => {\n createHexagons(); \/\/ Crear los elementos de los hex\u00e1gonos\n getGlobalStats(); \/\/ Obtener y mostrar el contador global\n updateLastScoresDisplay(); \/\/ Inicializar la lista de \u00faltimas tiradas\n resetGame(); \/\/ Configura el estado inicial y genera la primera secuencia\n });\n\n \/\/ Asignar eventos a los botones\n startButton.addEventListener('click', startGame);\n stopButton.addEventListener('click', () => stopGame(null)); \/\/ stopGame se llama sin score forzado\n retryButton.addEventListener('click', resetGame);\n }\n\n \/\/ --- Llamada para inicializar el juego ---\n inicializarJuegoDadoHabilidad('juegoDadoHabilidad');\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Juego Habilidad para tirada d20 Intenta detener la secuencia en el n\u00famero que elijas (que normalmente ser\u00e1 el 20, pero nunca se sabe). La secuencia cambia en cada partida. Cuidado, s\u00f3lo tienes 5 segundos para apretar el bot\u00f3n. Si se acaba el tiempo, sacar\u00e1s un 1. \u00a1Buena suerte! O m\u00e1s bien \u00a1buena habilidad! Tira 1d20 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25349","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":15215,"url":"https:\/\/www.erekibeon.com\/blog\/portada-2\/","url_meta":{"origin":25349,"position":0},"title":"Portada","author":"Erek\u00edbeon","date":"13\/10\/2020","format":false,"excerpt":"[tdc_zone type=\"tdc_content\"][vc_row flex_width=\"100%\"][vc_column][vc_raw_html]JTNDaDQlMjBjbGFzcyUzRCUyMmJsb2NrLXRpdGxlJTIyJTNFJTNDc3BhbiUzRUxvJTIwJUMzJUJBbHRpbW8lM0MlMkZzcGFuJTNFJTNDJTJGaDQlM0U=[\/vc_raw_html][td_block_big_grid_2 td_grid_style=\"td-grid-style-4\"][\/vc_column][\/vc_row][vc_row el_class=\"td-ss-row\" tdc_css=\"eyJhbGwiOnsid2lkdGgiOiIxMDAlIiwiZGlzcGxheSI6IiJ9fQ==\"][vc_column width=\"2\/3\"][td_block_1 custom_title=\"Sobre rol\" category_id=\"15\"][tdm_block_icon_box icon_size=\"91\" icon_padding=\"1\" title_tag=\"h3\" title_size=\"tdm-title-md\" button_size=\"tdm-btn-lg\" tds_button=\"tds_button4\" content_align_horizontal=\"content-horiz-center\" tds_icon1-color=\"#ffffff\" title_text=\"JUMyJUJGQSVDMyVCQW4lMjBubyUyMHNhYmVzJTIwbG8lMjBxdWUlMjBlcyUyMHVuJTIwanVlZ28lMjBkZSUyMHJvbCUzRg==\" button_text=\"Te lo explico por aqu\u00ed\" tds_button2-border_radius=\"50\" tds_button2-text_hover_color=\"rgba(34,160,214,0.7)\" tds_button2-border_hover_color=\"rgba(34,160,214,0.7)\" tds_icon_box1-description_bottom_space=\"eyJhbGwiOjQwLCJwaG9uZSI6IjI1In0=\" tds_title1-f_title_font_family=\"521\" tds_title1-f_title_font_size=\"34\" tds_title1-f_title_font_line_height=\"1\" tds_title1-f_title_font_weight=\"300\" tds_icon_box1-f_descr_font_size=\"20\" tds_icon_box1-f_descr_font_weight=\"300\" tdc_css=\"eyJhbGwiOnsiZGlzcGxheSI6IiJ9fQ==\" tds_icon_box1-f_descr_font_line_height=\"1.6\" tds_button2-text_color=\"#22a0d6\" tds_button2-icon_color=\"#22a0d6\" tds_button2-border_color=\"#22a0d6\" tds_button2-icon_hover_color=\"rgba(34,160,214,0.7)\" svg_code=\"JTNDc3ZnJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjA1MTIlMjA1MTIlMjIlMjBzdHlsZSUzRCUyMmhlaWdodCUzQSUyMDEwMHB4JTNCJTIwd2lkdGglM0ExMDBweCUzQiUyMiUzRSUzQ2clMjBjbGFzcyUzRCUyMiUyMiUyMHRyYW5zZm9ybSUzRCUyMnRyYW5zbGF0ZSgwJTJDMCklMjIlMjBzdHlsZSUzRCUyMnRvdWNoLWFjdGlvbiUzQSUyMG5vbmUlM0IlMjIlM0UlM0NwYXRoJTIwZCUzRCUyMk0yNDglMjAyMC4yN0w3Mi4zMyUyMDEzMi41OTglMjAyNDglMjAxMjguNzc1em0xNiUyMDB2MTA4LjUwNWwxNzUuNjclMjAzLjgyM3ptMzcuODQ0JTIwNTUuMDY2YzQuNjQ3LS4xMTIlMjA5Ljc3MiUyMDEuNzYyJTIwMTMuNTc2JTIwMy44MjQlMjA2LjA4MiUyMDMuNTQlMjA4LjIwNSUyMDcuMjQ4JTIwMTUuMDc0JTIwNC4yMiUyMDEwLjY5OC44NDQlMjAyMi4yOTclMjA1Ljc5NCUyMDI3LjU2OCUyMDE1LjY4JTIwNC43MTUlMjA0LjU3NCUyMDEuNTU1JTIwMTIuNjEtNS4xNjclMjAxMi42NS05LjcyLjA2LTE5Ljc0LTYuMDc1LTE0LjU2My04LjMxNCUyMDQuNjUtMi4wMSUyMDE0LjYzNC44ODYlMjAxMC4wMTQtNS41Ni0zLjYzMi00LjQzNS0xMS4wODUtNy43OC0xNi4zNTItNS44OTctMS41OSUyMDYuODEtOS4zODIlMjAzLjk5Ni0xMS45NTUtLjY0My0yLjM1Ny01LjgxNS05LjE1NC04LjE4LTE1LjA4NS03LjkxNi02LjA2JTIwMi43MDMlMjAxLjY3JTIwOC43ODQlMjA1LjM0NCUyMDkuOTM2JTIwNy45MDQlMjAyLjEyNC4yMTclMjA3LjQ1NC00LjA2MiUyMDUuMDctNC4yOC0yLjM4Ni0xNC45OTMtOS42NDUtMTMuNTIzLTE4LjM0JTIwMi4xODgtMy4zMzYlMjA1LjUxNC00LjYyMyUyMDkuMTMtNC43MXptLTk0Ljk4Ny4yOTNjNS41MzQuNTIyJTIwMTIuMzgzJTIwMy4wNiUyMDEwLjIwMiUyMDkuOTc1LTQuMjgyJTIwNi45My05Ljc3OCUyMDEzLjA1Ny0xOC4wNjIlMjAxNC43ODItNi41MTQlMjAzLjM2OC0xNC44ODUlMjA0LjM5Ny0yMS42NDYlMjAxLjg4My0zLjYwNC0yLjI0Ni0xMy40MjctOS4zMjUtMTQuODEtMy4zNTQtLjY2NiUyMDYuMiUyMDMuMDI4JTIwMTUuMzUyLTYuMTA2JTIwMTUuODE2bC01LjAyJTIwMi4wMDZ2LTI0LjQ2YzkuODQyLTMuODc2JTIwMjEuMDM3LTQuNTE2JTIwMzAuMjY2JTIwMS4zMzUlMjA3Ljk3MyUyMDQuMTYlMjAxOS4zOCUyMDEuNTAzJTIwMjQuMjUyLTUuNzgzJTIwMS4zMy02LjQ5NC04LjE2Mi00LjU3LTEyLjI0LTMuMzM2LTIuNjg3LTguMjYlMjA3Ljg3LTcuNDclMjAxMy4xNjMtOC44NjV6bTM1LjAxMiUyMDY5LjI4MmwtMTg2LjQ4JTIwNC4wNiUyMDcxLjIzJTIwMTkyLjkzem0yOC4yNiUyMDBsMTE1LjI1JTIwMTk2Ljk5JTIwNzEuMjMtMTkyLjkzem0tMTQuMTMlMjA3LjUzbC0xMTcuMDc2JTIwMjAwLjExaDIzNC4xNTJ6bTEyMi40JTIwMTguMTMyYzMuODk1LjA0NiUyMDcuOTE0JTIwMS4xNTUlMjAxMC45NDIlMjAyLjk2JTIwMTMuODI4JTIwOC4yMzclMjAyMS40NTUlMjAyNi4xNDUlMjAyMi4wNTYlMjA0Mi45NTYuMDg0JTIwNS42OTgtMS42MTglMjAxMy4yNDYtNS45NjYlMjAxNy4wMTYtMi44NSUyMDEuOTg0LTYuMDI1JTIwMy4xOTgtOS4yNDQlMjA0LjQzMi0xNi44MjQtMS4xOC0yMy45MzItMTkuMjM3LTI5LjcyNy0zMi42MjUtMy40MDUtOS44ODctNS43NzctMjQuMDUlMjAxLjc0LTMxLjMyJTIwMi41MzMtMi40NSUyMDYuMzA1LTMuNDY1JTIwMTAuMi0zLjQyem0tMjI3LjYyNyUyMDcuNzA3YzYuNTI1LjI2JTIwMTIuOTElMjA0Ljk1MyUyMDE0Ljg0NCUyMDExLjMyJTIwMi4wODMlMjAzLjk3NC0uNTYyJTIwMTEuNDQ1LTQuODU3JTIwMTIuMDktNC45LjczNC0zLjc1Ny05LjMxNy05LjM0NC0xMS41NjUtNS44OC0zLjY5LTExLjQ5NSUyMDQuMzQtMTQuMTY2JTIwOC43MDctLjMzLjk2LS42OTUlMjAxLjkxOC0uODk2JTIwMi45MTQlMjAxMC4zOTctNC4wNTclMjAyMC4zMTIlMjA3LjA5MyUyMDIwLjMwNCUyMDE2Ljk1My0uMzEyJTIwMTEuNjctNy44NDMlMjAyNC43NzctMTkuNzA1JTIwMjguMTM0aC01LjU2NGMtMTIuNy0uNzA2LTE4LjI5Ni0xNS44NTMtMTQuMTYzLTI2LjYzJTIwNC40Mi0xNS43ODUlMjAxMC43NzItMzMuOTA0JTIwMjcuMTM0LTQwLjYlMjAyLjA0OC0xLjAwMiUyMDQuMjQtMS40MSUyMDYuNDEzLTEuMzIzem0yMjguNzI1JTIwMi45NWMtNy4wNjYtLjE0OC00LjM4JTIwOS45NTgtMy4zMzglMjAxNC40NTYlMjAxLjU1JTIwMTAuMSUyMDYuNDU4JTIwMTkuNzY2JTIwMTMuMTUlMjAyNy4yOTMlMjAxLjclMjAxLjQxNCUyMDMuNjYzJTIwMi4xMyUyMDUuNzY0JTIwMi43MjclMjA2Ljg2NS0xLjI1NCUyMDQuNDctMTIuODMzJTIwMy43Mi0xNi41MzUtNC43MDctMTAuOTA3LTcuMDU3LTIzLjI4NC0xOS4yOTYtMjcuOTQyek01MiUyMDE4NS45OHYxNzMuMjY2bDYxLjg2LTUuNzAzem00MDglMjAwbC02MS44NiUyMDE2Ny41NjMlMjA2MS44NiUyMDUuNzAzem0tMTE3Ljg4LjY5OGwyOC40NzglMjA2My40OTItMTAuMDE0JTIwNC40NDctMjAuMDI3LTQzLjM2NWMtNi4wMiUyMDMuMDYyLTEyLjk4JTIwOC45NS0xNC41Ni0xLjMwMy0xLjM0NC0zLjk1NSUyMDguNTQ2LTUuMSUyMDguMTUtMTEuOTkzLS4zOTMtNi44OTIlMjAyLjE1NC0xMi4xMjYlMjA3Ljk3Mi0xMS4yOHptLTIwNS44NDclMjAyNC4zYy0yLjMwMi4xNTYtNC40NTMlMjAxLjM5Mi02LjE0OCUyMDMuMTMzLTIuNDE3JTIwNS4wNzctNC4xJTIwMTAuMjY4LTIuNjk1JTIwMTUuOTEzJTIwMS42NjglMjA4LjgwNyUyMDEzLjUxNSUyMDYuNDElMjAxNS41NzYtLjg1JTIwMi42NjMtNC45NzYlMjAzLjg2My0xMS42NS0uNDktMTUuNjk2LTEuNzIyLTEuNjIzLTMuNTE0LTIuMzgtNS4yNDgtMi41LS4zMzUtLjAyNC0uNjY2LS4wMjMtLjk5NSUyMDB6bTMxNy40OCUyMDMzLjY1YzMuNjkuMjYyJTIwNS43ODMlMjA2LjkyNCUyMDQuNzQlMjAxMS4wMzgtLjEzNyUyMDE4LjYyJTIwMS4xNDQlMjAzOS4yMS05LjY3NyUyMDU1LjMyMi0uOTYlMjAxLjI1My0yLjI1OCUyMDEuOTQ2LTMuNjc1JTIwMi41Ni01LjgxLTQuMTctMy4wMS0xMS4zNiUyMDEuMTE0LTE1LjU2NiUyMDEuMDElMjA3LjI5NyUyMDUuNTczLTIuODgyJTIwNi42NzYtNS41NiUyMDEuMzEtMy4xOCUyMDMuNTItMTcuNzUtLjk4My0xMC4yNy42OSUyMDQuMDUtNi44MDUlMjAxMy4xNTQtOS4zOCUyMDguMTE4LTQuOTM3LTE0LjQxLS4wMTctMzAuNDg4JTIwNy4wMjUtNDMuNDM2JTIwMS41MjYtMS42NjclMjAyLjkzMy0yLjI5MiUyMDQuMTYyLTIuMjA1em0tMzkzLjgyMy44NDVjLjU4OC4wODYlMjAxLjM0NCUyMDEuMDMyJTIwMi40NzglMjAzLjU4NHY2MS4xNTZjLTcuMjk3LTcuMDQtMy41NjctMTcuNDItNC40NS0yNi40MDItLjgxNC03LjYwNiUyMDEuNjU1LTE2LjI2NC0xLjI3NC0yMy4xOTMtNC42MjItMS42NzQtNS43OTctMTcuMDQ1LTMuMTc2LTEyLjY3MiUyMDQuNDA3JTIwNC43NjglMjA0LjY1Ny0yLjczJTIwNi40MjItMi40NzJ6bTE2Ni4wMTMlMjA0LjM0YzQuNDYzLjA3NyUyMDguOTMlMjAxLjIyNyUyMDEyLjglMjAzLjMyJTIwOC4xJTIwNC40MjclMjAxMy43NDQlMjAxNC4zNzUlMjAxMC43OTIlMjAyMy41NjgtMi4yNjUlMjA5LjYzNi0xMC42MSUyMDE2LjI0My0xOS4xOTUlMjAyMC4yMDgtNC4wNTglMjAyLjY0NC05LjQ1JTIwNC42MTgtMTEuMjgzJTIwOS40Ni0xLjE5NiUyMDIuOTk0JTIwMjUuMzk2JTIwMS42MiUyMDMwLjI2NyUyMDEuNjIuNDclMjA0LjAwMyUyMDEuNTIlMjAxMC42OC0zLjgxNCUyMDExLjcyNS0xNC41Mi0xLjI1LTI5Ljg4LS42MDYtNDUuMTQtLjYwNi40MzctMTEuMTc2JTIwNy40MjUtMjEuMzUlMjAxNy4wMjMtMjYuODA4JTIwNi45LTQuODc1JTIwMTUuNDM1LTkuMjgzJTIwMTguMS0xNy45MjclMjAxLjc2My00LjQ0LS41Ni05LjI4LTQuNjMyLTExLjQ3LTQuMTU0LTIuODc0LTEwLjk0Ny0yLjM0LTEzLjE3OCUyMDIuNy0xLjk5MiUyMDMuODItNC4zOCUyMDkuMDc1LTguNjU3JTIwOS42MDQtMi44OTMuMzU4LTguOTkuNDc1LTcuMjYzLTQuODczJTIwMS40Ni01LjYzJTIwMy40MTMtMTEuNTY3JTIwOC4yNjMtMTUuMjEzJTIwNC40NS0zLjcyNiUyMDEwLjE4LTUuNDAzJTIwMTUuOTE4LTUuMzA2em01OC41NjUuNTE3YzIuNTQ4LjA0MyUyMDUuMDg4LjQ5NCUyMDcuNDYlMjAxLjM1MiUyMDYuODM1JTIwMi4yJTIwMTIuMDM0JTIwNy45MyUyMDE0LjI5NiUyMDE0LjY1NiUyMDYuMTQlMjAxNC42NyUyMDUuNTc3JTIwMzMuMDI1LTQuNDA3JTIwNDUuODktNC40MzQlMjA0LjcyNi0xMC4xNDclMjA5LjA4NC0xNi45MyUyMDkuMTA0LTEyLjUwNC0uMTUyLTIyLjQ1Mi0xMS4xNzItMjQuODMtMjIuODY1LTMuMTQ1LTEzLjM5LTEuNzg2LTI4LjYxOCUyMDYuOTEzLTM5LjczMyUyMDMuNjg2LTUuNDM1JTIwMTAtOC4yMTIlMjAxNi40MDYtOC4zOTguMzY0LS4wMS43MjgtLjAxMiUyMDEuMDkyLS4wMDZ6bTE2Ni4zODglMjA1Ljc2OGMtLjk5Ny0uMDM3LTIuMDIuOTczLTIuNzc3JTIwMy42ODMtMS42NDUlMjA1Ljg5NS0zLjMyMyUyMDEzLjM5Mi0uNzU1JTIwMTkuMjk4JTIwNS4xLTEuOTkyJTIwNS40Ny05LjYxNyUyMDYuNjc2LTE0LjQzNyUyMDEuMTI3LTMuMzA0LS45NS04LjQ2LTMuMTQ0LTguNTQyem0tMTY1LjgzNCUyMDUuNTkzYy0zLjM4Ni0uMTY3LTYuODI0JTIwMi42Mi04LjMyNCUyMDUuNjQtMi4yNTglMjA0LjE0My0yLjA2NSUyMDkuMDQtMi44MTIlMjAxMy41OTQtLjgxMyUyMDkuMDg0LS4zMyUyMDE5LjIzJTIwNS40NTclMjAyNi43MDdsMi4yMDclMjAxLjQ3MmM0LjkyOCUyMDEuNzglMjA5LjY5NC0yLjE2JTIwMTEuMDctNi43NCUyMDEuOTYyLTYuMjM0JTIwMi4zNC0xMi45JTIwMi40My0xOS40MDctLjIzNS03LjAzNS0xLjQ3LTE0LjkyMi02LjczLTIwLjAxMi0xLjA0NC0uODEzLTIuMTctMS4xOTYtMy4yOTgtMS4yNTJ6bTE0OC45NTQlMjA1LjE1OHY2MS4xNTZsLTQuNDUyJTIwNi42NzJ2LTQyLjI1NGMtNC42MSUyMDcuNDUzLTkuMDI4JTIwOS4wNDQtNi4wNjYtLjkxMiUyMDYuMDU0LTcuMTUlMjA0LjgxLTE3LjQxJTIwMTAuNTE4LTI0LjY2MnptLTM1OS4zNyUyMDEuMTFjLjAyLjA3LjA0My4xNC4wNjMuMjA4JTIwNC41MTMtLjQ5NyUyMDcuMjc2JTIwNy4yNzclMjA5LjEwNCUyMDEwLjg2NS44JTIwMy41NzMlMjA1LjEyJTIwMTcuNzclMjAyLjAzMiUyMDE0Ljc5OC0uMjczLS40NTMtLjUzLS45MTQtLjc5NS0xLjM3bDEuODM3JTIwMy4zYy00LjU5OC0zLjY1Ny02LjM3NS0xMC40ODctNC40NDQtOC4wMjQtMS41NTgtMy4wMTQtMi45Ni02LjA5NS00LjIxOC05LjI0LS4wNiUyMDEuMTgtLjcyNyUyMDIuMTE1LTIuNDY1JTIwMi43OTMtMS4yODclMjAzLjQ5LTEuMjY1JTIwNy4wOC0uNjclMjAxMC42NDUuMi0xLjY3JTIwMS4xNzUtMi4zODQlMjAzLjM4NS0uNzU0JTIwNy44NDIlMjAxMi42MjQlMjAxMi4xNzYlMjAyOS4xMDclMjA3LjI5OCUyMDQzLjQ5OGwtMi4yMjQlMjAxLjExYy0xMC4zNTctNS44My0xMS40MDQtMTkuNDM2LTEzLjQyNy0zMC4wMDMtMS41NTUtMTIuMjktLjc4OC0yNC43MSUyMDIuMy0zNi43MS44MDctLjU0NyUyMDEuNTY3LS44MjglMjAyLjI4NC0uOTA3LS4wMi0uMDctLjA0Mi0uMTM3LS4wNi0uMjA3em0uMDYuMjA4Yy4xMTQuNDE3LjIzNy44MjYuMzY4JTIwMS4yMjUtLjEyLS40MDgtLjI1LS44MTMtLjM2NS0xLjIyNHptMi4wNTIlMjAzMS4wN2MtNC4wNiUyMDQuNjI2LTIuMjYlMjAxMi43OS0uMzc3JTIwMTguNCUyMDEuMTA4JTIwNS41MDclMjA2LjkxNiUyMDEwLjE0JTIwNi4wNTYlMjAxLjUyLS4wNS01LjYzLjE3LTExLjcyNS0zLTE2LjM5LS45Ni0uNTM3LTEuOTA3LTEuODk4LTIuNjc4LTMuNTN6bTY2LjM5NiUyMDY5LjMxN0wyNTYlMjA0OTEuNzNsMTEyLjg0Ni0xMjMuMTc3em0tMjEuMzk0LjMzbC01My43OTclMjA0Ljk2JTIwNjQuMjIzJTIwNDEuMDY1Yy0yLjU1Ni0yLjcwMy00Ljg1Ni01LjcxLTcuMTE4LTguNzYzLTUuMTMyLTYuOTUtMTAuNDY4LTEzLjY1Ny0xOC44OC0xNi42NzItOC43MzYtNi40NDItNC4xOC01LjI3NiUyMDIuOS0yLjUzNy0uOTQ4LTEuODU0LS43MjUtMi42MS4xMjMtMi42NjglMjAyLjE3LS4xNTMlMjA4LjQzJTIwNC4yMjYlMjA5Ljc0JTIwNi4zN2wyNC43MDYlMjAzMS42MDYlMjA2NS4xNSUyMDQxLjY1NnptMjY4LjQ4JTIwMGwtNDIuNDcyJTIwNDYuMzZjNi40MDQtMy4xNDglMjAxMS4zOC04LjUzOCUyMDE3LjA1Ni0xMi40OTMlMjAyLjM5Ni0xLjM0NiUyMDMuNzItMS44OTYlMjA0LjI5NS0xLjg5JTIwMi4wNTUuMDE3LTUuNDMlMjA3LjExNi03LjY4MiUyMDEwLjMzMy05LjQyJTIwOS44MTMtMTYuMDY2JTIwMjMuMDMzLTI4LjY2OCUyMDI5LjExNGwxOC45MTQtMjQuNDZjLTIuMzIlMjAxLjI2LTUuOTQlMjAzLjE5LTguMjElMjA0LjA4NWwtNDAuMjglMjA0My45NjglMjA3NC40NjgtNDcuNjE1YzUuNDgtNi43MTglMjAxLjkwMy01LjUzNy01LjY0LS44OTZsLTExLjQzOCUyMDYuMDE0YzExLjQ2LTEzLjc0NiUyMDI2Ljg1NS0yMy41NjglMjA0MC4wNTMtMzUuNTgyJTIwMy4xNjItMS40OTIlMjA5LjUwMy01LjY2MyUyMDEwLjk4Ni01LjczOC43NzctLjA0LjIyJTIwMS4wNDUtMi44MjQlMjA0LjIyOGwtMTIuNjEzJTIwMTUuOTY1YzEwLjAxLTcuNTMzLjg4NCUyMDMuOTI2LTQuNDUlMjA1LjU2LS42OTUlMjAxLjAxLTEuNDQlMjAxLjk1LTIuMjEyJTIwMi44NjJsNTQuNTEyLTM0Ljg1NnptLTE1OC4yNjUlMjAxNi42NDRjMS4zNTguMDElMjAyLjcxLjEyNSUyMDMuOTk4LjI5NXY0My4zNjVoLTEzLjM1di0zMC4wMmMtNS4wNC0xLjM3OC0xMC40MTclMjAxLjcyMi0xNS4zNC0uMjctMy43NTgtMi45NCUyMDEuMDEtNi44NDYlMjA0LjUyNC01Ljg5JTIwMy4yNzgtLjEyNiUyMDcuNTU2LjE5NyUyMDkuMzI0LTMuMjM0JTIwMi42MzUtMy4zNCUyMDYuNzctNC4yNzQlMjAxMC44NDUtNC4yNDZ6bTMzLjA0OC44MWMuNDY0LS4wMi45NjMuMDM3JTIwMS40OTcuMTg2JTIwMy4xNDcuODElMjA2LjQ2Ni4yNDUlMjA5LjY5NS40MTNoMjUuNDAyYzEuNTAzJTIwMi45OTIuNzUyJTIwNy43NS0zLjMwNSUyMDcuODU1LTMuODkzLjUxLTcuODEtLjM4Mi0xMS42OS4yMTItNC42OTguMTQ2LTkuNzUzLTEuNzczLTE0LjE5OC40MDQtMy4xMjIlMjAxLjY2LTQuMTY1JTIwOC41MDUuOTg4JTIwNi4wNzYlMjAzLjM2Ni0xLjExJTIwNi45MTItMS44MDclMjAxMC40MDgtLjg5JTIwNi45ODQlMjAxLjEwMyUyMDE0Ljk2NiUyMDIuODklMjAxOS4xMjUlMjA5LjE5JTIwMi4wNzYlMjAzLjE1NiUyMDIuNjcyJTIwNy4zMzcuNjMzJTIwMTAuNjctMy42MDIlMjA2LjUyOC0xMS41MzQlMjA4LjQwNy0xOC4yOTUlMjA5Ljc1LTIuMzM3LjQ0My00LjY2JTIwMS40MDQtNy4wMyUyMDEuMjEtNy4yNDUtLjU5My0xNS42MDMtMS4wODMtMjAuNjAzLTcuMTQ0LTIuNjYyLTIuNDk0LTIuNzAzLTcuMDk3JTIwMS45MDMtNi42NiUyMDMuNTctLjE0MiUyMDguNjU3LS40JTIwMTAuMzIyJTIwMy41MDUlMjAzLjI0NyUyMDMuNjYlMjA4LjgzNyUyMDIuOTQlMjAxMy4xMjclMjAxLjk4JTIwMy41ODgtLjQ4MyUyMDcuNTMtMi41NDglMjA3LjU4NC02LjY3My41OS00LjIxLTMuMDc4LTcuMTgtNi44NDQtNy44LTUuODE4LTIuMzY1LTExLjU3JTIwMS40MDUtMTcuMzclMjAxLjgyNy0zLjQ2MyUyMDEuMDQ2LTkuNTc4LjQ4LTguOTM2LTQuNDY1Ljc2LTQuMTg4JTIwMi42NjMtOC4xMDglMjAyLjcxLTEyLjQ2LjA5LTMuMDA1JTIwMS42MzQtNy4wMyUyMDQuODc3LTcuMTg0em0xMzMuNDclMjA0Ljk3NWMtLjIxLS4yNDgtNi45OSUyMDUuNzQ0LTkuOTIlMjA4LjA4bC0xNS43NSUyMDEzLjExOGM4LjU5LTQuMzYzJTIwMTYuNDcyLTkuNjElMjAyMi4yNzUtMTcuNDQ4JTIwMi41NTMtMi42JTIwMy40NzYtMy42NTIlMjAzLjM5NC0zLjc1em0tMjQ3LjAzMiUyMDE0LjE2YzIuMzktLjAyJTIwNy41NDMlMjA0LjY1JTIwOS40NSUyMDcuMDZsMjYuMTElMjAzMS4xMWMtNy43MjItMi4xODItMTMuMjktNy4xOS0xNy42NTMtMTMuNzc3LTYuNDMtNy4zMTYtMTEuMjgyLTE2LjYwNi0yMS4yMTMtMTkuNTQtOC45NDMtNS4wMDItNS4xOC02LjQyJTIwMi4xMzMtMi4yNjQtLjI3My0xLjg1OC4yNC0yLjU4MiUyMDEuMTc0LTIuNTl6JTIyJTIwZmlsbCUzRCUyMiUyM2ZmZiUyMiUyMGZpbGwtb3BhY2l0eSUzRCUyMjElMjIlM0UlM0MlMkZwYXRoJTNFJTNDJTJGZyUzRSUzQyUyRnN2ZyUzRQ==\" button_url=\"https:\/\/www.erekibeon.com\/blog\/de-que-va-esto-del-rol\/\" tds_icon_box=\"tds_icon_box5\" tds_icon_box5-icon_box_meta_position=\"125\" tds_icon_box5-icon_box_container_height=\"323\" tds_button4-background_color=\"rgba(255,255,255,0.8)\" tds_title1-title_color=\"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjZmZmZmZmIiwiY29sb3IyIjoiI2ZmZmZmZiIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTkwIiwiY3NzIjoiYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsiLCJjc3NQYXJhbXMiOiIwZGVnLCNmZmZmZmYsI2ZmZmZmZiJ9\" tds_title1-hover_title_color=\"rgba(255,255,255,0.8)\" tds_icon1-bg_color=\"rgba(30,115,190,0)\" tds_icon_box5-icon_box_wrap_color=\"rgba(0,164,221,0.8)\"\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24232,"url":"https:\/\/www.erekibeon.com\/blog\/portada-movil\/","url_meta":{"origin":25349,"position":1},"title":"Portada m\u00f3vil","author":"Erek\u00edbeon","date":"14\/11\/2024","format":false,"excerpt":"[tdc_zone type=\"tdc_content\"][vc_row flex_width=\"100%\"][vc_column][vc_raw_html]JTNDaDQlMjBjbGFzcyUzRCUyMmJsb2NrLXRpdGxlJTIyJTNFJTNDc3BhbiUzRUxvJTIwJUMzJUJBbHRpbW8lM0MlMkZzcGFuJTNFJTNDJTJGaDQlM0U=[\/vc_raw_html][td_block_big_grid_fl_3 td_grid_style=\"td-grid-style-4\"][\/vc_column][\/vc_row][vc_row el_class=\"td-ss-row\" tdc_css=\"eyJhbGwiOnsid2lkdGgiOiIxMDAlIiwiZGlzcGxheSI6IiJ9LCJwaG9uZSI6eyJ3aWR0aCI6IjEwMCUiLCJkaXNwbGF5IjoiIn19\"][vc_column width=\"2\/3\"][td_block_1 custom_title=\"Sobre rol\" category_id=\"15\"][tdm_block_icon_box icon_size=\"91\" icon_padding=\"1\" title_tag=\"h3\" title_size=\"tdm-title-md\" button_size=\"tdm-btn-lg\" tds_button=\"tds_button4\" content_align_horizontal=\"content-horiz-center\" tds_icon1-color=\"#ffffff\" title_text=\"JUMyJUJGQSVDMyVCQW4lMjBubyUyMHNhYmVzJTIwbG8lMjBxdWUlMjBlcyUyMHVuJTIwanVlZ28lMjBkZSUyMHJvbCUzRg==\" button_text=\"Te lo explico por aqu\u00ed\" tds_button2-border_radius=\"50\" tds_button2-text_hover_color=\"rgba(34,160,214,0.7)\" tds_button2-border_hover_color=\"rgba(34,160,214,0.7)\" tds_icon_box1-description_bottom_space=\"eyJhbGwiOjQwLCJwaG9uZSI6IjI1In0=\" tds_title1-f_title_font_family=\"521\" tds_title1-f_title_font_size=\"34\" tds_title1-f_title_font_line_height=\"1\" tds_title1-f_title_font_weight=\"300\" tds_icon_box1-f_descr_font_size=\"20\" tds_icon_box1-f_descr_font_weight=\"300\" tdc_css=\"eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwaG9uZSI6eyJkaXNwbGF5IjoiIn19\" tds_icon_box1-f_descr_font_line_height=\"1.6\" tds_button2-text_color=\"#22a0d6\" tds_button2-icon_color=\"#22a0d6\" tds_button2-border_color=\"#22a0d6\" tds_button2-icon_hover_color=\"rgba(34,160,214,0.7)\" svg_code=\"JTNDc3ZnJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjA1MTIlMjA1MTIlMjIlMjBzdHlsZSUzRCUyMmhlaWdodCUzQSUyMDEwMHB4JTNCJTIwd2lkdGglM0ExMDBweCUzQiUyMiUzRSUzQ2clMjBjbGFzcyUzRCUyMiUyMiUyMHRyYW5zZm9ybSUzRCUyMnRyYW5zbGF0ZSgwJTJDMCklMjIlMjBzdHlsZSUzRCUyMnRvdWNoLWFjdGlvbiUzQSUyMG5vbmUlM0IlMjIlM0UlM0NwYXRoJTIwZCUzRCUyMk0yNDglMjAyMC4yN0w3Mi4zMyUyMDEzMi41OTglMjAyNDglMjAxMjguNzc1em0xNiUyMDB2MTA4LjUwNWwxNzUuNjclMjAzLjgyM3ptMzcuODQ0JTIwNTUuMDY2YzQuNjQ3LS4xMTIlMjA5Ljc3MiUyMDEuNzYyJTIwMTMuNTc2JTIwMy44MjQlMjA2LjA4MiUyMDMuNTQlMjA4LjIwNSUyMDcuMjQ4JTIwMTUuMDc0JTIwNC4yMiUyMDEwLjY5OC44NDQlMjAyMi4yOTclMjA1Ljc5NCUyMDI3LjU2OCUyMDE1LjY4JTIwNC43MTUlMjA0LjU3NCUyMDEuNTU1JTIwMTIuNjEtNS4xNjclMjAxMi42NS05LjcyLjA2LTE5Ljc0LTYuMDc1LTE0LjU2My04LjMxNCUyMDQuNjUtMi4wMSUyMDE0LjYzNC44ODYlMjAxMC4wMTQtNS41Ni0zLjYzMi00LjQzNS0xMS4wODUtNy43OC0xNi4zNTItNS44OTctMS41OSUyMDYuODEtOS4zODIlMjAzLjk5Ni0xMS45NTUtLjY0My0yLjM1Ny01LjgxNS05LjE1NC04LjE4LTE1LjA4NS03LjkxNi02LjA2JTIwMi43MDMlMjAxLjY3JTIwOC43ODQlMjA1LjM0NCUyMDkuOTM2JTIwNy45MDQlMjAyLjEyNC4yMTclMjA3LjQ1NC00LjA2MiUyMDUuMDctNC4yOC0yLjM4Ni0xNC45OTMtOS42NDUtMTMuNTIzLTE4LjM0JTIwMi4xODgtMy4zMzYlMjA1LjUxNC00LjYyMyUyMDkuMTMtNC43MXptLTk0Ljk4Ny4yOTNjNS41MzQuNTIyJTIwMTIuMzgzJTIwMy4wNiUyMDEwLjIwMiUyMDkuOTc1LTQuMjgyJTIwNi45My05Ljc3OCUyMDEzLjA1Ny0xOC4wNjIlMjAxNC43ODItNi41MTQlMjAzLjM2OC0xNC44ODUlMjA0LjM5Ny0yMS42NDYlMjAxLjg4My0zLjYwNC0yLjI0Ni0xMy40MjctOS4zMjUtMTQuODEtMy4zNTQtLjY2NiUyMDYuMiUyMDMuMDI4JTIwMTUuMzUyLTYuMTA2JTIwMTUuODE2bC01LjAyJTIwMi4wMDZ2LTI0LjQ2YzkuODQyLTMuODc2JTIwMjEuMDM3LTQuNTE2JTIwMzAuMjY2JTIwMS4zMzUlMjA3Ljk3MyUyMDQuMTYlMjAxOS4zOCUyMDEuNTAzJTIwMjQuMjUyLTUuNzgzJTIwMS4zMy02LjQ5NC04LjE2Mi00LjU3LTEyLjI0LTMuMzM2LTIuNjg3LTguMjYlMjA3Ljg3LTcuNDclMjAxMy4xNjMtOC44NjV6bTM1LjAxMiUyMDY5LjI4MmwtMTg2LjQ4JTIwNC4wNiUyMDcxLjIzJTIwMTkyLjkzem0yOC4yNiUyMDBsMTE1LjI1JTIwMTk2Ljk5JTIwNzEuMjMtMTkyLjkzem0tMTQuMTMlMjA3LjUzbC0xMTcuMDc2JTIwMjAwLjExaDIzNC4xNTJ6bTEyMi40JTIwMTguMTMyYzMuODk1LjA0NiUyMDcuOTE0JTIwMS4xNTUlMjAxMC45NDIlMjAyLjk2JTIwMTMuODI4JTIwOC4yMzclMjAyMS40NTUlMjAyNi4xNDUlMjAyMi4wNTYlMjA0Mi45NTYuMDg0JTIwNS42OTgtMS42MTglMjAxMy4yNDYtNS45NjYlMjAxNy4wMTYtMi44NSUyMDEuOTg0LTYuMDI1JTIwMy4xOTgtOS4yNDQlMjA0LjQzMi0xNi44MjQtMS4xOC0yMy45MzItMTkuMjM3LTI5LjcyNy0zMi42MjUtMy40MDUtOS44ODctNS43NzctMjQuMDUlMjAxLjc0LTMxLjMyJTIwMi41MzMtMi40NSUyMDYuMzA1LTMuNDY1JTIwMTAuMi0zLjQyem0tMjI3LjYyNyUyMDcuNzA3YzYuNTI1LjI2JTIwMTIuOTElMjA0Ljk1MyUyMDE0Ljg0NCUyMDExLjMyJTIwMi4wODMlMjAzLjk3NC0uNTYyJTIwMTEuNDQ1LTQuODU3JTIwMTIuMDktNC45LjczNC0zLjc1Ny05LjMxNy05LjM0NC0xMS41NjUtNS44OC0zLjY5LTExLjQ5NSUyMDQuMzQtMTQuMTY2JTIwOC43MDctLjMzLjk2LS42OTUlMjAxLjkxOC0uODk2JTIwMi45MTQlMjAxMC4zOTctNC4wNTclMjAyMC4zMTIlMjA3LjA5MyUyMDIwLjMwNCUyMDE2Ljk1My0uMzEyJTIwMTEuNjctNy44NDMlMjAyNC43NzctMTkuNzA1JTIwMjguMTM0aC01LjU2NGMtMTIuNy0uNzA2LTE4LjI5Ni0xNS44NTMtMTQuMTYzLTI2LjYzJTIwNC40Mi0xNS43ODUlMjAxMC43NzItMzMuOTA0JTIwMjcuMTM0LTQwLjYlMjAyLjA0OC0xLjAwMiUyMDQuMjQtMS40MSUyMDYuNDEzLTEuMzIzem0yMjguNzI1JTIwMi45NWMtNy4wNjYtLjE0OC00LjM4JTIwOS45NTgtMy4zMzglMjAxNC40NTYlMjAxLjU1JTIwMTAuMSUyMDYuNDU4JTIwMTkuNzY2JTIwMTMuMTUlMjAyNy4yOTMlMjAxLjclMjAxLjQxNCUyMDMuNjYzJTIwMi4xMyUyMDUuNzY0JTIwMi43MjclMjA2Ljg2NS0xLjI1NCUyMDQuNDctMTIuODMzJTIwMy43Mi0xNi41MzUtNC43MDctMTAuOTA3LTcuMDU3LTIzLjI4NC0xOS4yOTYtMjcuOTQyek01MiUyMDE4NS45OHYxNzMuMjY2bDYxLjg2LTUuNzAzem00MDglMjAwbC02MS44NiUyMDE2Ny41NjMlMjA2MS44NiUyMDUuNzAzem0tMTE3Ljg4LjY5OGwyOC40NzglMjA2My40OTItMTAuMDE0JTIwNC40NDctMjAuMDI3LTQzLjM2NWMtNi4wMiUyMDMuMDYyLTEyLjk4JTIwOC45NS0xNC41Ni0xLjMwMy0xLjM0NC0zLjk1NSUyMDguNTQ2LTUuMSUyMDguMTUtMTEuOTkzLS4zOTMtNi44OTIlMjAyLjE1NC0xMi4xMjYlMjA3Ljk3Mi0xMS4yOHptLTIwNS44NDclMjAyNC4zYy0yLjMwMi4xNTYtNC40NTMlMjAxLjM5Mi02LjE0OCUyMDMuMTMzLTIuNDE3JTIwNS4wNzctNC4xJTIwMTAuMjY4LTIuNjk1JTIwMTUuOTEzJTIwMS42NjglMjA4LjgwNyUyMDEzLjUxNSUyMDYuNDElMjAxNS41NzYtLjg1JTIwMi42NjMtNC45NzYlMjAzLjg2My0xMS42NS0uNDktMTUuNjk2LTEuNzIyLTEuNjIzLTMuNTE0LTIuMzgtNS4yNDgtMi41LS4zMzUtLjAyNC0uNjY2LS4wMjMtLjk5NSUyMDB6bTMxNy40OCUyMDMzLjY1YzMuNjkuMjYyJTIwNS43ODMlMjA2LjkyNCUyMDQuNzQlMjAxMS4wMzgtLjEzNyUyMDE4LjYyJTIwMS4xNDQlMjAzOS4yMS05LjY3NyUyMDU1LjMyMi0uOTYlMjAxLjI1My0yLjI1OCUyMDEuOTQ2LTMuNjc1JTIwMi41Ni01LjgxLTQuMTctMy4wMS0xMS4zNiUyMDEuMTE0LTE1LjU2NiUyMDEuMDElMjA3LjI5NyUyMDUuNTczLTIuODgyJTIwNi42NzYtNS41NiUyMDEuMzEtMy4xOCUyMDMuNTItMTcuNzUtLjk4My0xMC4yNy42OSUyMDQuMDUtNi44MDUlMjAxMy4xNTQtOS4zOCUyMDguMTE4LTQuOTM3LTE0LjQxLS4wMTctMzAuNDg4JTIwNy4wMjUtNDMuNDM2JTIwMS41MjYtMS42NjclMjAyLjkzMy0yLjI5MiUyMDQuMTYyLTIuMjA1em0tMzkzLjgyMy44NDVjLjU4OC4wODYlMjAxLjM0NCUyMDEuMDMyJTIwMi40NzglMjAzLjU4NHY2MS4xNTZjLTcuMjk3LTcuMDQtMy41NjctMTcuNDItNC40NS0yNi40MDItLjgxNC03LjYwNiUyMDEuNjU1LTE2LjI2NC0xLjI3NC0yMy4xOTMtNC42MjItMS42NzQtNS43OTctMTcuMDQ1LTMuMTc2LTEyLjY3MiUyMDQuNDA3JTIwNC43NjglMjA0LjY1Ny0yLjczJTIwNi40MjItMi40NzJ6bTE2Ni4wMTMlMjA0LjM0YzQuNDYzLjA3NyUyMDguOTMlMjAxLjIyNyUyMDEyLjglMjAzLjMyJTIwOC4xJTIwNC40MjclMjAxMy43NDQlMjAxNC4zNzUlMjAxMC43OTIlMjAyMy41NjgtMi4yNjUlMjA5LjYzNi0xMC42MSUyMDE2LjI0My0xOS4xOTUlMjAyMC4yMDgtNC4wNTglMjAyLjY0NC05LjQ1JTIwNC42MTgtMTEuMjgzJTIwOS40Ni0xLjE5NiUyMDIuOTk0JTIwMjUuMzk2JTIwMS42MiUyMDMwLjI2NyUyMDEuNjIuNDclMjA0LjAwMyUyMDEuNTIlMjAxMC42OC0zLjgxNCUyMDExLjcyNS0xNC41Mi0xLjI1LTI5Ljg4LS42MDYtNDUuMTQtLjYwNi40MzctMTEuMTc2JTIwNy40MjUtMjEuMzUlMjAxNy4wMjMtMjYuODA4JTIwNi45LTQuODc1JTIwMTUuNDM1LTkuMjgzJTIwMTguMS0xNy45MjclMjAxLjc2My00LjQ0LS41Ni05LjI4LTQuNjMyLTExLjQ3LTQuMTU0LTIuODc0LTEwLjk0Ny0yLjM0LTEzLjE3OCUyMDIuNy0xLjk5MiUyMDMuODItNC4zOCUyMDkuMDc1LTguNjU3JTIwOS42MDQtMi44OTMuMzU4LTguOTkuNDc1LTcuMjYzLTQuODczJTIwMS40Ni01LjYzJTIwMy40MTMtMTEuNTY3JTIwOC4yNjMtMTUuMjEzJTIwNC40NS0zLjcyNiUyMDEwLjE4LTUuNDAzJTIwMTUuOTE4LTUuMzA2em01OC41NjUuNTE3YzIuNTQ4LjA0MyUyMDUuMDg4LjQ5NCUyMDcuNDYlMjAxLjM1MiUyMDYuODM1JTIwMi4yJTIwMTIuMDM0JTIwNy45MyUyMDE0LjI5NiUyMDE0LjY1NiUyMDYuMTQlMjAxNC42NyUyMDUuNTc3JTIwMzMuMDI1LTQuNDA3JTIwNDUuODktNC40MzQlMjA0LjcyNi0xMC4xNDclMjA5LjA4NC0xNi45MyUyMDkuMTA0LTEyLjUwNC0uMTUyLTIyLjQ1Mi0xMS4xNzItMjQuODMtMjIuODY1LTMuMTQ1LTEzLjM5LTEuNzg2LTI4LjYxOCUyMDYuOTEzLTM5LjczMyUyMDMuNjg2LTUuNDM1JTIwMTAtOC4yMTIlMjAxNi40MDYtOC4zOTguMzY0LS4wMS43MjgtLjAxMiUyMDEuMDkyLS4wMDZ6bTE2Ni4zODglMjA1Ljc2OGMtLjk5Ny0uMDM3LTIuMDIuOTczLTIuNzc3JTIwMy42ODMtMS42NDUlMjA1Ljg5NS0zLjMyMyUyMDEzLjM5Mi0uNzU1JTIwMTkuMjk4JTIwNS4xLTEuOTkyJTIwNS40Ny05LjYxNyUyMDYuNjc2LTE0LjQzNyUyMDEuMTI3LTMuMzA0LS45NS04LjQ2LTMuMTQ0LTguNTQyem0tMTY1LjgzNCUyMDUuNTkzYy0zLjM4Ni0uMTY3LTYuODI0JTIwMi42Mi04LjMyNCUyMDUuNjQtMi4yNTglMjA0LjE0My0yLjA2NSUyMDkuMDQtMi44MTIlMjAxMy41OTQtLjgxMyUyMDkuMDg0LS4zMyUyMDE5LjIzJTIwNS40NTclMjAyNi43MDdsMi4yMDclMjAxLjQ3MmM0LjkyOCUyMDEuNzglMjA5LjY5NC0yLjE2JTIwMTEuMDctNi43NCUyMDEuOTYyLTYuMjM0JTIwMi4zNC0xMi45JTIwMi40My0xOS40MDctLjIzNS03LjAzNS0xLjQ3LTE0LjkyMi02LjczLTIwLjAxMi0xLjA0NC0uODEzLTIuMTctMS4xOTYtMy4yOTgtMS4yNTJ6bTE0OC45NTQlMjA1LjE1OHY2MS4xNTZsLTQuNDUyJTIwNi42NzJ2LTQyLjI1NGMtNC42MSUyMDcuNDUzLTkuMDI4JTIwOS4wNDQtNi4wNjYtLjkxMiUyMDYuMDU0LTcuMTUlMjA0LjgxLTE3LjQxJTIwMTAuNTE4LTI0LjY2MnptLTM1OS4zNyUyMDEuMTFjLjAyLjA3LjA0My4xNC4wNjMuMjA4JTIwNC41MTMtLjQ5NyUyMDcuMjc2JTIwNy4yNzclMjA5LjEwNCUyMDEwLjg2NS44JTIwMy41NzMlMjA1LjEyJTIwMTcuNzclMjAyLjAzMiUyMDE0Ljc5OC0uMjczLS40NTMtLjUzLS45MTQtLjc5NS0xLjM3bDEuODM3JTIwMy4zYy00LjU5OC0zLjY1Ny02LjM3NS0xMC40ODctNC40NDQtOC4wMjQtMS41NTgtMy4wMTQtMi45Ni02LjA5NS00LjIxOC05LjI0LS4wNiUyMDEuMTgtLjcyNyUyMDIuMTE1LTIuNDY1JTIwMi43OTMtMS4yODclMjAzLjQ5LTEuMjY1JTIwNy4wOC0uNjclMjAxMC42NDUuMi0xLjY3JTIwMS4xNzUtMi4zODQlMjAzLjM4NS0uNzU0JTIwNy44NDIlMjAxMi42MjQlMjAxMi4xNzYlMjAyOS4xMDclMjA3LjI5OCUyMDQzLjQ5OGwtMi4yMjQlMjAxLjExYy0xMC4zNTctNS44My0xMS40MDQtMTkuNDM2LTEzLjQyNy0zMC4wMDMtMS41NTUtMTIuMjktLjc4OC0yNC43MSUyMDIuMy0zNi43MS44MDctLjU0NyUyMDEuNTY3LS44MjglMjAyLjI4NC0uOTA3LS4wMi0uMDctLjA0Mi0uMTM3LS4wNi0uMjA3em0uMDYuMjA4Yy4xMTQuNDE3LjIzNy44MjYuMzY4JTIwMS4yMjUtLjEyLS40MDgtLjI1LS44MTMtLjM2NS0xLjIyNHptMi4wNTIlMjAzMS4wN2MtNC4wNiUyMDQuNjI2LTIuMjYlMjAxMi43OS0uMzc3JTIwMTguNCUyMDEuMTA4JTIwNS41MDclMjA2LjkxNiUyMDEwLjE0JTIwNi4wNTYlMjAxLjUyLS4wNS01LjYzLjE3LTExLjcyNS0zLTE2LjM5LS45Ni0uNTM3LTEuOTA3LTEuODk4LTIuNjc4LTMuNTN6bTY2LjM5NiUyMDY5LjMxN0wyNTYlMjA0OTEuNzNsMTEyLjg0Ni0xMjMuMTc3em0tMjEuMzk0LjMzbC01My43OTclMjA0Ljk2JTIwNjQuMjIzJTIwNDEuMDY1Yy0yLjU1Ni0yLjcwMy00Ljg1Ni01LjcxLTcuMTE4LTguNzYzLTUuMTMyLTYuOTUtMTAuNDY4LTEzLjY1Ny0xOC44OC0xNi42NzItOC43MzYtNi40NDItNC4xOC01LjI3NiUyMDIuOS0yLjUzNy0uOTQ4LTEuODU0LS43MjUtMi42MS4xMjMtMi42NjglMjAyLjE3LS4xNTMlMjA4LjQzJTIwNC4yMjYlMjA5Ljc0JTIwNi4zN2wyNC43MDYlMjAzMS42MDYlMjA2NS4xNSUyMDQxLjY1NnptMjY4LjQ4JTIwMGwtNDIuNDcyJTIwNDYuMzZjNi40MDQtMy4xNDglMjAxMS4zOC04LjUzOCUyMDE3LjA1Ni0xMi40OTMlMjAyLjM5Ni0xLjM0NiUyMDMuNzItMS44OTYlMjA0LjI5NS0xLjg5JTIwMi4wNTUuMDE3LTUuNDMlMjA3LjExNi03LjY4MiUyMDEwLjMzMy05LjQyJTIwOS44MTMtMTYuMDY2JTIwMjMuMDMzLTI4LjY2OCUyMDI5LjExNGwxOC45MTQtMjQuNDZjLTIuMzIlMjAxLjI2LTUuOTQlMjAzLjE5LTguMjElMjA0LjA4NWwtNDAuMjglMjA0My45NjglMjA3NC40NjgtNDcuNjE1YzUuNDgtNi43MTglMjAxLjkwMy01LjUzNy01LjY0LS44OTZsLTExLjQzOCUyMDYuMDE0YzExLjQ2LTEzLjc0NiUyMDI2Ljg1NS0yMy41NjglMjA0MC4wNTMtMzUuNTgyJTIwMy4xNjItMS40OTIlMjA5LjUwMy01LjY2MyUyMDEwLjk4Ni01LjczOC43NzctLjA0LjIyJTIwMS4wNDUtMi44MjQlMjA0LjIyOGwtMTIuNjEzJTIwMTUuOTY1YzEwLjAxLTcuNTMzLjg4NCUyMDMuOTI2LTQuNDUlMjA1LjU2LS42OTUlMjAxLjAxLTEuNDQlMjAxLjk1LTIuMjEyJTIwMi44NjJsNTQuNTEyLTM0Ljg1NnptLTE1OC4yNjUlMjAxNi42NDRjMS4zNTguMDElMjAyLjcxLjEyNSUyMDMuOTk4LjI5NXY0My4zNjVoLTEzLjM1di0zMC4wMmMtNS4wNC0xLjM3OC0xMC40MTclMjAxLjcyMi0xNS4zNC0uMjctMy43NTgtMi45NCUyMDEuMDEtNi44NDYlMjA0LjUyNC01Ljg5JTIwMy4yNzgtLjEyNiUyMDcuNTU2LjE5NyUyMDkuMzI0LTMuMjM0JTIwMi42MzUtMy4zNCUyMDYuNzctNC4yNzQlMjAxMC44NDUtNC4yNDZ6bTMzLjA0OC44MWMuNDY0LS4wMi45NjMuMDM3JTIwMS40OTcuMTg2JTIwMy4xNDcuODElMjA2LjQ2Ni4yNDUlMjA5LjY5NS40MTNoMjUuNDAyYzEuNTAzJTIwMi45OTIuNzUyJTIwNy43NS0zLjMwNSUyMDcuODU1LTMuODkzLjUxLTcuODEtLjM4Mi0xMS42OS4yMTItNC42OTguMTQ2LTkuNzUzLTEuNzczLTE0LjE5OC40MDQtMy4xMjIlMjAxLjY2LTQuMTY1JTIwOC41MDUuOTg4JTIwNi4wNzYlMjAzLjM2Ni0xLjExJTIwNi45MTItMS44MDclMjAxMC40MDgtLjg5JTIwNi45ODQlMjAxLjEwMyUyMDE0Ljk2NiUyMDIuODklMjAxOS4xMjUlMjA5LjE5JTIwMi4wNzYlMjAzLjE1NiUyMDIuNjcyJTIwNy4zMzcuNjMzJTIwMTAuNjctMy42MDIlMjA2LjUyOC0xMS41MzQlMjA4LjQwNy0xOC4yOTUlMjA5Ljc1LTIuMzM3LjQ0My00LjY2JTIwMS40MDQtNy4wMyUyMDEuMjEtNy4yNDUtLjU5My0xNS42MDMtMS4wODMtMjAuNjAzLTcuMTQ0LTIuNjYyLTIuNDk0LTIuNzAzLTcuMDk3JTIwMS45MDMtNi42NiUyMDMuNTctLjE0MiUyMDguNjU3LS40JTIwMTAuMzIyJTIwMy41MDUlMjAzLjI0NyUyMDMuNjYlMjA4LjgzNyUyMDIuOTQlMjAxMy4xMjclMjAxLjk4JTIwMy41ODgtLjQ4MyUyMDcuNTMtMi41NDglMjA3LjU4NC02LjY3My41OS00LjIxLTMuMDc4LTcuMTgtNi44NDQtNy44LTUuODE4LTIuMzY1LTExLjU3JTIwMS40MDUtMTcuMzclMjAxLjgyNy0zLjQ2MyUyMDEuMDQ2LTkuNTc4LjQ4LTguOTM2LTQuNDY1Ljc2LTQuMTg4JTIwMi42NjMtOC4xMDglMjAyLjcxLTEyLjQ2LjA5LTMuMDA1JTIwMS42MzQtNy4wMyUyMDQuODc3LTcuMTg0em0xMzMuNDclMjA0Ljk3NWMtLjIxLS4yNDgtNi45OSUyMDUuNzQ0LTkuOTIlMjA4LjA4bC0xNS43NSUyMDEzLjExOGM4LjU5LTQuMzYzJTIwMTYuNDcyLTkuNjElMjAyMi4yNzUtMTcuNDQ4JTIwMi41NTMtMi42JTIwMy40NzYtMy42NTIlMjAzLjM5NC0zLjc1em0tMjQ3LjAzMiUyMDE0LjE2YzIuMzktLjAyJTIwNy41NDMlMjA0LjY1JTIwOS40NSUyMDcuMDZsMjYuMTElMjAzMS4xMWMtNy43MjItMi4xODItMTMuMjktNy4xOS0xNy42NTMtMTMuNzc3LTYuNDMtNy4zMTYtMTEuMjgyLTE2LjYwNi0yMS4yMTMtMTkuNTQtOC45NDMtNS4wMDItNS4xOC02LjQyJTIwMi4xMzMtMi4yNjQtLjI3My0xLjg1OC4yNC0yLjU4MiUyMDEuMTc0LTIuNTl6JTIyJTIwZmlsbCUzRCUyMiUyM2ZmZiUyMiUyMGZpbGwtb3BhY2l0eSUzRCUyMjElMjIlM0UlM0MlMkZwYXRoJTNFJTNDJTJGZyUzRSUzQyUyRnN2ZyUzRQ==\" button_url=\"https:\/\/www.erekibeon.com\/blog\/de-que-va-esto-del-rol\/\" tds_icon_box=\"tds_icon_box5\" tds_icon_box5-icon_box_meta_position=\"125\" tds_icon_box5-icon_box_container_height=\"323\" tds_button4-background_color=\"rgba(255,255,255,0.8)\" tds_title1-title_color=\"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjZmZmZmZmIiwiY29sb3IyIjoiI2ZmZmZmZiIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTkwIiwiY3NzIjoiYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsiLCJjc3NQYXJhbXMiOiIwZGVnLCNmZmZmZmYsI2ZmZmZmZiJ9\" tds_title1-hover_title_color=\"rgba(255,255,255,0.8)\" tds_icon1-bg_color=\"rgba(30,115,190,0)\" tds_icon_box5-icon_box_wrap_color=\"rgba(0,164,221,0.8)\"\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12531,"url":"https:\/\/www.erekibeon.com\/blog\/de-que-va-esto-del-rol\/","url_meta":{"origin":25349,"position":2},"title":"De qu\u00e9 va esto del rol","author":"Erek\u00edbeon","date":"11\/06\/2015","format":false,"excerpt":"El caso es que puedes encontrar definiciones bastante completas tanto en la Wikipedia como en el mism\u00edsimo Ministerio de Educaci\u00f3n. Pero si prefieres una explicaci\u00f3n m\u00e1s cortita y (espero) m\u00e1s \u201centendible\u201d, lo primero que te dir\u00eda es que \u00e9ste es el aspecto habitual de una partida de rol: Foto realizada\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.erekibeon.com\/blog\/wp-content\/uploads\/master_zps6s7w3xr0.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.erekibeon.com\/blog\/wp-content\/uploads\/master_zps6s7w3xr0.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.erekibeon.com\/blog\/wp-content\/uploads\/master_zps6s7w3xr0.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages\/25349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/comments?post=25349"}],"version-history":[{"count":5,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages\/25349\/revisions"}],"predecessor-version":[{"id":25354,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages\/25349\/revisions\/25354"}],"wp:attachment":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/media?parent=25349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":25349,"date":"2025-07-21T19:32:21","date_gmt":"2025-07-21T17:32:21","guid":{"rendered":"https:\/\/www.erekibeon.com\/blog\/?page_id=25349"},"modified":"2025-07-21T19:32:23","modified_gmt":"2025-07-21T17:32:23","slug":"tira-1d20-con-tu-habilidad","status":"publish","type":"page","link":"https:\/\/www.erekibeon.com\/blog\/tira-1d20-con-tu-habilidad\/","title":{"rendered":"\u00bfQu\u00e9 sacar\u00edas en 1d20 si dependiera de tu habilidad?"},"content":{"rendered":"\n\n\n\n \n \n Juego Habilidad para tirada d20<\/title>\n <style>\n \/* Contenedor principal del juego *\/\n #juegoDadoHabilidad {\n width: 100%;\n max-width: 800px;\n margin: 0 auto;\n background-color: transparent;\n padding: 25px;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\n text-align: center;\n margin-bottom: 40px;\n border: 1px solid rgba(0,0,0,0.1);\n box-sizing: border-box;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n #juegoDadoHabilidad h2 {\n color: #2c3e50;\n margin-top: 0;\n font-size: 2em;\n margin-bottom: 15px;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n }\n\n #juegoDadoHabilidad p {\n margin-bottom: 20px; \/* Consistencia en m\u00e1rgenes *\/\n font-size: 0.9em;\n color: #555;\n line-height: 1.4; \/* Mejora legibilidad *\/\n }\n\n \/* Estilo del temporizador de tirada *\/\n #turn-timer {\n font-size: 1.4em;\n font-weight: bold;\n color: #e74c3c; \/* Rojo *\/\n margin-bottom: 20px; \/* Espacio debajo del temporizador *\/\n min-height: 20px; \/* Para mantener espacio incluso si est\u00e1 vac\u00edo *\/\n }\n\n \/* Contenedor de hex\u00e1gonos *\/\n #hexagon-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n width: 100%;\n padding: 10px;\n box-sizing: border-box;\n margin-bottom: 20px; \/* Consistencia en m\u00e1rgenes *\/\n }\n\n \/* Estilo de los hex\u00e1gonos *\/\n .hexagon {\n position: relative;\n width: 50px; \/* Ancho del hex\u00e1gono *\/\n height: 28px; \/* Altura de la parte central *\/\n background-color: #34495e;\n margin: 15px 5px; \/* Margen vertical y horizontal para separaci\u00f3n *\/\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em; \/* Tama\u00f1o de fuente de los n\u00fameros *\/\n font-weight: bold;\n color: white;\n transition: background-color 0.2s ease, transform 0.1s ease;\n cursor: default;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n }\n\n .hexagon::before,\n .hexagon::after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n border-left: 25px solid transparent; \/* Mitad del ancho *\/\n border-right: 25px solid transparent; \/* Mitad del ancho *\/\n }\n\n .hexagon::before {\n bottom: 100%;\n border-bottom: 14px solid #34495e; \/* Altura de las puntas *\/\n }\n\n .hexagon::after {\n top: 100%;\n border-top: 14px solid #34495e; \/* Altura de las puntas *\/\n }\n\n \/* Hex\u00e1gono iluminado (activo) *\/\n .hexagon.active {\n background-color: #2ecc71; \/* Verde brillante *\/\n transform: scale(1.05);\n box-shadow: 0 0 15px rgba(46, 204, 113, 0.8);\n }\n\n .hexagon.active::before {\n border-bottom-color: #2ecc71;\n }\n\n .hexagon.active::after {\n border-top-color: #2ecc71;\n }\n\n \/* Estilos de botones *\/\n .button-group {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-top: 0;\n min-height: 50px;\n width: 100%;\n }\n\n .game-button {\n padding: 12px 25px;\n font-size: 1.1em;\n cursor: pointer;\n color: white;\n border: none;\n border-radius: 6px;\n transition: background-color 0.3s ease, transform 0.05s ease; \/* M\u00e1s r\u00e1pido para feedback t\u00e1ctil *\/\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n }\n\n .game-button:active {\n transform: translateY(1px) scale(0.98); \/* Ligero hundimiento y escala *\/\n box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n }\n\n #startButton {\n background-color: #1a73e8;\n }\n #startButton:hover {\n background-color: #155bbd;\n }\n\n #stopButton {\n background-color: #e74c3c; \/* Rojo para parar *\/\n }\n #stopButton:hover {\n background-color: #c0392b;\n }\n\n #stopButton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n box-shadow: none;\n }\n\n #retryButton {\n background-color: #3498db; \/* Azul para reintentar *\/\n display: none;\n }\n #retryButton:hover {\n background-color: #2980b9;\n }\n\n \/* Resultado de la tirada *\/\n #result {\n margin-top: 20px; \/* Consistencia en m\u00e1rgenes *\/\n font-size: 1.5em; \/* Tama\u00f1o de fuente del resultado *\/\n font-weight: bold;\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-shadow: 0 0 8px rgba(0,0,0,0.3);\n transition: color 0.3s ease, text-shadow 0.3s ease;\n }\n\n \/* Colores din\u00e1micos para el resultado *\/\n #result.score-high {\n color: #27ae60; \/* Verde *\/\n text-shadow: 0 0 10px rgba(39, 174, 96, 0.8);\n }\n #result.score-medium {\n color: #f39c12; \/* Naranja\/Amarillo *\/\n text-shadow: 0 0 10px rgba(243, 156, 18, 0.8);\n }\n #result.score-low {\n color: #e74c3c; \/* Rojo *\/\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.8);\n }\n\n \/* \u00daltimas tiradas *\/\n #last-scores-container {\n margin-top: 30px;\n border-top: 1px solid #eee;\n padding-top: 20px;\n font-size: 0.95em;\n color: #555;\n width: 100%;\n }\n #last-scores-list {\n list-style: none;\n padding: 0;\n margin: 10px 0 0 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n }\n #last-scores-list li {\n padding: 5px 10px;\n border-radius: 4px;\n font-weight: bold;\n transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;\n }\n\n \/* Colores para las tiradas en la lista *\/\n #last-scores-list li.score-high {\n background-color: #d4edda; border: 1px solid #28a745; color: #155724; \/* Verde suave *\/\n }\n #last-scores-list li.score-medium {\n background-color: #fff3cd; border: 1px solid #ffc107; color: #856404; \/* Amarillo suave *\/\n }\n #last-scores-list li.score-low {\n background-color: #f8d7da; border: 1px solid #dc3545; color: #721c24; \/* Rojo suave *\/\n }\n\n \/* Contador de usos global *\/\n #usage-counter {\n margin-top: 20px;\n font-size: 1em;\n color: #777;\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"juegoDadoHabilidad\">\n <p>Intenta detener la secuencia en el n\u00famero que elijas (que normalmente ser\u00e1 el 20, pero nunca se sabe). La secuencia cambia en cada partida. <b>Cuidado<\/b>, <b>s\u00f3lo tienes 5 segundos<\/b> para apretar el bot\u00f3n. <b>Si se acaba el tiempo, sacar\u00e1s un 1<\/b>. \u00a1Buena suerte! O m\u00e1s bien \u00a1buena habilidad!<\/p>\n <h2>Tira 1d20<\/h2>\n <div id=\"hexagon-container\">\n <\/div>\n <div id=\"turn-timer\" aria-live=\"polite\">Tiempo: <span>Cargando…<\/span><\/div>\n <div class=\"button-group\">\n <button id=\"startButton\" class=\"game-button\">\u00a1Comenzar!<\/button>\n <button id=\"stopButton\" class=\"game-button\">\u00a1Parar!<\/button>\n <button id=\"retryButton\" class=\"game-button\">Jugar de nuevo<\/button>\n <\/div>\n\n <div id=\"result\" aria-live=\"polite\"><\/div>\n <div id=\"last-scores-container\">\n <h3>\u00daltimas 5 tiradas:<\/h3>\n <ul id=\"last-scores-list\">\n <\/ul>\n <\/div>\n <div id=\"usage-counter\">Utilizaciones globales: <span id=\"counter-value\">Cargando…<\/span><\/div>\n <\/div>\n\n <script>\n function inicializarJuegoDadoHabilidad(containerId) {\n const gameContainer = document.getElementById(containerId);\n if (!gameContainer) {\n console.error(`Contenedor de juego no encontrado: ${containerId}`);\n return;\n }\n\n \/\/ Referencias a los elementos del DOM\n const hexagonContainer = gameContainer.querySelector('#hexagon-container');\n const startButton = gameContainer.querySelector('#startButton');\n const stopButton = gameContainer.querySelector('#stopButton');\n const retryButton = gameContainer.querySelector('#retryButton');\n const resultDiv = gameContainer.querySelector('#result');\n const lastScoresList = gameContainer.querySelector('#last-scores-list');\n const counterValueSpan = gameContainer.querySelector('#counter-value');\n const turnTimerDiv = gameContainer.querySelector('#turn-timer');\n const turnTimerSpan = turnTimerDiv.querySelector('span');\n\n\n let gameInterval; \/\/ Para el intervalo de la animaci\u00f3n de hex\u00e1gonos\n let turnTimerInterval; \/\/ Para el temporizador de la tirada\n let currentHexIndex = 0;\n let gameActive = false;\n let timeLeft = 5; \/\/ Tiempo inicial del temporizador de tirada\n const GAME_DURATION_SECONDS = 5; \/\/ Duraci\u00f3n fija de la cuenta atr\u00e1s\n const numbers = Array.from({ length: 20 }, (_, i) => i + 1); \/\/ [1, 2, ..., 20]\n let shuffledSequence = []; \/\/ La secuencia aleatoria para la partida actual\n\n const MAX_LAST_SCORES = 5;\n let lastScores = [];\n\n \/\/ La URL del script PHP.\n const GLOBAL_API_URL = 'https:\/\/www.erekibeon.com\/blog\/contadores\/counternumero.php';\n\n \/\/ Detectar si es un dispositivo m\u00f3vil (para la vibraci\u00f3n)\n const isMobileDevice = \/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\n\n \/\/ Funci\u00f3n para generar la secuencia aleatoria (Fisher-Yates shuffle)\n function generateShuffledSequence() {\n const arr = [...numbers]; \/\/ Copia el array original\n for (let i = arr.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [arr[i], arr[j]] = [arr[j], arr[i]]; \/\/ Intercambio\n }\n shuffledSequence = arr;\n console.log(\"Nueva secuencia para la partida:\", shuffledSequence);\n }\n\n \/\/ Funci\u00f3n para crear los hex\u00e1gonos en el DOM\n function createHexagons() {\n hexagonContainer.innerHTML = ''; \/\/ Limpiar anteriores\n numbers.forEach(num => {\n const hexagon = document.createElement('div');\n hexagon.classList.add('hexagon');\n hexagon.textContent = num;\n hexagon.dataset.number = num; \/\/ Para f\u00e1cil acceso al n\u00famero\n hexagonContainer.appendChild(hexagon);\n });\n }\n\n \/\/ Funci\u00f3n para iluminar el siguiente hex\u00e1gono\n function highlightNextHexagon(numberToHighlight = null) {\n const hexagons = Array.from(hexagonContainer.children);\n\n \/\/ Quitar 'active' de todos los hex\u00e1gonos\n if (hexagons.length > 0) {\n hexagons.forEach(hex => hex.classList.remove('active'));\n }\n\n let numToActivate;\n if (numberToHighlight !== null) {\n numToActivate = numberToHighlight; \/\/ Si se proporciona un n\u00famero, \u00fasalo\n } else {\n numToActivate = shuffledSequence[currentHexIndex]; \/\/ Si no, sigue la secuencia\n currentHexIndex = (currentHexIndex + 1) % shuffledSequence.length; \/\/ Ciclar la secuencia solo si no es un n\u00famero forzado\n }\n\n \/\/ Encontrar y activar el hex\u00e1gono con ese n\u00famero\n const targetHexagon = hexagons.find(hex => parseInt(hex.dataset.number) === numToActivate);\n if (targetHexagon) {\n targetHexagon.classList.add('active');\n }\n\n \/\/ Reinicia el intervalo con un nuevo tiempo aleatorio si el juego sigue activo\n \/\/ y no estamos forzando un n\u00famero (lo que indicar\u00eda que el juego est\u00e1 a punto de parar)\n if (gameActive && numberToHighlight === null) {\n clearInterval(gameInterval); \/\/ Detiene el intervalo actual\n const randomDelay = generateRandomDelay(); \/\/ Genera un nuevo retardo\n gameInterval = setInterval(highlightNextHexagon, randomDelay); \/\/ Inicia un nuevo intervalo\n }\n }\n\n \/\/ Genera un retardo aleatorio entre 50ms y 150ms en tramos de 10ms\n function generateRandomDelay() {\n const minDelayValue = 50; \/\/ 0.05 segundos\n const maxDelayValue = 150; \/\/ 0.15 segundos\n const step = 10; \/\/ Tramos de 10 milisegundos\n\n const numSteps = (maxDelayValue - minDelayValue) \/ step;\n const randomSteps = Math.floor(Math.random() * (numSteps + 1));\n return minDelayValue + (randomSteps * step);\n }\n\n function startGameAnimation() {\n if (gameActive) {\n const initialDelay = generateRandomDelay();\n gameInterval = setInterval(highlightNextHexagon, initialDelay);\n }\n }\n\n \/\/ Funci\u00f3n para iniciar el temporizador de la tirada\n function startTurnTimer() {\n timeLeft = GAME_DURATION_SECONDS;\n turnTimerSpan.textContent = timeLeft;\n turnTimerInterval = setInterval(() => {\n timeLeft--;\n turnTimerSpan.textContent = timeLeft;\n if (timeLeft <= 0) {\n clearInterval(turnTimerInterval);\n if (gameActive) { \/\/ Si el juego a\u00fan est\u00e1 activo (no se ha pulsado parar)\n \/\/ Detener la animaci\u00f3n de hex\u00e1gonos inmediatamente\n clearInterval(gameInterval); \n\n \/\/ Asegurarse de que el '1' se ilumine\n highlightNextHexagon(1); \n \n \/\/ Un peque\u00f1o retardo para que la iluminaci\u00f3n del '1' sea visible antes de detener todo\n setTimeout(() => stopGame(1), 50); \n }\n }\n }, 1000); \/\/ Cada segundo\n }\n\n \/\/ Funci\u00f3n auxiliar para obtener la clase de color seg\u00fan la puntuaci\u00f3n\n function getScoreColorClass(score) {\n if (score >= 15) {\n return 'score-high'; \/\/ Verde (bueno)\n } else if (score >= 8) {\n return 'score-medium'; \/\/ Amarillo (medio)\n } else {\n return 'score-low'; \/\/ Rojo (malo)\n }\n }\n\n \/\/ stopGame ahora acepta un par\u00e1metro 'forcedScore'\n function stopGame(forcedScore = null) {\n clearInterval(gameInterval);\n clearInterval(turnTimerInterval); \/\/ Detener el temporizador de la tirada\n gameActive = false;\n\n stopButton.style.display = 'none';\n startButton.style.display = 'none';\n retryButton.style.display = 'inline-block';\n\n let finalResult;\n if (forcedScore !== null) {\n finalResult = forcedScore; \/\/ Usar la puntuaci\u00f3n forzada (1 en este caso)\n } else {\n const activeHexagon = gameContainer.querySelector('.hexagon.active');\n finalResult = activeHexagon ? parseInt(activeHexagon.dataset.number) : null;\n }\n\n resultDiv.textContent = `Has sacado un ${finalResult || '?'}`;\n\n \/\/ Aplicar clase de color al resultado principal\n resultDiv.className = ''; \/\/ Limpiar clases anteriores\n if (finalResult !== null) {\n resultDiv.classList.add(getScoreColorClass(finalResult));\n }\n\n \/\/ Vibrar si es m\u00f3vil y la API est\u00e1 disponible\n if (isMobileDevice && \"vibrate\" in navigator) {\n navigator.vibrate(50); \/\/ Peque\u00f1a vibraci\u00f3n al detener el juego\n }\n\n \/\/ Incrementar contador global y guardar puntuaci\u00f3n\n if (finalResult !== null) {\n incrementGlobalStats(finalResult);\n }\n\n \/\/ Almacenar la puntuaci\u00f3n en el historial local\n if (finalResult !== null) {\n lastScores.unshift(finalResult);\n if (lastScores.length > MAX_LAST_SCORES) {\n lastScores.pop();\n }\n updateLastScoresDisplay();\n }\n }\n\n \/\/ Funci\u00f3n para obtener las estad\u00edsticas globales del servidor\n async function getGlobalStats() {\n counterValueSpan.textContent = 'Cargando...'; \/\/ Feedback de carga\n try {\n const response = await fetch(GLOBAL_API_URL);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n if (data.success) {\n counterValueSpan.textContent = data.global_count;\n } else {\n console.error('Error al obtener las estad\u00edsticas:', data.message);\n counterValueSpan.textContent = 'Error';\n }\n } catch (error) {\n console.error('No se pudo obtener las estad\u00edsticas globales:', error);\n counterValueSpan.textContent = 'Error';\n }\n }\n\n \/\/ Funci\u00f3n para incrementar el contador global y enviar la puntuaci\u00f3n\n async function incrementGlobalStats(score) {\n try {\n const response = await fetch(GLOBAL_API_URL, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json'\n },\n body: JSON.stringify({ score: score }) \/\/ Enviar la puntuaci\u00f3n en el cuerpo de la solicitud\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n if (data.success) {\n counterValueSpan.textContent = data.global_count; \/\/ Actualizar con el nuevo valor del servidor\n } else {\n console.error('Error al guardar las estad\u00edsticas:', data.message);\n }\n } catch (error) {\n console.error('No se pudieron actualizar las estad\u00edsticas globales:', error);\n }\n }\n\n function updateLastScoresDisplay() {\n lastScoresList.innerHTML = '';\n if (lastScores.length === 0) {\n lastScoresList.innerHTML = '<li>A\u00fan no hay tiradas.<\/li>';\n return;\n }\n lastScores.forEach((s, index) => {\n const li = document.createElement('li');\n li.textContent = `Tirada ${lastScores.length - index}: ${s}`;\n li.classList.add(getScoreColorClass(s)); \/\/ Aplicar clase de color aqu\u00ed\n lastScoresList.appendChild(li);\n });\n }\n\n \/\/ Funci\u00f3n para iniciar el juego\n function startGame() {\n gameActive = true;\n startButton.style.display = 'none';\n stopButton.style.display = 'inline-block'; \/\/ Mostrar bot\u00f3n de parar\n retryButton.style.display = 'none';\n resultDiv.innerHTML = '';\n resultDiv.className = ''; \/\/ Limpiar clases de color\n\n \/\/ Quitar 'active' de todos los hex\u00e1gonos\n Array.from(hexagonContainer.children).forEach(hex => hex.classList.remove('active'));\n\n currentHexIndex = 0; \/\/ Reiniciar el \u00edndice para empezar la secuencia\n startGameAnimation(); \/\/ Iniciar la animaci\u00f3n de hex\u00e1gonos\n startTurnTimer(); \/\/ Iniciar el temporizador de la tirada\n }\n\n function resetGame() {\n clearInterval(gameInterval); \/\/ Detener cualquier animaci\u00f3n de hex\u00e1gonos en curso\n clearInterval(turnTimerInterval); \/\/ Detener el temporizador de la tirada\n gameActive = false;\n\n \/\/ Generar una nueva secuencia aleatoria para la pr\u00f3xima partida\n generateShuffledSequence();\n\n \/\/ Restablecer el estado visual\n Array.from(hexagonContainer.children).forEach(hex => hex.classList.remove('active'));\n resultDiv.innerHTML = '';\n resultDiv.className = ''; \/\/ Limpiar clases de color\n turnTimerSpan.textContent = GAME_DURATION_SECONDS; \/\/ Resetear el texto del temporizador\n\n startButton.style.display = 'inline-block';\n stopButton.style.display = 'none';\n retryButton.style.display = 'none';\n }\n\n \/\/ Inicializaci\u00f3n al cargar el DOM\n document.addEventListener('DOMContentLoaded', () => {\n createHexagons(); \/\/ Crear los elementos de los hex\u00e1gonos\n getGlobalStats(); \/\/ Obtener y mostrar el contador global\n updateLastScoresDisplay(); \/\/ Inicializar la lista de \u00faltimas tiradas\n resetGame(); \/\/ Configura el estado inicial y genera la primera secuencia\n });\n\n \/\/ Asignar eventos a los botones\n startButton.addEventListener('click', startGame);\n stopButton.addEventListener('click', () => stopGame(null)); \/\/ stopGame se llama sin score forzado\n retryButton.addEventListener('click', resetGame);\n }\n\n \/\/ --- Llamada para inicializar el juego ---\n inicializarJuegoDadoHabilidad('juegoDadoHabilidad');\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Juego Habilidad para tirada d20 Intenta detener la secuencia en el n\u00famero que elijas (que normalmente ser\u00e1 el 20, pero nunca se sabe). La secuencia cambia en cada partida. Cuidado, s\u00f3lo tienes 5 segundos para apretar el bot\u00f3n. Si se acaba el tiempo, sacar\u00e1s un 1. \u00a1Buena suerte! O m\u00e1s bien \u00a1buena habilidad! Tira 1d20 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25349","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":15215,"url":"https:\/\/www.erekibeon.com\/blog\/portada-2\/","url_meta":{"origin":25349,"position":0},"title":"Portada","author":"Erek\u00edbeon","date":"13\/10\/2020","format":false,"excerpt":"[tdc_zone type=\"tdc_content\"][vc_row flex_width=\"100%\"][vc_column][vc_raw_html]JTNDaDQlMjBjbGFzcyUzRCUyMmJsb2NrLXRpdGxlJTIyJTNFJTNDc3BhbiUzRUxvJTIwJUMzJUJBbHRpbW8lM0MlMkZzcGFuJTNFJTNDJTJGaDQlM0U=[\/vc_raw_html][td_block_big_grid_2 td_grid_style=\"td-grid-style-4\"][\/vc_column][\/vc_row][vc_row el_class=\"td-ss-row\" tdc_css=\"eyJhbGwiOnsid2lkdGgiOiIxMDAlIiwiZGlzcGxheSI6IiJ9fQ==\"][vc_column width=\"2\/3\"][td_block_1 custom_title=\"Sobre rol\" category_id=\"15\"][tdm_block_icon_box icon_size=\"91\" icon_padding=\"1\" title_tag=\"h3\" title_size=\"tdm-title-md\" button_size=\"tdm-btn-lg\" tds_button=\"tds_button4\" content_align_horizontal=\"content-horiz-center\" tds_icon1-color=\"#ffffff\" title_text=\"JUMyJUJGQSVDMyVCQW4lMjBubyUyMHNhYmVzJTIwbG8lMjBxdWUlMjBlcyUyMHVuJTIwanVlZ28lMjBkZSUyMHJvbCUzRg==\" button_text=\"Te lo explico por aqu\u00ed\" tds_button2-border_radius=\"50\" tds_button2-text_hover_color=\"rgba(34,160,214,0.7)\" tds_button2-border_hover_color=\"rgba(34,160,214,0.7)\" tds_icon_box1-description_bottom_space=\"eyJhbGwiOjQwLCJwaG9uZSI6IjI1In0=\" tds_title1-f_title_font_family=\"521\" tds_title1-f_title_font_size=\"34\" tds_title1-f_title_font_line_height=\"1\" tds_title1-f_title_font_weight=\"300\" tds_icon_box1-f_descr_font_size=\"20\" tds_icon_box1-f_descr_font_weight=\"300\" tdc_css=\"eyJhbGwiOnsiZGlzcGxheSI6IiJ9fQ==\" tds_icon_box1-f_descr_font_line_height=\"1.6\" tds_button2-text_color=\"#22a0d6\" tds_button2-icon_color=\"#22a0d6\" tds_button2-border_color=\"#22a0d6\" tds_button2-icon_hover_color=\"rgba(34,160,214,0.7)\" svg_code=\"JTNDc3ZnJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjA1MTIlMjA1MTIlMjIlMjBzdHlsZSUzRCUyMmhlaWdodCUzQSUyMDEwMHB4JTNCJTIwd2lkdGglM0ExMDBweCUzQiUyMiUzRSUzQ2clMjBjbGFzcyUzRCUyMiUyMiUyMHRyYW5zZm9ybSUzRCUyMnRyYW5zbGF0ZSgwJTJDMCklMjIlMjBzdHlsZSUzRCUyMnRvdWNoLWFjdGlvbiUzQSUyMG5vbmUlM0IlMjIlM0UlM0NwYXRoJTIwZCUzRCUyMk0yNDglMjAyMC4yN0w3Mi4zMyUyMDEzMi41OTglMjAyNDglMjAxMjguNzc1em0xNiUyMDB2MTA4LjUwNWwxNzUuNjclMjAzLjgyM3ptMzcuODQ0JTIwNTUuMDY2YzQuNjQ3LS4xMTIlMjA5Ljc3MiUyMDEuNzYyJTIwMTMuNTc2JTIwMy44MjQlMjA2LjA4MiUyMDMuNTQlMjA4LjIwNSUyMDcuMjQ4JTIwMTUuMDc0JTIwNC4yMiUyMDEwLjY5OC44NDQlMjAyMi4yOTclMjA1Ljc5NCUyMDI3LjU2OCUyMDE1LjY4JTIwNC43MTUlMjA0LjU3NCUyMDEuNTU1JTIwMTIuNjEtNS4xNjclMjAxMi42NS05LjcyLjA2LTE5Ljc0LTYuMDc1LTE0LjU2My04LjMxNCUyMDQuNjUtMi4wMSUyMDE0LjYzNC44ODYlMjAxMC4wMTQtNS41Ni0zLjYzMi00LjQzNS0xMS4wODUtNy43OC0xNi4zNTItNS44OTctMS41OSUyMDYuODEtOS4zODIlMjAzLjk5Ni0xMS45NTUtLjY0My0yLjM1Ny01LjgxNS05LjE1NC04LjE4LTE1LjA4NS03LjkxNi02LjA2JTIwMi43MDMlMjAxLjY3JTIwOC43ODQlMjA1LjM0NCUyMDkuOTM2JTIwNy45MDQlMjAyLjEyNC4yMTclMjA3LjQ1NC00LjA2MiUyMDUuMDctNC4yOC0yLjM4Ni0xNC45OTMtOS42NDUtMTMuNTIzLTE4LjM0JTIwMi4xODgtMy4zMzYlMjA1LjUxNC00LjYyMyUyMDkuMTMtNC43MXptLTk0Ljk4Ny4yOTNjNS41MzQuNTIyJTIwMTIuMzgzJTIwMy4wNiUyMDEwLjIwMiUyMDkuOTc1LTQuMjgyJTIwNi45My05Ljc3OCUyMDEzLjA1Ny0xOC4wNjIlMjAxNC43ODItNi41MTQlMjAzLjM2OC0xNC44ODUlMjA0LjM5Ny0yMS42NDYlMjAxLjg4My0zLjYwNC0yLjI0Ni0xMy40MjctOS4zMjUtMTQuODEtMy4zNTQtLjY2NiUyMDYuMiUyMDMuMDI4JTIwMTUuMzUyLTYuMTA2JTIwMTUuODE2bC01LjAyJTIwMi4wMDZ2LTI0LjQ2YzkuODQyLTMuODc2JTIwMjEuMDM3LTQuNTE2JTIwMzAuMjY2JTIwMS4zMzUlMjA3Ljk3MyUyMDQuMTYlMjAxOS4zOCUyMDEuNTAzJTIwMjQuMjUyLTUuNzgzJTIwMS4zMy02LjQ5NC04LjE2Mi00LjU3LTEyLjI0LTMuMzM2LTIuNjg3LTguMjYlMjA3Ljg3LTcuNDclMjAxMy4xNjMtOC44NjV6bTM1LjAxMiUyMDY5LjI4MmwtMTg2LjQ4JTIwNC4wNiUyMDcxLjIzJTIwMTkyLjkzem0yOC4yNiUyMDBsMTE1LjI1JTIwMTk2Ljk5JTIwNzEuMjMtMTkyLjkzem0tMTQuMTMlMjA3LjUzbC0xMTcuMDc2JTIwMjAwLjExaDIzNC4xNTJ6bTEyMi40JTIwMTguMTMyYzMuODk1LjA0NiUyMDcuOTE0JTIwMS4xNTUlMjAxMC45NDIlMjAyLjk2JTIwMTMuODI4JTIwOC4yMzclMjAyMS40NTUlMjAyNi4xNDUlMjAyMi4wNTYlMjA0Mi45NTYuMDg0JTIwNS42OTgtMS42MTglMjAxMy4yNDYtNS45NjYlMjAxNy4wMTYtMi44NSUyMDEuOTg0LTYuMDI1JTIwMy4xOTgtOS4yNDQlMjA0LjQzMi0xNi44MjQtMS4xOC0yMy45MzItMTkuMjM3LTI5LjcyNy0zMi42MjUtMy40MDUtOS44ODctNS43NzctMjQuMDUlMjAxLjc0LTMxLjMyJTIwMi41MzMtMi40NSUyMDYuMzA1LTMuNDY1JTIwMTAuMi0zLjQyem0tMjI3LjYyNyUyMDcuNzA3YzYuNTI1LjI2JTIwMTIuOTElMjA0Ljk1MyUyMDE0Ljg0NCUyMDExLjMyJTIwMi4wODMlMjAzLjk3NC0uNTYyJTIwMTEuNDQ1LTQuODU3JTIwMTIuMDktNC45LjczNC0zLjc1Ny05LjMxNy05LjM0NC0xMS41NjUtNS44OC0zLjY5LTExLjQ5NSUyMDQuMzQtMTQuMTY2JTIwOC43MDctLjMzLjk2LS42OTUlMjAxLjkxOC0uODk2JTIwMi45MTQlMjAxMC4zOTctNC4wNTclMjAyMC4zMTIlMjA3LjA5MyUyMDIwLjMwNCUyMDE2Ljk1My0uMzEyJTIwMTEuNjctNy44NDMlMjAyNC43NzctMTkuNzA1JTIwMjguMTM0aC01LjU2NGMtMTIuNy0uNzA2LTE4LjI5Ni0xNS44NTMtMTQuMTYzLTI2LjYzJTIwNC40Mi0xNS43ODUlMjAxMC43NzItMzMuOTA0JTIwMjcuMTM0LTQwLjYlMjAyLjA0OC0xLjAwMiUyMDQuMjQtMS40MSUyMDYuNDEzLTEuMzIzem0yMjguNzI1JTIwMi45NWMtNy4wNjYtLjE0OC00LjM4JTIwOS45NTgtMy4zMzglMjAxNC40NTYlMjAxLjU1JTIwMTAuMSUyMDYuNDU4JTIwMTkuNzY2JTIwMTMuMTUlMjAyNy4yOTMlMjAxLjclMjAxLjQxNCUyMDMuNjYzJTIwMi4xMyUyMDUuNzY0JTIwMi43MjclMjA2Ljg2NS0xLjI1NCUyMDQuNDctMTIuODMzJTIwMy43Mi0xNi41MzUtNC43MDctMTAuOTA3LTcuMDU3LTIzLjI4NC0xOS4yOTYtMjcuOTQyek01MiUyMDE4NS45OHYxNzMuMjY2bDYxLjg2LTUuNzAzem00MDglMjAwbC02MS44NiUyMDE2Ny41NjMlMjA2MS44NiUyMDUuNzAzem0tMTE3Ljg4LjY5OGwyOC40NzglMjA2My40OTItMTAuMDE0JTIwNC40NDctMjAuMDI3LTQzLjM2NWMtNi4wMiUyMDMuMDYyLTEyLjk4JTIwOC45NS0xNC41Ni0xLjMwMy0xLjM0NC0zLjk1NSUyMDguNTQ2LTUuMSUyMDguMTUtMTEuOTkzLS4zOTMtNi44OTIlMjAyLjE1NC0xMi4xMjYlMjA3Ljk3Mi0xMS4yOHptLTIwNS44NDclMjAyNC4zYy0yLjMwMi4xNTYtNC40NTMlMjAxLjM5Mi02LjE0OCUyMDMuMTMzLTIuNDE3JTIwNS4wNzctNC4xJTIwMTAuMjY4LTIuNjk1JTIwMTUuOTEzJTIwMS42NjglMjA4LjgwNyUyMDEzLjUxNSUyMDYuNDElMjAxNS41NzYtLjg1JTIwMi42NjMtNC45NzYlMjAzLjg2My0xMS42NS0uNDktMTUuNjk2LTEuNzIyLTEuNjIzLTMuNTE0LTIuMzgtNS4yNDgtMi41LS4zMzUtLjAyNC0uNjY2LS4wMjMtLjk5NSUyMDB6bTMxNy40OCUyMDMzLjY1YzMuNjkuMjYyJTIwNS43ODMlMjA2LjkyNCUyMDQuNzQlMjAxMS4wMzgtLjEzNyUyMDE4LjYyJTIwMS4xNDQlMjAzOS4yMS05LjY3NyUyMDU1LjMyMi0uOTYlMjAxLjI1My0yLjI1OCUyMDEuOTQ2LTMuNjc1JTIwMi41Ni01LjgxLTQuMTctMy4wMS0xMS4zNiUyMDEuMTE0LTE1LjU2NiUyMDEuMDElMjA3LjI5NyUyMDUuNTczLTIuODgyJTIwNi42NzYtNS41NiUyMDEuMzEtMy4xOCUyMDMuNTItMTcuNzUtLjk4My0xMC4yNy42OSUyMDQuMDUtNi44MDUlMjAxMy4xNTQtOS4zOCUyMDguMTE4LTQuOTM3LTE0LjQxLS4wMTctMzAuNDg4JTIwNy4wMjUtNDMuNDM2JTIwMS41MjYtMS42NjclMjAyLjkzMy0yLjI5MiUyMDQuMTYyLTIuMjA1em0tMzkzLjgyMy44NDVjLjU4OC4wODYlMjAxLjM0NCUyMDEuMDMyJTIwMi40NzglMjAzLjU4NHY2MS4xNTZjLTcuMjk3LTcuMDQtMy41NjctMTcuNDItNC40NS0yNi40MDItLjgxNC03LjYwNiUyMDEuNjU1LTE2LjI2NC0xLjI3NC0yMy4xOTMtNC42MjItMS42NzQtNS43OTctMTcuMDQ1LTMuMTc2LTEyLjY3MiUyMDQuNDA3JTIwNC43NjglMjA0LjY1Ny0yLjczJTIwNi40MjItMi40NzJ6bTE2Ni4wMTMlMjA0LjM0YzQuNDYzLjA3NyUyMDguOTMlMjAxLjIyNyUyMDEyLjglMjAzLjMyJTIwOC4xJTIwNC40MjclMjAxMy43NDQlMjAxNC4zNzUlMjAxMC43OTIlMjAyMy41NjgtMi4yNjUlMjA5LjYzNi0xMC42MSUyMDE2LjI0My0xOS4xOTUlMjAyMC4yMDgtNC4wNTglMjAyLjY0NC05LjQ1JTIwNC42MTgtMTEuMjgzJTIwOS40Ni0xLjE5NiUyMDIuOTk0JTIwMjUuMzk2JTIwMS42MiUyMDMwLjI2NyUyMDEuNjIuNDclMjA0LjAwMyUyMDEuNTIlMjAxMC42OC0zLjgxNCUyMDExLjcyNS0xNC41Mi0xLjI1LTI5Ljg4LS42MDYtNDUuMTQtLjYwNi40MzctMTEuMTc2JTIwNy40MjUtMjEuMzUlMjAxNy4wMjMtMjYuODA4JTIwNi45LTQuODc1JTIwMTUuNDM1LTkuMjgzJTIwMTguMS0xNy45MjclMjAxLjc2My00LjQ0LS41Ni05LjI4LTQuNjMyLTExLjQ3LTQuMTU0LTIuODc0LTEwLjk0Ny0yLjM0LTEzLjE3OCUyMDIuNy0xLjk5MiUyMDMuODItNC4zOCUyMDkuMDc1LTguNjU3JTIwOS42MDQtMi44OTMuMzU4LTguOTkuNDc1LTcuMjYzLTQuODczJTIwMS40Ni01LjYzJTIwMy40MTMtMTEuNTY3JTIwOC4yNjMtMTUuMjEzJTIwNC40NS0zLjcyNiUyMDEwLjE4LTUuNDAzJTIwMTUuOTE4LTUuMzA2em01OC41NjUuNTE3YzIuNTQ4LjA0MyUyMDUuMDg4LjQ5NCUyMDcuNDYlMjAxLjM1MiUyMDYuODM1JTIwMi4yJTIwMTIuMDM0JTIwNy45MyUyMDE0LjI5NiUyMDE0LjY1NiUyMDYuMTQlMjAxNC42NyUyMDUuNTc3JTIwMzMuMDI1LTQuNDA3JTIwNDUuODktNC40MzQlMjA0LjcyNi0xMC4xNDclMjA5LjA4NC0xNi45MyUyMDkuMTA0LTEyLjUwNC0uMTUyLTIyLjQ1Mi0xMS4xNzItMjQuODMtMjIuODY1LTMuMTQ1LTEzLjM5LTEuNzg2LTI4LjYxOCUyMDYuOTEzLTM5LjczMyUyMDMuNjg2LTUuNDM1JTIwMTAtOC4yMTIlMjAxNi40MDYtOC4zOTguMzY0LS4wMS43MjgtLjAxMiUyMDEuMDkyLS4wMDZ6bTE2Ni4zODglMjA1Ljc2OGMtLjk5Ny0uMDM3LTIuMDIuOTczLTIuNzc3JTIwMy42ODMtMS42NDUlMjA1Ljg5NS0zLjMyMyUyMDEzLjM5Mi0uNzU1JTIwMTkuMjk4JTIwNS4xLTEuOTkyJTIwNS40Ny05LjYxNyUyMDYuNjc2LTE0LjQzNyUyMDEuMTI3LTMuMzA0LS45NS04LjQ2LTMuMTQ0LTguNTQyem0tMTY1LjgzNCUyMDUuNTkzYy0zLjM4Ni0uMTY3LTYuODI0JTIwMi42Mi04LjMyNCUyMDUuNjQtMi4yNTglMjA0LjE0My0yLjA2NSUyMDkuMDQtMi44MTIlMjAxMy41OTQtLjgxMyUyMDkuMDg0LS4zMyUyMDE5LjIzJTIwNS40NTclMjAyNi43MDdsMi4yMDclMjAxLjQ3MmM0LjkyOCUyMDEuNzglMjA5LjY5NC0yLjE2JTIwMTEuMDctNi43NCUyMDEuOTYyLTYuMjM0JTIwMi4zNC0xMi45JTIwMi40My0xOS40MDctLjIzNS03LjAzNS0xLjQ3LTE0LjkyMi02LjczLTIwLjAxMi0xLjA0NC0uODEzLTIuMTctMS4xOTYtMy4yOTgtMS4yNTJ6bTE0OC45NTQlMjA1LjE1OHY2MS4xNTZsLTQuNDUyJTIwNi42NzJ2LTQyLjI1NGMtNC42MSUyMDcuNDUzLTkuMDI4JTIwOS4wNDQtNi4wNjYtLjkxMiUyMDYuMDU0LTcuMTUlMjA0LjgxLTE3LjQxJTIwMTAuNTE4LTI0LjY2MnptLTM1OS4zNyUyMDEuMTFjLjAyLjA3LjA0My4xNC4wNjMuMjA4JTIwNC41MTMtLjQ5NyUyMDcuMjc2JTIwNy4yNzclMjA5LjEwNCUyMDEwLjg2NS44JTIwMy41NzMlMjA1LjEyJTIwMTcuNzclMjAyLjAzMiUyMDE0Ljc5OC0uMjczLS40NTMtLjUzLS45MTQtLjc5NS0xLjM3bDEuODM3JTIwMy4zYy00LjU5OC0zLjY1Ny02LjM3NS0xMC40ODctNC40NDQtOC4wMjQtMS41NTgtMy4wMTQtMi45Ni02LjA5NS00LjIxOC05LjI0LS4wNiUyMDEuMTgtLjcyNyUyMDIuMTE1LTIuNDY1JTIwMi43OTMtMS4yODclMjAzLjQ5LTEuMjY1JTIwNy4wOC0uNjclMjAxMC42NDUuMi0xLjY3JTIwMS4xNzUtMi4zODQlMjAzLjM4NS0uNzU0JTIwNy44NDIlMjAxMi42MjQlMjAxMi4xNzYlMjAyOS4xMDclMjA3LjI5OCUyMDQzLjQ5OGwtMi4yMjQlMjAxLjExYy0xMC4zNTctNS44My0xMS40MDQtMTkuNDM2LTEzLjQyNy0zMC4wMDMtMS41NTUtMTIuMjktLjc4OC0yNC43MSUyMDIuMy0zNi43MS44MDctLjU0NyUyMDEuNTY3LS44MjglMjAyLjI4NC0uOTA3LS4wMi0uMDctLjA0Mi0uMTM3LS4wNi0uMjA3em0uMDYuMjA4Yy4xMTQuNDE3LjIzNy44MjYuMzY4JTIwMS4yMjUtLjEyLS40MDgtLjI1LS44MTMtLjM2NS0xLjIyNHptMi4wNTIlMjAzMS4wN2MtNC4wNiUyMDQuNjI2LTIuMjYlMjAxMi43OS0uMzc3JTIwMTguNCUyMDEuMTA4JTIwNS41MDclMjA2LjkxNiUyMDEwLjE0JTIwNi4wNTYlMjAxLjUyLS4wNS01LjYzLjE3LTExLjcyNS0zLTE2LjM5LS45Ni0uNTM3LTEuOTA3LTEuODk4LTIuNjc4LTMuNTN6bTY2LjM5NiUyMDY5LjMxN0wyNTYlMjA0OTEuNzNsMTEyLjg0Ni0xMjMuMTc3em0tMjEuMzk0LjMzbC01My43OTclMjA0Ljk2JTIwNjQuMjIzJTIwNDEuMDY1Yy0yLjU1Ni0yLjcwMy00Ljg1Ni01LjcxLTcuMTE4LTguNzYzLTUuMTMyLTYuOTUtMTAuNDY4LTEzLjY1Ny0xOC44OC0xNi42NzItOC43MzYtNi40NDItNC4xOC01LjI3NiUyMDIuOS0yLjUzNy0uOTQ4LTEuODU0LS43MjUtMi42MS4xMjMtMi42NjglMjAyLjE3LS4xNTMlMjA4LjQzJTIwNC4yMjYlMjA5Ljc0JTIwNi4zN2wyNC43MDYlMjAzMS42MDYlMjA2NS4xNSUyMDQxLjY1NnptMjY4LjQ4JTIwMGwtNDIuNDcyJTIwNDYuMzZjNi40MDQtMy4xNDglMjAxMS4zOC04LjUzOCUyMDE3LjA1Ni0xMi40OTMlMjAyLjM5Ni0xLjM0NiUyMDMuNzItMS44OTYlMjA0LjI5NS0xLjg5JTIwMi4wNTUuMDE3LTUuNDMlMjA3LjExNi03LjY4MiUyMDEwLjMzMy05LjQyJTIwOS44MTMtMTYuMDY2JTIwMjMuMDMzLTI4LjY2OCUyMDI5LjExNGwxOC45MTQtMjQuNDZjLTIuMzIlMjAxLjI2LTUuOTQlMjAzLjE5LTguMjElMjA0LjA4NWwtNDAuMjglMjA0My45NjglMjA3NC40NjgtNDcuNjE1YzUuNDgtNi43MTglMjAxLjkwMy01LjUzNy01LjY0LS44OTZsLTExLjQzOCUyMDYuMDE0YzExLjQ2LTEzLjc0NiUyMDI2Ljg1NS0yMy41NjglMjA0MC4wNTMtMzUuNTgyJTIwMy4xNjItMS40OTIlMjA5LjUwMy01LjY2MyUyMDEwLjk4Ni01LjczOC43NzctLjA0LjIyJTIwMS4wNDUtMi44MjQlMjA0LjIyOGwtMTIuNjEzJTIwMTUuOTY1YzEwLjAxLTcuNTMzLjg4NCUyMDMuOTI2LTQuNDUlMjA1LjU2LS42OTUlMjAxLjAxLTEuNDQlMjAxLjk1LTIuMjEyJTIwMi44NjJsNTQuNTEyLTM0Ljg1NnptLTE1OC4yNjUlMjAxNi42NDRjMS4zNTguMDElMjAyLjcxLjEyNSUyMDMuOTk4LjI5NXY0My4zNjVoLTEzLjM1di0zMC4wMmMtNS4wNC0xLjM3OC0xMC40MTclMjAxLjcyMi0xNS4zNC0uMjctMy43NTgtMi45NCUyMDEuMDEtNi44NDYlMjA0LjUyNC01Ljg5JTIwMy4yNzgtLjEyNiUyMDcuNTU2LjE5NyUyMDkuMzI0LTMuMjM0JTIwMi42MzUtMy4zNCUyMDYuNzctNC4yNzQlMjAxMC44NDUtNC4yNDZ6bTMzLjA0OC44MWMuNDY0LS4wMi45NjMuMDM3JTIwMS40OTcuMTg2JTIwMy4xNDcuODElMjA2LjQ2Ni4yNDUlMjA5LjY5NS40MTNoMjUuNDAyYzEuNTAzJTIwMi45OTIuNzUyJTIwNy43NS0zLjMwNSUyMDcuODU1LTMuODkzLjUxLTcuODEtLjM4Mi0xMS42OS4yMTItNC42OTguMTQ2LTkuNzUzLTEuNzczLTE0LjE5OC40MDQtMy4xMjIlMjAxLjY2LTQuMTY1JTIwOC41MDUuOTg4JTIwNi4wNzYlMjAzLjM2Ni0xLjExJTIwNi45MTItMS44MDclMjAxMC40MDgtLjg5JTIwNi45ODQlMjAxLjEwMyUyMDE0Ljk2NiUyMDIuODklMjAxOS4xMjUlMjA5LjE5JTIwMi4wNzYlMjAzLjE1NiUyMDIuNjcyJTIwNy4zMzcuNjMzJTIwMTAuNjctMy42MDIlMjA2LjUyOC0xMS41MzQlMjA4LjQwNy0xOC4yOTUlMjA5Ljc1LTIuMzM3LjQ0My00LjY2JTIwMS40MDQtNy4wMyUyMDEuMjEtNy4yNDUtLjU5My0xNS42MDMtMS4wODMtMjAuNjAzLTcuMTQ0LTIuNjYyLTIuNDk0LTIuNzAzLTcuMDk3JTIwMS45MDMtNi42NiUyMDMuNTctLjE0MiUyMDguNjU3LS40JTIwMTAuMzIyJTIwMy41MDUlMjAzLjI0NyUyMDMuNjYlMjA4LjgzNyUyMDIuOTQlMjAxMy4xMjclMjAxLjk4JTIwMy41ODgtLjQ4MyUyMDcuNTMtMi41NDglMjA3LjU4NC02LjY3My41OS00LjIxLTMuMDc4LTcuMTgtNi44NDQtNy44LTUuODE4LTIuMzY1LTExLjU3JTIwMS40MDUtMTcuMzclMjAxLjgyNy0zLjQ2MyUyMDEuMDQ2LTkuNTc4LjQ4LTguOTM2LTQuNDY1Ljc2LTQuMTg4JTIwMi42NjMtOC4xMDglMjAyLjcxLTEyLjQ2LjA5LTMuMDA1JTIwMS42MzQtNy4wMyUyMDQuODc3LTcuMTg0em0xMzMuNDclMjA0Ljk3NWMtLjIxLS4yNDgtNi45OSUyMDUuNzQ0LTkuOTIlMjA4LjA4bC0xNS43NSUyMDEzLjExOGM4LjU5LTQuMzYzJTIwMTYuNDcyLTkuNjElMjAyMi4yNzUtMTcuNDQ4JTIwMi41NTMtMi42JTIwMy40NzYtMy42NTIlMjAzLjM5NC0zLjc1em0tMjQ3LjAzMiUyMDE0LjE2YzIuMzktLjAyJTIwNy41NDMlMjA0LjY1JTIwOS40NSUyMDcuMDZsMjYuMTElMjAzMS4xMWMtNy43MjItMi4xODItMTMuMjktNy4xOS0xNy42NTMtMTMuNzc3LTYuNDMtNy4zMTYtMTEuMjgyLTE2LjYwNi0yMS4yMTMtMTkuNTQtOC45NDMtNS4wMDItNS4xOC02LjQyJTIwMi4xMzMtMi4yNjQtLjI3My0xLjg1OC4yNC0yLjU4MiUyMDEuMTc0LTIuNTl6JTIyJTIwZmlsbCUzRCUyMiUyM2ZmZiUyMiUyMGZpbGwtb3BhY2l0eSUzRCUyMjElMjIlM0UlM0MlMkZwYXRoJTNFJTNDJTJGZyUzRSUzQyUyRnN2ZyUzRQ==\" button_url=\"https:\/\/www.erekibeon.com\/blog\/de-que-va-esto-del-rol\/\" tds_icon_box=\"tds_icon_box5\" tds_icon_box5-icon_box_meta_position=\"125\" tds_icon_box5-icon_box_container_height=\"323\" tds_button4-background_color=\"rgba(255,255,255,0.8)\" tds_title1-title_color=\"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjZmZmZmZmIiwiY29sb3IyIjoiI2ZmZmZmZiIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTkwIiwiY3NzIjoiYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsiLCJjc3NQYXJhbXMiOiIwZGVnLCNmZmZmZmYsI2ZmZmZmZiJ9\" tds_title1-hover_title_color=\"rgba(255,255,255,0.8)\" tds_icon1-bg_color=\"rgba(30,115,190,0)\" tds_icon_box5-icon_box_wrap_color=\"rgba(0,164,221,0.8)\"\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24232,"url":"https:\/\/www.erekibeon.com\/blog\/portada-movil\/","url_meta":{"origin":25349,"position":1},"title":"Portada m\u00f3vil","author":"Erek\u00edbeon","date":"14\/11\/2024","format":false,"excerpt":"[tdc_zone type=\"tdc_content\"][vc_row flex_width=\"100%\"][vc_column][vc_raw_html]JTNDaDQlMjBjbGFzcyUzRCUyMmJsb2NrLXRpdGxlJTIyJTNFJTNDc3BhbiUzRUxvJTIwJUMzJUJBbHRpbW8lM0MlMkZzcGFuJTNFJTNDJTJGaDQlM0U=[\/vc_raw_html][td_block_big_grid_fl_3 td_grid_style=\"td-grid-style-4\"][\/vc_column][\/vc_row][vc_row el_class=\"td-ss-row\" tdc_css=\"eyJhbGwiOnsid2lkdGgiOiIxMDAlIiwiZGlzcGxheSI6IiJ9LCJwaG9uZSI6eyJ3aWR0aCI6IjEwMCUiLCJkaXNwbGF5IjoiIn19\"][vc_column width=\"2\/3\"][td_block_1 custom_title=\"Sobre rol\" category_id=\"15\"][tdm_block_icon_box icon_size=\"91\" icon_padding=\"1\" title_tag=\"h3\" title_size=\"tdm-title-md\" button_size=\"tdm-btn-lg\" tds_button=\"tds_button4\" content_align_horizontal=\"content-horiz-center\" tds_icon1-color=\"#ffffff\" title_text=\"JUMyJUJGQSVDMyVCQW4lMjBubyUyMHNhYmVzJTIwbG8lMjBxdWUlMjBlcyUyMHVuJTIwanVlZ28lMjBkZSUyMHJvbCUzRg==\" button_text=\"Te lo explico por aqu\u00ed\" tds_button2-border_radius=\"50\" tds_button2-text_hover_color=\"rgba(34,160,214,0.7)\" tds_button2-border_hover_color=\"rgba(34,160,214,0.7)\" tds_icon_box1-description_bottom_space=\"eyJhbGwiOjQwLCJwaG9uZSI6IjI1In0=\" tds_title1-f_title_font_family=\"521\" tds_title1-f_title_font_size=\"34\" tds_title1-f_title_font_line_height=\"1\" tds_title1-f_title_font_weight=\"300\" tds_icon_box1-f_descr_font_size=\"20\" tds_icon_box1-f_descr_font_weight=\"300\" tdc_css=\"eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwaG9uZSI6eyJkaXNwbGF5IjoiIn19\" tds_icon_box1-f_descr_font_line_height=\"1.6\" tds_button2-text_color=\"#22a0d6\" tds_button2-icon_color=\"#22a0d6\" tds_button2-border_color=\"#22a0d6\" tds_button2-icon_hover_color=\"rgba(34,160,214,0.7)\" svg_code=\"JTNDc3ZnJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjA1MTIlMjA1MTIlMjIlMjBzdHlsZSUzRCUyMmhlaWdodCUzQSUyMDEwMHB4JTNCJTIwd2lkdGglM0ExMDBweCUzQiUyMiUzRSUzQ2clMjBjbGFzcyUzRCUyMiUyMiUyMHRyYW5zZm9ybSUzRCUyMnRyYW5zbGF0ZSgwJTJDMCklMjIlMjBzdHlsZSUzRCUyMnRvdWNoLWFjdGlvbiUzQSUyMG5vbmUlM0IlMjIlM0UlM0NwYXRoJTIwZCUzRCUyMk0yNDglMjAyMC4yN0w3Mi4zMyUyMDEzMi41OTglMjAyNDglMjAxMjguNzc1em0xNiUyMDB2MTA4LjUwNWwxNzUuNjclMjAzLjgyM3ptMzcuODQ0JTIwNTUuMDY2YzQuNjQ3LS4xMTIlMjA5Ljc3MiUyMDEuNzYyJTIwMTMuNTc2JTIwMy44MjQlMjA2LjA4MiUyMDMuNTQlMjA4LjIwNSUyMDcuMjQ4JTIwMTUuMDc0JTIwNC4yMiUyMDEwLjY5OC44NDQlMjAyMi4yOTclMjA1Ljc5NCUyMDI3LjU2OCUyMDE1LjY4JTIwNC43MTUlMjA0LjU3NCUyMDEuNTU1JTIwMTIuNjEtNS4xNjclMjAxMi42NS05LjcyLjA2LTE5Ljc0LTYuMDc1LTE0LjU2My04LjMxNCUyMDQuNjUtMi4wMSUyMDE0LjYzNC44ODYlMjAxMC4wMTQtNS41Ni0zLjYzMi00LjQzNS0xMS4wODUtNy43OC0xNi4zNTItNS44OTctMS41OSUyMDYuODEtOS4zODIlMjAzLjk5Ni0xMS45NTUtLjY0My0yLjM1Ny01LjgxNS05LjE1NC04LjE4LTE1LjA4NS03LjkxNi02LjA2JTIwMi43MDMlMjAxLjY3JTIwOC43ODQlMjA1LjM0NCUyMDkuOTM2JTIwNy45MDQlMjAyLjEyNC4yMTclMjA3LjQ1NC00LjA2MiUyMDUuMDctNC4yOC0yLjM4Ni0xNC45OTMtOS42NDUtMTMuNTIzLTE4LjM0JTIwMi4xODgtMy4zMzYlMjA1LjUxNC00LjYyMyUyMDkuMTMtNC43MXptLTk0Ljk4Ny4yOTNjNS41MzQuNTIyJTIwMTIuMzgzJTIwMy4wNiUyMDEwLjIwMiUyMDkuOTc1LTQuMjgyJTIwNi45My05Ljc3OCUyMDEzLjA1Ny0xOC4wNjIlMjAxNC43ODItNi41MTQlMjAzLjM2OC0xNC44ODUlMjA0LjM5Ny0yMS42NDYlMjAxLjg4My0zLjYwNC0yLjI0Ni0xMy40MjctOS4zMjUtMTQuODEtMy4zNTQtLjY2NiUyMDYuMiUyMDMuMDI4JTIwMTUuMzUyLTYuMTA2JTIwMTUuODE2bC01LjAyJTIwMi4wMDZ2LTI0LjQ2YzkuODQyLTMuODc2JTIwMjEuMDM3LTQuNTE2JTIwMzAuMjY2JTIwMS4zMzUlMjA3Ljk3MyUyMDQuMTYlMjAxOS4zOCUyMDEuNTAzJTIwMjQuMjUyLTUuNzgzJTIwMS4zMy02LjQ5NC04LjE2Mi00LjU3LTEyLjI0LTMuMzM2LTIuNjg3LTguMjYlMjA3Ljg3LTcuNDclMjAxMy4xNjMtOC44NjV6bTM1LjAxMiUyMDY5LjI4MmwtMTg2LjQ4JTIwNC4wNiUyMDcxLjIzJTIwMTkyLjkzem0yOC4yNiUyMDBsMTE1LjI1JTIwMTk2Ljk5JTIwNzEuMjMtMTkyLjkzem0tMTQuMTMlMjA3LjUzbC0xMTcuMDc2JTIwMjAwLjExaDIzNC4xNTJ6bTEyMi40JTIwMTguMTMyYzMuODk1LjA0NiUyMDcuOTE0JTIwMS4xNTUlMjAxMC45NDIlMjAyLjk2JTIwMTMuODI4JTIwOC4yMzclMjAyMS40NTUlMjAyNi4xNDUlMjAyMi4wNTYlMjA0Mi45NTYuMDg0JTIwNS42OTgtMS42MTglMjAxMy4yNDYtNS45NjYlMjAxNy4wMTYtMi44NSUyMDEuOTg0LTYuMDI1JTIwMy4xOTgtOS4yNDQlMjA0LjQzMi0xNi44MjQtMS4xOC0yMy45MzItMTkuMjM3LTI5LjcyNy0zMi42MjUtMy40MDUtOS44ODctNS43NzctMjQuMDUlMjAxLjc0LTMxLjMyJTIwMi41MzMtMi40NSUyMDYuMzA1LTMuNDY1JTIwMTAuMi0zLjQyem0tMjI3LjYyNyUyMDcuNzA3YzYuNTI1LjI2JTIwMTIuOTElMjA0Ljk1MyUyMDE0Ljg0NCUyMDExLjMyJTIwMi4wODMlMjAzLjk3NC0uNTYyJTIwMTEuNDQ1LTQuODU3JTIwMTIuMDktNC45LjczNC0zLjc1Ny05LjMxNy05LjM0NC0xMS41NjUtNS44OC0zLjY5LTExLjQ5NSUyMDQuMzQtMTQuMTY2JTIwOC43MDctLjMzLjk2LS42OTUlMjAxLjkxOC0uODk2JTIwMi45MTQlMjAxMC4zOTctNC4wNTclMjAyMC4zMTIlMjA3LjA5MyUyMDIwLjMwNCUyMDE2Ljk1My0uMzEyJTIwMTEuNjctNy44NDMlMjAyNC43NzctMTkuNzA1JTIwMjguMTM0aC01LjU2NGMtMTIuNy0uNzA2LTE4LjI5Ni0xNS44NTMtMTQuMTYzLTI2LjYzJTIwNC40Mi0xNS43ODUlMjAxMC43NzItMzMuOTA0JTIwMjcuMTM0LTQwLjYlMjAyLjA0OC0xLjAwMiUyMDQuMjQtMS40MSUyMDYuNDEzLTEuMzIzem0yMjguNzI1JTIwMi45NWMtNy4wNjYtLjE0OC00LjM4JTIwOS45NTgtMy4zMzglMjAxNC40NTYlMjAxLjU1JTIwMTAuMSUyMDYuNDU4JTIwMTkuNzY2JTIwMTMuMTUlMjAyNy4yOTMlMjAxLjclMjAxLjQxNCUyMDMuNjYzJTIwMi4xMyUyMDUuNzY0JTIwMi43MjclMjA2Ljg2NS0xLjI1NCUyMDQuNDctMTIuODMzJTIwMy43Mi0xNi41MzUtNC43MDctMTAuOTA3LTcuMDU3LTIzLjI4NC0xOS4yOTYtMjcuOTQyek01MiUyMDE4NS45OHYxNzMuMjY2bDYxLjg2LTUuNzAzem00MDglMjAwbC02MS44NiUyMDE2Ny41NjMlMjA2MS44NiUyMDUuNzAzem0tMTE3Ljg4LjY5OGwyOC40NzglMjA2My40OTItMTAuMDE0JTIwNC40NDctMjAuMDI3LTQzLjM2NWMtNi4wMiUyMDMuMDYyLTEyLjk4JTIwOC45NS0xNC41Ni0xLjMwMy0xLjM0NC0zLjk1NSUyMDguNTQ2LTUuMSUyMDguMTUtMTEuOTkzLS4zOTMtNi44OTIlMjAyLjE1NC0xMi4xMjYlMjA3Ljk3Mi0xMS4yOHptLTIwNS44NDclMjAyNC4zYy0yLjMwMi4xNTYtNC40NTMlMjAxLjM5Mi02LjE0OCUyMDMuMTMzLTIuNDE3JTIwNS4wNzctNC4xJTIwMTAuMjY4LTIuNjk1JTIwMTUuOTEzJTIwMS42NjglMjA4LjgwNyUyMDEzLjUxNSUyMDYuNDElMjAxNS41NzYtLjg1JTIwMi42NjMtNC45NzYlMjAzLjg2My0xMS42NS0uNDktMTUuNjk2LTEuNzIyLTEuNjIzLTMuNTE0LTIuMzgtNS4yNDgtMi41LS4zMzUtLjAyNC0uNjY2LS4wMjMtLjk5NSUyMDB6bTMxNy40OCUyMDMzLjY1YzMuNjkuMjYyJTIwNS43ODMlMjA2LjkyNCUyMDQuNzQlMjAxMS4wMzgtLjEzNyUyMDE4LjYyJTIwMS4xNDQlMjAzOS4yMS05LjY3NyUyMDU1LjMyMi0uOTYlMjAxLjI1My0yLjI1OCUyMDEuOTQ2LTMuNjc1JTIwMi41Ni01LjgxLTQuMTctMy4wMS0xMS4zNiUyMDEuMTE0LTE1LjU2NiUyMDEuMDElMjA3LjI5NyUyMDUuNTczLTIuODgyJTIwNi42NzYtNS41NiUyMDEuMzEtMy4xOCUyMDMuNTItMTcuNzUtLjk4My0xMC4yNy42OSUyMDQuMDUtNi44MDUlMjAxMy4xNTQtOS4zOCUyMDguMTE4LTQuOTM3LTE0LjQxLS4wMTctMzAuNDg4JTIwNy4wMjUtNDMuNDM2JTIwMS41MjYtMS42NjclMjAyLjkzMy0yLjI5MiUyMDQuMTYyLTIuMjA1em0tMzkzLjgyMy44NDVjLjU4OC4wODYlMjAxLjM0NCUyMDEuMDMyJTIwMi40NzglMjAzLjU4NHY2MS4xNTZjLTcuMjk3LTcuMDQtMy41NjctMTcuNDItNC40NS0yNi40MDItLjgxNC03LjYwNiUyMDEuNjU1LTE2LjI2NC0xLjI3NC0yMy4xOTMtNC42MjItMS42NzQtNS43OTctMTcuMDQ1LTMuMTc2LTEyLjY3MiUyMDQuNDA3JTIwNC43NjglMjA0LjY1Ny0yLjczJTIwNi40MjItMi40NzJ6bTE2Ni4wMTMlMjA0LjM0YzQuNDYzLjA3NyUyMDguOTMlMjAxLjIyNyUyMDEyLjglMjAzLjMyJTIwOC4xJTIwNC40MjclMjAxMy43NDQlMjAxNC4zNzUlMjAxMC43OTIlMjAyMy41NjgtMi4yNjUlMjA5LjYzNi0xMC42MSUyMDE2LjI0My0xOS4xOTUlMjAyMC4yMDgtNC4wNTglMjAyLjY0NC05LjQ1JTIwNC42MTgtMTEuMjgzJTIwOS40Ni0xLjE5NiUyMDIuOTk0JTIwMjUuMzk2JTIwMS42MiUyMDMwLjI2NyUyMDEuNjIuNDclMjA0LjAwMyUyMDEuNTIlMjAxMC42OC0zLjgxNCUyMDExLjcyNS0xNC41Mi0xLjI1LTI5Ljg4LS42MDYtNDUuMTQtLjYwNi40MzctMTEuMTc2JTIwNy40MjUtMjEuMzUlMjAxNy4wMjMtMjYuODA4JTIwNi45LTQuODc1JTIwMTUuNDM1LTkuMjgzJTIwMTguMS0xNy45MjclMjAxLjc2My00LjQ0LS41Ni05LjI4LTQuNjMyLTExLjQ3LTQuMTU0LTIuODc0LTEwLjk0Ny0yLjM0LTEzLjE3OCUyMDIuNy0xLjk5MiUyMDMuODItNC4zOCUyMDkuMDc1LTguNjU3JTIwOS42MDQtMi44OTMuMzU4LTguOTkuNDc1LTcuMjYzLTQuODczJTIwMS40Ni01LjYzJTIwMy40MTMtMTEuNTY3JTIwOC4yNjMtMTUuMjEzJTIwNC40NS0zLjcyNiUyMDEwLjE4LTUuNDAzJTIwMTUuOTE4LTUuMzA2em01OC41NjUuNTE3YzIuNTQ4LjA0MyUyMDUuMDg4LjQ5NCUyMDcuNDYlMjAxLjM1MiUyMDYuODM1JTIwMi4yJTIwMTIuMDM0JTIwNy45MyUyMDE0LjI5NiUyMDE0LjY1NiUyMDYuMTQlMjAxNC42NyUyMDUuNTc3JTIwMzMuMDI1LTQuNDA3JTIwNDUuODktNC40MzQlMjA0LjcyNi0xMC4xNDclMjA5LjA4NC0xNi45MyUyMDkuMTA0LTEyLjUwNC0uMTUyLTIyLjQ1Mi0xMS4xNzItMjQuODMtMjIuODY1LTMuMTQ1LTEzLjM5LTEuNzg2LTI4LjYxOCUyMDYuOTEzLTM5LjczMyUyMDMuNjg2LTUuNDM1JTIwMTAtOC4yMTIlMjAxNi40MDYtOC4zOTguMzY0LS4wMS43MjgtLjAxMiUyMDEuMDkyLS4wMDZ6bTE2Ni4zODglMjA1Ljc2OGMtLjk5Ny0uMDM3LTIuMDIuOTczLTIuNzc3JTIwMy42ODMtMS42NDUlMjA1Ljg5NS0zLjMyMyUyMDEzLjM5Mi0uNzU1JTIwMTkuMjk4JTIwNS4xLTEuOTkyJTIwNS40Ny05LjYxNyUyMDYuNjc2LTE0LjQzNyUyMDEuMTI3LTMuMzA0LS45NS04LjQ2LTMuMTQ0LTguNTQyem0tMTY1LjgzNCUyMDUuNTkzYy0zLjM4Ni0uMTY3LTYuODI0JTIwMi42Mi04LjMyNCUyMDUuNjQtMi4yNTglMjA0LjE0My0yLjA2NSUyMDkuMDQtMi44MTIlMjAxMy41OTQtLjgxMyUyMDkuMDg0LS4zMyUyMDE5LjIzJTIwNS40NTclMjAyNi43MDdsMi4yMDclMjAxLjQ3MmM0LjkyOCUyMDEuNzglMjA5LjY5NC0yLjE2JTIwMTEuMDctNi43NCUyMDEuOTYyLTYuMjM0JTIwMi4zNC0xMi45JTIwMi40My0xOS40MDctLjIzNS03LjAzNS0xLjQ3LTE0LjkyMi02LjczLTIwLjAxMi0xLjA0NC0uODEzLTIuMTctMS4xOTYtMy4yOTgtMS4yNTJ6bTE0OC45NTQlMjA1LjE1OHY2MS4xNTZsLTQuNDUyJTIwNi42NzJ2LTQyLjI1NGMtNC42MSUyMDcuNDUzLTkuMDI4JTIwOS4wNDQtNi4wNjYtLjkxMiUyMDYuMDU0LTcuMTUlMjA0LjgxLTE3LjQxJTIwMTAuNTE4LTI0LjY2MnptLTM1OS4zNyUyMDEuMTFjLjAyLjA3LjA0My4xNC4wNjMuMjA4JTIwNC41MTMtLjQ5NyUyMDcuMjc2JTIwNy4yNzclMjA5LjEwNCUyMDEwLjg2NS44JTIwMy41NzMlMjA1LjEyJTIwMTcuNzclMjAyLjAzMiUyMDE0Ljc5OC0uMjczLS40NTMtLjUzLS45MTQtLjc5NS0xLjM3bDEuODM3JTIwMy4zYy00LjU5OC0zLjY1Ny02LjM3NS0xMC40ODctNC40NDQtOC4wMjQtMS41NTgtMy4wMTQtMi45Ni02LjA5NS00LjIxOC05LjI0LS4wNiUyMDEuMTgtLjcyNyUyMDIuMTE1LTIuNDY1JTIwMi43OTMtMS4yODclMjAzLjQ5LTEuMjY1JTIwNy4wOC0uNjclMjAxMC42NDUuMi0xLjY3JTIwMS4xNzUtMi4zODQlMjAzLjM4NS0uNzU0JTIwNy44NDIlMjAxMi42MjQlMjAxMi4xNzYlMjAyOS4xMDclMjA3LjI5OCUyMDQzLjQ5OGwtMi4yMjQlMjAxLjExYy0xMC4zNTctNS44My0xMS40MDQtMTkuNDM2LTEzLjQyNy0zMC4wMDMtMS41NTUtMTIuMjktLjc4OC0yNC43MSUyMDIuMy0zNi43MS44MDctLjU0NyUyMDEuNTY3LS44MjglMjAyLjI4NC0uOTA3LS4wMi0uMDctLjA0Mi0uMTM3LS4wNi0uMjA3em0uMDYuMjA4Yy4xMTQuNDE3LjIzNy44MjYuMzY4JTIwMS4yMjUtLjEyLS40MDgtLjI1LS44MTMtLjM2NS0xLjIyNHptMi4wNTIlMjAzMS4wN2MtNC4wNiUyMDQuNjI2LTIuMjYlMjAxMi43OS0uMzc3JTIwMTguNCUyMDEuMTA4JTIwNS41MDclMjA2LjkxNiUyMDEwLjE0JTIwNi4wNTYlMjAxLjUyLS4wNS01LjYzLjE3LTExLjcyNS0zLTE2LjM5LS45Ni0uNTM3LTEuOTA3LTEuODk4LTIuNjc4LTMuNTN6bTY2LjM5NiUyMDY5LjMxN0wyNTYlMjA0OTEuNzNsMTEyLjg0Ni0xMjMuMTc3em0tMjEuMzk0LjMzbC01My43OTclMjA0Ljk2JTIwNjQuMjIzJTIwNDEuMDY1Yy0yLjU1Ni0yLjcwMy00Ljg1Ni01LjcxLTcuMTE4LTguNzYzLTUuMTMyLTYuOTUtMTAuNDY4LTEzLjY1Ny0xOC44OC0xNi42NzItOC43MzYtNi40NDItNC4xOC01LjI3NiUyMDIuOS0yLjUzNy0uOTQ4LTEuODU0LS43MjUtMi42MS4xMjMtMi42NjglMjAyLjE3LS4xNTMlMjA4LjQzJTIwNC4yMjYlMjA5Ljc0JTIwNi4zN2wyNC43MDYlMjAzMS42MDYlMjA2NS4xNSUyMDQxLjY1NnptMjY4LjQ4JTIwMGwtNDIuNDcyJTIwNDYuMzZjNi40MDQtMy4xNDglMjAxMS4zOC04LjUzOCUyMDE3LjA1Ni0xMi40OTMlMjAyLjM5Ni0xLjM0NiUyMDMuNzItMS44OTYlMjA0LjI5NS0xLjg5JTIwMi4wNTUuMDE3LTUuNDMlMjA3LjExNi03LjY4MiUyMDEwLjMzMy05LjQyJTIwOS44MTMtMTYuMDY2JTIwMjMuMDMzLTI4LjY2OCUyMDI5LjExNGwxOC45MTQtMjQuNDZjLTIuMzIlMjAxLjI2LTUuOTQlMjAzLjE5LTguMjElMjA0LjA4NWwtNDAuMjglMjA0My45NjglMjA3NC40NjgtNDcuNjE1YzUuNDgtNi43MTglMjAxLjkwMy01LjUzNy01LjY0LS44OTZsLTExLjQzOCUyMDYuMDE0YzExLjQ2LTEzLjc0NiUyMDI2Ljg1NS0yMy41NjglMjA0MC4wNTMtMzUuNTgyJTIwMy4xNjItMS40OTIlMjA5LjUwMy01LjY2MyUyMDEwLjk4Ni01LjczOC43NzctLjA0LjIyJTIwMS4wNDUtMi44MjQlMjA0LjIyOGwtMTIuNjEzJTIwMTUuOTY1YzEwLjAxLTcuNTMzLjg4NCUyMDMuOTI2LTQuNDUlMjA1LjU2LS42OTUlMjAxLjAxLTEuNDQlMjAxLjk1LTIuMjEyJTIwMi44NjJsNTQuNTEyLTM0Ljg1NnptLTE1OC4yNjUlMjAxNi42NDRjMS4zNTguMDElMjAyLjcxLjEyNSUyMDMuOTk4LjI5NXY0My4zNjVoLTEzLjM1di0zMC4wMmMtNS4wNC0xLjM3OC0xMC40MTclMjAxLjcyMi0xNS4zNC0uMjctMy43NTgtMi45NCUyMDEuMDEtNi44NDYlMjA0LjUyNC01Ljg5JTIwMy4yNzgtLjEyNiUyMDcuNTU2LjE5NyUyMDkuMzI0LTMuMjM0JTIwMi42MzUtMy4zNCUyMDYuNzctNC4yNzQlMjAxMC44NDUtNC4yNDZ6bTMzLjA0OC44MWMuNDY0LS4wMi45NjMuMDM3JTIwMS40OTcuMTg2JTIwMy4xNDcuODElMjA2LjQ2Ni4yNDUlMjA5LjY5NS40MTNoMjUuNDAyYzEuNTAzJTIwMi45OTIuNzUyJTIwNy43NS0zLjMwNSUyMDcuODU1LTMuODkzLjUxLTcuODEtLjM4Mi0xMS42OS4yMTItNC42OTguMTQ2LTkuNzUzLTEuNzczLTE0LjE5OC40MDQtMy4xMjIlMjAxLjY2LTQuMTY1JTIwOC41MDUuOTg4JTIwNi4wNzYlMjAzLjM2Ni0xLjExJTIwNi45MTItMS44MDclMjAxMC40MDgtLjg5JTIwNi45ODQlMjAxLjEwMyUyMDE0Ljk2NiUyMDIuODklMjAxOS4xMjUlMjA5LjE5JTIwMi4wNzYlMjAzLjE1NiUyMDIuNjcyJTIwNy4zMzcuNjMzJTIwMTAuNjctMy42MDIlMjA2LjUyOC0xMS41MzQlMjA4LjQwNy0xOC4yOTUlMjA5Ljc1LTIuMzM3LjQ0My00LjY2JTIwMS40MDQtNy4wMyUyMDEuMjEtNy4yNDUtLjU5My0xNS42MDMtMS4wODMtMjAuNjAzLTcuMTQ0LTIuNjYyLTIuNDk0LTIuNzAzLTcuMDk3JTIwMS45MDMtNi42NiUyMDMuNTctLjE0MiUyMDguNjU3LS40JTIwMTAuMzIyJTIwMy41MDUlMjAzLjI0NyUyMDMuNjYlMjA4LjgzNyUyMDIuOTQlMjAxMy4xMjclMjAxLjk4JTIwMy41ODgtLjQ4MyUyMDcuNTMtMi41NDglMjA3LjU4NC02LjY3My41OS00LjIxLTMuMDc4LTcuMTgtNi44NDQtNy44LTUuODE4LTIuMzY1LTExLjU3JTIwMS40MDUtMTcuMzclMjAxLjgyNy0zLjQ2MyUyMDEuMDQ2LTkuNTc4LjQ4LTguOTM2LTQuNDY1Ljc2LTQuMTg4JTIwMi42NjMtOC4xMDglMjAyLjcxLTEyLjQ2LjA5LTMuMDA1JTIwMS42MzQtNy4wMyUyMDQuODc3LTcuMTg0em0xMzMuNDclMjA0Ljk3NWMtLjIxLS4yNDgtNi45OSUyMDUuNzQ0LTkuOTIlMjA4LjA4bC0xNS43NSUyMDEzLjExOGM4LjU5LTQuMzYzJTIwMTYuNDcyLTkuNjElMjAyMi4yNzUtMTcuNDQ4JTIwMi41NTMtMi42JTIwMy40NzYtMy42NTIlMjAzLjM5NC0zLjc1em0tMjQ3LjAzMiUyMDE0LjE2YzIuMzktLjAyJTIwNy41NDMlMjA0LjY1JTIwOS40NSUyMDcuMDZsMjYuMTElMjAzMS4xMWMtNy43MjItMi4xODItMTMuMjktNy4xOS0xNy42NTMtMTMuNzc3LTYuNDMtNy4zMTYtMTEuMjgyLTE2LjYwNi0yMS4yMTMtMTkuNTQtOC45NDMtNS4wMDItNS4xOC02LjQyJTIwMi4xMzMtMi4yNjQtLjI3My0xLjg1OC4yNC0yLjU4MiUyMDEuMTc0LTIuNTl6JTIyJTIwZmlsbCUzRCUyMiUyM2ZmZiUyMiUyMGZpbGwtb3BhY2l0eSUzRCUyMjElMjIlM0UlM0MlMkZwYXRoJTNFJTNDJTJGZyUzRSUzQyUyRnN2ZyUzRQ==\" button_url=\"https:\/\/www.erekibeon.com\/blog\/de-que-va-esto-del-rol\/\" tds_icon_box=\"tds_icon_box5\" tds_icon_box5-icon_box_meta_position=\"125\" tds_icon_box5-icon_box_container_height=\"323\" tds_button4-background_color=\"rgba(255,255,255,0.8)\" tds_title1-title_color=\"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjZmZmZmZmIiwiY29sb3IyIjoiI2ZmZmZmZiIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTkwIiwiY3NzIjoiYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsiLCJjc3NQYXJhbXMiOiIwZGVnLCNmZmZmZmYsI2ZmZmZmZiJ9\" tds_title1-hover_title_color=\"rgba(255,255,255,0.8)\" tds_icon1-bg_color=\"rgba(30,115,190,0)\" tds_icon_box5-icon_box_wrap_color=\"rgba(0,164,221,0.8)\"\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12531,"url":"https:\/\/www.erekibeon.com\/blog\/de-que-va-esto-del-rol\/","url_meta":{"origin":25349,"position":2},"title":"De qu\u00e9 va esto del rol","author":"Erek\u00edbeon","date":"11\/06\/2015","format":false,"excerpt":"El caso es que puedes encontrar definiciones bastante completas tanto en la Wikipedia como en el mism\u00edsimo Ministerio de Educaci\u00f3n. Pero si prefieres una explicaci\u00f3n m\u00e1s cortita y (espero) m\u00e1s \u201centendible\u201d, lo primero que te dir\u00eda es que \u00e9ste es el aspecto habitual de una partida de rol: Foto realizada\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.erekibeon.com\/blog\/wp-content\/uploads\/master_zps6s7w3xr0.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.erekibeon.com\/blog\/wp-content\/uploads\/master_zps6s7w3xr0.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.erekibeon.com\/blog\/wp-content\/uploads\/master_zps6s7w3xr0.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages\/25349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/comments?post=25349"}],"version-history":[{"count":5,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages\/25349\/revisions"}],"predecessor-version":[{"id":25354,"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/pages\/25349\/revisions\/25354"}],"wp:attachment":[{"href":"https:\/\/www.erekibeon.com\/blog\/wp-json\/wp\/v2\/media?parent=25349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}