;
}
/* ============ PLANTILLA 2026 ============ */
function PlantelModal({f,onClose}){
const arr=x=>Array.isArray(x)?x:(x?[x]:[]);
const lines=[['DELANTEROS',arr(f.del)],['MEDIOCAMPO',arr(f.med)],['DEFENSA',arr(f.def)],['ARQUERO',arr(f.arq)]];
const PCard=({p,gk,big})=>(
PLANTEL COMPLETO · TEMPORADA 2026
River Plate {f.esquema}
{arr(f.del).map((p,i)=>
)}{arr(f.med).map((p,i)=>
)}{arr(f.def).map((p,i)=>
)}{arr(f.arq).map((p,i)=>
)}
{f.dt&&f.dt.n&&
{f.dt.foto?
:{f.dt.n[0]}}
DIRECTOR TÉCNICO{f.dt.n}Desde marzo 2026
}
🔄SUPLENTES · BANCO
{(f.suplentes||[]).map((p,i)=>
)}
Ir a mi cuenta →
;
}
function Plantilla(){
const db=useDB();const {blockOn}=useVis();const f=db.formacion;const h=db.historial;
const [modal,setModal]=useState(false);
const Face=({p,gk})=>(
{p.foto?
:{(p.n||'?')[0]}}
{p.n}
);
const Row=({arr})=>
{(arr||[]).map((p,i)=>)}
;
return
👥 PLANTILLA 2026{f.esquema}
{f.dt&&f.dt.n&&
{f.dt.foto?:{f.dt.n[0]}}
DIRECTOR TÉCNICO{f.dt.n}
}
{modal&&setModal(false)}/>}
{blockOn('plantilla','historial')&&
📋 HISTORIAL SUPERCLÁSICOS
{[[h.ganoRiver,'GANÓ RIVER','#2fe07a'],[h.empates,'EMPATES','#e0a24e'],[h.ganoBoca,'GANÓ BOCA','#2f72e0']].map(([n,l,c],i)=>(
{n}{l}
))}
{h.total} clásicos oficiales · último: {h.ultimo}
ÚLTIMOS CRUCES
{h.cruces.map(([f,s,r],i)=>{const[c,bg]=FORMA[r];return
{f}{s}{r}
;})}
}
{blockOn('plantilla','ad')&&
PUBLICIDAD DE SOCIO EXCLUSIVO
}
;
}
/* ============ SPONSORS ============ */
function Sponsors(){
const db=useDB();const {blockOn}=useVis();const TC={ORO:'#ffcf3e',PLATA:'#c0c0cb',BRONCE:'#d9915a'};
return
{blockOn('sponsors','gob')&&}
{/* tiers ahora se muestran en el carrusel grande (SponsorsTop) */}
{[...(db.sponsors_locales||[]),...(db.sponsors_locales||[])].map((s,i)=>(
{s.tier}
{s.logo?
:
{s.nombre}}
))}
★ NUESTROS SPONSORS OFICIALES
;
}
/* ============ SPONSORS CARRUSEL (grande, bajo próximo partido) ============ */
function SponsorsTop(){
const db=useDB();const TC={ORO:'#ffcf3e',PLATA:'#c0c0cb',BRONCE:'#d9915a'};
const all=['ORO','PLATA','BRONCE'].flatMap(t=>((db.sponsors&&db.sponsors[t])||[]).map((s,i)=>({...s,tier:t,k:t+i}))).filter(s=>s.logo||s.nombre);
const locales=(db.sponsors_locales||[]).map((s,i)=>({...s,k:'l'+i}));
const list=[...all,...locales];
useEffect(()=>{const t=setInterval(()=>{document.querySelectorAll('.spon-top').forEach(s=>{if(s.swiper&&!s.matches(':hover'))s.swiper.slideNext();});},2600);return()=>clearInterval(t);},[]);
if(list.length===0)return null;
return
;
}
/* ============ PRODE ============ */
function ProdeJuego({pr}){
const db=useDB();
const user=window.OMAuth&&OMAuth.current();
const ck=u=>{const m=(u||'').match(/([a-z]+)\.png/i);return m?m[1]:'river';};
const fixtures=(pr.fixtures||[]).filter(f=>!f.cerrado);
const f0=db.formacion||{};
const arr=x=>Array.isArray(x)?x:(x&&typeof x==='object'?[x]:[]);
const roster=[...arr(f0.del),...arr(f0.med),...arr(f0.def)].map(p=>p.n).filter(Boolean);
const [picks,setPicks]=useState(()=>(user&&user.prodePicks)||{});
const [saved,setSaved]=useState(false);
const [openG,setOpenG]=useState(null);
if(!user) return
Registrate para jugar el Prode
Pronosticá el marcador exacto y los goleadores (con cuántos goles hizo cada uno) y ganá hasta 20% de descuento. Exclusivo de socios Plata, Oro y VIP.
;
const setP=(fid,patch)=>{const nx={...picks,[fid]:{...(picks[fid]||{gl:0,gv:0,goles:{}}),...patch}};setPicks(nx);setSaved(false);};
const setGol=(fid,jug,d)=>{const p=picks[fid]||{gl:0,gv:0,goles:{}};const g={...(p.goles||{})};g[jug]=Math.max(0,(g[jug]||0)+d);if(g[jug]===0)delete g[jug];setP(fid,{goles:g});};
const guardar=()=>{OMAuth.updateProfile({prodePicks:picks,prodeSemana:isoWeek()});
OMDB.update(s=>{s.prode.participaciones=[{id:user.id,nombre:user.nombre,avatar:user.avatar||null,semana:isoWeek(),partidos:Object.keys(picks).length,fecha:Date.now(),aciertos:user.prodeAciertos||0},...((s.prode&&s.prode.participaciones)||[]).filter(p=>p.id!==user.id)].slice(0,200);});
setSaved(true);};
const yaJugo=user.prodeSemana===isoWeek();
if(yaJugo)return
📩
Pronóstico enviado
Tus predicciones se manifestarán en tu cuenta. Podés consultar tus aciertos junto a la trivia una vez jugados los partidos.
Ver mis aciertos →
;
const Step=({val,onDec,onInc})=>
{val}
;
return <>
Tu Prode · marcador + goleadores
● ABIERTO
{fixtures.map(f=>{const p=picks[f.id]||{gl:0,gv:0,goles:{}};const golList=Object.entries(p.goles||{});
return
{f.local}setP(f.id,{gl:Math.max(0,p.gl-1)})} onInc={()=>setP(f.id,{gl:p.gl+1})}/>
-
{f.visitante}setP(f.id,{gv:Math.max(0,p.gv-1)})} onInc={()=>setP(f.id,{gv:p.gv+1})}/>
{openG===f.id&&
{roster.map(j=>{const c=(p.goles||{})[j]||0;return
0?'rgba(224,30,47,.1)':'rgba(255,255,255,.03)'}}>
{j}
0?'#ff6b78':'#5e5e6a'}}>{c}
;})}
{roster.length===0&&
Cargá el plantel en el panel para elegir goleadores.
}
}
;})}
;
}
function isoWeek(d=new Date()){const t=new Date(d);t.setHours(0,0,0,0);t.setDate(t.getDate()+3-((t.getDay()+6)%7));const w1=new Date(t.getFullYear(),0,4);return t.getFullYear()+'-W'+String(1+Math.round(((t-w1)/864e5-3+((w1.getDay()+6)%7))/7)).padStart(2,'0');}
function Trivia({embedded}){
const db=useDB();const t=db.trivia||{preguntas:[]};const toast=useContext(ToastCtx);
const user=window.OMAuth&&OMAuth.current();
const semana=isoWeek();
const yaJugo=user&&user.triviaSemana===semana;
const [i,setI]=useState(0);const [sel,setSel]=useState(null);const [t10,setT10]=useState(10);const [aciertos,setAciertos]=useState(0);const [fin,setFin]=useState(false);
const q=t.preguntas[i];
useEffect(()=>{if(sel!==null||fin||yaJugo||!q)return;
if(t10<=0){responder(-1);return;}
const id=setTimeout(()=>setT10(t10-1),1000);return()=>clearTimeout(id);
},[t10,sel,fin,q,yaJugo]);
if(!q)return null;
function responder(n){
if(sel!==null)return;setSel(n);
const ok=n===q.correcta;
if(ok)setAciertos(a=>a+1);
if(ok&&user)OMAuth.updateProfile({creditos:(user.creditos||0)+q.premio,xp:(user.xp||0)+q.premio});
toast(ok?`¡Correcto! +${q.premio} créditos`:(n===-1?'⏱ Se acabó el tiempo':'Ups, no era esa'));
}
const next=()=>{
if(i+1>=t.preguntas.length){setFin(true);if(user){OMAuth.updateProfile({triviaSemana:semana,triviaAciertos:(user.triviaAciertos||0)+aciertos,triviaJugadas:(user.triviaJugadas||0)+1});
OMDB.update(s=>{s.trivia.participaciones=[{id:user.id,nombre:user.nombre,avatar:user.avatar||null,semana,aciertos,total:t.preguntas.length,fecha:Date.now()},...((s.trivia&&s.trivia.participaciones)||[]).filter(p=>!(p.id===user.id&&p.semana===semana))].slice(0,200);});}
return;}
setSel(null);setT10(10);setI(i+1);
};
const inner=
{yaJugo?
🏆
Ya jugaste esta semana
{user&&
{user.triviaAciertos||0}ACIERTOS TOTALES
{user.triviaJugadas||0}TANDAS JUGADAS
}
Volvé la próxima semana: preguntas nuevas y más difíciles. Semana actual: {semana}.
:fin?
✅
¡Terminaste la trivia!
{aciertos}/{t.preguntas.length} correctas esta semana
{user&&
Acumulás {(user.triviaAciertos||0)} aciertos · +créditos en tu cuenta
}
{user?'Tus créditos y aciertos ya están en tu cuenta.':'Registrate para acumular los créditos que ganás.'}
:<>
PREGUNTA {i+1}/{t.preguntas.length}
+{q.premio}
{t10}
{q.q}
{q.opciones.map((o,n)=>{const isC=n===q.correcta;const picked=sel===n;
const st=sel===null?{background:'rgba(255,255,255,.05)',border:'1px solid rgba(255,255,255,.1)',color:'#f4f4f6'}
:isC?{background:'rgba(34,197,94,.15)',border:'1px solid rgba(34,197,94,.5)',color:'#7ef2a8'}
:picked?{background:'rgba(224,30,47,.15)',border:'1px solid rgba(224,30,47,.5)',color:'#ff9aa3'}
:{background:'rgba(255,255,255,.03)',border:'1px solid rgba(255,255,255,.06)',color:'#8a8a97'};
return ;})}
{sel!==null&&
}
}
;
if(embedded)return inner;
return
;
}
/* ============ PRODE (sección) ============ */
function Prode(){
const db=useDB();const {blockOn}=useVis();const pr=db.prode;const pt=db.partido;const [vid,setVid]=useState(false);
return
;
}
/* ============ REELS ============ */
function ytId(u){const m=(u||'').match(/(?:youtu\.be\/|v=|shorts\/|embed\/)([\w-]{11})/);return m?m[1]:null;}
function ttId(u){const m=(u||'').match(/video\/(\d+)/);return m?m[1]:null;}
function VideoModal({reel,onClose}){
const yt=reel.plataforma==='YOUTUBE'&&ytId(reel.url);const tt=reel.plataforma==='TIKTOK'&&ttId(reel.url);
const vertical=!yt;
return
e.stopPropagation()} className="relative flex flex-col items-center gap-3" style={{animation:'sheetUp .4s cubic-bezier(.22,1,.36,1) both'}}>
{reel.titulo}
;
}
function Reels(){
const db=useDB();const [playing,setPlaying]=useState(null);const reels=db.reels||[];
const secRef=useRef();
useEffect(()=>{
const el=secRef.current;if(!el)return;
const onScroll=()=>{const r=el.getBoundingClientRect();const vh=window.innerHeight;
const center=r.top+r.height/2;const dist=Math.abs(center-vh/2);const k=Math.max(0,Math.min(1,1-(dist-vh*0.35)/(vh*0.5)));
el.style.opacity=(0.25+0.75*k).toFixed(3);el.style.transform=`scale(${(0.965+0.035*k).toFixed(3)})`;};
onScroll();window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onScroll);
return()=>{window.removeEventListener('scroll',onScroll);window.removeEventListener('resize',onScroll);};
},[]);
return
2?"true":"false"} space-between="0"
coverflow-effect-rotate="6" coverflow-effect-stretch="0" coverflow-effect-depth="220" coverflow-effect-modifier="2.1" coverflow-effect-slide-shadows="true"
pagination="true" navigation="true" style={{paddingBottom:'20px'}}>
{reels.map((r,i)=>{const yt=r.plataforma==='YOUTUBE'&&ytId(r.url);const tt=r.plataforma==='TIKTOK'&&ttId(r.url);const thumb=yt?`https://i.ytimg.com/vi/${yt}/hqdefault.jpg`:null;const isPlay=playing===i;
return
{isPlay?(yt?
:tt?
:
Abrir video ↗)
:
}
;})}
;
}
/* ============ TESTIMONIOS ============ */
function Testimonios(){
const db=useDB();
const list=db.testimonios||[];
const ini=n=>(n||'?').split(/\s+/).slice(0,2).map(w=>w[0]).join('').toUpperCase();
const [idx,setIdx]=useState(0);const [paused,setPaused]=useState(false);
useEffect(()=>{if(paused||list.length<2)return;const t=setInterval(()=>setIdx(i=>(i+1)%list.length),4200);return()=>clearInterval(t);},[paused,list.length]);
if(list.length===0)return null;
const t=list[idx];
const av=t.avatar?
:
{ini(t.nombre)};
return
setPaused(true)} onMouseLeave={()=>setPaused(false)}>
{av}
★★★★★
“{t.texto}”
{t.nombre}
{(t.lugar||'').toUpperCase()} · 🏆 {t.tag}
{list.map((_,i)=>
;
}
/* ============ CONTACTO ============ */
function Contacto(){
const db=useDB();const [subj,setSubj]=useState('Reservar un viaje');const [nombre,setNombre]=useState('');const [email,setEmail]=useState('');const [msg,setMsg]=useState('');const [sent,setSent]=useState(false);
const correo=db.config.email||'contacto@orgullomillonario.com';
const send=()=>{
if(!nombre.trim()||!msg.trim()){return;}
OMDB.update(s=>{s.mensajes=[{id:'m'+Date.now(),asunto:subj,nombre:nombre.trim(),email:email.trim(),mensaje:msg.trim(),fecha:Date.now(),leido:false},...(s.mensajes||[])].slice(0,200);});
const body=encodeURIComponent(`Asunto: ${subj}\nNombre: ${nombre}\nEmail: ${email}\n\n${msg}`);
window.location.href=`mailto:${correo}?subject=${encodeURIComponent('['+subj+'] '+nombre)}&body=${body}`;
setSent(true);setNombre('');setEmail('');setMsg('');
};
const subjects=[['Reservar un viaje','ticket','#ff2e3e'],['Ser sponsor','home','#ffcf3e'],['Sorteos','home','#8b5cf6'],['Consulta general','chat','#2fe07a']];
const socials=[['ig','#ee2a7b','https://instagram.com/'+db.config.instagram],['yt','#ff3b30','#'],['tk','#22d3ee','#'],['x','#f6f1f2','#']];
return
HABLEMOS
CONTACTO
¿Querés reservar un viaje, ser sponsor o tenés una consulta? Escribinos y te respondemos a la brevedad.
{correo}
HORARIO DE ATENCIÓN
Lunes a sábado · 9:00 a 20:00 hs
{socials.map(([n,c,href])=>
)}
{sent?
✓
¡Gracias por tu mensaje!
Te responderemos a la brevedad dentro de nuestro horario de atención (9 a 20 hs).
:<>
¿SOBRE QUÉ NOS ESCRIBÍS?
{subjects.map(([s,ic,c])=>(
))}
setNombre(e.target.value)} placeholder="Tu nombre" className="w-full bg-white/[.06] border border-white/12 rounded-2xl px-4 py-3 text-[13.5px] outline-none focus:border-river/60 mb-3 placeholder:text-dim"/>
setEmail(e.target.value)} type="email" placeholder="Tu email (para responderte)" className="w-full bg-white/[.06] border border-white/12 rounded-2xl px-4 py-3 text-[13.5px] outline-none focus:border-river/60 mb-3 placeholder:text-dim"/>
