// ── SHARED TOKENS ────────────────────────────────────────── const C = { warmWhite: 'oklch(0.98 0.008 80)', sandLight: 'oklch(0.95 0.018 78)', sand: 'oklch(0.87 0.04 78)', sandMid: 'oklch(0.72 0.055 78)', sandDark: 'oklch(0.50 0.06 78)', tealLight: 'oklch(0.91 0.055 193)', teal: 'oklch(0.70 0.09 193)', tealDeep: 'oklch(0.44 0.09 193)', ink: 'oklch(0.22 0.02 198)', inkSoft: 'oklch(0.42 0.02 198)', }; const WA_PHONE = '34651023514'; const WA_LINK = `https://wa.me/${WA_PHONE}?text=Hola%20Cristina%2C%20no%20s%C3%A9%20muy%20bien%20por%20d%C3%B3nde%20empezar%2C%20pero%20me%20gustar%C3%ADa%20hablar%20contigo.`; function openWA(e, link = WA_LINK) { if (e) e.preventDefault(); window.open(link, '_blank', 'noopener'); } const EMAIL = 'cristina@centrobarcala.com'; const PHONE = '651 023 514'; const WEB = 'www.centrobarcala.com'; const LEGAL_URL = 'aviso-legal.html'; const COLEGIADA = 'AO14448'; // Pega aquí la Access Key de Web3Forms (web3forms.com → escribe tu email → te la envían al momento). // Mientras esté vacía, el formulario sigue funcionando abriendo el correo del visitante. const WEB3FORMS_KEY = '23548fd2-db4b-4890-958a-115afdba2a50'; const DOCTORALIA = 'https://www.doctoralia.es/cristina-lopez-quiroga/psicologo/malaga'; // ── WHATSAPP ICON ────────────────────────────────────────── function WaIcon({ size = 16 }) { return ( ); } // ── WHATSAPP FLOATING BUTTON ──────────────────────────────── function WaFloat() { return ( openWA(e)} target="_blank" rel="noopener" aria-label="Abrir WhatsApp" style={{ position: 'fixed', bottom: 26, right: 26, zIndex: 200, width: 58, height: 58, borderRadius: '50%', background: '#25D366', display: 'flex', alignItems: 'center', justifyContent: 'center', boxShadow: '0 6px 20px rgba(0,0,0,0.22)', color: '#fff', textDecoration: 'none' }}> ); } // ── CTA BUTTON ───────────────────────────────────────────── function CtaBtn({ label = 'Reservar primera sesión', large = false, msg, inverted = false }) { const [hov, setHov] = React.useState(false); const href = msg ? `https://wa.me/${WA_PHONE}?text=${encodeURIComponent(msg)}` : WA_LINK; const bg = inverted ? (hov ? C.tealLight : C.warmWhite) : (hov ? C.teal : C.tealDeep); const fg = inverted ? C.tealDeep : C.warmWhite; return ( setHov(true)} onMouseLeave={() => setHov(false)} style={{ display: 'inline-flex', alignItems: 'center', gap: 10, fontFamily: 'Lato, sans-serif', fontSize: large ? 14 : 13, letterSpacing: '0.1em', color: fg, background: bg, padding: large ? '18px 44px' : '14px 28px', textDecoration: 'none', transition: 'background 0.25s', }}> {label} ); } // ── CREDENCIALES ──────────────────────────────────────── function Credenciales({ center = false, dark = false, marginTop = 28 }) { return (
Psicóloga · Col. nº AO14448
Nutricionista · Col. nº AND956 Perfil en Doctoralia →
); } // ── PHOTO ────────────────────────────────────────────────── function Photo({ style = {}, position = 'center 15%', src = 'assets/cristina-calida.png', className }) { return (
); } // ── NAV ──────────────────────────────────────────────────── function Nav({ scrollY }) { const solid = scrollY > 60; const links = ['Sobre mí', 'Psiconutrición', 'Talleres', 'Contacto', 'Tarifas']; return ( ); } // ── HERO A — EQUILIBRIO (split) ─────────────────────────── function HeroEquilibrio() { return (
Centro Barcala · Málaga

