/* === Home + Paranormal + Bodegas Barón: V4 editorial bilingüe / cercanía elegante / SEO === */

const I18N = {
  es: {
    lang: "es",
    prefix: "",
    nav: {
      buy: "Comprar Paranormal", understand: "Entender la categoría", seeWines: "Ver las dos botellas", winery: "Conocer la bodega", official: "Comprar en Bodegas Barón",
      white: "Comprar Blanco 15 €", ox: "Comprar Oxidativo 20 €", english: "English", spanish: "Español"
    },
    products: [
      {
        id: "blanco", name: "Blanco Paranormal", price: "15 €", href: SITE.buyUrlBlanco,
        image: "/uploads/Vino-blanco-paranormal-2023-baron.jpg.webp", tag: "Primer sorbo",
        headline: "Claro, salino, muy de viña.",
        body: "Palomino Fino de El Poedo, sin fortificar, con crianza en roble americano y un leve roce de velo. Un blanco cercano, seco y luminoso, pensado para beber sin solemnidad.",
        specs: ["Palomino Fino", "El Poedo", "8 meses", "Blanco de pasto"],
      },
      {
        id: "oxidativo", name: "Blanco Oxidativo Paranormal", price: "20 €", href: SITE.buyUrlOxidativo,
        image: "/uploads/PARANORMAL AMONTILLADO.jpeg", tag: "Sorbos de fondo",
        headline: "Más fondo, más bota, más mesa.",
        body: "Palomino Fino sin fortificar, criado en botas de amontillado. Tiene memoria de madera envinada, una hondura seca y esa longitud que acompaña mejor cuando hay mesa y tiempo.",
        specs: ["Palomino Fino", "Bota de amontillado", "Oxidativo", "Sanlúcar"],
      },
    ],
    hero: {
      strip: ["Sanlúcar de Barrameda", "Palomino Fino", "Albariza", "Sin fortificar", "18+"],
      eyebrow: "Una viña antes que un nombre",
      h1: "Vino de Pasto",
      body: <>Hay blancos que se entienden mejor sin levantar la voz. Nacen donde la albariza guarda el agua, donde el Atlántico templa la viña y donde el Palomino deja pasar el sitio con discreción. <strong>Paranormal</strong> recoge ese hilo y lo deja en la copa.</>,
      facts: [["Lugar", "Sanlúcar, luz baja"], ["Uva", "Palomino Fino"], ["Suelo", "Albariza atlántica"], ["Botella", "Paranormal desde 15 €"]]
    },
    thesis: {
      n: "I.", label: "La raíz", h2: <>Una memoria del Marco. <em>Vuelta a la mesa con otra luz.</em></>,
      p1: "Antes de que los grandes generosos fijaran la imagen universal de Jerez, también hubo blancos secos para la mesa: vinos de viña, de casa, de conversación y cercanía. Vinos sencillos solo en apariencia.",
      p2: <>Hoy esa memoria vuelve porque el mercado mira de nuevo hacia vinos con origen, frescura, suelo y gastronomía. No discute al fino ni a la manzanilla: amplía el paisaje del Marco con una voz blanca, seca y atlántica.</>,
      noteK: "Lectura", note: "Vino de pasto es una memoria de uso. Paranormal la acerca a una mesa contemporánea."
    },
    science: {
      n: "II.", label: "Suelo, aire, tiempo", h2: "La belleza empieza mucho antes de la copa.",
      body: "Albariza, brisa, Palomino y crianza explican buena parte de lo que luego parece intuición: frescura, salinidad, textura y una forma de profundidad sin exceso de peso.",
      cta: "Leer el cuaderno →",
      items: [["Albariza", "Caliza, blanca, porosa. Guarda humedad en profundidad y obliga a la vid a trabajar despacio."], ["Atlántico", "La cercanía de Sanlúcar suaviza el calor y deja en el vino una línea fina, casi marina."], ["Palomino", "Una uva de poca máscara. No tapa el sitio: lo deja pasar."], ["Crianza", "Lías, madera y velo, cuando aparecen, no tapan el vino. Lo afinan y lo hacen más largo."]]
    },
    bridge: {
      case: ["Caso 001", "La silla suspendida"],
      h2: <>Paranormal prefiere sugerir. <em>Primero una imagen, luego la copa.</em></>,
      body: "La etiqueta no quiere explicarlo todo. Deja una escena en suspensión y permite que el vino haga el resto. Viña, archivo y botella quedan unidos por una imagen improbable, lo justo para recordar que en el Marco todavía caben lecturas nuevas.",
    },
    duo: {
      n: "III.", label: "Las botellas", h2: "Dos lecturas de una misma procedencia.",
      body: <>Uno entra por la claridad. El otro por una expresión más honda. Ambos comparten Palomino, Sanlúcar, crianza y una forma de beber el Marco con naturalidad.</>
    },
    bodega: {
      n: "IV.", label: "Procedencia", h2: <>Bodegas Barón. <em>Una casa de Sanlúcar, una viña y una manera de hacer.</em></>,
      body: "Detrás de Paranormal hay algo muy concreto: una bodega familiar de Sanlúcar, viñedo en El Poedo y una relación larga con la crianza en bota. La estética abre el relato; la procedencia lo sostiene.",
      stats: ["Sanlúcar", "El Poedo", "Palomino", "Bota vieja"]
    },
    hub: {
      n: "V.", label: "Cuaderno", h2: "Un cuaderno para beber con contexto.",
      body: "El vino de pasto se entiende mejor con algo de contexto. Por eso esta web no solo acompaña la compra: también ordena la historia, el suelo, la uva y el momento de mercado.",
      guides: [["Qué es un vino de pasto", "Origen, mesa y blanco seco del Marco.", "/blog/que-es-vino-de-pasto"], ["Vino de pasto, fino y manzanilla", "Tres caminos para una misma memoria de Jerez.", "/blog/diferencia-vino-de-pasto-fino-manzanilla"], ["Palomino Fino", "La uva que deja hablar al suelo.", "/blog/palomino-fino"], ["Crianza sobre lías", "Textura, pausa y profundidad.", "/blog/crianza-sobre-lias"], ["Cómo tomar Paranormal", "Frío justo, copa amplia y comida cerca.", "/blog/como-tomar-paranormal"]]
    },
    final: {
      eyebrow: "Vino de Pasto · Paranormal · Bodegas Barón",
      h2: "Un blanco del Marco para beber con contexto, desde la viña hasta la mesa.",
      body: <>Compra en la tienda oficial de Bodegas Barón y aplica el código <strong style={{ color: "var(--gold)" }}>{SITE.coupon}</strong> en el checkout.</>
    },
    category: {
      eyebrow: "Guía base", h1: "Qué es un vino de pasto.",
      intro: "Un blanco seco del Marco de Jerez, habitualmente de Palomino Fino y sin fortificar. Nace para la mesa y hoy vuelve a interesar porque habla de suelo, de gastronomía y de una manera menos evidente de mirar Jerez."
    },
    paranormal: {
      eyebrow: "Paranormal · Bodegas Barón", h1: "Dos botellas. Una misma conversación.",
      intro: "Paranormal propone dos formas de acercarse al vino de pasto: un blanco claro, salino y directo, y una lectura oxidativa más profunda. Dos botellas para entender el paisaje sin agotarlo.",
      ficha: "Ficha", resumen: "Resumen técnico", mesa: "Mesa", elegir: "Blanco para empezar. Oxidativo para quedarse.",
      elegirBody: "Para quien se acerca por primera vez, el Blanco ofrece una lectura más inmediata. Para quien ya disfruta finos, manzanillas, blancos de crianza o vinos con más fondo, el Oxidativo aporta una conversación más larga.",
      specs: [["Categoría", "Vino blanco de pasto, Palomino Fino, sin fortificar"], ["Procedencia", "Sanlúcar de Barrameda, viñedo El Poedo, Bodegas Barón"], ["Crianza", "8 meses, con lectura de bota y lías según referencia"], ["Servicio", "7-9 ºC, copa de blanco gastronómica"], ["Mesa", "Marisco, pescado azul, ibéricos, arroces, quesos curados"]]
    },
    bodegaPage: {
      eyebrow: "Bodega · Sanlúcar de Barrameda", h1: <>Bodegas Barón.<br/><em style={{ fontFamily: "var(--editorial)", fontStyle: "italic", fontWeight: 300, color: "var(--engrave)" }}>Sanlúcar, viña y bota.</em></>,
      final: "La viña aporta el origen. La bota afina el carácter. La copa termina de contar lo importante."
    }
  },
  en: {
    lang: "en", prefix: "/en",
    nav: { buy: "Buy Paranormal", understand: "Understand the style", seeWines: "See both wines", winery: "Discover the winery", official: "Buy from Bodegas Barón", white: "Buy White 15 €", ox: "Buy Oxidative 20 €", english: "English", spanish: "Español" },
    products: [
      { id: "blanco", name: "Paranormal White", price: "15 €", href: SITE.buyUrlBlanco, image: "/uploads/Vino-blanco-paranormal-2023-baron.jpg.webp", tag: "First glass", headline: "Clear, saline, quietly vineyard-led.", body: "Palomino Fino from El Poedo, unfortified, aged in American oak and lightly touched by flor. A dry, luminous white wine made for the table rather than ceremony.", specs: ["Palomino Fino", "El Poedo", "8 months", "Vino de Pasto"] },
      { id: "oxidativo", name: "Paranormal Oxidative White", price: "20 €", href: SITE.buyUrlOxidativo, image: "/uploads/PARANORMAL AMONTILLADO.jpeg", tag: "A deeper glass", headline: "More depth, more cask, more table.", body: "Unfortified Palomino Fino aged in amontillado casks. It carries seasoned wood, dry depth and the kind of length that makes more sense with food and time.", specs: ["Palomino Fino", "Amontillado cask", "Oxidative", "Sanlúcar"] },
    ],
    hero: { strip: ["Sanlúcar de Barrameda", "Palomino Fino", "Albariza", "Unfortified", "18+"], eyebrow: "A vineyard before a name", h1: "Vino de Pasto", body: <>Some white wines are better understood without raising the voice. They come from albariza soils that hold water, from Atlantic air that tempers the vineyard, from Palomino that lets the place come through. <strong>Paranormal</strong> follows that thread into the glass.</>, facts: [["Place", "Sanlúcar, low light"], ["Grape", "Palomino Fino"], ["Soil", "Atlantic albariza"], ["Wine", "Paranormal from 15 €"]] },
    thesis: { n: "I.", label: "The root", h2: <>A memory of the Marco. <em>Back at the table in a new light.</em></>, p1: "Before fortified wines fixed the global image of Jerez, there were also dry whites for the table: vineyard wines, local wines, wines that belonged close to food and conversation.", p2: <>That memory is being looked at again because the market is turning towards origin, freshness, soil and gastronomy. It does not challenge fino or manzanilla; it widens the landscape of Jerez with a dry, Atlantic white voice.</>, noteK: "Reading", note: "Vino de Pasto is a memory of use. Paranormal brings it to a contemporary table." },
    science: { n: "II.", label: "Soil, air, time", h2: "The beauty begins long before the glass.", body: "Albariza, Atlantic air, Palomino and ageing explain much of what later feels intuitive: freshness, salinity, texture and depth without excess weight.", cta: "Read the notebook →", items: [["Albariza", "White, chalky, porous soil. It stores water deep below and makes the vine work slowly."], ["Atlantic", "Sanlúcar’s proximity to the sea softens the heat and leaves a fine, almost marine line."], ["Palomino", "A grape with little disguise. It does not cover the place: it lets it through."], ["Ageing", "Lees, wood and flor, when present, do not cover the wine. They refine it and make it longer."]] },
    bridge: { case: ["Case 001", "The suspended chair"], h2: <>Paranormal prefers suggestion. <em>First an image, then the glass.</em></>, body: "The label does not try to tell the whole story. It leaves a scene suspended and lets the wine do the rest. Vineyard, archive and bottle meet in an unlikely image, enough to suggest that Jerez still has new readings to offer." },
    duo: { n: "III.", label: "The bottles", h2: "Two readings from the same origin.", body: <>One comes through clarity. The other through a deeper register. Both share Palomino, Sanlúcar, ageing and a natural way of drinking the Marco.</> },
    bodega: { n: "IV.", label: "Origin", h2: <>Bodegas Barón. <em>A Sanlúcar house, a vineyard and a way of working.</em></>, body: "Behind Paranormal there is something very specific: a family winery in Sanlúcar, vineyard land in El Poedo and a long familiarity with cask ageing. The visual world opens the story; the origin gives it weight.", stats: ["Sanlúcar", "El Poedo", "Palomino", "Old cask"] },
    hub: { n: "V.", label: "Notebook", h2: "A notebook for drinking with context.", body: "Vino de Pasto is better understood with context. This site supports the purchase, but also frames the history, the soil, the grape and the current market moment.", guides: [["What is Vino de Pasto?", "Origin, table wine and the dry white side of Jerez.", "/en/wine-de-pasto"], ["Vino de Pasto, fino and manzanilla", "Three paths from the same Jerez memory.", "/en/notebook/difference-vino-de-pasto-fino-manzanilla"], ["Palomino Fino", "The grape that lets the soil speak.", "/en/notebook/palomino-fino"], ["Lees ageing", "Texture, pause and depth.", "/en/notebook/lees-ageing"], ["How to serve Paranormal", "The right chill, a generous glass and food nearby.", "/en/notebook/how-to-serve-paranormal"]] },
    final: { eyebrow: "Vino de Pasto · Paranormal · Bodegas Barón", h2: "A white wine from the Marco to drink with context, from vineyard to table.", body: <>Buy through the official Bodegas Barón store and use code <strong style={{ color: "var(--gold)" }}>{SITE.coupon}</strong> at checkout.</> },
    category: { eyebrow: "Essential guide", h1: "What is Vino de Pasto?", intro: "A dry white wine from the Marco de Jerez, usually Palomino Fino and unfortified. Made for the table, and now gaining attention because it speaks of soil, gastronomy and a less obvious way of reading Jerez." },
    paranormal: { eyebrow: "Paranormal · Bodegas Barón", h1: "Two bottles. One conversation.", intro: "Paranormal offers two ways into Vino de Pasto: a clear, saline white and a deeper oxidative reading. Two bottles to understand the landscape without exhausting it.", ficha: "File", resumen: "Technical summary", mesa: "Table", elegir: "White to begin. Oxidative to stay.", elegirBody: "For a first encounter, the White gives the most immediate reading. For those already drinking fino, manzanilla, aged whites or more layered wines, the Oxidative offers a longer conversation.", specs: [["Category", "Vino de Pasto white wine, Palomino Fino, unfortified"], ["Origin", "Sanlúcar de Barrameda, El Poedo vineyard, Bodegas Barón"], ["Ageing", "8 months, with cask and lees influence depending on the wine"], ["Serving", "7-9 ºC, generous white-wine glass"], ["Table", "Seafood, oily fish, Iberian pork, rice dishes, mature cheeses"]] },
    bodegaPage: { eyebrow: "Winery · Sanlúcar de Barrameda", h1: <>Bodegas Barón.<br/><em style={{ fontFamily: "var(--editorial)", fontStyle: "italic", fontWeight: 300, color: "var(--engrave)" }}>Sanlúcar, vineyard and cask.</em></>, final: "The vineyard gives the origin. The cask shapes the character. The glass tells what matters." }
  }
};

