---
import { getEntry } from "astro:content";

const { data } = (await getEntry("diplomadoSections", "encabezado"))!;
---

<div class="flex flex-col items-center gap-3 max-w-4xl mx-auto text-center" data-aos="fade-up">
  <span class="text-corporative-yellow text-base md:text-lg font-semibold tracking-wide uppercase"
    >{data.label}</span
  >
  <h1 class="text-2xl md:text-3xl font-bold text-corporative-blue leading-tight text-balance">
    {data.title}
  </h1>
</div>