May 2026 | Sol Experiences

Mundial Qatar 2022 turismo deportivo Argentina

Qatar 2022: Mi primer Mundial con Argentina campeona

May 25, 2026June 23, 2026

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

Hospitality Business Seats

Rusia 2018: Mi primer Mundial como organizadora

May 25, 2026June 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

Impacto del Turismo Deportivo en la Economía Argentina

May 20, 2026July 20, 2026

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

Monaco

Gran Premio de Mónaco 2026

May 15, 2026July 20, 2026

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

Hinchada Argentina

Cómo vivir el Mundial USA 2026

May 14, 2026July 20, 2026

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

Argentina on Tour Londres

Londres: clave para el posicionamiento del turismo premium

May 5, 2026July 20, 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(); } })();