function langFromRoute() { return window.location.pathname.startsWith("/en") ? "en" : "es"; }
function T() { return I18N[langFromRoute()] || I18N.es; }
function localPath(path) { const t = T(); if (t.lang !== "en") return path; const map = { "/": "/en", "/que-es-vino-de-pasto": "/en/wine-de-pasto", "/paranormal": "/en/paranormal", "/bodegas-baron": "/en/bodegas-baron" }; return map[path] || path; }

function Home() { const t = T(); return <Page><HeroVina t={t}/><ThesisSection t={t}/><ScienceAndHype t={t}/><ParanormalBridge t={t}/><ProductDuo t={t}/><BodegaTrust t={t}/><SeoKnowledgeHub t={t}/><FinalCTA t={t}/></Page>; }

function HeroVina({ t }) {
  return <section className="v2-hero" style={{ borderBottom: "var(--hairline)", position: "relative", overflow: "hidden", background: "#0f0d09", color: "var(--paper)" }}>
    <div className="v2-hero-video v2-hero-photo" role="img" aria-label="Viña de Bodegas Barón en el Marco de Jerez"></div>
    <div className="v2-hero-scrim" />
    <div className="container" style={{ position: "relative", zIndex: 2, minHeight: "88vh", paddingTop: 96, paddingBottom: 64, display: "grid", alignItems: "end" }}>
      <div>
        <div className="v2-strip" style={{ marginBottom: 64 }}>{t.hero.strip.map(x => <span key={x}>{x}</span>)}</div>
        <div className="eyebrow" style={{ color: "rgba(241,236,224,.72)", marginBottom: 24 }}>{t.hero.eyebrow}</div>
        <h1 style={{ color: "var(--paper)", maxWidth: "11ch", lineHeight: .92 }}>{t.hero.h1}</h1>
        <div className="v3-hero-copy">
          <p style={{ fontFamily: "var(--editorial)", fontSize: 23, lineHeight: 1.48, color: "rgba(241,236,224,.86)", maxWidth: "48ch", margin: 0 }}>{t.hero.body}</p>
          <div className="v3-hero-actions">
            <Link to={localPath("/paranormal")} className="btn" style={{ background: "var(--gold)", borderColor: "var(--gold)", color: "var(--ink)" }}><span>{t.nav.buy}</span><span className="arrow">→</span></Link>
            <Link to={localPath("/que-es-vino-de-pasto")} className="btn btn-ghost" style={{ borderColor: "rgba(241,236,224,.48)", color: "var(--paper)" }}><span>{t.nav.understand}</span></Link>
          </div>
        </div>
      </div>
    </div>
    <div style={{ borderTop: "1px solid rgba(241,236,224,.18)", position: "relative", zIndex: 2 }}><div className="container v2-facts">{t.hero.facts.map(([k,v],i)=><div key={k} className="v2-fact" style={{ borderLeft: i ? "1px solid rgba(241,236,224,.16)" : "none" }}><div className="eyebrow" style={{ color: "rgba(241,236,224,.52)" }}>{k}</div><div style={{ fontFamily: "var(--serif)", fontSize: 20, color: "var(--paper)", marginTop: 8 }}>{v}</div></div>)}</div></div>
  </section>;
}

