/* Panel de módulos — lo propio de esta pantalla.
   El estilo de los grupos (`grupo-campos`) y de los botones al 50 % en móvil
   (`acciones-cabecera`) viene de `personalizados.css`: acá solo va lo que no
   sirve en ninguna otra pantalla. */

/* La tarjeta de cada módulo, apagada, no desaparece: se atenúa. Un módulo que se
   esconde al apagarlo obliga a recordar qué había ahí para volver a encenderlo. */
#modAreas .border.rounded {
  transition: opacity .15s ease;
}

/* El interruptor, un poco más grande que el de Bootstrap: es el control que se usa
   treinta veces seguidas en esta pantalla. */
#modAreas .form-check-input {
  width: 2.25em;
  height: 1.15em;
  cursor: pointer;
}