Un espacio
para volver a ti.

Soy Cristina López, psicóloga sanitaria y nutricionista. Te acompaño en tu proceso con presencia, respeto y cercanía — en Málaga y online.

Primera consulta sin compromiso
); } // ── HERO B — PRESENCIA (full bleed) ────────────────────── function HeroPresencia() { return (
Centro Barcala · Málaga

Si te sientes perdido
regresa a ti.

Psicología sanitaria en Málaga. Sesiones presenciales y online adaptadas a ti.

); } // ── HERO D — LUGAR (texto + foto del espacio) ──────────────────── function HeroLugar() { return (
Centro Barcala · Málaga

Aquí SÍ puedes
ser tú.

Psicología sanitaria en Málaga. Sesiones presenciales y online adaptadas a ti.

); } // ── HERO CITA FORM ───────────────────────────────────────── function HeroCitaForm() { const [form, setForm] = React.useState({ nombre: '', apellidos: '', telefono: '', contacto: 'whatsapp' }); const [sent, setSent] = React.useState(false); const inputStyle = { fontFamily: 'Lato, sans-serif', fontSize: 14, fontWeight: 300, border: 'none', borderBottom: `1px solid ${C.tealLight}`, background: 'transparent', padding: '10px 0', color: C.ink, outline: 'none', width: '100%', transition: 'border-color 0.2s', }; const handleSubmit = (e) => { e.preventDefault(); if (!form.nombre || !form.telefono) return; if (form.contacto === 'whatsapp') { const msg = encodeURIComponent(`Hola Cristina, soy ${form.nombre} ${form.apellidos}. Me gustaría pedir cita. Mi teléfono es ${form.telefono}.`); openWA(null, `https://wa.me/${WA_PHONE}?text=${msg}`); } else { window.open(`tel:+${WA_PHONE}`, '_self'); } setSent(true); }; if (sent) return (
¡Gracias, {form.nombre}!
Te contactamos en menos de 24 horas.
); return (
setForm(f => ({ ...f, nombre: e.target.value }))} onFocus={e => e.target.style.borderBottomColor = C.teal} onBlur={e => e.target.style.borderBottomColor = C.tealLight} style={inputStyle} /> setForm(f => ({ ...f, apellidos: e.target.value }))} onFocus={e => e.target.style.borderBottomColor = C.teal} onBlur={e => e.target.style.borderBottomColor = C.tealLight} style={inputStyle} />
setForm(f => ({ ...f, telefono: e.target.value }))} onFocus={e => e.target.style.borderBottomColor = C.teal} onBlur={e => e.target.style.borderBottomColor = C.tealLight} style={inputStyle} />
{[['whatsapp', 'Escribir WhatsApp'], ['llamar', 'Prefiero que me llamen']].map(([val, label]) => ( ))}
); } // ── HERO C — CALIGRAFÍA (tipografía) ───────────────────── function HeroCaligrafia() { return (
Centro Barcala
Centro Barcala · Málaga

Aquí SÍ puedes
ser tú.

Cristina López · Psicóloga sanitaria y nutricionista
Sesiones presenciales en Málaga y online

Primera consulta sin compromiso
); } // ── SECTION SHELL ────────────────────────────────────────── function Sec({ id, bg = C.warmWhite, children, pad = '100px 80px' }) { return
{children}
; } function SLabel({ text }) { return
{text}
; } function STitle({ children, centered = false, color = C.ink }) { return (

{children}

); } // ── SOBRE MÍ ─────────────────────────────────────────────── function SobreMi() { return (
Hola, soy
Cristina López.

