IDIOMA BIENVENIDA

<!--
PÁGINA DE BIENVENIDA — Selector de idioma (versión limpia)
=============================================================
1. Shopify Admin → Content → Pages → IDIOMA BIENVENIDA → editar.
2. Clic en el ícono "< >" (View HTML / Show HTML).
3. Borrá todo el contenido actual y pegá este completo.
4. Reemplazá SPANISH_PAGE_URL y ENGLISH_PAGE_URL por las URLs reales.
5. Save.
-->

<div class="thorn-splash">
<div class="thorn-splash__inner">
<img
class="thorn-splash__logo-img"
src="https://cdn.shopify.com/s/files/1/0678/4217/9120/files/FullSizeRender.jpg?v=1782362635"
alt="THØRN"
/>

<div class="thorn-splash__choices">
<a href="SPANISH_PAGE_URL" class="thorn-splash__btn">
<span class="thorn-splash__label">Español</span>
</a>

<a href="ENGLISH_PAGE_URL" class="thorn-splash__btn">
<span class="thorn-splash__label">English</span>
</a>
</div>
</div>
</div>

<style>
.thorn-splash {
min-height: 90vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
padding: 2rem 1.5rem;
}

.thorn-splash__inner {
text-align: center;
max-width: 480px;
width: 100%;
}

.thorn-splash__logo-img {
max-width: 220px;
width: 60%;
height: auto;
margin-bottom: 3rem;
}

.thorn-splash__choices {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}

.thorn-splash__btn {
flex: 1;
min-width: 180px;
max-width: 220px;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4rem;
padding: 2rem 1.5rem;
border: 1px solid rgba(0, 0, 0, 0.15);
text-decoration: none;
transition: border-color 0.2s ease, background 0.2s ease;
}

.thorn-splash__btn:hover {
border-color: #1ABC9C;
background: rgba(26, 188, 156, 0.06);
}

.thorn-splash__label {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.3rem;
letter-spacing: 0.08em;
color: #1C1F22;
}

@media (max-width: 480px) {
.thorn-splash__choices {
flex-direction: column;
align-items: center;
}
.thorn-splash__btn {
width: 100%;
max-width: 260px;
}
}
</style>