;
}
const linkStyle = { color:'inherit', textDecoration:'none', transition:'color .15s' };
// ── HOW IT WORKS ──────────────────────────────────────────────
function HowItWorks(){
const steps = [
{n:'01',t:'INSCRÍBETE',d:'Nombre y teléfono. Te asignamos un código de 4 dígitos que te identifica en el ranking.'},
{n:'02',t:'MIRA LAS PISTAS EN EL GRUPO WHATSAPP',d:'Las pistas y los avisos se comparten ahí.'},
{n:'03',t:'SUBE LA FOTO',d:'Hazte la foto con la pegatina, usa tu código y selecciona el punto que has encontrado.'},
{n:'04',t:'SUBE EN EL RANKING EN DIRECTO',d:'La barra de progreso crece al subir la foto y se pone naranja cuando el admin la valida.'},
];
return (
{kicker}
{title}
Los avisos se compartirán en el grupo de WhatsApp. La recogida de fotos y la validación siguen haciéndose por la web para que todo quede ordenado.
Una vez entres al grupo, podrás seguir el avance del reto y subir cada foto desde el formulario de arriba.
MENSAJES + AVISOS
TODO SE COMUNICA AHÍ
Únete al grupo para recibir los avisos en tiempo real.
e.stopPropagation()} style={{position:'relative',maxWidth:'90vw',maxHeight:'90vh'}}>
{e.target.style.display='none'}}/>
{title}
esc · click fuera para cerrar
PILOTO · {me.codigo} · {me.nombre}
)}
Cuando encuentres una pegatina, hazte una foto con ella: un selfie o el saludo motero, como prefieras. Mete tu código, selecciona qué punto has encontrado y súbela.
- ◉ 1 FOTO POR PUNTO
- ◉ SELFIE O SALUDO MOTERO
- ◉ HASTA QUE AVISEMOS
▲ ¿Aún no tienes código? Inscríbete aquí y te damos uno.
)}
ACTUALIZA CADA 5 SEGUNDOS · AMARILLO = ENVIADA / REVISIÓN · NARANJA = VALIDADA · ROJO = RECHAZADA · BARRA HASTA {visibleMaxPoints} PUNTOS · {visibleMaxPhotos} FOTOS
CARGANDO RANKING
RANKING NO DISPONIBLE
reintentando en unos segundos
AÚN NO HAY PILOTOS REGISTRADOS
en cuanto se inscriban, aparecerán aquí ↓
{displayRanking.length > 0 && (
{displayRanking.map((r,i)=>{
const isOrganizer = !!r.organizer;
const score = Number(r.puntos ?? 0);
const submittedCount = Number.isFinite(Number(r.fotos_subidas))
? Number(r.fotos_subidas)
: (r.slots || []).reduce((total, slot) => total + (Number(slot.photos ?? 0) || ((slot.state || (slot.done ? 'aprobado' : 'empty')) !== 'empty' && (slot.state || (slot.done ? 'aprobado' : 'empty')) !== 'rechazado' ? 1 : 0)), 0);
const summaryText = `${score} puntos - ${submittedCount}/${visibleMaxPhotos} fotos`;
return (
);
})}
)}
)}
POS
PILOTO
PROGRESO
RESUMEN
{isOrganizer ? '—' : (r.puesto || i+1)}
{summaryText}
{(r.slots || RANK_SLOTS.map(s => ({id:s.id, label:s.label, bonus:!!(s.isBonus || s.bonus), extra:!!(s.isExtra || s.extra), state:s.state || 'empty', done:false, points:s.points}))).map(slot => {
const slotState = slot.state || (slot.done ? 'aprobado' : 'empty');
const points = Number(slot.points || 1);
const chipPalette = getRankChipStyle(slotState, slot);
return (
{slot.bonus ? '★' : ''}
);
})}
{prizes.map((p,i)=>(
);
}
// ── REGISTRATION + UPLOAD ────────────────────────────────────
function RegistrationSection(){
const {state, setState, openLegal} = React.useContext(StateCtx);
const me = state.me && state.me.codigo ? state.me : null;
const [form,setForm] = React.useState({nombre:'',telefono:'',acepta:false});
const [sending,setSending] = React.useState(false);
const [regErr,setRegErr] = React.useState('');
const [pistaId, setPistaId] = React.useState(CLUES[0].id);
const [pointGroup, setPointGroup] = React.useState('main');
const [extraId, setExtraId] = React.useState(EXTRA_POINTS[0].id);
const [codigo, setCodigo] = React.useState(me?.codigo || '');
const [file, setFile] = React.useState(null);
const [preview, setPreview] = React.useState('');
const [uploading, setUploading] = React.useState(false);
const [done, setDone] = React.useState(false);
const [uploadErr, setUploadErr] = React.useState('');
const uploadRef = React.useRef(null);
React.useEffect(()=>{
if (me?.codigo) {
setCodigo(me.codigo);
} else {
setCodigo('');
}
}, [me]);
const submitRegistration = async (e)=>{
e.preventDefault();
setRegErr('');
if(!form.nombre.trim()) return setRegErr('Necesitamos un nombre, aunque sea un alias.');
if(!/^[\d +().-]{6,}$/.test(form.telefono)) return setRegErr('Teléfono con pinta rara.');
if(!form.acepta) return setRegErr('Tienes que aceptar las bases.');
setSending(true);
try{
const body = new URLSearchParams({
nombre: form.nombre.trim(),
telefono: form.telefono.trim(),
});
const res = await fetch(CAS_REGISTER_API, {
method:'POST',
headers:{ Accept:'application/json' },
body,
});
const data = await res.json().catch(()=>null);
if(!res.ok || !data?.ok || !data?.participant){
throw new Error(data?.error || 'No se pudo registrar');
}
setState({ me: data.participant });
setForm(f=>({...f,acepta:false}));
}catch(err){
setRegErr(err.message || 'No se pudo registrar');
}finally{
setSending(false);
}
};
const onFile = (e)=>{
const f = e.target.files?.[0];
if(!f) return;
setFile(f);
const r = new FileReader();
r.onload = ()=>setPreview(r.result);
r.readAsDataURL(f);
};
const submitUpload = async (e)=>{
e.preventDefault();
setUploadErr('');
if(!/^\d{4}$/.test(codigo)){ setUploadErr('Tu código son 4 dígitos.'); return; }
if(!file){ setUploadErr('Sube una foto con la pegatina.'); return; }
setUploading(true);
try{
const selectedPointId = pointGroup === 'extra' ? extraId : pistaId;
const formData = new FormData();
formData.append('codigo', codigo);
formData.append('pista', selectedPointId);
formData.append('foto', file);
const res = await fetch(CAS_UPLOAD_API, {
method:'POST',
headers:{ Accept:'application/json' },
body: formData,
});
const data = await res.json().catch(()=>null);
if(!res.ok || !data?.ok){
throw new Error(data?.error || 'No se pudo subir la foto');
}
setDone(true);
setFile(null);
setPreview('');
if (uploadRef.current) uploadRef.current.value = '';
setTimeout(()=>setDone(false), 4000);
}catch(err){
setUploadErr(err.message || 'No se pudo subir la foto.');
}finally{
setUploading(false);
}
};
return (
{i===0 &&
}
))}
{p.p}
SECRETO
se revela más adelante
ENTREGA · FECHA POR ANUNCIAR · EN FEEL IT MOTORCYCLES
Paso 03
SUBE TU FOTO
inscríbete primero.
Te registras, recibes tu código y en esta misma zona subes la foto de cada punto. Todo queda más limpio y más rápido.
✓ CÓDIGO ÚNICO
✓ SUBIDA DE FOTOS
✓ TODO EN LA MISMA PÁGINA
e.stopPropagation()} style={{maxWidth:760,width:'100%',maxHeight:'88vh',overflowY:'auto',background:'#0d0a08',border:'1px solid var(--cas-border)',padding:'40px 48px'}}>
Cascoterapia · grupo privado de aficionados al motociclismo, sin personalidad jurídica y sin ánimo de lucro. Actividad lúdica, social y recreativa.
Búsqueda de pegatinas en distintos puntos geográficos dentro del plazo establecido.
Voluntaria, gratuita y abierta. El participante declara ser mayor de edad (o contar con autorización), participar bajo su propia responsabilidad y aceptar estas bases.
No es competición deportiva oficial, ni federativa, ni comercial. Es una dinámica recreativa entre particulares.
Carácter simbólico y no comercial (merch / obsequios). La organización puede modificar premios, ajustar el número de ganadores o introducir categorías.
Cascoterapia almacena en el servidor los datos de inscripción (nombre, teléfono y código) y las fotos subidas para gestionar la participación, la validación y el ranking. No se publica el teléfono ni el código en abierto y el contenido compartido (imágenes) es responsabilidad del participante.
Cada participante es responsable de su seguridad, del cumplimiento del código de circulación y del uso adecuado del vehículo. Cascoterapia queda exenta de responsabilidad por accidentes, sanciones o daños.
Comportamiento respetuoso, no poner en riesgo a terceros, respetar espacios públicos y privados. La organización podrá excluir incumplimientos.
Participar implica la aceptación íntegra de estas bases.
La organización se reserva el derecho de modificar las bases o cancelar la actividad si las circunstancias lo requieren.
📝 BASES LEGALES
LA PRUEBA · CASCOTERAPIA
🐌 NOTA FINAL
Cascoterapia es, ante todo, un grupo de amigos. Este evento nace para compartir rutas, desconectar y disfrutar del camino.
Sin presión. Sin excusas. Solo ruta.
Sin presión. Sin excusas. Solo ruta.
{n}. {t}
{children}