function ThesisSection({ t = T() }) { return <section className="section-pad" style={{ borderBottom: "var(--hairline)" }}><div className="container"><SectionNum n={t.thesis.n}>{t.thesis.label}</SectionNum><div className="v3-two-col"><div><h2>{t.thesis.h2}</h2></div><div><p className="dropcap" style={{ fontSize: 19, lineHeight: 1.72 }}>{t.thesis.p1}</p><p style={{ fontSize: 18, lineHeight: 1.72, color: "var(--ink-soft)" }}>{t.thesis.p2}</p><div className="v2-note"><span>{t.thesis.noteK}</span><strong>{t.thesis.note}</strong></div></div></div></div></section>; }

function ScienceAndHype({ t = T() }) { return <section className="section-pad" style={{ borderBottom: "var(--hairline)", background: "var(--paper-warm)" }}><div className="container"><SectionNum n={t.science.n}>{t.science.label}</SectionNum><div className="v3-science-grid"><div><h2>{t.science.h2}</h2><p style={{ fontSize: 18, lineHeight: 1.68, color: "var(--ink-soft)" }}>{t.science.body}</p><Link to={langFromRoute() === "en" ? "/en/wine-de-pasto" : "/blog/que-es-vino-de-pasto"} className="btn-link" style={{ marginTop: 18, display: "inline-block" }}>{t.science.cta}</Link></div><div className="v2-grid-2">{t.science.items.map(([title,body],i)=><div className="v2-card" key={title}><div className="kicker">0{i+1}</div><h3>{title}</h3><p>{body}</p></div>)}</div></div></div></section>; }

