Merge pull request 'styles' (#6) from develop into master

Reviewed-on: #6

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 3246",
     "lint": "next lint"
   },
   "dependencies": {

src/app/(public)/page.tsx

@@ -51,7 +51,8 @@ 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 (

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>

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>
   );

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>
+  );
 }

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 {

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;