Update templates/especialidad.html

templates/especialidad.html

@@ -27,21 +27,19 @@
         /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
         @media screen and (max-width: 768px) {
             .quiro {
-                font-size: 2.5rem;
+                font-size: 2.5rem; /* Reducir el tamaño de la fuente */
             }
-        }
 
-        input[type="button"] {
-            width: 78%;
-            background-color: #3498db;
-            color: #fff;
-            font-size: 2.5rem;
-            margin: 10px 0;
-            padding: 15px;
+            input[type="button"] {
+                width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
+            }
         }
 
-        img {
-            max-width: 100%;
+        /* Estilos para pantallas medianas y grandes (más de 768px) */
+        @media screen and (min-width: 769px) {
+            .quiro {
+                font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
+            }
         }
     </style>
 </head>