function ParanormalBridge({ t = T() }) { return <section style={{ background: "#0d0b08", color: "var(--paper)", borderBottom: "1px solid #000", position: "relative", overflow: "hidden" }}><AnimatedLabelBackground opacity={0.28} position="right"/><div className="container" style={{ padding: "118px 40px", position: "relative", zIndex: 2 }}><div className="v3-two-col-center"><div><div className="case-tag dark" style={{ marginBottom: 28 }}><span>{t.bridge.case[0]}</span><span style={{ width: 1, height: 12, background: "currentColor", opacity: .5 }}/><span>{t.bridge.case[1]}</span></div><h2 style={{ color: "var(--paper)" }}>{t.bridge.h2}</h2><p style={{ color: "rgba(241,236,224,.74)", fontSize: 18.5, lineHeight: 1.7, maxWidth: "48ch" }}>{t.bridge.body}</p><div style={{ display: "flex", gap: 14, flexWrap: "wrap", marginTop: 34 }}><Link to={localPath("/paranormal")} className="btn" style={{ background: "var(--gold)", borderColor: "var(--gold)", color: "var(--ink)" }}><span>{t.nav.seeWines}</span><span className="arrow">→</span></Link><ExternalBuyButton variant="ghost" href={SITE.buyUrl}>{t.nav.official}</ExternalBuyButton></div></div><div className="v2-label-frame"><video src="/uploads/VIDEO IA - etiqueta paranormal.mp4" autoPlay loop muted playsInline/><img src="/uploads/Disenosintitulo_7.jpg.webp" alt="Etiqueta Paranormal Caso 001"/></div></div></div></section>; }

