/* Website UI kit — Doctor authority band (navy) */
function Authority() {
  const { StatBlock, Button } = window.DrRenanMouraDesignSystem_c23fa8;
  return (
    <section className="rm-x40" style={{ background: "var(--surface-inverse)", color: "#fff", padding: "var(--section-pad-y) 40px" }}>
      <div className="rm-split" style={{ maxWidth: "var(--content-max)", margin: "0 auto", display: "grid", gridTemplateColumns: "0.9fr 1.1fr", gap: "96px", alignItems: "center" }}>
        <div data-reveal style={{ position: "relative" }}>
          <div style={{ aspectRatio: "4 / 5", borderRadius: "var(--radius-xl)", overflow: "hidden", boxShadow: "var(--shadow-media)" }}>
            <img src="assets/images/doctor-coat-front.png" alt="Dr. Renan Moura" style={{ width: "100%", height: "100%", objectFit: "cover" }} />
          </div>
        </div>
        <div data-reveal style={{ display: "flex", flexDirection: "column", gap: "28px" }}>
          <span className="rm-eyebrow" style={{ color: "var(--text-gold-on-dark)" }}>O especialista</span>
          <h2 style={{ fontSize: "var(--text-display-lg)", lineHeight: 1.05, color: "#fff", margin: 0 }}>
            Dr. Renan Moura
          </h2>
          <p style={{ fontSize: "19px", lineHeight: 1.7, color: "rgba(255,255,255,0.8)", margin: 0, maxWidth: "52ch" }}>
            Referência em harmonização facial avançada e liftings faciais, com uma filosofia que une precisão técnica e sensibilidade estética. Cada tratamento é planejado individualmente, com foco em resultados naturais e duradouros.
          </p>
          <div style={{ display: "flex", gap: "56px", marginTop: "12px", flexWrap: "wrap" }}>
            <StatBlock onDark value="+18 anos" label="de experiência clínica" />
            <StatBlock onDark value="+4.000" label="tratamentos realizados" />
            <StatBlock onDark value="100%" label="planejamento individual" />
          </div>
          <div style={{ marginTop: "16px" }}>
            <Button variant="gold" size="lg" href="#equipe">Conhecer a equipe</Button>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Authority = Authority;