Soy psicóloga sanitaria humanista integrativa y nutricionista experta en TCA, con consulta en Málaga. Creo en una terapia cercana, real y adaptada a las necesidades de cada persona — sin protocolos rígidos ni prisas.

Mi forma de trabajar parte de la convicción de que cada persona lleva dentro los recursos que necesita. Mi papel es acompañarte a encontrarlos, con presencia, respeto y sin juicios.

Hemos aprendido muchas formas de sobrevivir y nunca nos enseñaron a atravesar las adversidades.
Juntos encontraremos otra forma de vivir, más libre, más tú.

"Cada proceso es único, como lo es cada persona."
); } // ── PSICONUTRICIÓN / TCA ─────────────────────────────────── const TCA_SENALES = [ 'La comida ocupa gran parte de tus pensamientos del día', 'Comes a escondidas, con culpa o hasta sentirte mal', 'Compensas lo que comes con ejercicio, ayunos o restricción', 'Sientes ascos, rechazo o mucha rigidez con ciertos alimentos', 'Tienes manías o rituales alrededor de la comida que te limitan', 'Tu estado de ánimo depende de lo que has comido o de tu cuerpo', 'Restringes, evitas o controlas sin que sea una dieta consciente', 'Has probado muchas dietas y siempre acabas en el mismo sitio', ]; function Psiconutricion() { return (
Psiconutrición

La comida se convirtió
en el problema.
Nunca fue el origen.

Soy psicóloga sanitaria y nutricionista, y trabajo cualquier comportamiento alterado con la comida desde los dos lados a la vez: el psicológico y el nutricional. No hace falta que te repartas entre dos consultas que no se hablan entre sí.

Trastornos de la conducta alimentaria, ascos y rechazos, restricciones, manías o rituales con la comida — no importa si tiene o no un diagnóstico. Aquí no hay dietas ni planes cerrados: hay entender qué hay detrás de lo que te pasa y devolverte la calma al comer.

Quizá te suene
{TCA_SENALES.map(s => (
{s}
))}

Si has reconocido varias, merece la pena que lo hablemos.

); } // ── PARA QUIÉN ───────────────────────────────────────────── const AUDIENCIAS = [ { label: 'Trastornos alimentarios', desc: 'Anorexia, bulimia, atracón, ortorexia u otras formas de relación dañada con la comida y el cuerpo.' }, { label: 'Ascos y rechazos', desc: 'Aversión a ciertas texturas, sabores o grupos de alimentos que limitan tu día a día.' }, { label: 'Restricción y control', desc: 'Reglas rígidas, miedo a ciertos alimentos o necesidad de controlar cada comida.' }, { label: 'Atracones y culpa', desc: 'Episodios de comer sin control seguidos de culpa, vergüenza o compensación.' }, { label: 'Manías y rituales', desc: 'Costumbres o rituales alrededor de la comida que se han vuelto rígidos o limitantes.' }, { label: 'Imagen corporal', desc: 'Malestar con el propio cuerpo que condiciona cómo, cuándo o cuánto comes.' }, ]; function ParaQuien() { return (
¿Esto es
para ti?
{AUDIENCIAS.map(a => (

{a.label}

{a.desc}

))}
); } // ── CÓMO FUNCIONA ────────────────────────────────────────── const PASOS = [ { n: '01', title: 'Escríbeme', desc: 'Mándame un mensaje por WhatsApp contándome brevemente lo que necesitas.' }, { n: '02', title: 'Primera sesión', desc: 'Nos conocemos en una sesión sin compromiso. Escucho tu situación y resolvemos tus dudas.' }, { n: '03', title: 'Tu proceso', desc: 'Definimos juntos el ritmo y la modalidad que mejor se adaptan a ti — presencial u online.' }, ]; function ComoFunciona() { return (
Así es como
empezamos.
{PASOS.map((p, i) => (
{p.n}

{p.title}

{p.desc}

{i < 2 &&
}
))}
); } // ── TALLERES GRUPALES ────────────────────────────────────── const TALLERES = [ { title: 'Gestión de la ansiedad', desc: 'Herramientas prácticas para reconocer, sostener y calmar la ansiedad en el día a día.', formato: '4 sesiones · grupos de 6 a 10' }, { title: 'Relación con la comida', desc: 'Un espacio para revisar la relación con el cuerpo y la alimentación desde el respeto y sin culpa.', formato: '6 sesiones · grupos de 6 a 8' }, { title: 'Autoestima y límites', desc: 'Aprender a poner límites, sostener el no y construir una mirada más amable hacia uno mismo.', formato: '4 sesiones · grupos de 6 a 10' }, ]; function TalleresGrupales() { const [hov, setHov] = React.useState(null); return (
Sanar también
se hace en grupo.