function ProductDuo({ t = T() }) { return <section className="section-pad" id="comprar" style={{ borderBottom: "var(--hairline)" }}><div className="container"><SectionNum n={t.duo.n}>{t.duo.label}</SectionNum><div className="v3-product-head"><div><h2>{t.duo.h2}</h2><p style={{ fontSize: 18, lineHeight: 1.6, color: "var(--ink-soft)", maxWidth: "64ch" }}>{t.duo.body}</p></div><CouponBox/></div><div className="v2-products">{t.products.map((p)=><ProductCard key={p.id} p={p}/>)}</div></div></section>; }
function ProductCard({ p }) { return <article className="v2-product-card"><div className="v2-product-image" style={{ backgroundImage: `url('${p.image}')` }}/><div className="v2-product-body"><div style={{ display: "flex", justifyContent: "space-between", gap: 20, alignItems: "baseline" }}><div className="kicker">{p.tag}</div><div style={{ fontFamily: "var(--serif)", fontSize: 30, color: "var(--gold-deep)" }}>{p.price}</div></div><h3 style={{ fontSize: 34, marginTop: 18 }}>{p.name}</h3><p style={{ fontSize: 17, lineHeight: 1.65, color: "var(--ink-soft)" }}><strong>{p.headline}</strong> {p.body}</p><div className="v2-spec-pills">{p.specs.map(s=><span key={s}>{s}</span>)}</div><div style={{ marginTop: 30 }}><ExternalBuyButton href={p.href}>{T().nav.buy.replace("Paranormal", p.name)}</ExternalBuyButton></div></div></article>; }

