Política de envío
/* === UNE CONCEPT · Shipping dropdown === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
.une-ship { font-family:'Montserrat',sans-serif; max-width:800px; margin:28px auto; padding:20px; }
.une-ship__label { display:block; font-weight:700; color:#000; margin-bottom:10px; }
.une-ship__select { width:100%; padding:10px; font-size:14px; border:1px solid #ddd; border-radius:6px; background:#fff; margin-bottom:16px; }
.une-ship__card { border:1px solid #eee; border-radius:12px; padding:16px; }
.une-ship__title { font-weight:700; font-size:16px; margin:0 0 8px; color:#000; }
.une-ship__row { display:flex; gap:16px; justify-content:space-between; padding:10px 0; border-top:1px solid #f3f3f3; }
.une-ship__row:first-of-type { border-top:0; padding-top:0; }
.une-ship__col { font-size:14px; color:#000; line-height:1.5; }
.une-ship__note { margin-top:10px; font-size:12px; color:#555; line-height:1.5; }
@media (max-width:600px){ .une-ship__row{flex-direction:column; align-items:flex-start;} }
Opciones de envío por país/región:
(function(){
const lang = (navigator.language || '').toLowerCase().startsWith('en') ? 'en' : 'es';
const TXT = {
es: {
label: 'Opciones de envío por país/región:',
note: 'Guardamos todo nuestro stock con cariño y cuidado para ser enviado y preparado en el menor tiempo posible.',
fields: { dest:'Destino', time:'Plazo', cost:'Coste' },
regions: {
es: { name:'🇪🇸 España', items:[{ dest:'España', time:'1/2 días laborables', cost:'GRATIS' }] },
ad: { name:'🇦🇩 Andorra', items:[{ dest:'Andorra', time:'3/4 días laborables', cost:'Desde 3,99€' }] },
eu: { name:'🇪🇺 Europa', items:[{ dest:'Europa', time:'4/5 días laborables', cost:'Desde 3,99€' }] },
us: { name:'🇺🇸 EEUU', items:[{ dest:'EEUU', time:'7/9 días laborables (según destino)', cost:'Desde 8,99€' }] },
asia: { name:'🌏 Asia', items:[{ dest:'Asia', time:'9/11 días laborables (según destino)', cost:'Desde 8,99€' }] },
africa:{name:'🌍 África', items:[{ dest:'África', time:'9/11 días laborables (según destino)', cost:'Desde 8,99€' }] },
oce: { name:'🌊 Oceanía', items:[{ dest:'Oceanía', time:'9/11 días laborables (según destino)', cost:'Desde 8,99€' }] }
}
},
en: {
label: 'Shipping options by country/region:',
note: 'We handle all our stock with care to prepare and ship it as quickly as possible.',
fields: { dest:'Destination', time:'Transit time', cost:'Cost' },
regions: {
es: { name:'🇪🇸 Spain', items:[{ dest:'Spain', time:'1–2 business days', cost:'FREE' }] },
ad: { name:'🇦🇩 Andorra', items:[{ dest:'Andorra', time:'3–4 business days', cost:'From €3.99' }] },
eu: { name:'🇪🇺 Europe', items:[{ dest:'Europe', time:'4–5 business days', cost:'From €3.99' }] },
us: { name:'🇺🇸 USA', items:[{ dest:'USA', time:'7–9 business days (depending on area)', cost:'From €8.99' }] },
asia: { name:'🌏 Asia', items:[{ dest:'Asia', time:'9–11 business days (depending on area)', cost:'From €8.99' }] },
africa:{name:'🌍 Africa', items:[{ dest:'Africa', time:'9–11 business days (depending on area)', cost:'From €8.99' }] },
oce: { name:'🌊 Oceania', items:[{ dest:'Oceania', time:'9–11 business days (depending on area)', cost:'From €8.99' }] }
}
}
};
const labelEl = document.getElementById('uneShipLabel');
const noteEl = document.getElementById('uneShipNote');
const select = document.getElementById('uneShipRegion');
const card = document.getElementById('uneShipContent');
const texts = TXT[lang];
const regions = texts.regions;
// Rellenar UI
labelEl.textContent = texts.label;
noteEl.textContent = texts.note;
// Opciones del select (orden sugerido)
const order = ['es','ad','eu','us','asia','africa','oce'];
order.forEach(k=>{
if(!regions[k]) return;
const o = document.createElement('option');
o.value = k;
o.textContent = regions[k].name;
select.appendChild(o);
});
function render(key){
const r = regions[key];
if(!r) return;
const f = texts.fields;
card.innerHTML = `
<div class="une-ship__title">${r.name}</div>
${r.items.map(it=>`
<div class="une-ship__row">
<div class="une-ship__col"><strong>${f.dest}:</strong> ${it.dest}</div>
<div class="une-ship__col"><strong>${f.time}:</strong> ${it.time}</div>
<div class="une-ship__col"><strong>${f.cost}:</strong> ${it.cost}</div>
</div>
`).join('')}
`;
}
// Detectar una región inicial simple por idioma
const initial = lang === 'en' ? 'eu' : 'es';
select.value = initial;
render(initial);
select.addEventListener('change', e => render(e.target.value));
})();