feat(index): add AuthoritySection component showcasing leadership

- Introduces new AuthoritySection displaying Dr. José Benjamín Pérez Matos profile
- Adds new image asset DRJBP-1.webp for authority section
- Simplifies IdentitySection by extracting authority content to separate section

src/components/section/AuthoritySection.astro

@@ -0,0 +1,15 @@
+---
+const { title, titleColor, description, descColor, bgColor } = Astro.props;
+---
+
+<div class={`container mx-auto ${bgColor}`}>
+    <div class="grid grid-cols-12">
+        <div class={`col-span-8 p-24 h-82 space-y-5 ${descColor}`}>
+            <h2 class={`${titleColor} text-2xl`}><strong>Autoridades</strong> | Centro del Reino de Paz y Justicia</h2>
+            <p>El <strong>Dr. José Benjamín Pérez Matos</strong> es el <strong>fundador y único referente del Centro del Reino de Paz y Justicia.</strong> Su liderazgo articula visión espiritual, formación intelectual, acción pública y proyección internacional.</p>
+        </div>
+        <div class="col-span-4 bg-secondary flex items-end self-end justify-center h-82 overflow-visible">
+            <img src="/src/assets/DRJBP-1.webp" class="w-92 h-98 object-contain" alt="">
+        </div>
+    </div>
+</div>

src/pages/index.astro

@@ -8,6 +8,7 @@ import ParticipateSection from "../components/section/ParticipateSection.astro";
 import CarouselSection from "../components/section/CarouselSection.astro";
 import InfoSection from "../components/section/InfoSection.astro";
 import IdentitySection from "../components/section/IdentitySection.astro";
+import AuthoritySection from "../components/section/AuthoritySection.astro";
 
 import { infoboxes } from "../data/content/infosection.js";
 import ColorSection from "../components/section/ColorSection.astro";
@@ -37,13 +38,9 @@ const carouselImages3 = [
 
   <CarouselSection images={carouselImages3} />
 
-  <IdentitySection bgColor="bg-white" initTitle="Identidad Institucional" title="El Centro del Reino de Paz y Justicia" text=`El Centro del Reino de Paz y Justicia es una organización internacional conformada por miles de voluntarios distribuidos en numerosos países, que actúan de manera coordinada bajo el liderazgo y la guía del Dr. José Benjamín Pérez Matos, único referente del CPyJ.\n
+  <IdentitySection bgColor="bg-white" colorText="text-[#003421]" initTitle="Identidad Institucional" title="El Centro del Reino de Paz y Justicia" />
 
-El Centro cuenta con presencia activa en distintos continentes, articulando personas, líderes, comunidades e instituciones que comparten una visión común: llevar los valores del Reino al espacio público y afrontar, con responsabilidad y convicción, los desafíos que atraviesa el mundo actual.\n
-
-El CPyJ nace con una misión clara: tender puentes entre la fe y la acción en el ámbito público, integrando reflexión espiritual, formación intelectual y compromiso práctico, con el objetivo de preparar el camino hacia una nueva era, marcada por un orden más justo, una paz verdadera y un mundo mejor, conforme a la visión profética.\n
-
-Su mirada es estratégica, internacional y orientada al futuro, consciente de los conflictos emergentes, las tensiones culturales, los desafíos geopolíticos y la necesidad de liderazgos sólidos capaces de actuar con claridad en tiempos de transformación global.` />
+  <AuthoritySection bgColor="bg-[#003421]" titleColor="text-secondary" descColor="text-[#EBE6D2]" />
 
   <TitleSection title="Dr. José Benjamín Pérez Matos | Trayectoria" />