fix: mejorar responsividad del panel de generación en rotaciones

public/assets/css/style.css

@@ -323,6 +323,17 @@ body {
     justify-content: flex-end;
 }
 
+.form-row {
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.form-row .form-control {
+    width: auto;
+}
+
 /* Media Queries */
 @media (max-width: 768px) {
     .navbar {
@@ -377,6 +388,16 @@ body {
         margin: 1rem;
         padding: 1.5rem;
     }
+
+    .form-row {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .form-row .form-control,
+    .form-row .btn {
+        width: 100% !important;
+    }
 }
 
 @media (max-width: 480px) {

public/rotaciones.php

@@ -48,12 +48,12 @@ if (isPost() && ($auth->isAdmin() || $auth->isCoordinador())) {
                 <h3 class="card-title" style="font-size: 1rem; margin-bottom: 1rem;">⚙️ Panel de Generación</h3>
                 <form method="POST" onsubmit="return confirm('¿Estás seguro de generar nuevas rotaciones?')">
                     <input type="hidden" name="csrf_token" value="<?= csrfToken() ?>">
-                    <div style="display: flex; gap: 1rem; align-items: center;">
-                        <select name="type" class="form-control" style="width: auto;">
+                    <div class="form-row">
+                        <select name="type" class="form-control">
                             <option value="extend">Extender (Agregar al final)</option>
                             <option value="regenerate">Regenerar (Borrar futuras y rehacer)</option>
                         </select>
-                        <select name="weeks" class="form-control" style="width: auto;">
+                        <select name="weeks" class="form-control">
                             <option value="4">4 Semanas</option>
                             <option value="8" selected>8 Semanas</option>
                             <option value="12">12 Semanas</option>