Merge pull request #16 from enflujo/pistas-estilos-celular

✨ Ficha técnica en tamaños de pantalla pequeña y grande

src/componentes/Ficha.astro

@@ -68,12 +68,13 @@
 <style lang="scss">
   @import '@/scss/constantes';
   #contenedorFicha {
-    height: 80vh;
-    width: 50vw;
+    max-height: calc(100vh - 50px);
+    width: 96vw;
     position: absolute;
     display: none;
     overflow-y: scroll;
-    left: 50vw;
+    right: 2vw;
+    top: 60px;
     background-color: var(--fondoVerdeOscuro);
     color: var(--textoClaro);
     z-index: 5;
@@ -91,6 +92,15 @@
         background-color: var(--resaltadoVerde);
         flex-basis: 90%;
         margin: 0;
+        padding: 0.5em 0;
+      }
+
+      #listaFicha {
+        margin: 0;
+      }
+
+      #tituloFicha {
+        margin: 0;
       }
 
       #conteoFicha {
@@ -139,4 +149,13 @@
       opacity: 0.7;
     }
   }
+
+  // Cambiar estilos según tamaño de pantalla
+  @media screen and (min-width: $corte3) {
+    #contenedorFicha {
+      max-height: calc(100vh - 50px);
+      width: 35vw;
+      right: 0;
+    }
+  }
 </style>