styles

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