Encuentros reducidos donde compartir, aprender y practicar con otras personas que atraviesan algo parecido. El grupo sostiene lo que a veces en solitario cuesta sostener.

{TALLERES.map((t, i) => (
setHov(i)} onMouseLeave={() => setHov(null)} style={{ padding: '40px 32px', background: hov === i ? C.tealLight : C.warmWhite, borderTop: `2px solid ${hov === i ? C.teal : C.tealLight}`, transition: 'all 0.2s', display: 'flex', flexDirection: 'column', gap: 14 }}>

{t.title}

{t.desc}

{t.formato}
))}

Los grupos se abren a lo largo del año, presenciales en Málaga provincia. Plazas limitadas.

); } // ── PRESENCIAL / ONLINE ──────────────────────────────────── function PresencialOnline() { return (
{[ { mode: 'Presencial', sub: 'Málaga capital y alrededores', items: ['Consulta en Málaga capital', 'Ambiente cuidado y confidencial', 'Horarios flexibles', 'Sesiones individuales, de pareja y familia'] }, { mode: 'Online', sub: 'Desde cualquier lugar', items: ['Videollamada segura y privada', 'Misma calidad que en consulta', 'Adaptado a tu agenda', 'Para cualquier lugar del mundo'] }, ].map(m => (
{m.sub}

{m.mode}

{m.items.map(item => (
{item}
))}
))}
); } // ── TARIFAS ──────────────────────────────────────────────── const TARIFAS = [ { name: 'Sesión individual', price: '70', note: '60 minutos · presencial u online' }, { name: 'Nutrición', price: '50', note: 'Abordaje nutricional' }, { name: 'Psiconutrición', price: '90', note: 'Abordaje psicológico y nutricional' }, ]; const BONOS = [ { name: 'Bono 3 sesiones individuales', price: '190', note: '3 sesiones de 60 min · ahorras 20€' }, { name: 'Bono 3 sesiones de psiconutrición', price: '250', note: '3 sesiones de 60 min · ahorras 20€' }, { name: 'Bono 5 sesiones de psiconutrición', price: '400', note: '5 sesiones de 60 min · ahorras 50€' }, ]; function Tarifas() { return (
Claro desde
el principio.

Consulta informativa

Hablaremos para que decidas si mi forma de trabajar es la que necesitas. Sin compromiso · 15 min · por teléfono

Gratis
{TARIFAS.map(t => (

{t.name}

{t.note}

{t.price}€
))}

Bonos

{BONOS.map(b => (

{b.name}

{b.note}

{b.price}€
))}

Para tarifas de talleres grupales y terapia familiar, escríbeme y lo vemos.

); } // ── FRASE ────────────────────────────────────────────────── function Frase() { return (
A veces nos perdemos y, sin darnos cuenta, olvidamos el camino de vuelta a casa.

Te acompaño a atravesar los obstáculos, a encontrar la calma y a volver a sentirte tú.

