diff --git a/package.json b/package.json
index 0fe53fd..c76b57b 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start:local": "next build && next start -p 3246",
-    "start": "source ~/.nvm/nvm.sh && nvm use 22.10.0 && npm install && next build && next start -p 3246",
+    "start:dev": "source ~/.nvm/nvm.sh && nvm use 22.10.0 && npm install && next build && next start -p 3246",
+    "start:prod": "source ~/.nvm/nvm.sh && nvm use 22.10.0 && npm install && next build && next start -p 3240",
     "lint": "next lint"
   },
   "dependencies": {
diff --git a/src/app/(admins)/administrador/formulario/[id_formulario]/page.tsx b/src/app/(admins)/administrador/formulario/[id_formulario]/page.tsx
index 0992585..fe68614 100644
--- a/src/app/(admins)/administrador/formulario/[id_formulario]/page.tsx
+++ b/src/app/(admins)/administrador/formulario/[id_formulario]/page.tsx
@@ -1,8 +1,10 @@
 'use client';
+import Button from '@/components/button';
 import Input from '@/components/input';
 import Table, { Header } from '@/components/table';
 import { ParticipacionEvento } from '@/types/participante-evento';
 import axiosInstance from '@/utils/api-config';
+import { downloadFile } from '@/utils/downloas-utils';
 import { useParams } from 'next/navigation';
 import React, { useEffect } from 'react';
 import toast from 'react-hot-toast';
@@ -116,10 +118,29 @@ export default function Page() {
     p.participante.correo.toLowerCase().includes(busquedaCorreo.toLowerCase())
   );
 
+  const handleDownload = async () => {
+    try {
+      const res = await axiosInstance.get(
+        `/cuestionario-respondido/reporte-respuestas/${id_formulario}`,
+        {
+          responseType: 'blob',
+        }
+      );
+
+      downloadFile(res.data, 'lista_participantes', 'xlsx');
+    } catch (error) {
+      toast.error('Error al descargar la lista de participantes');
+      console.error('Error al descargar la lista de participantes:', error);
+    }
+  };
+
   return (
     <div>
       <h2 className="mb-4">Participantes del formulario #{id_formulario}</h2>
 
+      <Button icon="download" onClick={handleDownload} className="mt-2">
+        Descargar lista
+      </Button>
       {participantes.length > 0 && (
         <>
           <Input
diff --git a/src/app/(admins)/administrador/page.tsx b/src/app/(admins)/administrador/page.tsx
index dc3f8c6..f0b7b9e 100644
--- a/src/app/(admins)/administrador/page.tsx
+++ b/src/app/(admins)/administrador/page.tsx
@@ -44,21 +44,25 @@ export default function Page() {
 
   return (
     <>
-      <div className="cards-1 mt-3">
+      <div className="cards-1 mt-5">
         <div className="container">
           <div className="row">
-            {eventos.map((cuestionario) => (
-              <FormularioCard
-                key={cuestionario.id_cuestionario}
-                cuestionario={cuestionario}
-                link={`/administrador/formulario/${cuestionario.id_cuestionario}`}
-              />
-            ))}
-            {eventos.length === 0 && (
-              <p className="text-center text-muted">
-                No hay formularios disponibles.
-              </p>
-            )}
+            {eventos.map((cuestionario, index) => {
+              const fadeClass = `delay-${(index % 5) + 1}`;
+
+              return (
+                <div
+                  className={`col-md-4 my-4 fade-in-up-bounce ${fadeClass}`}
+                  key={cuestionario.id_cuestionario}
+                >
+                  <FormularioCard
+                    cuestionario={cuestionario}
+                    link={`/administrador/formulario/${cuestionario.id_cuestionario}`}
+                    button_message="Registrarse"
+                  />
+                </div>
+              );
+            })}
           </div>
         </div>
       </div>
diff --git a/src/app/(admins)/staff/lista-manual/page.tsx b/src/app/(admins)/staff/lista-manual/page.tsx
index fbec8d3..2dfcfe6 100644
--- a/src/app/(admins)/staff/lista-manual/page.tsx
+++ b/src/app/(admins)/staff/lista-manual/page.tsx
@@ -6,7 +6,6 @@ import Table, { Header } from '@/components/table';
 import { GetCuestionario } from '@/types/cuestionario';
 import { ParticipacionEvento } from '@/types/participante-evento';
 import axiosInstance from '@/utils/api-config';
-import { downloadFile } from '@/utils/downloas-utils';
 import React, { useEffect } from 'react';
 import toast from 'react-hot-toast';
 
@@ -73,9 +72,6 @@ export default function Page() {
     Record<number, boolean>
   >({});
   const [busquedaCorreo, setBusquedaCorreo] = React.useState('');
-  const [idEventoSeleccionado, setIdEventoSeleccionado] = React.useState<
-    number | null
-  >(null);
 
   useEffect(() => {
     const getEventos = async () => {
@@ -93,7 +89,6 @@ export default function Page() {
 
   const handleOnSelect = async (idSeleccionado: number) => {
     try {
-      setIdEventoSeleccionado(idSeleccionado);
       const { data } = await axiosInstance.get<ParticipacionEvento[]>(
         `/participante-evento/evento/${idSeleccionado}`
       );
@@ -128,22 +123,6 @@ export default function Page() {
     p.participante.correo.toLowerCase().includes(busquedaCorreo.toLowerCase())
   );
 
-  const handleDownload = async () => {
-    try {
-      const res = await axiosInstance.get(
-        `/cuestionario-respondido/reporte-respuestas/${idEventoSeleccionado}`,
-        {
-          responseType: 'blob',
-        }
-      );
-
-      downloadFile(res.data, 'lista_participantes', 'xlsx');
-    } catch (error) {
-      toast.error('Error al descargar la lista de participantes');
-      console.error('Error al descargar la lista de participantes:', error);
-    }
-  };
-
   return (
     <div>
       <Select
@@ -160,9 +139,6 @@ export default function Page() {
       />
       {participantes.length > 0 && (
         <>
-          <Button icon="download" onClick={handleDownload}>
-            Descargar lista
-          </Button>
           <Input
             label="Buscar por correo"
             placeholder="ejemplo@correo.com"
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index f5831d5..2e4a618 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -51,12 +51,13 @@ export default function Page() {
       .replace(/^-+|-+$/g, '');
   }
 
-  if (loading) return <div>Cargando cuestionarios...</div>;
+  if (loading)
+    return <div className="text-center">Cargando cuestionarios...</div>;
   if (error) return <div>{error}</div>;
 
   return (
     <>
-      <div className="mx-auto my-5 fade-in-down-bounce">
+      <div className="mx-auto mb-5 mt-3 fade-in-down-bounce">
         <ClientCarousel />
       </div>
       <div className="cards-1 mt-5">
diff --git a/src/components/formulario-card.tsx b/src/components/formulario-card.tsx
index b8d6784..a1dca6c 100644
--- a/src/components/formulario-card.tsx
+++ b/src/components/formulario-card.tsx
@@ -31,7 +31,7 @@ export default function FormularioCard({
   return (
     <div className="card card-blog d-flex flex-column justify-content-between">
       <div>
-        <div className="card-image">
+        <div className="card-image scale-hover-1">
           <Link href={link}>
             <Image
               width={400}
@@ -66,7 +66,7 @@ export default function FormularioCard({
               onClick={() => router.push(link)}
               outline
               className="mt-3 w-100 py-1 rounded"
-              variant="primary"
+              variant="azul"
             >
               {button_message}
             </Button>
diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
index 486d041..0d86483 100644
--- a/src/components/layout/footer.tsx
+++ b/src/components/layout/footer.tsx
@@ -5,15 +5,15 @@ export default function Footer() {
   const year = date.getFullYear();
 
   return (
-    <footer className='bg-azul p-3 text-center text-white small'>
-      <p className='m-0'>
+    <footer className="bg-azul p-3 text-center text-white small">
+      <p className="m-0">
         Hecho en México. Todos los derechos reservados {year}.
       </p>
-      <p className='m-0'>
-        Esta página puede ser reproducida con fines no lucrativos,
-        siempre y cuando no se mutile, se cite la fuente completa y su
-        dirección electrónica. De otra forma, requiere permiso previo
-        por escrito de la institución.
+      <p className="m-0">
+        Esta página puede ser reproducida con fines no lucrativos, siempre y
+        cuando no se mutile, se cite la fuente completa y su dirección
+        electrónica. De otra forma, requiere permiso previo por escrito de la
+        institución.
       </p>
     </footer>
   );
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index 9289b5f..a766c96 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -3,30 +3,30 @@ import React from 'react';
 import Link from 'next/link';
 
 export default function Header({ small = false }: { small?: boolean }) {
-    return (
-        <header className='bg-azul p-3'>
-            <div className='container flex-center justify-content-sm-between'>
-                <Link
-                    href={'https://www.unam.mx/'}
-                    target='_blank'
-                    className='d-none d-sm-block'
-                >
-                    <Image
-                        src='/logo-unam.png'
-                        alt='Logo de la UNAM'
-                        width={small ? 200 : 280}
-                        height={small ? 60 : 84}
-                    />
-                </Link>
-                <Link href={'https://acatlan.unam.mx/'} target='_blank'>
-                    <Image
-                        src='/logo-fes.png'
-                        alt='Logo de la fes Acatlàn'
-                        width={small ? 200 : 250}
-                        height={small ? 48 : 60}
-                    />
-                </Link>
-            </div>
-        </header>
-    );
+  return (
+    <header className="bg-azul p-3">
+      <div className="container flex-center justify-content-sm-between">
+        <Link
+          href={'https://www.unam.mx/'}
+          target="_blank"
+          className="d-none d-sm-block"
+        >
+          <Image
+            src="/logo-unam.png"
+            alt="Logo de la UNAM"
+            width={small ? 200 : 280}
+            height={small ? 60 : 84}
+          />
+        </Link>
+        <Link href={'https://acatlan.unam.mx/'} target="_blank">
+          <Image
+            src="/logo-fes.png"
+            alt="Logo de la fes Acatlàn"
+            width={small ? 200 : 250}
+            height={small ? 48 : 60}
+          />
+        </Link>
+      </div>
+    </header>
+  );
 }
diff --git a/src/styles/sass/_utilities.scss b/src/styles/sass/_utilities.scss
index fd643e1..a28281f 100644
--- a/src/styles/sass/_utilities.scss
+++ b/src/styles/sass/_utilities.scss
@@ -1,11 +1,11 @@
 // Archivo: _utilities.scss
 
 $hover-scales: (
-  1: 1.05,
-  2: 1.1,
-  3: 1.15,
-  4: 1.2,
-  5: 1.25,
+  1: 1.025,
+  2: 1.05,
+  3: 1.075,
+  4: 1.1,
+  5: 1.125,
 );
 
 @each $key, $value in $hover-scales {
diff --git a/src/styles/sass/bootstrap.scss b/src/styles/sass/bootstrap.scss
index 678483c..b96d502 100644
--- a/src/styles/sass/bootstrap.scss
+++ b/src/styles/sass/bootstrap.scss
@@ -72,7 +72,6 @@ ul.list-unstyled li {
     position: relative;
     overflow: hidden;
     margin: -1.5rem 1rem 0;
-    height: 60%;
     @extend .rounded;
     @extend .shadow;
 
@@ -82,7 +81,7 @@ ul.list-unstyled li {
       bottom: 0;
       left: 0;
       width: 100%;
-      height: 50%; // ajusta según el tamaño deseado
+      height: 80%; // ajusta según el tamaño deseado
       background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
       pointer-events: none;
       z-index: 1;