function BodegaTrust({ t = T() }) { return <section className="section-pad" style={{ borderBottom: "var(--hairline)", background: "#15120d", color: "var(--paper)" }}><div className="container"><SectionNum n={t.bodega.n}>{t.bodega.label}</SectionNum><div className="v3-bodega-grid"><div className="photo tint" style={{ aspectRatio: "4 / 5", backgroundImage: "url('/assets/cellar-corridor.jpg')" }}><div className="caption">Bodegas Barón · Sanlúcar</div></div><div><h2 style={{ color: "var(--paper)" }}>{t.bodega.h2}</h2><p style={{ color: "rgba(241,236,224,.74)", fontSize: 18, lineHeight: 1.72 }}>{t.bodega.body}</p><div className="v2-dark-stats">{t.bodega.stats.map(x=><span key={x}>{x}</span>)}</div><Link to={localPath("/bodegas-baron")} className="btn-link" style={{ marginTop: 32, display: "inline-block", color: "var(--gold)", borderColor: "var(--gold)" }}>{t.nav.winery} →</Link></div></div></div></section>; }

function SeoKnowledgeHub({ t = T() }) { return <section className="section-pad" style={{ borderBottom: "var(--hairline)" }}><div className="container"><SectionNum n={t.hub.n}>{t.hub.label}</SectionNum><div className="v3-hub-grid"><div><h2>{t.hub.h2}</h2><p style={{ fontSize: 17.5, lineHeight: 1.7, color: "var(--ink-soft)" }}>{t.hub.body}</p></div><div style={{ borderTop: "0.5px solid var(--ink)" }}>{t.hub.guides.map(([title,desc,url],i)=><Link key={title} to={url} className="v2-guide-row"><span className="kicker">{String(i+1).padStart(2,"0")}</span><strong>{title}</strong><em>{desc}</em><span>→</span></Link>)}</div></div></div></section>; }

function FinalCTA({ t = T() }) { return <section style={{ background: "var(--ink)", color: "var(--paper)" }}><div className="container" style={{ padding: "130px 40px", textAlign: "center" }}><div className="eyebrow" style={{ color: "rgba(241,236,224,.58)", marginBottom: 22 }}>{t.final.eyebrow}</div><h2 style={{ color: "var(--paper)", maxWidth: 880, margin: "0 auto" }}>{t.final.h2}</h2><p style={{ maxWidth: 640, margin: "28px auto 0", color: "rgba(241,236,224,.72)", fontSize: 18, lineHeight: 1.65 }}>{t.final.body}</p><div style={{ marginTop: 38, display: "flex", gap: 14, justifyContent: "center", flexWrap: "wrap" }}><ExternalBuyButton href={SITE.buyUrlBlanco}>{t.nav.white}</ExternalBuyButton><ExternalBuyButton variant="ghost" href={SITE.buyUrlOxidativo}>{t.nav.ox}</ExternalBuyButton></div></div></section>; }