Cristina López
Psicóloga sanitaria · Col. nº {COLEGIADA} · Nutricionista clínica · Col. nº AND956
); } // ── FAQ ──────────────────────────────────────────────────── const FAQS = [ { q: '¿Cuánto dura cada sesión?', a: 'Las sesiones individuales duran 60 minutos. Las sesiones de pareja o familia pueden extenderse hasta 80 minutos.' }, { q: '¿Cuánto tiempo dura el proceso terapéutico?', a: 'Depende de cada persona y de lo que quieras trabajar. Hay procesos breves de pocas semanas y otros que se extienden durante meses. Lo decidimos juntos a tu ritmo.' }, { q: '¿Cómo son las sesiones online?', a: 'Se realizan por videollamada en una plataforma segura y privada. La calidad del trabajo es la misma que en consulta presencial.' }, { q: '¿Necesito haber ido antes a terapia?', a: 'No. Es frecuente que sea la primera vez. La primera sesión sirve precisamente para conocernos y resolver todas tus dudas sin compromiso.' }, { q: '¿Trabajas con menores?', a: 'Sí, trabajo con niños y adolescentes. En los primeros contactos con familias incluimos una reunión inicial con los padres o tutores.' }, ]; function FAQ() { const [open, setOpen] = React.useState(null); return (
Lo que más
me preguntan.
{FAQS.map((f, i) => (
setOpen(open === i ? null : i)}>

{f.q}

+
{open === i && (

{f.a}

)}
))}
); } // ── OPINIONES (Doctoralia) ───────────────────────────────── function Opiniones() { const [hov, setHov] = React.useState(false); return ( ); } // ── CONTACTO ─────────────────────────────────────────────── function ContactoForm() { const [form, setForm] = React.useState({ nombre: '', email: '', mensaje: '' }); const [sent, setSent] = React.useState(false); const inputStyle = { fontFamily: 'Lato, sans-serif', fontSize: 14, fontWeight: 300, border: 'none', borderBottom: `1px solid ${C.teal}`, background: 'transparent', padding: '10px 0', color: C.ink, outline: 'none', width: '100%', transition: 'border-color 0.2s', }; const [sending, setSending] = React.useState(false); const [consent, setConsent] = React.useState(false); const [error, setError] = React.useState(false); const mailtoFallback = () => { const subject = encodeURIComponent(`Nueva consulta desde la web — ${form.nombre}`); const body = encodeURIComponent(`Nombre: ${form.nombre}\nEmail: ${form.email}\n\n${form.mensaje}`); window.location.href = `mailto:${EMAIL}?subject=${subject}&body=${body}`; }; const handleSubmit = async (e) => { e.preventDefault(); if (!form.nombre || !form.email) return; if (!consent) return; if (!WEB3FORMS_KEY) { mailtoFallback(); setSent(true); return; } setSending(true); setError(false); try { const res = await fetch('https://api.web3forms.com/submit', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ access_key: WEB3FORMS_KEY, subject: `Nueva consulta desde la web — ${form.nombre}`, from_name: 'Centro Barcala · Web', name: form.nombre, email: form.email, message: form.mensaje, }), }); const data = await res.json(); if (!data.success) throw new Error('fail'); setSent(true); } catch { setError(true); } finally { setSending(false); } }; if (sent) return (
¡Gracias, {form.nombre}!
{WEB3FORMS_KEY ? 'He recibido tu mensaje. Te respondo en menos de 24 horas.' : 'Se ha abierto tu correo con el mensaje listo. Envíalo y te respondo en menos de 24 horas.'}
); return (
setForm(f => ({ ...f, nombre: e.target.value }))} onFocus={e => e.target.style.borderBottomColor = C.tealDeep} onBlur={e => e.target.style.borderBottomColor = C.teal} style={inputStyle} /> setForm(f => ({ ...f, email: e.target.value }))} onFocus={e => e.target.style.borderBottomColor = C.tealDeep} onBlur={e => e.target.style.borderBottomColor = C.teal} style={inputStyle} />