cambios menores en UI y validacion de que login funcione correctamente

frontend/index.html

@@ -162,7 +162,6 @@
           <option value="hot">Más activos</option>
           <option value="bullish-trend">Tendencia alcista</option>
           <option value="bearish-trend">Tendencia bajista</option>
-          <option value="volatile">Más volátiles</option>
           <option value="high-volume">Alto volumen</option>
           <option value="open-only">Mercados Abiertos</option>
         </select>

frontend/src/app.js

@@ -257,13 +257,6 @@ function filterByTrend(markets, trendType) {
         .sort((a, b) => a.momentum - b.momentum)
         .map((w) => w.market)
 
-    case 'volatile':
-      // Más volátiles = mayor desviación estándar de cambios
-      return withTrend
-        .filter((w) => w.volatility > 0.3)
-        .sort((a, b) => b.volatility - a.volatility)
-        .map((w) => w.market)
-
     case 'high-volume':
       // Alto volumen
       return withTrend

frontend/src/style.css

@@ -324,8 +324,8 @@ h6 { font-size: var(--fs-h6); line-height: 1.4;  font-weight: 500; }
   font-family: var(--font-mono);
   outline: none;
   cursor: pointer;
-  min-width: 140px;
-  max-width: 180px;
+  min-width: 160px;
+  max-width: 240px;
   appearance: none;
   -webkit-appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b90a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");