feat(accordion): implement reusable accordion component with multiple item support

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html

@@ -395,6 +395,44 @@
 
       <hr class="section-divider" />
 
+      <div class="accordion-showcase">
+        <h2>Accordion</h2>
+        <p class="text-muted mb-4">
+          Accordion reutilizable basado en las clases globales de Bootstrap. Por defecto mantiene
+          un solo item abierto.
+        </p>
+
+        <app-accordion>
+          <app-accordion-item title="¿Cómo realizo una compra?" [open]="true">
+            Elegí el producto, seleccioná sus variantes y agregalo al carrito. Desde allí podés
+            revisar el pedido y continuar al checkout.
+          </app-accordion-item>
+
+          <app-accordion-item title="¿Qué medios de pago están disponibles?">
+            Los medios de pago dependen de la configuración de cada tienda y se muestran durante
+            el checkout.
+          </app-accordion-item>
+
+          <app-accordion-item title="Item deshabilitado" [disabled]="true">
+            Este contenido no puede abrirse.
+          </app-accordion-item>
+        </app-accordion>
+
+        <h3 class="h5 mt-5 mb-3">Variante múltiple y flush</h3>
+
+        <app-accordion [allowMultiple]="true" [flush]="true">
+          <app-accordion-item title="Envíos">
+            La tienda informa los métodos y costos de envío disponibles para cada pedido.
+          </app-accordion-item>
+
+          <app-accordion-item title="Cambios y devoluciones">
+            Las condiciones de cambio y devolución son definidas por cada comercio.
+          </app-accordion-item>
+        </app-accordion>
+      </div>
+
+      <hr class="section-divider" />
+
       <div class="cart-showcase">
         <div class="cart-showcase__header">
           <div>

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts

@@ -16,6 +16,8 @@ import { StepperComponent } from '../../../../shared/components/stepper/stepper.
 import { StepComponent } from '../../../../shared/components/stepper/step.component';
 import { CarouselComponent } from '../../../../shared/components/carousel/carousel.component';
 import { MainCarouselComponent } from '../../../../shared/components/main-carousel/main-carousel.component';
+import { AccordionComponent } from '../../../../shared/components/accordion/accordion.component';
+import { AccordionItemComponent } from '../../../../shared/components/accordion/accordion-item.component';
 
 interface CarouselProductMock {
   id: number;
@@ -43,6 +45,8 @@ interface CarouselProductMock {
     StepComponent,
     CarouselComponent,
     MainCarouselComponent,
+    AccordionComponent,
+    AccordionItemComponent,
   ],
   templateUrl: './reutilizables-test-page.component.html',
   styleUrl: './reutilizables-test-page.component.scss',