mayo 2026 | Sol Experiences

Mundial Qatar 2022 turismo deportivo Argentina

Qatar 2022: Mi primer Mundial con Argentina campeona

mayo 25, 2026junio 23, 2026

Qatar 2022 fue el Mundial más corto en distancias y el más largo en emociones. Todos los estadios en un […]

Rusia 2018: Mi primer Mundial como organizadora

mayo 25, 2026junio 23, 2026

El Mundial Rusia 2018 fue mi primer Mundial como organizadora de turismo deportivo. Y fue todo a la vez — […]

Impacto del turismo deportivo en la economía argentina

mayo 20, 2026junio 23, 2026

¿Qué es el turismo deportivo y por qué es importante para Argentina? El turismo deportivo es una de las modalidades […]

Gran Premio de Mónaco 2026: la experiencia más exclusiva de la Fórmula 1

mayo 15, 2026junio 23, 2026

Quedan muy pocos lugares. El Gran Premio de Mónaco 2026 es el 7 de junio, y los paquetes de Sol […]

Cómo vivir el Mundial USA 2026 desde Argentina: paquetes, precios y la experiencia VIP que sueñas

mayo 14, 2026junio 23, 2026

Cómo vivir el Mundial USA 2026 desde Argentina: paquetes, precios y la experiencia VIP que sueñas El Mundial 2026 ya […]

Londres: una escala clave para el posicionamiento del turismo premium

mayo 5, 2026junio 23, 2026

La edición de Argentina On Tour 2026 en Londres organizada por Destino Argentina se consolidó como una de las instancias […]

) ============================================================ */ function initSolPrehome() { var wrapper = document.getElementById('solPageWrapper'); var prehome = document.getElementById('solPrehome'); if (!wrapper || !prehome) return; var columns = Array.prototype.slice.call(prehome.querySelectorAll('.sol-column')); if (!columns.length) return; var EXPANDED_W = '75%'; var COLLAPSED_W = '12.5%'; // (100 - 75) / 2 = 12.5% var DEFAULT_W = '33.33%'; var activeIndex = -1; // -1 = no column active /* ---------- helpers ---------- */ function setColumnWidths(expandedIdx) { columns.forEach(function (col, i) { if (i === expandedIdx) { col.style.width = EXPANDED_W; col.classList.add('is-active'); } else { col.style.width = expandedIdx === -1 ? DEFAULT_W : COLLAPSED_W; col.classList.remove('is-active'); } /* Color-tag: hide (slide down out) on active column, show normally on the others */ var tag = col.querySelector('.sol-color-tag'); if (tag) { tag.style.transform = (i === expandedIdx) ? 'translateY(100%)' : 'translateY(0)'; } }); activeIndex = expandedIdx; } function resetAll() { setColumnWidths(-1); } /* ---------- desktop mouse events ---------- */ columns.forEach(function (col, i) { col.addEventListener('mouseenter', function () { if (activeIndex !== i) { setColumnWidths(i); } }); }); prehome.addEventListener('mouseleave', function () { resetAll(); }); /* ---------- touch / mobile: tap to toggle ---------- */ columns.forEach(function (col, i) { col.addEventListener('click', function (e) { /* On desktop, clicking a link inside should navigate normally */ if (e.target.tagName === 'A') return; if (activeIndex === i) { /* Tapping the already-active column collapses it */ resetAll(); } else { setColumnWidths(i); } }); }); /* ---------- keyboard / accessibility ---------- */ columns.forEach(function (col, i) { col.setAttribute('tabindex', '0'); col.setAttribute('role', 'button'); col.addEventListener('focus', function () { setColumnWidths(i); }); col.addEventListener('keydown', function (e) { /* Enter or Space activates; Escape resets */ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); var link = col.querySelector('a.sol-cta'); if (link) link.click(); } if (e.key === 'Escape') { resetAll(); col.blur(); } }); }); /* Blur-out: reset when focus leaves the entire prehome */ prehome.addEventListener('focusout', function (e) { /* Only reset if focus moved outside the prehome entirely */ if (!prehome.contains(e.relatedTarget)) { resetAll(); } }); /* ---------- initial state: activate first column ---------- */ setColumnWidths(0); /* After a moment, reset so it's in the neutral (no hover) state but with the first column subtly "invited" — or keep it active. Remove the setTimeout below if you want it to stay expanded. */ setTimeout(function () { resetAll(); }, 1800); } /* Run after DOM is ready */ if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initSolPrehome); } else { initSolPrehome(); } })();