function Paranormal() { const t = T(); return <Page><section style={{ background: "#0d0b08", color: "var(--paper)", borderBottom: "1px solid #000", position: "relative", overflow: "hidden" }}><AnimatedLabelBackground opacity={0.24}/><div className="container" style={{ padding: "104px 40px 76px", position: "relative", zIndex: 2 }}><div className="eyebrow" style={{ color: "rgba(241,236,224,.62)" }}>{t.paranormal.eyebrow}</div><h1 style={{ color: "var(--paper)", marginTop: 24, maxWidth: "12ch" }}>{t.paranormal.h1}</h1><p style={{ fontSize: 20, lineHeight: 1.62, color: "rgba(241,236,224,.78)", maxWidth: "62ch", marginTop: 28 }}>{t.paranormal.intro}</p></div></section><ProductDuo t={t}/><section className="section-pad" style={{ borderBottom: "var(--hairline)", background: "var(--paper-warm)" }}><div className="container v3-two-col"><div><SectionNum n={t.paranormal.ficha}>{t.paranormal.resumen}</SectionNum>{t.paranormal.specs.map(([a,b])=><WineSpec key={a} label={a} value={b}/>)}</div><div><SectionNum n={t.paranormal.mesa}>{langFromRoute()==="en" ? "How to choose" : "Cómo elegir"}</SectionNum><h2 style={{ fontSize: 42 }}>{t.paranormal.elegir}</h2><p style={{ fontSize: 18, lineHeight: 1.7, color: "var(--ink-soft)" }}>{t.paranormal.elegirBody}</p><CouponBox/></div></div></section></Page>; }

function QueEs() { const t = T(); return <Page><section style={{ borderBottom: "var(--hairline)" }}><div className="container" style={{ paddingTop: 100, paddingBottom: 70 }}><div className="eyebrow">{t.category.eyebrow}</div><h1 style={{ marginTop: 24, maxWidth: "13ch" }}>{t.category.h1}</h1><p style={{ fontSize: 21, lineHeight: 1.58, maxWidth: "62ch", color: "var(--ink-soft)", marginTop: 28 }}>{t.category.intro}</p></div></section><ThesisSection t={t}/><ScienceAndHype t={t}/><SeoKnowledgeHub t={t}/></Page>; }

function BodegaPage() { const t = T(); const en = langFromRoute() === "en"; return <Page><section className="bodega-page-hero" style={{ borderBottom: "var(--hairline)", position: "relative" }}><div className="container" style={{ padding: "100px 40px 80px", position: "relative", zIndex: 2 }}><div className="eyebrow">{t.bodegaPage.eyebrow}</div><h1 style={{ marginTop: 24 }}>{t.bodegaPage.h1}</h1></div><div className="photo tint bodega-page-photo" style={{ height: "60vh", maxHeight: 520, minHeight: 320, backgroundImage: "url('/assets/bodega-exterior.jpg')" }}><div className="caption">Bodegas Barón · Sanlúcar</div></div></section><BodegaTrust t={t}/><section className="section-pad-sm bodega-final" style={{ background: "var(--paper)", borderBottom: "var(--hairline)" }}><div className="container" style={{ textAlign: "center" }}><h2 style={{ maxWidth: 840, margin: "0 auto" }}>{t.bodegaPage.final}</h2><div style={{ marginTop: 36, display: "flex", gap: 14, justifyContent: "center", flexWrap: "wrap" }}><Link to={localPath("/paranormal")} className="btn"><span>{t.nav.seeWines}</span><span className="arrow">→</span></Link><ExternalBuyButton href={SITE.buyUrl}>{t.nav.official}</ExternalBuyButton></div></div></section></Page>; }
function Comprar() { return <Paranormal/>; }

Object.assign(window, { Home, Paranormal, QueEs, Comprar, BodegaPage, PRODUCTS: I18N.es.products, I18N, T });